html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{  
    margin:0;  
    padding:0;  
    -webkit-text-size-adjust:none;
	font-size:14px;
	line-height:24px;
}  

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/******Handy class***************/
.fll{float:left;}
.flr{float:right;}
.hidden{display:none;}
.block{display:block;}
.disabled {
	pointer-events: none;
	opacity: 0.7;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
/* IE6/7 support */
.clearfix {
	*zoom: 1;
}
.hide_text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.break {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/******Project class***************/
*{	
	margin:0px;padding:0px;
}
ul{
	list-style:none;
}
.content-website ul{
	list-style:square;
	list-style-position:inside;
}
.content-website ol{
	list-style:decimal;
	list-style-position:inside;
}

a{
	text-decoration:none;
}
a img{
	border:0px;
	outline:none;
}
img{
	max-width:100%;
}
.clear{
	clear:both;
	display:block;
}
input,textarea{
	outline:none;
	font-size:13px;
}

@font-face {
    font-family: 'npb-lightlight';
    src: url('npb-light-webfont.eot');
    src: url('npb-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('npb-light-webfont.woff') format('woff'),
         url('npb-light-webfont.ttf') format('truetype'),
         url('npb-light-webfont.svg#npb-lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'npb-thinthin';
    src: url('npb-thin-webfont.eot');
    src: url('npb-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('npb-thin-webfont.woff') format('woff'),
         url('npb-thin-webfont.ttf') format('truetype'),
         url('npb-thin-webfont.svg#npb-thinthin') format('svg');
    font-weight: normal;
    font-style: normal;

}
/**
 * Icon
 */

.hoverimage{
  position: relative;
  overflow: hidden;  
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
  font-family: sans-serif;
}

/**
 * The "shine" element
 */

.hoverimage:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */

.hoverimage:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */

.hoverimage:active:after {
  opacity: 0;
}
body{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:20px;
}
.body-website{
}
.header{
	margin-top:1px;
}
.container{
	padding-top:0px;
}
.feature-home{
	position:relative;
}
.list-static-home{
	width:1140px;
	position:absolute;
	bottom:3px;
	left:50%;
	margin-left:-570px;
	z-index:990;
}
.list-static-home li{
	float:right;
	margin-left:20px;
	background:url(../images/hotline.png);
	padding:10px;
	width:197px;
}
.list-static-home li:hover{
	background:#0201fd;
}
.title-static-home{
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	display:block;
	line-height:20px;
	text-align:center;
	padding-bottom:6px;
}
.image-static-home{
	display:block;
}
.image-static-home img{
	width:195px;
	border:1px #fff solid;
	display:block;
}
.banner{
	width:1000px;
	margin:0px auto 8px;
	padding-top:5px;
}
.logo img{
	display:block;
	height:140px;
}
.right-banner{
	width:70%;
	text-align:right;
}
.right-banner .block-banner{
	float:left;
}
.row-header02{
	margin-bottom:4px;
	font-size:13px;
	font-weight:bold;
	color:#ed1c24;
}
.row-header01{
	margin-bottom:4px;
	font-size:13px;
	color:#0096da;
}

.list-share{
	float:right;
	margin-left:10px;
}
.list-share li{
	float:left;
	margin-left:13px;
}
.list-share li a:hover{
	opacity:0.8;
	display:block;
}
.box-search{
	width:32%;
	height:26px;
	padding-left:36px;
	background:#ffffff url('../images/icon-search.png') no-repeat 9px 4px;
	float:right;
	border:2px #a8d3db solid;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.box-search input{
	height:26px;
	line-height:26px;
	background:transparent;
	border:none;
}
.feature{
	margin-bottom:20px!important;
}
.main-banner{
	width:825px;
	float:left;
}
.box-search-fiter{
	width:255px;
	float:right;
	min-height:348px;
	background:#e2e2e2;
}
.box-introdution{
	padding:77px 0px 64px 0px;
	background:#fff;
}
.wrapper{
	width:1130px;
	margin:auto;
}
.left-introdution{
	width:49%;
}
.title-website{
	color:#233a7b;
	font-size:28px;
	margin-bottom:10px;
	line-height:36px;
}
.summary-home{
	color:#636363;
	font-size:14px;
	margin-bottom:10px;
}
.link-video{
	color:#233a7b;
	padding-right:35px;
	background:url('../images/bg-video.png') no-repeat center right;
}
.link-video:hover{
	color:#f58e32;
}
.right-introdution{
	width:49%;
}

.detail{
	overflow:hidden;
}
.detail p{
	margin-bottom:6px;
}
.detail img{
	margin-bottom:5px;
	max-width:100%;
	height:auto!important;
}
.detail .box-slide img{
	margin:0px auto 0px!important;
}


.detail *{
	line-height:24px!important;

}

.detail table{
	margin-bottom:10px;
	border:1px #999 solid;
}
.detail table td{
	padding:5px 10px!important;
	border:1px #999 solid;
}

/* list product */
.block-product{
	background:#fff;
}
.header-block-product{
	padding:40px 0px 40px 0px;
	text-align:center;
	background:#233a7b;
	margin-bottom:100px;
	position:relative;
}
.header-block-product h2{
	color:#fefefe;
	font-weight: normal;
	font-size:32px;
	font-family: 'Alegreya Sans', sans-serif;
}
.arrow01{
	position:absolute;
	left:50%;
	bottom:-21px;
	width:40px;
	margin-left:-20px;
	height:21px;
	display:block;
	z-index:2;
	background:url('../images/arrow01.png') no-repeat;
}
.list-product{

}
.product-item{
	width:26.2%;
	padding:20px 1%;
	border:1px #e6e6e6 solid;
	float:left;
	margin:0px 2% 75px 2%;
	text-align:center;
}
.image-product-item{
	display:block;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
}
.image-product-item:hover{
	opacity:0.8;
}

.image-product-item img{
	display:block;
	margin:auto;
}
.title-product-item{
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
	height:40px;
}
.title-product-item a{
	color:#0b823e;
	font-size:18px;
	font-weight:lighter;
	text-align:center;
}
.title-product-item a:hover{
	color:#f58e32;
}

.product-item p{
	height:60px;
	margin-bottom:15px;
	color:#505050;
	text-align:justify;
	font-size:13px;
}

.view-detail{
	color:#525252;
	font-size:14px;
	background:#e9e9e9;
	line-height:20px;
	padding:6px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:auto;
}
.view-detail:hover{
	background:#dcdcdc;
}


.box-introdution02{
	padding:1px 0px 0px 0px;
	background:#c3eeeb;
}
.left-introdution02{
	width:45%;
	margin-top:70px;
}
.title02{
	color:#233a7b;
	font-size:32px;
	line-height:36px;
	font-weight:normal;
	margin-bottom:10px;
}
.summary-home{
	color:#636363;
	font-size:14px;
	margin-bottom:10px;
}
.right-introdution02{
	width:45%;
}
.right-introdution02 img{
	width:100%;
}
.list-introdution li{
	float:left;
	margin-right:10px;
	padding-left:10px;
	border-left:1px #233a7b solid;
	line-height:14px;
}
.list-introdution li:first-child{
	padding-left:0px;
	border-left:none;
}
.list-introdution a{
	color:#233a7b;
}
.list-introdution a:hover{
	color:#f58e32;
}
.group-news{
	padding:50px 0px 60px 0px;
	width:1000px;
	margin:auto;
}
.box-news-home{
	width:47%;
}
.box-news-home h3{
	color:#233a7b;
	font-size:26px;
	font-weight:normal;
	margin-bottom:40px;
}
.item-news-home{
	width:46%;
	margin-bottom:10px;
}
.image-item-box-group01{
	display:block;
	margin-bottom:10px;
}
.image-item-box-group01 img{
	width:100%;
	display:block;
}
.title-item-box-group01{
	color:#565656;
}
.title-item-box-group01:hover{
	color:#f58e32;
}
.item-list-news-home{
	margin-bottom:5px;
	clear:both;
}
.item-list-news-home a{
	color:#233a7b;
}
.item-list-news-home a:hover{
	color:#f58e32;
}
.footer{
	background:#0201fd;
	padding:32px 0px 20px 0px;
	border-top:1px #0201fd solid;
}
.bottom-footer{
	width:100%;
	height:88px;
	display:block;
	background:url(../images/image-footer.png) no-repeat top center;
}


.list-footer{
	margin-top:5px;
	color:#6d6d6d;
	font-size:12px;
	padding:10px 0px;
}
.list-footer li{
	float:left;
	margin-right:12px;
	padding-left:12px;
	border-left:1px #233a7b solid;
	line-height:10px;
}
.list-footer li:first-child{
	padding-left:0px;
	border-left:none;
}
.list-footer a{
	color:#233a7b;
	font-size:12px;
}
.list-footer a:hover{
	color:#f58e32;
}
.header-footer{
	margin-bottom:20px;
}
.body-dieuhuong{
	margin:0px 0px 0px 0px;
}
.body-dieuhuong ul li{
	float:left;
	color:#434343;
	line-height:33px;
	font-size:13px;
}
.body-dieuhuong ul li a{
	color:#434343;
	line-height:33px;
	margin-right:3px;
}
.body-dieuhuong ul li a:hover{
	text-decoration:underline;
}
.primary{
	width:920px;
	float:right;
	margin-bottom:30px;
}
.sidebar{
	width:192px;
	float:left;
	margin-bottom:30px;
}
.sidebar .block-banner img{
	display:block;
	width:100%;
}
.height10{
	display:block;
	height:20px;
}
.group-products{
	margin-bottom:20px;
}
.box-product{
	width:100%;
}
.product-list{
	width:361px;
	margin:0px 20px 20px 0px;
	float:left;
	border:1px #e7e5e5 solid;
	position:relative;
}
.product-list02{
	margin:0px 0px 20px 0%;
}
.product-list:nth-child(3n) {
	   margin:0px 0px 20px 0px;
}
.marign-left0{
	margin:0px 0px 20px 0px;
	}
.attr-duan01{
	margin:0px 10px 0px 10px;
	border-top:1px #e7e5e5 solid;
	padding:5px 0px;
}
.attr-duan01 li{
}
.attr-duan01 span.attr-price{
	color:#f00;
	text-align:right;
	font-weight:bold;
	display:block;
}
.attr-duan01 span{
	font-family: 'Roboto', sans-serif;
}
.label-attr-duan{
	width:75px;
	display:inline-block;
}
.vaule-attr-duan{
	font-weight:bold;
	padding-left:10px;
}
.diachi{
	background:url('../images/icon-adrress.png') no-repeat 0px 0px;
	background-size:15px 18px;
	padding:0px 0px 0px 20px;
	margin: 0px 7px 5px 7px;
	height:36px;
	line-height:18px;
	overflow:hidden;
	display:block;
}
.attr-duan01 span.attr-dientich{
	background:url('../images/icon-area.png') no-repeat 0px 5px;
	background-size:25px 18px;
	padding:0px 10px 0px 20px;
}
.attr-duan01 span.attr-phongngu{
	background:url('../images/icon-bedroom.png') no-repeat 0px 3px;
	padding:0px 10px 0px 30px;
	background-size:25px 18px;
}
.attr-duan01 span.attr-wc{
	background:url('../images/icon-wc.png') no-repeat left center;
	padding:0px 10px 0px 20px;
	margin-left:8px;
}

.attr-duan{
	overflow:hidden;
}


.attr-duan02{
	background:#e9eef1;
	height:40px;
	line-height:40px;
	margin-bottom:0px;
}
.attr-duan02 li{
	width:50%;
	float:left;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#f36324;
}
.attr-duan02 li.item-ban{
	background:#f36324;
	color:#fff;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.attr-duan02 li.item-ban-thue{
	/*background:#0201fd url('../images/bg-type.png') no-repeat top right;*/
	background:#0201fd;
	color:#fff;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}



.box-note-duan{
	width:99%;
	position:absolute;
	top:10px;
	left:0%;
	z-index:10;
}
.box-note-duan span{
	color:#fff;
	font-size:16px;
	line-height:30px;
	display:inline-block;
	padding:0px 20px;
	margin-right:0px;
	background:#0201fd;
}


.box-note-duan span.noi-bat{
	background:#f36324;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.box-note-duan span.moi{
	background:#00923f;
}
.box-note-duan span.hot{
	background:#36325e;
}

.box-note-duan span.ban{
	background:#c00009;
}



.title-product-list{
	color:#505866;
	font-size:14px;
	font-weight:bold;
	display:block;
	line-height:22px;
	height:44px;
	overflow:hidden;
	margin:0px 10px 5px 10px;
}
.title-product-list:hover{
	color:#0201fd;
}
.address-duan{
	display:block;
	text-align:center;
	line-height:16px;
	overflow:hidden;
	color:#505050;
	font-size:13px;
	margin:0px 10px;
}
.sumary-list{
	margin-bottom:8px;
}
.read-more-list{
	color:#525252;
	background:#e9e9e9;
	font-size:14px;
	display:block;
	height:32px;
	line-height:32px;
	float:left;
	padding:0px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.read-more-list:hover{
	color:#fff;
	background:#233a7b;
}
.body-fix-main-nav .list-language{
	display:none;
}
.body-wrapper{

}
.body-wrapper-content{
}
.box-main-menu{
	height:45px;
	background: #0201fd;
	width:100%;
	margin-bottom:10px;
}
.box-primary{
	margin-bottom:10px;
}
.header01{
	height:32px;
	line-height:32px;
	margin-bottom:20px;
	font-size:26px;
	border-bottom:1px #0201fd solid;
}
.category-parent{
	color:#0201fd;
	font-size:18px;
	display:block;
	float:left;
	text-transform:uppercase;
}
.header03{
	height:36px;
	margin:0px auto 20px;
	font-weight:normal;
	background:url('../images/bg-header.png') repeat-x bottom left;
}
.header03 a,.header03 span{
	line-height:38px;
	height:36px;
	text-align:left;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:MyriadPro-BoldCond;
	font-weight:bold;
	background:#ff3c00;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	padding:0px 20px;
	float:left;
}
.header03 a:hover{
	color:#fff;
	background:#e70041;
}

.header04{
	height:34px;
	line-height:34px;
	width:250px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:lighter;
	font-family: MyriadPro-Light;
	background:#65d82b;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:0px auto 20px;
	clear:both;
}
.header04 a{
	height:34px;
	line-height:34px;
	text-align:center;
	color:#fff;
	font-size:18px;
	text-transform:capitalize;
	font-weight:lighter;
	font-family: MyriadPro-Light;
}
.header04 a:hover{
	opacity:0.8;
}

.header05{
	background:#0201fd;
	color:#fff;
	text-align:center;
	padding:0px 0px 0px 10px;
	line-height:40px;
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.image-list-product{
	display:block;
	margin-bottom:10px;
}
.image-list-product img{
	display:block;
	width:100%;
}
.box-attr-duan01{
	width:100%;
	padding:0px 5px;
	height:36px;
	line-height:30px;
	margin-left:-5px;
	background:url('../images/bg-attr-duan.png') no-repeat top left;
}
.attr-area{
	position:absolute;
	top:0px;
	right:0px;
	padding: 2px 10px;
    background: rgba(234,169,39,0.8);
	line-height:24px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	z-index:2;
	display:block;
}

.box-map{
	width:928px;
	margin:0px auto 30px;
}
.header02{
	font-size:14px;
	border-bottom:1px #cecece solid;
	margin-bottom:30px;
	text-align:center;
}
.header02 a{
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#000;
	border-bottom:2px #e33536 solid;
	display:inline-block;
}
.note-news{
	text-align:center;
	font-size:18px;
	margin-bottom:20px;
	color:#999;
}

.margin30{
	margin-bottom:30px;
}


.group-image{
	margin:30px 0px;
}
.box-image{
	text-align:center;
	padding:20px 0px;
}
.background-image{
	background:#f8f7f7;
}
.box-image img{
	margin:0px auto 6px;
	display:block;
	max-width:80%;
}
.box-image span{
	margin:auto;
	display:block;
	font-size:14px;
}

/* group-support */
.group-support{
	border: 1px #b5c4cc solid;
    padding: 20px 0px 30px 0px;
    background: #f9f9f9;
    margin-bottom:20px!important;
}
.group-support h4{
	color: #333;
    font-size: 22px;
    margin-bottom: 10px;
    font-family:MyriadPro-Light;
    font-weight:lighter;
    text-transform:uppercase;
    text-align:center;
    margin:5px auto 30px;
}
.group-support h5{
	color: #595959;
    font-size: 20px;
    font-family:MyriadPro-Light;
    font-weight:lighter;
    text-transform:uppercase;
    text-align:center;
	margin-bottom:35px;
}
.list-support{
	width:100%;
	margin:auto;
	text-align:center;
	border-bottom:1px #262457 solid;
	padding-bottom:10px;
	margin-bottom:10px;
}

.list-support li{
	width:25%;
	margin:0px 0% 0px 0%;
	float:left;
}



.list-support li img{
	display:block;
	height:15px;
	float:left;
	margin:5px 15px 0px 0px;
}
.right-item-support{
	float:left;
}
.list-support li span{
	display:block;
}
.support-name{
	color: #fff;
    font-size:12px;
    text-align:left;
}
.phone-support{
	color:#00a6bd;
    font-size: 14px;
    font-weight: bold;
    text-align:left;
}
.col01-botton-footer{
	width:25%;
	float:left;
}
.box-list-footer{
	width:74%;
	float:right;
}
.box-form-footer{
	float:right;
	width:20%;
	margin-left:1%;
}
.box-list-footer ul li{
	float:left;
	width:23%;
	margin:0px 2% 0px 0px;
}
.boxvideo{
	width:100%;
	padding:20px 0px;
	border-top:1px #ccc solid;
	position:relative;
}
.video-duan{
	width:100px;
	height:100px;
	display:block;
	margin:auto;
	background:url('../images/icon-video.png') no-repeat top center;
	z-index:2;
}
.video-duan:hover{
	opacity:0.5;
}

/* banner */
.banner-left{
	position:fixed;
	top:155px;
	left:0px;
	z-index:13;
}
.banner-right{
	position:fixed;
	top:155px;
	right:0px;
	z-index:13;
}
.header-bottom-footer{
	color: #fff;
    font-size: 15px;
    line-height:28px;
    text-transform: uppercase;
    display:block;
    font-weight:bold;
}
.box-form-footer .header-bottom-footer{
	margin-bottom:10px;
}

.box-list-footer ul li a{
	display:block;
	color:#fff;
	font-size:13px;
}
.box-list-footer ul li a:hover{
	color:#ffe8e8;
}


/* banner du an */
.banner-left-duan{
	position:fixed;
	top:47px;
	left:0px;
	z-index:13;
}
.banner-right-duan{
	position:fixed;
	top:47px;
	right:0px;
	z-index:13;
}


/* paging */
.web-pagination{
	text-align:center;
	padding:20px 0px 50px 0px;
	clear:both;
	width:100%;
	margin-top:20px;
}
.web-pagination a{
	padding:5px 9px;;
	font-size: 12px;
	color: #555;
	font-weight:bold;
	background:#f5f5f5;
	margin-left:1px;
}
.current{
	padding:5px 9px;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	background:#eda628;
}
/* Tag */
.tags{
    line-height: 25px;
    padding: 12px 0;
}
.tags a,
.tags span{
    display: inline-block;
    line-height: 25px;
    padding: 0 7px;
    background-color: #f1f1f1;
    color:#565656;
    margin-bottom:6px;
}
.tags span{
    font-weight: bold;
    background: #f1f1f1 url(../images/tags.png) 6px 6px no-repeat;
    padding-left: 30px;
}
.title-page{
    color: #444;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    margin: 5px auto 20px;
    padding-top:20px;
    border-top:1px #ddd solid;
}
.content-footer{
	font-size:12px;color:#6d6d6d;line-height: 22px!important;
}
.content-footer *{
	color:#fff;
}

.copyright-otit{

}

.copyright-otit a{
	color:#fff!important;
	text-transform:capitalize;
}

.copyright-otit a:hover{
	text-decoration:underline;
}
#hide{
	display:none;
	height:0px;
}
.header-video{
    color: #777676;
    font-size: 24px;
    text-transform: uppercase;
    font-family: MyriadPro-SemiboldCond;
    text-align: center;
    margin: 5px auto 20px;
}
.list-social{
	list-style:none;
	text-align:center;
}
.list-social li{
	display:inline-block;
	margin-left:15px;
}
.list-social li a{
	width:40px;
	height:40px;
	display:block;
	background-color:#a4c7db;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.list-social li a.icon-social01{
	background:#7b5303 url('../images/social-normal.png') no-repeat 2px -35px;
}
.list-social li a.icon-social01:hover{
	background:#0201fd url('../images/social-normal.png') no-repeat 2px -35px;
}

.list-social li a.icon-social02{
	background:#7b5303 url('../images/social-normal.png') no-repeat 2px -72px;
}
.list-social li a.icon-social02:hover{
	background:#0201fd url('../images/social-normal.png') no-repeat 2px -72px;
}


.list-social li a.icon-social03{
	background:#7b5303 url('../images/social-normal.png') no-repeat 2px -181px;
}
.list-social li a.icon-social03:hover{
	background:#0201fd url('../images/social-normal.png') no-repeat 2px -181px;
}


.list-social li a.icon-social04{
	background:#7b5303 url('../images/social-normal.png') no-repeat 2px -252px;
}
.list-social li a.icon-social04:hover{
	background:#0201fd url('../images/social-normal.png') no-repeat 2px -252px;
}
.box-share{
	border-top:1px #ddd solid;
	padding-top:10px;
	margin-bottom:10px;
}
.bg-group-products{
	background:url('../images/bg05.png');
	border-bottom:1px #ddd solid;
}

.hotline-mainmenu{
	color: #fff;
	font-weight:bold;
    background:#ff3c00 url('../images/icon-phone.png') no-repeat 0px 0px;
    background-color:#ff3c00;
    background-image:url('../images/icon-phone.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:24px 24px;
    height:25px;
    width:110px;
    padding-left:28px;
    line-height:25px;
    font-size:15px;
   -webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	float:right;
	margin:5px 20px 0px 0px;
}
.hotline-fixmenu{
	position:absolute;
	top:5px;
	right:50px;
	color: #fff;
	font-weight:bold;
    background:#0201fd url('../images/icon-phone.png') no-repeat 0px 0px;
    background-color:#0201fd;
    background-image:url('../images/icon-phone.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
	background-size:26px 26px;
    height:26px;
    width:130px;
    padding-left:26px;
    line-height:26px;
    font-size:16px;
    -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}

.box-main-menu-duan .hotline-mainmenu{
	top:0px;
}
.note-not-search{
	display:block;
	text-align:center;
	margin:0px 20px 10px 20px;
	font-size:13px;
}
.content-category-project{
	border:1px #ddd dashed;
	padding:10px 10px 40px 10px;
	clear:both;
	height:344px;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}
.read-more-plus, .read-more-minus {
    display: block;
    height: 36px;
    box-sizing: border-box;
    background:url('../images/read-more.png') repeat-x bottom left;
    
}
.read-more-plus {
    font-size: 16px;
    color: #0098da;
    cursor: pointer;
    text-align: center;
    background: url('../images/read-more.png') repeat-x bottom left;
    background-color: rgba(243,243,243,.9);
    position: relative;
    width: 100%;
    clear: both;
    font-weight: 400;
    display: block;
    height:36px;
    line-height:36px;
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:10;
}
.read-more-plus:after {
    content: " ";
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/xemthem.png) no-repeat center;
    margin-left: 8px;
    background-size: contain;
    background-position-y: 5px;
}
.read-more-minus {
    color: #36ace2;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    background: url('../images/read-more.png') repeat-x bottom left;
    background-color: rgba(243,243,243,.9);
    height:36px;
    width: 100%;
    line-height:36px;
    clear: both;
    font-weight: 400;
    display: none;
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:10;
}
.read-more-minus:after {
    content: " ";
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/thugon.png) no-repeat center;
    margin-left: 8px;
    background-size: contain;
    background-position-y: 5px;
}





.content-home{
    clear: both;
    margin: 0px 0px 20px 0px;
}
.block-banner-slideshow{
	margin-bottom:20px;
	border-bottom:3px #0201fd solid;
}
.feature-home .block-banner-default{
	margin-bottom:20px;
}
.feature-home .block-banner-default img{
	border-bottom:3px #0201fd solid;
	display:block;
}


.box-image-duan{
	position:relative;
}
.list-language{
	float:right;
	margin:5px 0px 0px 0px;
}
.list-language li{
	float:left;
	margin-left:10px;
	width:30px;
}
.list-language li a{
	color:#52a2b2;
	display:block;
	height:20px;
	width:28px;
	line-height:16px;
	font-size:12px;
	color:#fff;
	border:1px #fff solid;
}
.list-language li a.vietnamese{
	background-image:url('../images/vi.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:28px 20px;
}
.list-language li a.english{
	background-image:url('../images/en.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:28px 20px;

}
.list-language li a.chinese{
	background:url('../images/cn.png') no-repeat top left;
}



.list-language li a:hover,
.list-language li a.selected{
	border:1px #0090ff solid;

}
.breacrum{
	margin-bottom:13px;
}
.breacrum ul li {
    float: left;    
	margin-left:8px;
	font-size:11px;
}
.breacrum ul li a{
	color:#999999;
    font-size: 14px;
    background: url(../images/icon_breacrum.png) no-repeat right;
	display:block;
	padding: 0 14px 0 10px;
}
.breacrum ul li:first-child a{
	padding: 0 14px 0 0px;
}

.breacrum ul li:first-child {  
	margin-left:0px;
}

.breacrum ul li a:hover{
	color:#000;
}

.breacrum ul li h1{
	color:#999999;
    font-size: 14px;
	font-weight:normal;
	line-height:24px;
}
/* Tag */
.tags{
    line-height: 25px;
    padding: 12px 0;
}
.tags a,
.tags span{
    display: inline-block;
    line-height: 25px;
    padding: 0 7px;
    background-color: #f1f1f1;
    color:#565656;
    margin-bottom:6px;
}
.tags span{
    font-weight: bold;
    background: #f1f1f1 url(../images/tags.png) 6px 6px no-repeat;
    padding-left: 30px;
}
.cat-name{
	height:34px;
	line-height:34px;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	margin-bottom:16px;
	background: #f2f2f2;
}
.group-products .cat-name{
	margin-left:16px;
}
.cat-name a{
	display:block;
	font-weight:normal;
	font-size:16px;
	color:#333;
	text-indent:10px;
}
.cat-name a:hover{
	color:#0201fd;
}
.icon-contact{
	width:27px;
	height:166px;
	display:block;
	position:fixed;
	top:50%;
	margin-top:-83px;
	right:0px;
	z-index:10000;
	background-image:url(../images/icon-contact.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor:pointer;
}
.overlay {
    width: 100%!important;
    height: 100%!important;
    top: 0px;
    left: 0px;
    position: fixed;
    opacity: 0.9;
    background: url(../images/overlay.png);
    z-index: 998;
    display: none;
}
.body-website-detail{
	padding-top:90px;
}
.box-hotline{
	height:30px;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:20;
	display:none;
}
.left-hotline{
	float:left;
	margin-right:5px;
	background:#ee3124;
	line-height:30px;
	color:#fff;
	padding:0px 10px 0px 5px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.phone{
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

.hotline-mobile{
	width:86px;
	height:30px;
	background:#ee3124;
	display:block;
	color:#fff;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	float:left;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.hotline-mobile span{
	width:30px;
	height:30px;
	display:block;
	float:left;
	background-image:url('../images/phone-hotline.png');
	background-size:30px 30px;
	background-position:top left;
	background-repeat:no-repeat;
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;	
	margin:0px 8px 0px 1px;
}
.video-intro{
	border:1px #8c5f29 solid;
	margin-bottom:30px;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(0px) rotate(10deg);
    transform: translateX(0px) rotate(10deg);
  }

  100% {
    -webkit-transform: translateX(0px) rotate(-10deg);
    transform: translateX(0px) rotate(-10deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(0px) rotate(10deg);
    transform: translateX(0px) rotate(10deg);
  }

  100% {
    -webkit-transform: translateX(0px) rotate(-10deg);
    transform: translateX(0px) rotate(-10deg);
  }
}

/* form chan trang */
.box-form-duan-popup{

}

.box-content-form-popup{
}
.box-content-form-popup .textbox-form-duan{
	width:100%;
	padding:0px 0px;
	text-indent:10px;
	margin:0px 0px 8px;
	border:1px #fff solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height:30px;
}
.box-content-form-popup .text-area-form-duan{
	width:100%;
	height:60px;
	padding:3px 0px;
	text-indent:10px;
	margin:0px 0px 8px;
	font-size:14px;
	border:1px #fff solid;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.box-content-form-popup .button-form-register-popup{
	padding: 4px 0px;
	width:100%;
    border: 0px;
    background:#f36324;
    color: #fff;
    font-weight:bold;
    text-transform:uppercase;
    font-size: 14px;
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:0px 0px 8px;
    cursor:pointer;
    line-height:30px;
}
.button-form-register:hover{
    background: #fe8040;
}
.box-captra label{
	line-height:28px;
	float:left;
	font-size:14px;
	color:#3c3c3c;
	margin-right:10px;
}
.box-captra input{
	float:left;
	font-size:14px;
	padding:5px 10px;
	border:1px #636363 solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width:50px;
}
.box-captra img{
	float:right;
	height:30px;
	display:block;
}
.error{
	color: #ff0000;
    text-align: center;
    display: block;
}
.row-form .error{
	color: #ff0000;
    text-align:left;
	text-indent:112px;
}
.button-close{
	margin:auto;
	background:#fff url('../images/controls-close.png') no-repeat center right;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:30px;
	cursor:pointer;
}
.design-by {
    color: #f0f0f0;
    display: block;
    font-size: 13px;
}
.design-by:hover {
    color: #fff;
}
.list-question li{
	margin-bottom:10px;
}
.list-question{
	margin-top:10px;
	padding-top:10px;
	list-style:none;
	
}
.title-question{
	font-weight:bold;
	border-bottom:1px #ccc dashed;
	display:block;
}

/* Banner khu vuc */
.banners-area-hot ul {
	text-align:center;
	list-style:none;
}
.banners-area-hot ul li{
	float:left;
	margin:0px 0px 10px 10px;
	width:272px;
	position:relative;
}
.banners-area-hot ul li img{	
	width:100%;
}
.banners-area-hot ul li:hover img{	
	opacity:0.8;
}

.banners-area-hot ul li:first-child{
	float:left;
	margin:0px 0px 10px 0px;
	width:560px;
}
.image-banner-khuvuc{
	display:block;
}
.image-banner-khuvuc img{
	width:100%;
	display:block;
}

.box-text-banner{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgba(243,99,36,0.9);
    z-index: 1;
    display: block;
}
.banners-area-hot ul li{
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.banners-area-hot ul li .text-area01{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	display:block;
	margin-bottom:5px;
	text-align:left;
	margin-left:20px;
}
.banners-area-hot ul li .text-area02{
	color:#fff;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	display:block;
	text-align:center;
	padding:8px 5px;
}
.banner-top img{
	display:block;
	height:141px;
}
@media only screen and (max-width: 1100px){
	.banners-area-hot ul li:first-child {
		width: 100%;
		margin: 0px 0px 5px 0px;
		height:auto;
	}
	.banners-area-hot ul li {
			margin: 0px 0px 5px 2%;
			width: 49%;
			height:auto;
		}
	.banners-area-hot ul li:nth-child(2n) {
	    margin: 0px 0px 5px 0;
	}
	.banners-area-hot ul li .text-area01 {
		position: absolute;
		top: 5px;
		left: 10px;
		z-index: 9;
		color: #fff;
		font-size: 15px;
		font-weight: normal;
	}
	.banners-area-hot ul li .text-area02 {
	font-size:13px;
	}
}

/*News Home */
.header-parent-cat{
	height: 30px;
    line-height: 30px;
    background: #0095da;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 10px;
    color: #fff;
}
.header-parent-cat h2{
    font-size: 15px;
}

    
.group-news-home{
	width:100%;
	margin:0px auto 10px;
}
.first-news-home{
	width:470px;
	margin:0px 0px 10px 0;
	float:left;
}
.first-news-home .image{
	display:block;
	margin:3px 0px 10px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.first-news-home .image img{
	display:block;
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.first-news-home .title{
	display:block;
	color:#333;
	font-size:20px;
	margin-bottom:10px;
	line-height:26px;
}
.first-news-home .title:hover{
	color:#ec1f27;
}
.first-news-home p{
	color:#333333;
	font-size:15px;
	text-align:justify;
}

/* list-news-home01 */
.list-news-home01{
	list-style:none;
	width:56%;
	float:right;
	margin:0px 0px 10px 0px;
}
.list-news-home01 li{
	margin-bottom:12px;
	padding-top:12px;
	border-top:1px #ccc dashed;
}
.list-news-home01 li:first-child{
	padding-top:0px;
	border-top:none;
}

.list-news-home01 .image{
	width:31%;
	display:block;
	float:left;
	margin-top:3px;
}
.list-news-home01 .image img{
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.list-news-home01 li .content-news-home{
	width:67%;
	float:right;
}
.list-news-home01 li .content-news-home a{
	color:#666;
	font-size:15px;
	display:block;
	font-weight:bold;
	line-height:20px;
	margin-bottom:5px;
}
.list-news-home01 li .content-news-home a:hover{
	color:#ec1f27;
}
.list-news-home01 li .content-news-home p{
	color:#333333;
	text-align:justify;
	font-size:14px;
}



/* list-news-home02 */
.list-news-home02{
	width:280px;
	list-style:none;
}
.list-news-home02 li{
	padding:10px 0px 10px 15px;
	border-bottom:1px #e0e0e0 dashed;
	background:url('../images/list-style01.png') no-repeat 0px 16px; 
}
.list-news-home02 li:first-child{
	padding:0px 0px 10px 15px;
	background:url('../images/list-style01.png') no-repeat 0px 6px; 
}

.list-news-home02 li a{
	color:#000000;
	line-height:18px;
	display:block;
}
.list-news-home02 li a:hover{
	color:#017428;
}


/* Main Menu */
.main-nav{
	width:1140px;
	margin:auto;
}
.list-menu{
	float:left;
}

.list-menu li{
	display:inline-block;
	position:relative;
}
.list-menu a{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	display:block;
	padding:0px 15px 0px 15px;
	text-transform:uppercase;
	height:45px;
	line-height:45px;
}
.list-menu li:hover a,
.list-menu li.selected a{
	color:#fff;
	background:#16a0e5;
}
.list-menu li ul{
	position:absolute;
	top:45px;
	left:0px;
	z-index:117;
	background-color:#fff;
	background-image:none;
	padding-right:10px;
	border:1px #cfcfcf solid;
	padding-bottom:2px;
	margin-left:0px;
	display:none;
}
.list-menu li:hover ul{
	display:block;
}
.list-menu li ul li{
	margin-left:0px;
	float:none;
	width:230px;
	margin-left:10px;
	border-top:1px #cccccc dotted;	
}

.list-menu li ul li:first-child{
	border-top:none;
}
.list-menu li:hover ul li a{
	color: #333d44;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:inherit;
	background:none;
	height:32px;
	line-height:32px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-weight:normal;
}
.list-menu li ul li a:hover,
.list-menu li ul li a.active{
	color:#0201fd;
}


/* Search Lease*/
.box-form-searchlease{
	background:#f8f7f7;
	margin-bottom:10px;
	border:1px #dddada solid;
	padding-top:10px;
}
.label-box-search{
	text-align: center;
    color: #0090ff;
    text-transform:uppercase;
    font-size: 15px;
    display:block;
    margin-bottom:13px;
    font-weight:bold;
}
.select-lease{
	width:20%;
	height:36px;
	line-height:36px;
	border:1px #cccccc solid;
	display:block;
	font-size:14px;
	color:#555;
	text-indent:6px;
	float:left;
	margin:0px 0px 7px 1%;
}
.textbox-lease{
	width:25%;
	margin:0px 0px 7px 1%;
	padding:8px 0px;
	border:1px #cccccc solid;
	display:block;
	font-size:14px;
	color:#555;
	text-indent:6px;
	float:left;
}
.button-search{
	width:15%;
	margin:0px 0px 7px 1%;
	background:#f36324;
	border:none;
	padding:8px 0px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	display:block;
	cursor:pointer;
	border:none;
	float:left;
}
.button-search:hover{
	background:#fe8040;
}
/* reponsive */
@media (max-width: 1130px) {
	.box-form-searchlease {
		border:none;
	    border-bottom: 1px #dddada solid;
	    margin:36px -10px 10px -10px;
	}
	.select-lease,.textbox-lease,.button-search {
    width: 80%;
    padding: 5px 0px;
    float: none;
    margin-left:auto;
    margin: 0px auto 7px;
}

}


/* Footer Menu */
.menu-footer ul{
	border-bottom:1px #ddd solid;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
}
.menu-footer ul li{
	height:12px;
	line-height:12px;
	border-left:1px #666 solid;
	display:inline-block;
}
.menu-footer ul li:first-child{
	border-left:none;
}

.menu-footer ul li a{
	font-size:14px;
	color:#666;
	padding:0px 10px;
}
.menu-footer ul li a:hover{
	color:#d92029;
}

/* Main Menu */
#cssmenu {
  width: 282px;
  background: #91c8e1 !important;
  border-right:1px solid #EEEEEE;
  display:none;
  top:36px;
  left:0px;
  position:fixed;
  height:100%;
}
#cssmenu > ul > li {

}
#cssmenu ul li:hover{
    cursor: pointer;
}
.begin {
    border-bottom: none;
    background: #f0eded url('../images/bg-header.png') repeat-x bottom left;
	height:40px;
	line-height:40px;
    cursor: pointer;
    border-left: 2px solid #01469f;
}
#cssmenu > ul > li > span {
  font-size: 13px;
  display: block;
  color: #111111;
}
#cssmenu > ul > li > span:hover a {
  color: #01469f;
}
#cssmenu > ul > li > span > font {
  display: block;
  border-bottom: 1px solid #d1e8f3;
  padding: 6px 10px;
}
#cssmenu > ul > li > span > font > a {
  color: #3d3d3d;
  font-size: 16px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.begin {
  border-bottom: none;
  background: #00923F;
  padding: 13px 0px;
}
#cssmenu .has-sub.level_1 span font a{
    font-size: 14px;
}
#cssmenu .begin h2 {
  font-size: 20px;
  padding: 0px 10px;
  text-transform: uppercase;
  font-weight: normal;
  color: #01469f;
  font-family: "MyriadPro-Regular";
}
#cssmenu ul li.begin h2 {
  font-size: 24px;
  padding: 0px 10px 0px 50px;
  text-transform: uppercase;
  font-weight: normal;
  color: #ffffff;
  background: url(../images/pattern.png) no-repeat 13px 4px;
}
#cssmenu > ul > li.has-sub > span{
  background: url(../images/icon_plus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > span{
  background: url(../images/icon_minus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > ul{
  
}
#cssmenu > ul > li.has-sub.active > span a{
  color: #01469f !important;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
  border-left: 1px solid #CACACA;
}
#cssmenu ul ul ul {
  display: none;
  border-top: 1px solid #EEEEEE;
   border-left:none;
}
#cssmenu ul ul li {
  padding: 0;
  border-bottom: 1px solid #EEEEEE;
  border-top: none;
  background: #ffffff;
}
#cssmenu ul ul li.has-sub > span font{
  background: url(../images/expand.png) 95% center no-repeat;
}
#cssmenu ul ul li.active span font{
  background: url(../images/retractable.png) 95% center no-repeat;
}
#cssmenu ul ul ul li.active span font{
  background: none !important;
}
#cssmenu ul ul ul li span font{
  background: none !important;
}
#cssmenu ul ul li.active > ul{
  display: block;
}
#cssmenu ul ul li.active > span a{
  color: #00923f !important;
  text-decoration: underline;
}
#cssmenu ul ul > span{
  display: block;
}
#cssmenu ul ul span font{
  padding: 10px 10px 10px 25px;
  display: block;
  color: #676767;
  font-size: 13px;
  font-weight: normal;
}
#cssmenu ul ul ul span {
    padding: 0px 10px 0px 25px !important;
    display: block;
    font-size: 13px;
}
#cssmenu ul ul a:before {
}
#cssmenu ul ul a:hover {
  color: #01469f;
}
.fix-main-nav{
	height: 36px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1008;
    width: 100%;
    display: none;
    background: url(../images/bg-fixmenu.png);
    display: none;
}
.body-fix-main-nav{
	width:980px;
	margin:auto;
}
.logo-mobile{
	display:block;
	float:left;
	margin-left:5px;
}
.logo-mobile img{
	display:block;
	height:36px;
}
/* reponsive */
@media (max-width: 980px) {
	.fix-main-nav {
		display:block !important;
		background: url('../images/bg-mainmenu-hover.png');
		border-bottom: 1px #a4cc4e solid;
	}
	.body-fix-main-nav{
		width:auto;
		position:relative;
	}
.icon-menu-phone {
	background: url('../images/icon-reponsive.png') no-repeat center center;
	width: 40px;
	height:36px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	top:0px;
	right:5px
}
.fix-menu {
	float:none;
	margin-top: 0px;
	position:absolute;
	top:36px;
	left:0px;
	z-index:19;
	width:100%;
	display:none;
	background:#fcfbfb;
	height: 476px; 
   overflow-y: scroll;
}
}


/* Hotline */
/* hotline */
.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:22px;left:26px;position:absolute;background-color:rgba(230,8,8,.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#e4212a;width:33px;height:33px;top:33px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}

.hotline-bar{position:absolute;background:#fe8040;background:-webkit-linear-gradient(left,#fe8040,#d40000);background:-o-linear-gradient(right,#fe8040,#d40000);background:-moz-linear-gradient(right,#fe8040,#d40000);background:linear-gradient(to right,#fe8040,#e4212a);height:40px;width:200px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);border-radius:50px !important;border:none;left:33px;bottom:37px}.hotline-bar>a{color:#fff;text-decoration:none;font-size:16px;font-weight:normal;text-indent:50px;display:block;letter-spacing:1px;line-height:42px;}.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}}@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@media (max-width:768px){.hotline-bar{display:none}}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
img {
    border: none;
}


.hotline-phone-ring-wrap {
    position: fixed !important;
    bottom: 0px;
    left: -15px;
    width:245px;
    z-index: 1111111;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}


.float-icon-hotline {
    display: block;
    width: 40px;
    position: fixed;
    bottom: 85px;
    left: 20px;
    z-index: 999999;
}
	

.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.float-icon-hotline ul li a#messengerButton {
    padding: 0px !important;
    background: transparent !important;
    border: 0px !important;
}
.float-icon-hotline ul li .fa {
    background-color: #ed1c24;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}
.float-icon-hotline ul li span {
    display: inline-block;
    padding: 0;
    background-color: #ff6a00;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #ff6a00;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
}
.float-icon-hotline ul li .fa-zalo {
    background:url('../images/zalo.png') center center no-repeat;
    background-size:40px 40px;
}
.float-icon-hotline ul li .fa-zalo:hover {
    background:url('../images/zalo.png') center center no-repeat;opacity:.9;
    background-size:40px 40px;
}
.float-icon-hotline ul li .fa-messenger {
    background:url('../images/fb.png') center center no-repeat;
}
.float-icon-hotline ul li .fa-messenger:hover {
    background:url('../images/fb.png') center center no-repeat;opacity:.9;
}


/* reponsive */
@media (max-width: 1130px) {
	.body-website{
		width:auto;
	}
	.group-support{
		width:auto;
	}
	.footer{
		width:auto;
	}
	.box-slide-duan{
		width:auto;
		margin:0px auto 20px;
	}
	.header {
		display:none;
	}
	.container{
		padding-top:0px;
	}	
	.body-fix-main-nav .list-language{
		display:block;
	}
	.main-banner {
		width:auto;
		margin: 0px auto 20px;
	}
	.main-banner img{
		width:100%;
	}
	.wrapper {
		width:auto;
		margin:0px 10px 0px 10px;
		font-size:16px;
	}
	.logo,.right-header-pc{
		display:none;
	}
	.wrapper-duan-news{
		margin:0px;
		padding:0px 10px;
	}
	.body-website {
	    width: 100%;
	}
	
	.right-introdution iframe{
		width:100% !important;
	}
	.group-news {
		padding: 50px 0px 60px 0px;
		width:auto;
		margin:0px 10px;
	}
	.image-product-item img{
		width:100%;
	}
	.box-sidebar01 {
		padding: 5px 6px 20px 6px;
	}	
	.banner-left,.banner-right,.banner-left-duan,.banner-right-duan{
		display:none;
	}
	
	.list-support li {
	    width: 80%;
	    margin: 0px 10% 20px 10%;
	    display:block;
	    text-align: center;
	}
	.box-product {
	    width:auto;
	}
	.product-list {
	    width:47%;
		margin: 0px 1% 10px 1%;
	}
	.product-list:nth-child(3n) {
	    margin: 0px 1% 10px 1%;
	}
	.box-note-duan span {
	    font-size: 12px;
	    padding: 0px 8px;
	    line-height:26px;
	}
	.box-note-duan {
    top: 0px;
}
	.image-list-product {
	    margin-bottom: 5px;
	}
	.title-product-list {
    font-size: 14px;
    font-weight: bold;
    display: block;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    margin: 0px 5px 5px 5px;
}
.attr-duan01 span.attr-dientich {
    padding: 0px 0px 0px 0px;
    background:none;
}
.list-support li img {
    margin: 5px 5px 0px 0px;
}
.attr-duan01 span.attr-phongngu {
    background: url(../images/icon-bedroom.png) no-repeat 0px 3px;
    padding: 0px 0px 0px 23px;
    background-size: 25px 18px;
}
.attr-duan01 li {
    float: none;
    width: 100%;
}
.footer{
	padding:12px 0px 50px 0px;
}
.attr-duan01 {
    margin: 0px 5px 5px 5px;
}
.label-attr-duan {
    width:65px;
}
.value-attr-duan {
    width: 55%;
}
.detail {
    text-align:justify;
}
.image-static-home {
    display:none;
}
.content-category-project {
    margin: 0px 0px 20px 0px;
}
.box-map {
    width: 100%;
}
.detail *{
	line-height:26px!important;
}
.list-support{
padding-bottom:0px;
border-bottom:1px #30598b solid;
}

.list-support li {
    width: 50%;
    margin: 0px 0% 10px 0%;
}
.col01-botton-footer{
	width:100%;
	border-bottom:1px #30598b solid;
	margin-bottom:10px;
}
.box-list-footer{
	width:100%;
}
.box-list-footer ul li{
	width:48%;
	margin:0px 2%}

.box-form-footer{
	width:100%;
	clear:both;
	border-top:1px #30598b solid;
	margin-top:10px;
	margin-left:0px;
}

}


@media (max-width: 768px) {
	.main-banner {
		width: auto;
		margin: 0px auto 60px;
	}
	.left-introdution{
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	.right-introdution {
		width:100%;
		float:none;
	}
	.right-introdution iframe{
		height:300px;
	}
	.header-block-product h2 {
		font-size: 18px;
	}
	.product-item {
		width: 75%;
		padding: 20px 10%;
		float:none;
	}
	.product-item p {
		height: 60px;
		overflow:hidden;
	}
	.title-product-item {
		text-align: center;
	}
	.left-introdution02 {
		width: 100%;
		margin-top: 30px;
		margin-bottom:30px;
		float:none;
	}
	.right-introdution02 {
		width: 100%;
		float:none;
	}
	.box-news-home {
		width: 100%;
		float:none;
		margin-bottom:30px;
	}
	.box-news-home h3 {
		margin-bottom: 20px;
	}
	.list-footer li {
		margin-bottom:10px;
	}
	.primary{
		width:100%;
		float:none;
	}
	.sidebar{
		display:none;
	}
	.box-lienhe{
		width:188px;
		margin:auto;
	}
	.sidebar .block-banner{
		display:none;
	}
	.product-item-other {
		width: 80%;
		margin: 0px 0px 20px 10%;
		text-align: center;
		float:none;
	}
	.main-banner {
		margin: 0px auto 30px;
	}
	.title-website {
		font-size: 24px;
	}
	.box-introdution {
		padding: 25px 0px 64px 0px;
	}
	.header-block-product {
		padding: 20px 0px 20px 0px;
	}
	.header-block-product h2 {
		font-size: 18px;
	}
	.title-product-item {
		margin-bottom: 0px;
	}
	.left-feature-product {
		width: 80%;
		float: none;
		margin:0px 10% 20px 10%;
	}
	.right-feature-product {
		width: 90%;
		float: none;
		margin:auto;
	}
	.title-product-detail {
		font-size: 22px;
		margin: 0px 0px 0px 0px;
		text-align:center;
	}
	.content-footer,.copyright-otit{
		width:100%;
		float:none;
		text-align:left;
		margin-bottom:5px;
	}
	.feature-home {
		width:100%;
		overflow:hidden;
		margin-top:-10px;
	}
	.block-banner-slideshow {
		margin:0px -100px 0px -100px;
	}
	.list-static-home {
		width: auto;
		position:inherit;
		bottom: 0px;
		left: 0%;
		margin-left:0px;
		z-index: 990;
		background:#0201fd;
		margin-bottom:20px;
	}
	.list-static-home li {
		float: none;
		margin: 0px auto 0px;;
		background:none;
		padding-bottom: 0px;
		width: 94%;
		border-top:1px #fff dotted;
		padding:8px 0px 0px 0px;
	}
	.list-static-home li:first-child {
		border-top:none;
	}
	.group-products {
		width: auto;
		margin-bottom: 20px;
		float: none;
	}
	.box-news-homes {
		width: auto;
		height:auto;
		background: #0201fd;
		padding: 10px 20px 20px;
		float: none;
		margin-bottom: 20px;
	}
	.body-wrapper-content {
		margin-left: 0px;
	}
	.feature-duan-left {
    width: auto;
    float: none;
	margin-bottom:10px;
}
.feature-duan-right {
    width: auto;
    float: none;
}
.feature-duan-right iframe{
	max-width:100%!important;
	height:auto;
}
.list-attr-duan li {
    width: 33%;
}
.copyright-otit a {
    color: #fff!important;
    text-transform: capitalize;
	display:block;
	text-align:center;
}


}









@media (max-width: 540px) {
	.image-list-product {
	width: 100%;
	margin:0px auto 0px;
	float:none !important;
	}
	.title-product-list {
	text-align:center;
}
.sumary-list{
	width:96%;
	margin:auto;
	text-align:justify;
}
.read-more-list {
	width:140px;
	float: none;
	padding: 0px 0px;
	margin:auto;
	text-align:center;
}	
.first-news-feature {
margin: 0px auto 30px;
width:100%;
}
.image-first-news-feature {
width: 100%;
float: none;
margin-right: 0px;
margin-bottom:20px;
}
.title-first-news-feature {
font-size: 16px;
	text-align:center;
}
.summary-first-news-feature{
	text-align:justify;
}
.news {
width: 100%;
padding: 0% 0% 0% 0%;
float: none;
margin: 0px auto 20px;
}
.product-list{
		width:94%;
		margin: 0px 3% 20px 3%;
	}

.summary-news{
	display:none;
}
.list-chirden-cat {
	display:none;
}
.box-attr-duan01 {
    background: url(../images/bg-attr-duan2.png) no-repeat top left;
}
.box-search-fiter {
    width: 100%;
    min-height:100px;
}	
	
}


@media (max-width: 859px) {
	.first-news-home{
		width:90%;
		float:none;
		margin:0px auto 20px;
	}
	.list-news-home01{
		width:90%;
		float:none;
		margin:auto;
	}
	.list-news-home01 li .content-news-home p{
		display:none;
	}


}
@media (max-width: 768px) {
	.box-form-duan-popup{
		width:90%;
		margin:20px auto 30px;
		padding:10px 0px;
		top: 5%;
    	left: 5%;
	}
	.box-content-form-popup{
		width:100%;
		margin:10px auto 0px;
	}

}