a{
    cursor: pointer;
    text-decoration: none;outline: 0 !important; 
    -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
  }
  a:hover{
    text-decoration: none;color: #8a4033;
}
  }
  a:active{
    text-decoration: none;
  }
  a.active{
   text-decoration: none; 
  }
  li{
    list-style-type: none;
  }
	:focus { outline: 0 !important; }	
  a:before,a:after{-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; }


@font-face { font-family: 'UTMScriptinaKT'; 
src: url(../img/UTMScriptinaKT.eot);
src: url(../img/UTMScriptinaKT.eot) format('embedded-opentype'),
url(../img/UTMScriptinaKT.woff) format('woff'), url(../img/UTMScriptinaKT.ttf) format('truetype'),
url(../img/UTMScriptinaKT.svg) format('svg'); 
font-weight: normal; font-style: normal; } 

/*body{font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight:400; color: #333333;}*/
body{font-family: 'Open Sans', sans-serif;font-size: 15px; font-weight:400; color: #333333;}

/* =WordPress Core

-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 20px auto ; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text {line-height: 17px; margin: 0; padding: 11px 4px 0px;font-size: 16px; }
/*End core*/
strong, bold{font-weight:700;font-family: 'Open Sans', sans-serif;}

.tab_m{display:none}
.container {
    width: 1250px;
}
.gutter-10 { margin-left: -10px; margin-right: -10px; }
.gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
.gutter-5 { margin-left: -5px; margin-right: -5px; }
.gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.gutter-2 { margin-left: -2px; margin-right: -2px; }
.gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }

.gutter-0 { margin-left: 0px; margin-right: 0px; }
.gutter-0 > [class*='col-'] { padding-right: 0px; padding-left: 0px; }
.container-fluid-0{padding: 0px;}
.row-eq-height {
    visibility: hidden;
}
.row-eq-height.show {
    visibility: visible;
}
.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.visable-mb{display:none}
.bootbox.modal{ z-index: 99999;}
.startpopup img{max-width: 100%;}
.register h4 {
   
    font-size: 24px;
    color: #772640;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

.header .navbar-toggle .icon-bar {
    -webkit-box-shadow: 0.2px 0.2px 0px 0.2px rgb(255 255 255 / 0%);
    -moz-box-shadow: 0.2px 0.2px 0px 0.2px rgba(255,255,255,0);
    box-shadow: 0.2px 0.2px 0px 0.2px rgb(255 255 255 / 0%);
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
div#phonering-alo-phoneIcon {
    position: absolute;
    top: -164%;
    display: block;
    left: 14%;
}
  .tab-content > .tab-pane:not(.active), 
 .pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
.office-tel .tab-content > .tab-pane:not(.active), 
.office-tel .pill-content > .pill-pane:not(.active) {
display: block;
height: 0;
overflow-y: hidden;
}
.pum-container.pum-responsive img{margin:0px}
.modal {
   z-index: 99998;
}
  #myModal iframe{
    margin: 0 auto;
    display: block;
    margin-top: 8%;
    z-index: 999999999;
  }
.slick-initialized .slick-slide {
    display: block;
    outline: none;
}
.col-md-6.col-sm-12.col-xs-12.over-view-left {
    padding-left: 0;
}
.main-header{width:100%; margin:auto;text-align: center;}
	.main-header .navbar-header{float:left;}
	.main-header .navbar-collapse.collapse{float: right;}
.menu-main{
	float: left;
	-webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.menu-top ul {
    display: block;
}
  .menu-top{
    position: fixed;
    height: 63px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
	-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
  }

.menu-top ul {
  margin-top: 22px;
  margin-left: 15px;
  padding-left: 0px;
}
.menu-top ul li{
  display: inline-block;
  list-style-type: none;
  padding: 0px;
  margin-left: 22px;padding: 0px 3px;
}
.menu-top ul li:first-child{margin-left: 0px;}
.menu-top ul li a{
  text-transform: uppercase;
  color: #255530;
  font-size: 18px;
  padding: 0px; font-weight:600;
  border-bottom: solid 1px transparent;font-family: 'Open Sans', sans-serif;
 
}
.menu-top ul li.active a,.menu-top ul li:hover a{color: #783a33; border-bottom: solid 1px #783a33;}
.menu-top .logo a{display: inline-block;margin-top: 3px;}
.menu-top .logo img{
	display: block;
	width:135px;margin-top: 0px;-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;
}
.header{position: relative;}
	.header .contact_head {
		text-align:right;opacity:1;
		-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
	}
	.header.sticky .menu-top {
		background:rgb(255 255 255 / 80%);
	}
	.header.sticky .menu-top .logo img {
		width: 110px;
	}
	.header.sticky .contact_head {text-align:right;
		opacity:0;visibility:hidden;
	}
	.header.sticky .menu-main {
		margin-top: -55px;
	}
	.contact_head .social-f{
		display: inline-block;
		position: relative;
		top: 11px;
	}
.header .hotline{
	margin-left: 5px; display: inline-block;    margin-right: 7px;
    border-radius: 40px;
	background: #1f4728;padding: 6px 19px 6px 46px;
}
.header .hotline a{
    display: inline-block;
    font-size: 20px;font-family: 'Open Sans', sans-serif;
	font-weight:700;
    color: #F4C381;    
    position: relative;
	background: #F4C381;
	background: -webkit-linear-gradient(to right, #F4C381 0%, #987244 33%, #F3C281 50%, #9D7647 100%);
	background: -moz-linear-gradient(to right, #F4C381 0%, #987244 33%, #F3C281 50%, #9D7647 100%);
	background: linear-gradient(to right, #F4C381 0%, #987244 33%, #F3C281 50%, #9D7647 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}	
	
.phonering-alo-ph-img-circle {
	width: 20px;
    height: 20px;
    top: 4px;
    left: -32px;
    position: absolute;
    background: url(../img/hotline.png) no-repeat 0px center;
    -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%;
    background-size: 20px;
}	
	
		.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
			-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
			animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
		}

		.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
			-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
			animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
		}

		.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
			background-color:#00aff2
		}

		.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
			background-color:#6a0032;
		}

		.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
			background-color: #015643;

		}

		.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
			background-color:#ccc
		}

		.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
			background-color:#75eb50
		}

		@-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:.2
			}

			50% {
				-webkit-transform:rotate(0) scale(1) skew(1deg);
				opacity:.2
			}

			100% {
				-webkit-transform:rotate(0) scale(.7) skew(1deg);
				opacity:.2
			}
		}

		@-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)
			}
		}
	
	.link_w{
		display: inline-block;
		font-size: 18px;
		font-weight: 600;
		color: #255530;
		border: 1px solid #1f4728;
		border-radius: 40px;
		padding: 6px 19px 6px 40px;
		margin-top: 11px;
		background:url(../img/link.svg) 13px center no-repeat;
		background-size:18px;font-family: 'Open Sans', sans-serif;
	}

.header .hotline_tab{display:none}
.slider-top{
  position: relative;    overflow: hidden;
}
.slider-top .slider1{height: calc( 100vh - 0px ) !important; background: #e4e0d3;}
	.slider-top .vegas-slide-inner{background-position:center top !important}
.news-page .slider-top .slider1{height: auto !important;}
.slider-top .slider1 .vegas-animation-kenburns { animation: kenburns_custom ease-out; }
.slider-top .slider1.zoom-out .vegas-animation-kenburns { animation: kenburns_zoom_out ease-in; }

.slider-top .slide-content strong{display: block; font-weight: 700; font-size: 50px; line-height: 1em;}
.slider-top .slide-content{
	position: absolute;
    z-index: 9;
    top:40%;    width: 100%;
}
.news-page .slider-top .slide-content{top: 31%; }
.slider-top .logo{padding: 15px 40px 15px 50px; position: absolute;   bottom: 0px; left: 0px;    text-align: center;}
	.slider-top .logo h4{color:#fff; margin-bottom:20px}
	.slider-top .logo img{width: 161px; height: 107px;}

	.slider-top .slide-content p{text-transform:uppercase; text-align:center;font-size:50px;color:#47ff71; font-weight:700;}
		.slider-top .slide-content .slide-description-0{
			background: url(../img/line-1.svg) center 49px no-repeat;
			background-size: 798px;
			margin-bottom: 40px;
		}
.slider-top .slide-content p.UTMScriptinaKT {
  color: #fff;
  font-size: 80px;
  font-weight: bold;
  margin-bottom: -12px;
  position: relative;
  text-transform: uppercase;
  z-index: 5;
}
.slider-top .vegas-control{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 3;}
.slider-top .vegas-control a{width: 15px; height: 15px; display: inline-block; margin: 0px 5px; background: transparent; border:solid 1px #fff; border-radius: 50%;}
.slider-top .vegas-control a.active{background: #fff;}

/*.slider-top .slide-content{position: relative; top:50%;}*/



.slide-content .inner .slide-description-2 p.slide_home3-text2 , .slide-content .inner .slide-description-2 p.slide_home3-text3{
  font-size: 38px;
  font-weight: 500;
  text-align: right;
} 




#awan {
    position: absolute;
    top: 45%;
    left: -40px;
    width: 120%;
    height:279px;
    text-align: center;
	background-size:201px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(../img/may.png) center top no-repeat;
    animation: awan-animasi 65s linear infinite;
    -ms-animation: awan-animasi 65s linear infinite;
    -moz-animation: awan-animasi 65s linear infinite;
    -webkit-animation: awan-animasi 65s linear infinite;
    z-index: 0;
}

@keyframes awan-animasi {
    from {
        background-position: 0 0;
    } to {
       background-position: 100% 0;
     };
}

@-webkit-keyframes awan-animasi {
    from {
        background-position: 0 0;
    } to {
       background-position: 100% 0;
    };
}

@-ms-keyframes awan-animasi {
    from {
        background-position: 0 0;
    } to {
       background-position: 100% 0;
    };
}

@-moz-keyframes awan-animasi {
    from {
        background-position: 0 0;
    } to {
        background-position: 100% 0;
    };
}

	
#awan1{
    position: absolute;
    top:-11%;
    left: -10%;
    width: 120%;
    height: 293px;
    text-align: center;
	background-size:201px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(../img/m1.png) center top no-repeat;
    animation: ani-awan1 60s linear infinite;
    -ms-animation: ani-awan1 60s linear infinite;
    -moz-animation: ani-awan1 60s linear infinite;
    -webkit-animation: ani-awan1 60s linear infinite;
    z-index: 0;
}
		@keyframes ani-awan1 {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			 };
		}

		@-webkit-keyframes ani-awan1 {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-ms-keyframes ani-awan1 {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-moz-keyframes ani-awan1 {
			from {
				background-position: 0 0;
			} to {
				background-position: 100% 0;
			};
		}
#awan2{
    position: absolute;
    top: -10%;
    left: 50%;
    width: 120%;
    height: 354px;
    text-align: center;
	background-size:848px;
    margin: 0px;
    padding: 0px;
    background: url(../img/m2.png) center top no-repeat;
    animation: ani-awan2 65s linear infinite;
    -ms-animation: ani-awan2 65s linear infinite;
    -moz-animation: ani-awan2 65s linear infinite;
    -webkit-animation: ani-awan2 65s linear infinite;
    z-index: 0;
}
		@keyframes ani-awan2 {
			from {
				background-position: 0% 0;
			} to {
			   background-position:100% 0;
			 };
		}

		@-webkit-keyframes ani-awan2 {
			from {
				background-position: 0% 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-ms-keyframes ani-awan2 {
			from {
				background-position: 0% 0;
			} to {
			   background-position:100% 0;
			};
		}

		@-moz-keyframes ani-awan2 {
			from {
				background-position: 0% 0;
			} to {
				background-position:100% 0;
			};
		}

#awan3{
    position: absolute;
    bottom: 0px;
	left:0px;
    width: 150%;
    height:279px;
    text-align: right;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(../img/m3.png) center top repeat-x;
    animation: ani-awan3 60s linear infinite;
    -ms-animation: ani-awan3 60s linear infinite;
    -moz-animation: ani-awan3 60s linear infinite;
    -webkit-animation: ani-awan3 60s linear infinite;
    z-index: 0;
}
		@keyframes ani-awan3 {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			 };
		}

		@-webkit-keyframes ani-awan3 {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-ms-keyframes ani-awan3 {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-moz-keyframes ani-awan3 {
			from {
				background-position: 0 0;
			} to {
				background-position: 100% 0;
			};
		}

#awan_uti {
    position: absolute;
    bottom: 0%;
    left: -40px;
    width: 120%;
    height:278px;
    text-align: center;
	background-size:201px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(../img/img-utili.png) center top no-repeat;
    animation: awan-animasi_ul 60s linear infinite;
    -ms-animation: awan-animasi_ul 60s linear infinite;
    -moz-animation: awan-animasi_ul 60s linear infinite;
    -webkit-animation: awan-animasi_ul 60s linear infinite;
    z-index: 0;
}

	@keyframes awan-animasi_ul {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			 };
		}

		@-webkit-keyframes awan-animasi_ul {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-ms-keyframes awan-animasi_ul {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-moz-keyframes awan-animasi_ul {
			from {
				background-position: 0 0;
			} to {
				background-position: 100% 0;
			};
		}
#awan_matbang{
	position: absolute;
    top: -1%;
    left: 0%;
    width: 150%;
    height: 193px;
    text-align: center;
    background-size: 201px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(../img/may-matbang.png) left top no-repeat;
    animation: ani-matbang 60s linear infinite;
    -ms-animation: ani-matbang 60s linear infinite;
    -moz-animation: ani-matbang 60s linear infinite;
    -webkit-animation: ani-matbang 60s linear infinite;
    z-index: 0;
}
		@keyframes ani-matbang {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			 };
		}

		@-webkit-keyframes ani-matbang {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-ms-keyframes ani-matbang {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-moz-keyframes ani-matbang {
			from {
				background-position: 0 0;
			} to {
				background-position: 100% 0;
			};
		}
	
#awan_nhamau{
    position: absolute;
    top: 6%;
    left: 0%;
    width: 100%;
    height: 192px;
    text-align: center;
	background-size:201px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(../img/may-nha-mau.png) left top no-repeat;
    animation: ani-nhamau 60s linear infinite;
    -ms-animation: ani-nhamau 60s linear infinite;
    -moz-animation: ani-nhamau 60s linear infinite;
    -webkit-animation: ani-nhamau 60s linear infinite;
    z-index: 20;
}
		@keyframes ani-nhamau {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			 };
		}

		@-webkit-keyframes ani-nhamau {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-ms-keyframes ani-nhamau {
			from {
				background-position: 0 0;
			} to {
			   background-position: 100% 0;
			};
		}

		@-moz-keyframes ani-nhamau {
			from {
				background-position: 0 0;
			} to {
				background-position: 100% 0;
			};
		}
.view_uli {
	text-transform: uppercase;
    color: #255530;
    font-weight: 600;
    border: 1px solid #255530;
    border-radius: 30px;
    background: url(../img/ico-uli.svg) 15px center no-repeat;
    padding: 8px 22px 6px 44px;
    display: inline-block;
    background-size: 16px;
    margin-top: 10px;font-family: 'Open Sans', sans-serif;
}












.w_form_header{
	 -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
}
	.register_h,.download_h{text-align: center;}
		.register_h a{
			background: url(../img/ico-re.svg) 19px center no-repeat;
			background-color: rgb(0 0 0 / 40%);
			border: solid 1px #47ff71;
			border-radius: 23px;
			padding: 6px 27px 3px 50px;
			color: #47ff71;
			font-size: 17px;
			text-transform: uppercase;
			margin-left: 0px;
			background-size: 19px;
			font-weight: 500;font-family: 'Open Sans', sans-serif;
		}
			.register_h a:hover{color:#fff;background: url(../img/ico-re.svg) 19px center no-repeat;background-size: 19px;}
	.download_h{
		position:fixed;left:20px; bottom:20px;z-index:999;
	}		
		.download_h a{
			background: url(../img/download.svg) 19px center no-repeat;
			background-color: rgb(0 0 0 / 70%);
			border: solid 1px #47ff71;
			border-radius: 23px;
			padding: 6px 27px 3px 50px;
			color: #47ff71;
			font-size: 17px;
			text-transform: uppercase;
			margin-left: 0px;
			background-size: 19px;
			font-weight: 600;font-family: 'Open Sans', sans-serif;
		}	
		.download_h a:hover{
			background: url(../img/download.svg) 19px center no-repeat;
			background-color: rgb(0 0 0 / 70%);background-size: 19px;
			color: #fff;
		}
			
			
			
			
			
			
			
			
	.form_h{float:left;max-width: 250px;    background: #6a0032; color:#fff; padding:15px 15px;position: absolute;  top: -62px;    min-width: 280px;}
		.form_h p.title{
			font-size: 18px;
			color: #fff;
			font-weight: 600;
			margin: 10px auto 15px;
			text-align: center;
			text-transform: uppercase;
		}
		.contact_captcha{max-width: 156px;}
		.desc_f{font-size:15px;text-align: center;    margin-bottom: 15px;}
		.form_h .form-group {margin-bottom: 11px;}
	.close_f{
		background: #fff;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		color: #fff;
		display: inline-block;
		position: absolute;
		right: 0px;
		top: -30px;
		font-family:'FontAwesome';
		line-height:35px;
		text-align: center;
		text-decoration:none !important;
		-webkit-box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.75);
	}	
		.close_f:after{
			content:"\f00d";
			color:#000;
			
		}
	.form_h .help-block{color:#ffc956}

.container-fluid{width:100%; overflow:hidden}


.introduce{
  margin-top: 50px;
}

.title{
  position: relative;
  font-size: 26px;
  color: #484140;
  margin: 0px;
  display: inline-block;
  font-family: 'Charmonman', cursive;
}

	
.title_tagline{
    color:#2a7e3e;font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:30px;font-size: 32px;    margin-top: 16px;
}
	.title_tagline span{display:block;}


.section-default{padding: 70px 0px 50px; overflow: hidden;}

.section-dark{background-color: #6a0032; color: #fff; }
.section-dark .title .line{background-image: url(../img/line-bg-w.png); background-position:left bottom }


.section-introduce{
	background: #fff url(../img/line-left.svg) -50px 140px no-repeat;
    position: relative;
    background-size: 300px;
}

.center_h{
	display:flex;
	align-items:center;
}
.display_b{display:block}





.section-location .section-title{margin-bottom: 15px;}
.section-location .section-content{background: #033060 url(../img/bg-section-utilities.jpg) no-repeat center right; background-size: auto 89%;}
    .section-location .section-content .position-img img{max-width: 843px; margin-left: -11px;}

	
.section-location .position-info{
	padding-right: 15px;height: 100%;
}
.section-location .position-info .media{ color: #fff; min-height: 120px; margin: 5px 0px;}
.section-location .position-info .media .numb{ width: 140px; height: 100px;text-align: center;
  left: 0px; top:0px; font-size: 20px; color: #fff; line-height: 100px;
}
.section-location .position-info .media .numb strong{font-size: 46px; font-weight: 700;font-family: 'NunitoSans';    vertical-align: bottom;    line-height: 110px;}


.section-location {
	background: #fff;padding: 40px 0px 50px;
}
.section-location .row{height:100%;display: flex;align-items: center;    margin-right: 0px;}
.section-location .master-plan-container {
    width: 61%;
    height: 100%;
    position: relative;float: left;
}

.section-location .master-plan-container .master-plan {
    height: 100%;    position: relative;
}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle {
		border-color: #b9bd75;
		position: absolute;
		left: 17%;
		top: 43%;
		border-style: dashed;
		margin-left: 6px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle.circle-2 {
		border-color: #b9bd75;
		position: absolute;
		left: 13%;
		top: 39%;
		border-style: dashed;
		width: 190px;
		height: 190px;
		margin-left: 15px;
		margin-top: -2px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle-fill{
		border-color: #b9bd75;
		position: absolute;
		left: 22%;
		top: 49%;
		margin-left: 1px;
	}
.section-location .master-plan-container .map {
    width: auto;
}

.section-location .master-plan-container .pin {
    position: absolute;
    width: 10%;
    right: 19.2%;
    bottom: 44.5%;
    animation: 3.25s 1s pinAnimation infinite ease-in-out;
}

.section-location .master-plan-container .road-line {
    position: absolute;
    width: 100%;
    top: 0%;
    right: 0%;
    margin-right: -51px;
    margin-top: 4px;
}

.section-location .master-plan-container .road-line .st0 {
    stroke-dasharray: 20;
    animation: 10s roadAnimation infinite linear;
}
.wrap_tienich ul{margin:15px 0px 0px; padding:0px}
	.wrap_tienich li{
		width: calc(50% - 2px);
		float: left;
		font-size: 14px;
		padding-left:33px;
		min-height:30px;
		display: flex;
		align-items: center;
		margin-bottom:5px;
	}
	.desc_tienich div{display:inline;}
		.desc span{padding:0px 3px;}
	
	.wrap_tienich li:nth-child(1){
		background:url(../img/ico-l1.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(2){
		background:url(../img/ico-l2.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(3){
		background:url(../img/ico-l3.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(4){
		background:url(../img/ico-l4.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(5){
		background:url(../img/ico-l5.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(6){
		background:url(../img/ico-l6.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(7){
		background:url(../img/ico-l7.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(8){
		background:url(../img/ico-l8.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(9){
		background:url(../img/ico-l9.png) left center  no-repeat;
		background-size:27px;
	}
	.wrap_tienich li:nth-child(10){
		background:url(../img/ico-l10.png) left center  no-repeat;
		background-size:27px;
	}
@keyframes pinAnimation {
    0% {
        transform: translateY(0%)
    }

    10% {
        transform: translateY(-20%)
    }

    20% {
        transform: translateY(0%)
    }

    40% {
        transform: translateY(-25%)
    }

    50% {
        transform: translateY(0%)
    }

    55% {
        transform: translateY(-23%)
    }

    60% {
        transform: translateY(-5%)
    }

    80% {
        transform: translateY(-17%)
    }

    100% {
        transform: translateY(0%)
    }
}

@keyframes roadAnimation {
    to {
        stroke-dashoffset: 1000;
    }
}

#vi-tri .content_vitri{
	width:39%;height: 100%;    padding-bottom: 8px;
}

.section-register{
	padding: 0px;
    position: relative;
    z-index: 10;
    overflow: visible;    min-height: 420px;
}
	.section-register:after{
		content: '';
		background: url(../img/bg-register.jpg) center top no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		z-index: -1;
	}
	
	.section-register .section-content,#lien-he .section-content{max-width:80%; margin:auto;}
		.title_res{
			color:#2a7e3e;
			text-transform:uppercase;
			margin-bottom:20px;font-family: 'Open Sans', sans-serif;font-weight: 600;
		}
.section-masterplan{
	background: #fefdfb;
    padding: 0px 0px 30px;
}
.section-utilities .album_ul {margin:auto;}
.section-utilities .section-title{ margin-bottom: 15px;}
	
.section-utilities .section-content .item{ position: relative; margin: 0px 15px;
	-webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.section-utilities .section-content .item.slick-active img{border:1px solid #fff;
	-webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
	.section-utilities .section-content .item img{ max-height: 500px;border-radius: 10px;}
.section-utilities .section-content .item *{-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;}
.section-utilities .section-content .item:after{
	content: '';
    position: absolute;
    left: 30px;
    top: 0px;
    width: calc(100% - 60px);    height: calc(100% - 57px);
    background: rgba(2,67,123,0.5);
    opacity: 1;
    transform: translateY(60px);
    border-radius: 10px;
	-webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.section-utilities .section-content .item > img{
	transform: translateY(60px);
    width: calc(100% - 60px);
    height: auto;
}
.section-utilities .section-content .item.slick-active > img{transform: translateY(27px); width: 100%;}
.section-utilities{
	background: #fff url(../img/line-left.svg) -50px 30px no-repeat;
    position: relative;
    background-size: 300px;
    padding:20px 0px 30px;
}
.album_ul .w_img_ul{
	margin: auto;
   // background: url(../img/bg-slide-ul.png) 90% 5% no-repeat;
    background-size: 240px;text-align: center;
}
	.w_img_ul{
		margin: auto;
	}
		.w_img_ul .img_ul{
			height: 570px;
			width: 570px;
			border-radius: 50%;
			overflow: hidden;position: relative;
		}
			
	.w_img_ul .description{
		color: #2a7e3e;
		font-size: 20px;
		margin-top: 15px;
		position: relative;
		z-index: 99;
		max-width: 480px;
		padding-left: 80px;font-family: 'Open Sans', sans-serif;font-weight:600;
	}
.section-utilities .slick-next{
	right: 58%;
    z-index: 99;
    width: 19px;
    height: 18px;
    top: auto;
    bottom: 25px;
}
	.section-utilities .slick-next:before{
		background: url(../img/right-arrow.svg) center center no-repeat;
		opacity: 1;
		width: 17px;
		display: block;
		height: 17px;
		background-size: 17px;
		content: '';
	}		
.section-utilities .slick-prev{
	left: 5%;
    z-index: 99;
    width: 19px;
    height: 18px;
    top: auto;
    bottom: 25px;
}
	.section-utilities .slick-prev:before{
		background: url(../img/left-arrow.svg) center center no-repeat;
		opacity: 1;
		width: 17px;
		display: block;
		height: 17px;
		background-size: 17px;
		content: '';
	}	
.slick-arrow.slick-disabled{opacity:0.3;}

	.header_ti{
		position: absolute;
		top: 20%;
		left: 68%;
		width: auto;
	}
	.section-utilities .descr_ti{margin-top:15px;}
	.section-utilities .title_desc {
		color: #2a7e3e;
		font-size: 20px;
		margin-top:60%;
		position: relative;
		z-index: 99;
		max-width: 480px;
		font-weight: 600;font-family: 'Open Sans', sans-serif;
	}
.pop_tink{
	position:absolute;
	top:72%;
	left: 68%;
}

#congnghe{
	display: flex;
    align-items: center;padding-bottom: 0px;
}
.w-img-congnghe:before {
	background: url(../img/bg-cong-nghe.png)left top no-repeat;
    content: '';
    width: 107%;
    height: 100%;
    position: absolute;
    background-size: 100%;
    right: 0px;
    z-index: 10;
}
	.img-congnghe img{
		width: calc(100% - 40px);
		float: right;
	}

#mat-bang .container{position:relative;}
	.w-masterp .left-masterp{
		background: #02437b url(../img/bg-block.png) left bottom no-repeat;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
		padding: 20px 40px;
		color: #fff;
		position: absolute;
		z-index: 9;
		height: 100%;    background-size: 90%;
	}
		.w-masterp .left-masterp h4,.w-masterp .left-masterp p{    margin-bottom: 20px;}
	.right-masterp{
		border: 1px solid #e1e1e1;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		height: 100%;
		background: #fff;
		float: right;
		border-left: 0px;
		padding:15px 15px
	}

	#mat-bang .nav-pills>li.active>a,#mat-bang  .nav-pills>li.active>a:focus,#mat-bang .nav-pills>li.active>a:hover {
		color: #159bcc;
		background-color: transparent;background: url(../img/next-master-hover.svg) 0px 7px no-repeat;background-size: 19px;
	}
	#mat-bang .nav-pills>li>a {
		border-radius: 0px;
		text-transform: uppercase;
		padding: 7px 0px 7px 25px;
		color: #fff;
		background: url(../img/next.svg) 0px 7px no-repeat;
		background-size: 19px;
	}
	#mat-bang .nav-pills>li>a:hover {
		border-radius: 0px;
		color: #159bcc;
		background-color: transparent;
		background: url(../img/next-master-hover.svg) 0px 7px no-repeat;background-size: 19px;
	}
.w-masterp{position:relative;}
	.des-masterp{
		//position: absolute;
		bottom: 0px;
		max-width: 80%;
		left: 0px;
		right: 0px;
		width: 100%;
		margin: auto;
		padding-top:50px;
	}
		.des-masterp p{margin-bottom:0px;}
		.w-masterp .title_tagline{margin-bottom: 20px;}
	.des-click-view{
		position: absolute;
		bottom: 34%;
		left: 0px;
		color: #fff;
		font-style: italic;
		padding-left: 5%;
	}
.section-design{background: #0e306d url(../img/bg-section-album.jpg) no-repeat center bottom;}
	
	.reasons-list{margin-top: 30px;}
	#vi-sao-chon-rdl .section-content{height: 470px;}
		.section-why .reasons-list .inner {
				display: inline-block;
				margin-top: -120px;
			}
	.section-why ul{margin:0px; padding:0px;}		
	.section-why li{
		width:calc(100% / 5);
		float:left;    text-align: center;
	}	
			
			
			
			
			
			
			
.section-masterplan  .item{position: relative; height: auto;}
.section-masterplan  .item .img-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.w-nhamau{
	background: url(../img/ico-foliage.svg) 68% 0px no-repeat;
    width: 100%;
    background-size: 32px;
    padding-top: 30px;
}
.album-nha-mau{padding-right:0px;padding-left: 0px;}
	.album-nha-mau .tab-content{position: relative;z-index: 5;}
		.album-nha-mau .tab-content:before{
			background: url(../img/bg-top-nha-mau.png) left top no-repeat;
			content: '';
			width: 100%;
			height: 251px;
			position: absolute;
			left: 0px;
			background-size: 100%;
			top: 0px;
			z-index: 1;
		}
		.album-nha-mau .tab-content:after{
			background: url(../img/bg-bottom-nha-mau.png) left bottom no-repeat;
			content: '';
			width: 100%;
			height: 251px;
			position: absolute;
			left: 0px;
			background-size: 100%;
			bottom: -13px;
			z-index: 1;
		}
	
.content_nha-mau{
	padding-left: 5%;
    position: relative;
    z-index: 5;
}

	#tab_nhamau li{display: inline-block; margin-right:5px}
	#tab_nhamau li:last-child{margin-right:0px;}
		#tab_nhamau li a{background:#fff; border:1px solid #255530; color:#255530; text-transform:uppercase; font-weight:600; border-radius:20px; padding: 5px 13px 5px;font-size: 15px;font-family: 'Open Sans', sans-serif;}
		#tab_nhamau li.active a,#tab_nhamau li:hover a{background:#255530; color:#fff; text-transform:uppercase; border-radius:20px;}
	
	.section-nha-mau{
		position: relative;
		padding: 0px;
		align-items: center;
		display: flex;
	}
		.section-nha-mau:before{
			content:'';
			background: #fff url(../img/line-left.svg) -58px 0px no-repeat;
			position: absolute;
			background-size: 160px;
			width: 160px;
			height: 310px;
			top:-33px;
		}
	.album-nha-mau:before{
		background: url(../img/bg-left-nha-mau.png)left top no-repeat;
		content: '';
		width: 448px;
		height: 100%;
		position: absolute;
		background-size: 100%;
		left: -160px;
		z-index: 10;
	}
	#nha-mau ul.nav {margin-top:40px;}
.ly-do-table{
	display:none;	
}
	
#ly-do-chon .section-content{
	background:url(../img/line-lydo.svg) center 228px no-repeat;
	background-size:108%;	
}
.section-why{
	background: #fff url(../img/bg-section-why.jpg) no-repeat center top;
    padding: 0px 0px 50px;
    background-size: 100%;
	position: relative;overflow: visible;min-height: 930px;
}
	.section-why:before{
		background:rgba(0, 0, 0, 0) url("../img/bg-top-ly-do.png") no-repeat scroll left top / 100% auto;
		content: '';
		width: 100%;
		height:332px;
		position: absolute;
		background-size: 100%;
		left: 0px;
		z-index: 1;    top: 0px;
	}
	.section-why:after{
		background: url(../img/bg-bottom-ly-do.png)left bottom no-repeat;
		content: '';
		width: 100%;
		height:262px;
		position: absolute;
		background-size: 100%;
		left: 0px;
		z-index: 1;bottom: 0px;
	}
	#ly-do-chon .header_r{    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
    line-height: 23px;}
	
		#ly-do-chon .list-rs:nth-child(3) .header_r,#ly-do-chon .list-rs:nth-child(5) .header_r{white-space: nowrap;}
	#ly-do-chon .desc_reasons{color:#fff;font-size: 15px;padding-bottom: 40px;}
	.section-why .list-rs:nth-child(1),.section-why .list-rs:nth-child(3),.section-why .list-rs:nth-child(5){
		background: url(../img/nhac-lydo-1.svg) 41% bottom no-repeat;
		background-size: 32px;
		padding-bottom: 66px;
	}
	.section-why .list-rs:nth-child(2),.section-why .list-rs:nth-child(4){		
		background: url(../img/nhac-lydo-2.svg) 54% top no-repeat;
		background-size: 32px;
		padding-top: 106px;
	}
	
	#ly-do-chon .container,#ly-do-chon .section-content{position:relative; z-index:2}
	.header_reas{margin-top:-20px;}
	.section-why .list-rs:nth-child(1){margin-top:76px;}
	.section-why .list-rs:nth-child(2)  .desc_reasons, .section-why .list-rs:nth-child(4) .desc_reasons{padding-bottom:0px}
	.section-why .list-rs:nth-child(2){margin-top: 345px;}
	.section-why .list-rs:nth-child(3){margin-top: 54px;}
	.section-why .list-rs:nth-child(4){margin-top: 352px;}
	.section-why .list-rs:nth-child(5){margin-top: 182px;}
	
body .qtip-custom{background:#6a0032;width:100%;min-height:40px; border-radius: 30px; opacity:1;padding-left:20px;margin-left:-150px;margin-top:-107px;padding-top:5px;font-size:16px;text-align:center;color:#fff;font-weight:normal;line-height:1.4;box-shadow:rgba(0,0,0,0.5) 5px 3px 20px;border:0}
body .qtip-custom span,body .qtip-custom2 span,body .qtip-custom span{display:inherit}
.qtip-tip{width:0}
.qtip-custom i,.qtip-custom em,.qtip-custom2 i,.qtip-custom2 em,.qtip-custom i,.qtip-custom em{display:inline-block;font-size:8px;color:#fff;font-weight:normal}
.qtip-custom i.fa-map-marker{font-size:13px}


.slider .slick-prev,.slider .slick-next{width: 41px; height: 41px;right: 0px;    z-index: 2;}
.slider .slick-prev{left: 0px; right: auto;}


#thu-vien{padding:0px;}
	#thu-vien .box-slick-group,#videos .box-slick-group{max-width:1170px;    margin: auto;}
	#videos{padding:70px 0px 20px;}
.box-slick-group  .slick-category{margin-bottom: 25px; text-align: center;}
.box-slick-group  .slick-description{text-align: center; margin-bottom: 15px;}
.box-slick-group  .slick-category ul{
	list-style: none;
    padding: 0px;
    display: inline-block;
    border: solid 1px #4e739c;
    padding: 12px 20px;
    border-radius: 12px;
}
.box-slick-group  .slick-category ul li{display: inline;}
.box-slick-group  .slick-category ul li a{display: inline-block; padding: 0px 18px 0px 17px; text-transform: uppercase; color: #fff;}
.box-slick-group  .slick-category ul li:last-child a{border:0px;}
.box-slick-group  .slick-category ul li.active a{ font-weight: 700; color: #159bcc; }
.box-slick-group .slider .slick-prev,
.box-slick-group .slider .slick-next{background:transparent !important; right:-45px;}
.box-slick-group .slider .slick-prev{left: -45px; right: auto;}
.slider .slick-disabled{opacity:0.5}

#thu-vien  .slider .slick-prev,#videos  .slider .slick-prev{
    width: 41px;
    height: 27px;
}
	#thu-vien .slider .slick-prev:before,#videos .slider .slick-prev:before{
		background: url(../img/prev.svg) center center no-repeat;
		opacity: 1;
		width: 41px;
		display: block;
		height: 27px;
		background-size: 41px;
		content: '';
	}	

	#thu-vien .slider .slick-next:before,#videos .slider .slick-next:before{
		background: url(../img/next.svg) center center no-repeat;
		opacity: 1;
		width: 41px;
		display: block;
		height: 27px;
		background-size: 41px;
		content: '';
	}	
.form-popup{
	display:none;	
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.contact-popup{
    position: fixed;
    z-index: 123;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: rgba(0, 0, 0, .8);
}
	.form-popup.open {
		pointer-events: all;
		display: block;
		position: relative;
		z-index: 9999;
	}
	.contact-popup .box {
		width: 600px;
		height: 590px;
		margin: auto;
		border: 2px solid #47ff71;
		border-radius: 50%;
		padding: 30px 70px 30px;
		position: relative;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		transition: all ease .4s;
	}
		.contact-popup .box:before {
			position: absolute;
			content: "";
			left: 12px;
			top: 12px;
			right: 12px;
			bottom: 12px;
			border-radius: 50%;
			background:#1f4728;
		}
		.contact-popup .box .close-popup{
			position: absolute;
			z-index: 11;
			top: 6%;
			right: 6%;
			cursor: pointer;
			width: 52px;
			transition: all ease .4s;
		}
		
	.contact-popup .title{
		color: #fff;
		text-transform: none;
		font-size: 45px;
		margin-bottom: 20px;
		text-align: center;
	}
	.contact-popup .box>* {
		position: relative;
	}
		.contact-popup .description{color:#fff;    font-size: 14px; margin-bottom:20px;}
			.contact-popup .recive-info{color:#0d2f51;text-transform: uppercase; border:none;padding: 9px 15px 7px;  margin-bottom: 0;   font-size: 16px;}
		.contact-popup .form-group{padding-left:10px;padding-right:10px;}
			.contact-popup .form-group-captcha img{right:10px;} 

		.contact-popup  textarea{height:90px; width:100%}
.qtip-default {
    border: 2px solid #47ff71 !important;
    background-color: #035f3180;
    color: #fff !important;
	border-radius:20px;
}

.qtip-mapster {
		border: none;
		padding: 0;
		background: none;
		border-radius:20px;
	}

	.qtip-mapster:before {
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 50%) rotate(45deg);
		background: #035f31;
		z-index: -1;
	}

	.qtip-mapster .qtip-content {
		background: #035f31;
		padding:7px 35px 7px;    border-radius: 20px;
	}

		.qtip-mapster .qtip-content .name {
			color: #fff;
			font-size: 15px;
			line-height: 1.5;
		}


.title.title-center .line{background-position: center bottom;}
.ul-description span{display:block}



/*.section-why .reasons-list img{display: inline-block;}*/
.section-why .reasons-list .inner{display: inline-block;}

#tien-do .slick-list{margin:0px -15px;}

.home-page .section-news{
	background: #fff;padding: 0px 0px 50px;
    position: relative;overflow: visible;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
	.home-page .section-news:before {
		content: '';
		background: url(../img/line-left.svg) -38px 0px no-repeat;
		position: absolute;
		background-size: 260px;
		width: 190px;
		height: 410px;
		top: -73px;
	}
	.home-page #tin-tuc .section-title:before {
		background: url(../img/ico-foliage.svg) 15% 0px no-repeat;
		background-size: 40px;
		padding-top: 30px;
		content: '';
		width: 40px !important;
		height: 40px;
		position: absolute;
		left: 18%;
	}
.news-item .date-time{
    position: relative;
    display: inline-block;
    color: #783a33;
    font-size: 14px;
}
.news-item.thumbnail{
	padding: 0px;
    border-radius: 0px;
    border: 0px;
	padding-bottom:20px; margin-bottom: 0px;
}
	.news-item.thumbnail img{border-radius:10px;}
	.news-item.thumbnail a{display:block}
	.matbang-slider .slick-dots li.slick-active button:before,
	.section-news .slick-dots li.slick-active button:before,
	.section-tien-do .slick-dots li.slick-active button:before {
		opacity: 1;
		color: #0a5031;
		font-size: 13px;background: #265631;
	}
	.matbang-slider .slick-dots li button:before,
	.section-news .slick-dots li button:before,
	.section-tien-do .slick-dots li button:before {
		font-size: 13px;
		opacity: 1;
		color: #fff;
		border: 1px solid #0a5031;
		border-radius: 50%;
		line-height: 15px;
		width: 15px;
		height: 15px;
	}
.news-item h3{color: #0a5031; font-weight: 600; margin: 20px 0px 10px; line-height: 1.3em; font-size:16px;font-family: 'Open Sans', sans-serif;}
.news-item .description{color: #262626; margin: 10px 0px 25px;}
.news-item .btn-detail{
	position: relative; display: inline-block; color: #159bcc; border-bottom:2px solid #159bcc;text-transform: uppercase;
}
	.news-item .btn-detail{margin-left: 25px;}

.news-slider{
	position: relative;
	margin-left: -15px; margin-right: -15px;
}
.news-slider .slick-next {
    right: 15px;
    top: 45%;
    background: #035f31;
    width: 40px;
    height: 40px;

}
.news-slider .slick-prev {
    left:  15px;
    display: block;
    z-index: 9999;
    top: 45%;
    background:#035f31;
     width: 40px;
    height: 40px;
}
.news-page .news-content p {
   text-align:justify;
}
.news-slider .slick-prev:hover, .news-slider  .slick-prev:focus, .news-slider  .slick-next:hover, .news-slider  .slick-next:focus {
   background:#b79c6f;
}


.news-slider  .slick-prev::before {
    content: "\f053";
    color: #ffffff;
}
.news-slider  .slick-next::before {
    content: "\f054";
    color: #ffffff;
}

.news img{
  display: block;
  margin: 0 auto;
}
.news-item{
	-webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.news .slick-list{overflow:visible;}


.news_hot .wrap_hot{
	position: absolute;
    bottom: 0px;
    padding: 0px 20px 10px;
    background: rgb(3 95 49 / 60%);
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
	.news_hot .news-item.thumbnail a {
		position: relative;
	}
	.news_hot .news-item h3,.news_hot .news-item .date-time {color:#fff}


.video-wrapper {
		position: relative;
		/*padding-bottom: 56.25%;
		padding-top: 25px;*/
		height: 100%;
	}
	.video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	}







.section-develop{background: #fcfcfc url(../img/bg-doitac.png) left bottom no-repeat; background-size: 350px;} 
	.w-doitac{max-width:900px;margin: auto;padding: 40px 0px 10px;}
		.section-develop h5{
			color:#02163f;
			text-transform:uppercase;
			margin-bottom:20px;    font-size: 18px;
		}
		.section-develop .logo-danhkhoi{
			max-width: 340px;
			text-align: center;
			margin: auto;
		}
		.section-develop .logo-dkrd{
			max-width: 168px;
			text-align: center;
			margin: auto;
		}


.posi-time h4{
  font-weight: 700;
  font-size: 45px;
  color: #844052;
  text-transform: uppercase;
}
.posi-time-content{
  position: relative;
}
.posi-time-content:before{
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  left: 40px;
  top: 0px;
  border: none;
  border-left: 2px  dashed #a19f98;
}
.posi-time-content p{
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  padding-left: 80px;
}
.position h3.title,.slider-customer h3.title,.news h3.title{display:table}
.position  .title:before{background: #ece7d4 url(../img/img-title.png) center bottom no-repeat;}
.text_po p{text-align:center !important; margin:15px 0px}
.text_po h5{text-align:center; color:#6a0032 !important; margin-top:15px}

	

	
.news  .title{color:#e2bf7f}	
	.news  .title:after{background: #ab6a48}

.section-policy .modal-title{
	color: #073050;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-size: 32px;
	margin-bottom: 15px;
}
.section-policy  .modal-header {
    border-bottom: none;
}
	.modal-header .close{
		margin-top: -14px;
		font-size: 50px;
		position: relative;
		right: -30px;
	}
	#tien-ich-ngoaikhu .close {
		font-weight: 400;
		color: #fff;
		filter: alpha(opacity=100);
		opacity: 1;
	}
.modal-dialog-centered {
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    width: 100%;
    max-width: 920px;
}
	.modal-backdrop.in {
		filter: alpha(opacity=80);
		opacity: .8;
	}
	#tien-ich-ngoaikhu .modal-header {
		padding: 0px;
		border-bottom: 0px;
		position: absolute;
		right: 0px;
	}
	#tien-ich-ngoaikhu .modal-body {
		padding: 0px;
	}
	.modal-dialog-centered .modal-content {
		box-shadow: none;
	}
		.wrap-cs{
			color: #103050;
			font-weight: 700;
			font-size: 22px;
			display: inline-block;
			margin-right: 25px;
		}
			.wrap-cs p{text-align:left;}
			.w-numb{
				border-radius: 5px;
				border: 1px solid #c2c6d1;
				padding: 15px;
				color: #103050;
				font-weight: 700;
				font-size: 20px;
				display: block;
				position: relative;    border-radius: 10px;
			}
				.w-numb span{
					color: #0099cc;
					font-size: 50px;
					font-weight: 500;
					float:left;line-height: 37px;
				}
				.w-numb .text{
					top: 50%;
					float: left;
					padding-top: 4px;
					padding-left: 15px;
				}
			.w-numb:after{content:''; clear:both;display: block;}

	.w_content-pop{margin:auto;text-align: center;}
		.w_content-pop .wrap-cs:last-child{margin-right:0px;}

	
.list-chs{
	color:#103050;
	text-transform:uppercase;
	font-weight:700;
	text-align:left;
	margin:30px 0px 20px 70px;    font-size: 25px;
}
	.list-chs span{color: #0099cc;}
	.w_content-pop ul{margin-left:70px;padding-left: 0px;}
	.w_content-pop li{		
		text-transform:uppercase;
		color:#103050;
		text-align:left;padding-left: 15px;position: relative;    font-size: 22px;
	}
		.w_content-pop li:before{
			width: 7px;
			height: 7px;
			border-radius: 50%;
			background: #103050;
			content: '';
			display: inline-block;
			position: absolute;
			top: 50%;
			left: 0px;
			margin-top: -5px;
		}

		#thu-vien .slider,#videos .slider {
			  position: relative;
			  z-index: 200;
			  padding: 0 0px;
			  width: 100%;
			}
			#thu-vien .item.slick-slide,#videos .item.slick-slide {
			  width:850px;
			  height: 477px !important;
			  transition: transform .3s cubic-bezier(.4,0,.2,1);
			  position: relative; 
			}

			#thu-vien .slick-slide:after,#videos .slick-slide:after {
			  content:'';
			  position: absolute;
			  z-index: 2;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  background: rgb(3 95 49 / 40%);
			  transition: transform .3s cubic-bezier(.4,0,.2,1);
			}

			#thu-vien .item.slick-slide,#videos .item.slick-slide {
			  transform: scale(0.8)  translate(250px);
			}

			#thu-vien .item.slick-slide.slick-center + .slick-slide,#videos .item.slick-slide.slick-center + .slick-slide {
			  transform: scale(0.8) translate(-250px);
			  z-index: 10;
			}

			#thu-vien .item.slick-slide.slick-center + .slick-slide + .item.slick-slide,#videos .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
			  transform: scale(0.8)  translate(-250px);
			  z-index: 5;
			}

			#thu-vien .item.slick-slide.slick-active,#videos .item.slick-slide.slick-active {
			  transform: scale(0.8) translate(250px);
			}

			#thu-vien .item.slick-slide.slick-center,#videos .item.slick-slide.slick-center {
			  transform: scale(1);
			  z-index: 30;border-radius: 10px;overflow: hidden;
			}
			#thu-vien .slider .slick-next,#videos .slider .slick-next{right:15%;    z-index: 9999999;}
			#thu-vien .slider .slick-prev,#videos .slider .slick-prev {left:15%;    z-index: 9999999;}
			.slick-center:after {
			  opacity: 0;
			}
		#thu-vien  .slider-nav,#videos  .slider-nav{ width:850px; margin:10px auto 0px;}	
			#thu-vien .slick-list,#thu-vien .slider-nav .item-thumb,#videos .slick-list,#videos .slider-nav .item-thumb{overflow-y:visible;}
			#thu-vien  .slider-nav .item-thumb,#videos  .slider-nav .item-thumb{margin:0px 10px;padding-top: 11px;background: transparent;border-radius: 5px;overflow: hidden;}
			#thu-vien .slider-nav .item-thumb.slick-current.slick-active:before,#videos .slider-nav .item-thumb.slick-current.slick-active:before{
				content: '';
				width: 100%;
				height: 4px;
				background: #8e4d43;
				position: absolute;
				top: 10px;
				z-index: 99;
			}
			#thu-vien .slider-nav .item-thumb.slick-current.slick-active,#videos .slider-nav .item-thumb.slick-current.slick-active{
				background: url(../img/slide-act.png) center top no-repeat;
			}
			#thu-vien .slider-nav .item-thumb.slick-current.slick-active:after,#videos .slider-nav .item-thumb.slick-current.slick-active:after{
				background: #000;
				display: block !important;
				opacity: 0.4;
				height: calc(100% - 10px);
				bottom: 0px;
				top: auto;
			}
			#thu-vien .slider-nav .item-thumb.slick-slide:after,#videos .slider-nav .item-thumb.slick-slide:after{background: transparent;}
		

.videos .title {
    margin-top: 30px;
}
.news .recive-info{
  margin-top: 0px;
}



.slider-customer{
  padding-top: 50px;
  background: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.slider-customer .slick-slide img {
    display: block;
    margin: 0 auto;
}
.slider-co{
  position: relative;
}
	.slider-co .slick-slide>div{
		border:1px solid #842e52;
		min-height:190px;
		margin: 15px 8px;
		background:rgba(106,0,50,0.2)
	}
	
		img.cotecons{margin-top:50px !important}
		img.dpa{margin-top:50px !important}
		img.culus{margin-top:35px !important}
		img.mai-archi{margin-top:75px !important}
		img.green-viet{margin-top:35px !important}
		img.cbre{margin-top:60px !important}
		
		

.register .recive-info {
	background: #1f4728 url(../img/ico-re.svg) 19px center no-repeat;
	width: auto;
	height: 40px;
	border-radius: 5px;
	font-size: 18px; 
	text-transform: uppercase; 
	padding: 8px 29px 9px 49px;
	margin-left: 0px;
	background-size: 18px;
	color: #45f46d; border:0px; border-radius: 30px; margin-top: 15px;-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;
}
.register .recive-info:hover{
	background: #1f4728 url(../img/ico-re.svg) 19px center no-repeat;background-size: 18px;
    color: #fff;
}

.register p{
text-align: center;
font-size: 16px;
}
.register form{
	margin-top: 50px;    margin-bottom: 30px;
}
	.register input{
		height: 35px;
		color: #fff;
		border: solid 1px #47ff71;
		border-radius: 20px;
		box-shadow: none;
		background: rgb(3 95 49 / 50%);
		text-align: left;
		padding: 8px 18px;
		width: 100%;
		font-size: 15px;
	}
	.register textarea{
		height: 70px;
		color: #fff;
		border: solid 1px #47ff71;
		border-radius: 20px;
		box-shadow: none;
		background: rgb(3 95 49 / 50%);
		text-align: left;
		padding: 8px 18px;
		width: 100%;
		font-size: 15px;
	}


	.form-popup .btn_register input{
		max-width: none;
		text-align: center;
		margin: auto;
		padding: 5px 15px !important;
		display: inline-block;
		width: auto;
		display: block;
	}
	.form-popup .wpcf7 form.sent .wpcf7-response-output {
		margin-top: 0px;
	}
.form-popup input{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
	.form-popup textarea{
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
		color: #fff;
		background: rgb(0 0 0 / 40%);
	}
.register .recive-info p {
    padding-top: 12px;
}
.register input::-webkit-input-placeholder,.register textarea::-webkit-input-placeholder  {
 text-align: left;color: #fff;
}
.register input:-moz-placeholder, .register textarea:-moz-placeholder{ 
 text-align: left;color: #fff;
}
.register input::-moz-placeholder,.register textarea::-moz-placeholder { 
 text-align: left;color: #fff;
} 
.register input:-ms-input-placeholder,.register textarea:-ms-input-placeholder { 
 text-align: left;color: #fff;
}
.footer .logo-footer img{width: 215px; height: auto;}
.box{
	margin-bottom: 30px;
}

#lien-he.register {
    background: url(../img/bg-footer.jpg) center top no-repeat;
    background-size: cover;    padding: 60px 0px 15px; color:#0a5031;
}
	#lien-he.register p{color:#333333;}
	#lien-he .social-f{margin:60px 0px 30px;}
	#lien-he  .form-footer{margin-bottom:40px;}
	







.d-block{display:block}


.contact-center{	
    min-height: 180px;
}
	.contact-center .line-center:before {
		height: 100%;
		left: 50%;
		right: 50%;
		width: 1px;
		background: #ffffff;
		content: '';
		position: absolute;
		min-height: 180px;
		top: -6px;
	}

	.contact-center .line-center:after {
		height: 18px;
		width: 18px;
		left: 50%;
		right: 50%;
		border: 2px solid #fff;
		content: '';
		position: absolute;
		bottom: -10px;
		border-radius: 50%;
		margin-left: -8px;
	}
.social-f{text-align:center;}
	.social-f a{
		display: inline-block;
		margin: 0px 2px;
		text-align: center;
		border-radius: 50%;
		background: #255530;
		padding: 8px;
	}
		.social-f a img{max-width:19px;}
		.social-f a:hover {
			-webkit-animation-name: hvr-bob-float,hvr-bob;
			animation-name: hvr-bob-float,hvr-bob;
			-webkit-animation-duration: .3s,1.5s;
			animation-duration: .3s,1.5s;
			-webkit-animation-delay: 0s,.3s;
			animation-delay: 0s,.3s;
			-webkit-animation-timing-function: ease-out,ease-in-out;
			animation-timing-function: ease-out,ease-in-out;
			-webkit-animation-iteration-count: 1,infinite;
			animation-iteration-count: 1,infinite;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-direction: normal,alternate;
			animation-direction: normal,alternate;
		}
			
			@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
			@keyframes hvr-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
			@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
			@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}



		.contact_f p{text-align:lefft}
	.logo-duan{margin: 30px 0px 0px; padding-bottom:20px;}
		.slick-slide{position:relative;}
			.slick-slide img{margin:auto}
img.reason-mb-img{
  width: 130px;
  height: 130px;
}
.news-page .news-content .page-title{  
	font-size: 26px;
    color: #2a7e3e;
    margin-top: 0px;
    display: inline;
    font-weight: 600;font-family: 'Open Sans', sans-serif;
}
.news-page .news-content .date-time{  
  color: #783a33;
  font-size: 14px;
  font-style:italic;
  margin-top: 20px;
}
.section-default.news-content{padding: 10px 0px 0px;}
.news-page .news-content .p-top{
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 14px;
  color: #4e4e4e;
  background: #02163f;
  padding: 10px;
  border-left: 3px solid #b38a4b;
}


.news-page .news-content h2,.news-page .news-content h3,.news-page .news-content h4,.news-page .news-content h5,.news-page .news-content h6{
	font-size: 17px;    font-weight: 600;font-family: 'Open Sans', sans-serif;
	margin-bottom:15px;
}
.sing_new li{position:relative;    padding-left: 20px;}
	.sing_new li:before{
		content: '';
		width: 7px;
		height: 7px;
		background: #2a7e3e;
		border-radius: 50%;
		display: inline-block;
		position: absolute;
		left: 0px;
		top: 8px;
	}
   	.sing_new ul{padding-left: 15px;}








#thank{
	background: url(../img/bg-footer.jpg) center bottom  no-repeat;
    background-size: cover;
    color: #0a5031;
    min-height:100vh;
    text-align: center;
	padding-top:70px
}
	#thank .copy_r{position: absolute;  bottom: 10px;  }
#thank .section-content{position:  absolute; width: 100%; left: 0px; top:50%; transform: translateY(-50%);}
#thank .back_home{
  background: url(../img/back.svg) center center no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    background-size: 60px;
    margin-top: 30px;
    position: relative;
    z-index: 9;
}
	.cont_thanks{padding-top:60px}
	.img_thanks img{
		max-width: 420px;
		margin: auto;
	}

	.cont_ths{
		font-size:19px;
		color:#035f31;
		font-weight: 500;
		text-align:center;
		margin-bottom:15px
	}
		.cont_ths span{font-weight:700; display:block}
		.thank_ct2{color:#333333;font-weight:500 !important;}

*Phone Call*/

.quick-alo-phone.quick-alo-static {
	opacity:.6;
}
.quick-alo-phone.quick-alo-hover,
.quick-alo-phone:hover {
	opacity:1;
}
.quick-alo-ph-circle {
	width:150px;
	height:150px;
	top:20px;
	left:20px;
	position:absolute;
	background-color:transparent;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,0.4);
	border:2px solid #bfebfc 9;
	opacity:.1;
	-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
	animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle {
	-webkit-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle {
	-webkit-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone:hover .quick-alo-ph-circle {
	border-color:#fdb710;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {
	border-color:#fdb710;
	border-color:#fdb710 9;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
	border-color:#fdb710;
	border-color:#fdb710 9;
}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle {
	border-color:#ccc;
	opacity:.5;
}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle {
	border-color:#fdb710;
	opacity:.5;
}
.quick-alo-ph-circle-fill {
	width:90px;
	height:90px;
	top:50px;
	left:50px;
	position:absolute;
	background-color:#fdb710;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	opacity:.1;
	-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill {
	-webkit-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill {
	-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	opacity:0 !important;
}

.quick-alo-ph-img-circle {
	width:50px;
	height:50px;
	top:70px;
	left:70px;
	position:absolute;
	background: url(../img/phone.svg) no-repeat center center;
	background-size:23px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle {
	-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
	animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle {
	-webkit-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
	-moz-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
	-ms-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
	-o-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
	animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;
}
.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone:hover .quick-alo-ph-img-circle {
	background-color:#2a7e3e ;
}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
	background-color:#2a7e3e ;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
	background-color:#2a7e3e ;
}
.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle {
	background-color:#2a7e3e ;
}
.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle {
	background-color:#2a7e3e ;
}
@-moz-keyframes quick-alo-circle-anim {
	0% {
		-moz-transform:rotate(0) scale(.5) skew(1deg);
		opacity:.1;
		-moz-opacity:.1;
		-webkit-opacity:.1;
		-o-opacity:.1;
	}
	30% {
		-moz-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.5;
		-moz-opacity:.5;
		-webkit-opacity:.5;
		-o-opacity:.5;
	}
	100% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
		opacity:.6;
		-moz-opacity:.6;
		-webkit-opacity:.6;
		-o-opacity:.1;
	}
}
@-webkit-keyframes quick-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;
	}
	}
	@-o-keyframes quick-alo-circle-anim {
	0% {
		-o-transform:rotate(0) kscale(.5) skew(1deg);
		-o-opacity:.1;
	}
	30% {
		-o-transform:rotate(0) scale(.7) skew(1deg);
		-o-opacity:.5;
	}
	100% {
		-o-transform:rotate(0) scale(1) skew(1deg);
		-o-opacity:.1;
	}
}
@-moz-keyframes quick-alo-circle-fill-anim {
	0% {
		-moz-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
	50% {
		-moz-transform:rotate(0) -moz-scale(1) skew(1deg);
		opacity:.2;
	}
	100% {
		-moz-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
}
@-webkit-keyframes quick-alo-circle-fill-anim {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		opacity:.2;
	}
	100% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
}
@-o-keyframes quick-alo-circle-fill-anim {
	0% {
		-o-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
	50% {
		-o-transform:rotate(0) scale(1) skew(1deg);
		opacity:.2;
	}
	100% {
		-o-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2;
	}
}
@-moz-keyframes quick-alo-circle-img-anim {
	0% {
		transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-moz-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-moz-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-moz-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-moz-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-moz-transform:rotate(0) scale(1) skew(1deg);
	}
}
@-webkit-keyframes quick-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);
	}
}
@-o-keyframes quick-alo-circle-img-anim {
	0% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
	10% {
		-o-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-o-transform:rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-o-transform:rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-o-transform:rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
	100% {
		-o-transform:rotate(0) scale(1) skew(1deg);
	}
}
.quick-alo-phone {
	position: fixed;
	background-color: transparent;
	width: 120px;
	height: 120px;
	cursor: pointer;
	z-index: 9999 ;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: visibility .5s;
	-moz-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s;
	right: 30px;
    bottom: 30px;
}
@media screen and (min-width:992px){
	
}
@media screen and (min-width:1200px){
		
}
@media screen and (min-width:1400px){
	
	.section-why .list-rs:nth-child(2) {
		margin-top: 349px;
	}
	.section-why .list-rs:nth-child(3) {
		margin-top: 58px;
	}
	.section-why .list-rs:nth-child(4) {
		margin-top: 355px;
	}
	.section-why .list-rs:nth-child(5) {
		margin-top: 189px;
	}
	.title .line {height: 27px;}
	.title .line:before,.title .line:after {top: 17px;}
	#video iframe {
		width: 897px;
		min-height: 504px;
	}
	.section-location .master-plan-container .road-line {
		margin-right: -51px;
	}

	.section-location .section-content .position-img img {
		max-width: 894px;
		margin-left: -11px;
	}
	.section-utilities .section-content .item {
		max-height: none;
	}
	
	#vi-sao-chon-rdl .section-content{height:550px}
		
#tin-tuc .section-content{height:auto}
	.news-slider {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
	
	#nha-phat-trien.section-develop {
		padding: 103px 0px;
		background-size: contain;
	}
	
	#thank .section-content {
		top: 38%;
		transform: translateY(-38%);
	}
}
@media screen and (min-width:1440px){
	.container {
		width: 1400px;
	}
	.menu-top ul li {
		margin-left: 30px;
	}
	.title {font-size: 30px;}
	.title_tagline {font-size: 35px;}	
	.wrap_tienich li {font-size: 16px;}
	.section-utilities .slick-next {
		right: 63%;
	}
	.section-register {
		min-height: 440px;
	}
	.w_img_ul .img_ul {
		height: 610px;
		width: 610px;
	}
	.album_ul .w_img_ul {
		//background: url(../img/bg-slide-ul.png) 82% 5% no-repeat;
		background-size: 260px;
	}
	#ly-do-chon .desc_reasons {font-size: 17px;	}
	.section-why .list-rs:nth-child(1) {
		margin-top: 86px;
	}
	.section-why .list-rs:nth-child(3) {
		margin-top: 35px;
	}
	.section-why .list-rs:nth-child(4) {
		margin-top: 364px;
	}
	.section-why .list-rs:nth-child(5) {
		margin-top: 171px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle-fill {
		left: 22%;
		top: 50%;
		margin-left: 6px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle {
		left: 18%;
		top: 45%;
		margin-left: 6px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle.circle-2 {
		left: 14%;
		top: 42%;
		margin-left: 19px;
		margin-top: -3px;
	}
}	
@media screen and (min-width:1600px){
	.container {
		width: 1500px;
	}
	.menu-top .logo img {
		width: 190px;
	}
	.section-register {
		min-height: 490px;
	}
	.w_img_ul .description {
		color: #2a7e3e;
		font-size: 20px;
		margin-top: 15px;
		position: relative;
		z-index: 99;
		max-width: 561px;
		padding-left: 100px;
	}
	.w_img_ul .img_ul {
		height: 650px;
		width: 650px;
	}
	.section-utilities .slick-prev {
		left: 8%;
	}
	.album_ul .w_img_ul {
		background-size: 290px;
	}
	.section-utilities .slick-next {
		right: 59%;
		bottom: 24px;
	}
	.section-utilities .slick-prev {
		left: 6%;
		bottom: 24px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle-fill {
		left: 22%;
		top: 51%;
		margin-left: 10px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle {
		left: 19%;
		top: 46%;
		margin-left: 4px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle.circle-2 {
		left: 15%;
		top: 43%;
		margin-left: 19px;
		margin-top: -3px;
	}
	.section-location .section-content .position-img img {
		max-width: 910px;
		margin-left: 0px;
	}
	.section-location .position-info .media .numb {
		width: 150px;
		height: 120px;
		line-height: 100px;
	}
	#thiet-ke .slick-initialized.slick.slider {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
	#ly-do-chon .section-content {
		background: url(../img/line-lydo.svg) center 221px no-repeat;
	}
	.section-why .list-rs:nth-child(1) {
		margin-top: 52px;
	}
	.section-why .list-rs:nth-child(2) {
		margin-top: 344px;
	}
	.section-why .list-rs:nth-child(3) {
		margin-top: 35px;
	}
	.section-why .list-rs:nth-child(4) {
		margin-top: 366px;
	}
	.section-why .list-rs:nth-child(5) {
		margin-top: 161px;
	}
	.footer .footer-top .contact_f .box-content{font-size:30px}	
	#thank .back_home {  width: 70px;   height: 70px;    background-size: 70px;
	}
}
@media screen and (min-width:1680px){
		#thank .section-content {
			top: 38%;
			transform: translateY(-38%);
		}
	.section-why .list-rs:nth-child(1) {
		margin-top: 50px;
	}
	.section-why .list-rs:nth-child(2) {
		margin-top: 357px;
	}
	.section-why .list-rs:nth-child(3) {
		margin-top: 44px;
	}
	.section-why .list-rs:nth-child(4) {
		margin-top: 373px;
	}
	.section-why .list-rs:nth-child(5) {
		margin-top: 182px;
	}
	.section-register {
		min-height: 520px;
	}
	.wp-caption p.wp-caption-text {
		font-size: 17px;
	}
	#thu-vien .slider .slick-next ,#videos .slider .slick-next{
		right: 19%;
	}
	#thu-vien .slider .slick-prev,#videos .slider .slick-prev {
		left: 19%;
	}
	.des-masterp {
		bottom: 30px;
	}
}
@media screen and (min-width:1900px){
	#tien-ich-ngoaikhu .modal-dialog-centered {
		max-width: 1310px;
	}
	.menu-top {height: 70px;}
	.menu-top ul {
		margin-top: 24px;
	}
	.phonering-alo-ph-img-circle {top: 4px;}	
	.section-register {
		min-height: 590px;
	}
	
		.section-introduce h5.cochin {
			font-size: 32px;
			margin: 0px 0px 30px;
		}
		.introduce-right-img {
			max-width: 103%;
			float: none;
		}
	.section-introduce table .font-b {
		font-size: 35px;
	}
		.section-introduce table .font-b strong {
			font-size: 24px;
		}
	.section-introduce table td p {
		font-size: 18px;
	}
	.section-introduce table tr:first-child td:after {
		width: 90px;
		margin: 25px auto 6px;
	}
	.section-location .master-plan-container .road-line {
		margin-right: -70px;
		margin-top: 6px;
	}
	.title {font-size: 35px;}
	.title_tagline {
		font-size: 44px;
	}
	body {
		font-size: 17px;
	}
	#tab_nhamau li a {
		padding: 7px 33px 7px;
		font-size: 18px;
	}
	.section-utilities .section-content .item .description {  bottom: -100px;}
	.w-img-congnghe:before {
		width: 104%
	}
	.img-congnghe img {
		width: calc(100% - 100px);
	}
	.section-why {
		min-height: 1100px;
	}
		.section-why .list-rs:nth-child(1) {
			margin-top: 96px;
		}
		.section-why .list-rs:nth-child(2) {
			margin-top: 399px;
		}
		.section-why .list-rs:nth-child(3) {
			margin-top: 74px;
		}
		.section-why .list-rs:nth-child(4) {
			margin-top: 389px;
		}
		.section-why .list-rs:nth-child(5) {
			margin-top: 234px;
		}
	
	#thu-vien .item.slick-slide,#videos .item.slick-slide {
		width: 950px;
		height: 535px !important;
	}
	#thu-vien .slider .slick-next,#videos .slider .slick-next {
		right: 21%;
	}
	#thu-vien .slider .slick-prev,#videos .slider .slick-prev {
		left:21%;
	}
	.section-develop h5 {
		font-size: 24px;
	}
	.w-doitac {
		max-width: 1220px;
	}

	.register .form-control {height: 35px;}
	.form-group-captcha img {
		max-height: 35px;
	}
	.footer h5 {
		font-size: 20px;
	}
	.contact-center .line-center:before {
		min-height: 210px;
	}
	.contact-center .line-center:after {
		bottom: -41px;
	}
.section-masterplan {
    padding: 0px 0px 0px;
}
	.des-masterp {
		bottom: 50px;
	}




.section-location .section-content {
    background: #ece7d4 url(../img/bg-location.jpg) no-repeat 92% center;
    background-size: auto 96%;
}	
	.section-location .section-content .position-img img {
		max-width: 100%;
	}
	
	.section-location .position-info .media {min-height: 130px;	}
	.section-utilities .section-content .item img {
		max-height: 100%;
	}
	
	.reasons-list {
		-webkit-transform: scale(0.94);
		-ms-transform: scale(0.94);
		-moz-transform: scale(0.94);
		transform: scale(0.94);
	}
		.section-why .reasons-list .inner {
		margin-top: 0px;
	}
	#vi-sao-chon-rdl .section-content {
		height: 100%;
	}
	.section-develop .logo-phuckhang {
		padding: 90px 0px;
	}
	.cont_ths { font-size: 22px;}
	.img_thanks img {
		max-width: 100%;
		margin: auto;
	}
	
		#thank .back_home {
			width: 80px;
			height: 80px;
			background-size: 80px;
		}
}	
@media screen and (max-width: 1280px) {
	.container {
		width: 100%;
	}
	.header .hotline .inner > a {
		font-size: 21px;
	}
	.section-introduce .section-content { padding-bottom: 60px;}
	.section-location{padding:0px}
	.section-location .section-content .position-img img {
		max-width: 793px;
	}
	.section-location .position-info .media .numb {
		width: 120px;
		height: 90px;
		font-size:19px;
	}
	.section-why .list-rs:nth-child(1) {margin-top: 53px;}
	.section-why .list-rs:nth-child(2) {margin-top: 329px;}
	.section-why .list-rs:nth-child(3) {margin-top: 42px;}
	.section-why .list-rs:nth-child(4) {margin-top: 344px;	}
	.section-why .list-rs:nth-child(5) {margin-top: 159px;}
	#tab_nhamau li a {font-size: 14px;	}	
	.section-location .position-info .media .numb strong {
		font-size: 44px;
		line-height: 99px;
	}
.section-masterplan .slider{    height: 590px;}
	.section-masterplan .item {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
		margin-top: -40px;
	}
	
	.title {font-size: 32px;}
	.cochin {
		font-size: 26px;
		margin: 0px 0px 20px;
	}
.box-slick-group .slick-category {  margin-bottom: 8px;}	
	.box-slick-group .slick-category ul {padding: 9px 20px;	}
		.box-slick-group .slick-category ul li.active a {font-size: 14px;	}
	#thiet-ke .slick-initialized.slick.slider {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
		margin-top:-50px;
	}
	#thiet-ke .section-content .slick-content{    height: 550px;}
	
.form-group-captcha img {
    max-height: 33px;
}

	#thu-vien .slider .slick-prev,#videos .slider .slick-prev {
		left: 11%;
	}
	#thu-vien .slider .slick-next,#videos .slider .slick-next {
		right: 11%;
	}
	
	
}
@media screen and (max-width: 1199px) {
  .hotline_tab{display:block}
  .hotline.hidden-xs{display:none}
  .cochin{font-size: 26px;}
  .section-introduce table td strong{font-size:18px;}
  .section-location .position-info .media{    margin: 10px 0px;}
  
  
  .navbar-header{float: none;}
  .navbar-header .navbar-toggle .icon-bar{  background: #035f31; width: 40px; border-radius: 0px; }
  .header.naviopen .menu-top .bar1 {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		position: absolute;
		top: 19px;
	}
	.header.naviopen .menu-top .bar2 {
		display: none;
	}
	.navbar-header .navbar-toggle .icon-bar+.icon-bar {
		margin-top: 10px;
	}
	.header.naviopen .menu-top .bar3 {
		transform: rotate(45deg );
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: 9px;
	}
	
  .navbar-toggle {display: block;     margin-top: 10px;    z-index: 99999999;}
  .main-header .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
  .main-header .navbar-collapse.collapse {display: none!important; }
  .navbar-nav {float: none!important;margin: 7.5px -15px;}
  .navbar-nav>li { float: none;}
  .main-header .navbar-collapse.collapse.in{display:block !important;}
	
  
	.naviopen .navbar-toggle {
		margin-top: 14px;
		right: 0px;
		width: 50px;
		height: 50px;
		padding: 0px;
	}

  .main-header .navbar-collapse .menu-main{float: none;}
  .main-header .navbar-collapse .menu-main ul{width: 100%;    margin-left: 0px;    padding-top: 40px;}
  .main-header .navbar-collapse .menu-main ul li{display: block; float: none; margin-left: 0px;}
  .main-header .navbar-collapse .menu-main ul li a{padding-top: 12px; padding-bottom: 12px; color: #255530; border-bottom: solid 1px rgba(255,255,255,0.1);
  display: block;     margin-left: 0px;
  }
	.language a{position:relative;}
	.language a:first-child:after {
		content: '';
		position: absolute;
		right: 0px;
		top: 12px;
		width: 1px;
		height: 18px;
		background: #ece7d4;
	}
  .main-header .navbar-collapse .menu-main ul li:hover a,
  .main-header .navbar-collapse .menu-main ul li.active a{border-radius: 0px; border-bottom: solid 1px rgba(255,255,255,0.1);}
  .main-header .navbar-header {
		float: none;
		display:block ;
		width: 100%;
	}
	
.main-header .navbar-collapse{
    position: fixed;
    top: 0; margin:0px;
    left: 0;
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    pointer-events: none;
    color: #000;
    background: rgba(255,255,255,1);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all cubic-bezier(.77, 0, .175, 1) .5s;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}
.naviopen .main-header .navbar-collapse {
    pointer-events: auto;
    height: 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);opacity: 1;
}
	
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle-fill {
		left: 24%;
		top: 52%;
		margin-left: 1px;
		width: 50px;
		height: 50px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle {
		left: 20%;
		top: 48%;
		margin-left: 8px;
		width: 80px;
		height: 80px;
	}
	
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle.circle-2 {
		left: 16%;
		top: 43%;
		width: 120px;
		height: 120px;
		margin-left: 11px;
		margin-top: -1px;
	}
	.header .hotline .inner .language a:first-child:after {
		content: '';
		position: absolute;
		right: 0px;
		top: 0px;
		width: 1px;
		height: 30px;
		background: #ece7d4;
	}
	.tab_m{display:block}
	.header .contact_head{display:none;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.menu-top .logo{position: relative;z-index: 9999;}
  .posi-time{
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }
  .posi-time h4 {
    font-size: 40px;
  }
	.menu-top .container {
		padding: 0px;
	}
	.title {
		font-size: 26px;
	}
	.title_tagline {
		font-size: 29px;
	}
  .menu-top .logo a {
		margin-top: 12px;
	}
	.section-location .master-plan-container .road-line {
		margin-right: -39px;
	}
  .slider-customer {margin-top: 25px;}
  .w_img_ul .img_ul {
		height: 450px;
		width: 450px;
	}
	  .album_ul .w_img_ul {
		background: url(../img/bg-slide-ul.png) 90% 5% no-repeat;
		background-size: 210px;
	}
	.section-utilities .title_desc {
		margin-top: 38%;
	}
	.pop_tink {top: 82%;}
	
	.section-utilities {
		background: #fff url(../img/line-left.svg) -50px -20px no-repeat;
		background-size: 250px;
	}
	.main-header .navbar-collapse .menu-main {margin-top: 50px;}
	
	#congnghe {
		padding-bottom: 50px;
	}	
	
  .footer .logo-footer {
      margin-top: 40px;
      margin-left: -30px;
  }

  .menu-top ul li{margin-left: 15px;}
  .menu-top ul li a {
      font-size: 17px;
  }
.section-masterplan {
    padding: 0px 0px 80px;
}
	.des-masterp {
		bottom: -50px;
	}
  .header .hotline{
	float: none;
    position: fixed;
    top: 10px;
    right: 110px;
    display: block;
  }
  .section-introduce {
		background: #fff url(../img/line-left.svg) -50px 90px no-repeat;
		background-size: 240px;
	}
  .section-introduce .section-content {
		padding-bottom: 70px;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		margin-top: 0px;
		padding-bottom: 20px;
	}
	.section-introduce h5.cochin {font-size: 26px;	}
  
  .section-location .section-content .position-img img {
		max-width: 100%;
	}
.section-nha-mau {
    min-height: 600px;
}	
  #vi-tri .section-content>div>div{width:100%}
  .wrap_tienich li {
		display: block;
		align-items: normal;
	}
  
  .section-location .position-info .media {
		margin: 10px 0px;
		width: 50%;
		float: left;
	}
  .section-location  .vertical-center {
		top: 0%;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.section-location .section-content {
		background: #ece7d4 url(../img/bg-location.jpg) no-repeat left bottom;
		background-size: 300px;
	}
	.section-location .position-info{padding-top:30px}
	.section-utilities .section-content .item {
		max-height: 100%;
	}
	.section-masterplan .item {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		margin-top: 0px;
	}
	.header_ti {
		top: 5%;
	}
	.section-utilities .slick-prev {
		left: 6%;
		bottom: 24px;
	}
	.section-utilities .slick-next {
		right: 48%;
		bottom: 24px;
	}
	#vi-sao-chon-rdl .section-content,#tin-tuc .section-content{height:100%}
	
	.header .hotline .inner .language{float:none; top:-2px}
	
	#tin-tuc .news-slider {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		margin-top: 0px;
	}
	
	#thank .section-content {
		top: 40%;
		transform: translateY(-40%);
	}
	.section-policy .title .l-policy {
		font-size: 60px;
	}	
	.policy-right h4 {
		font-size: 21px;
	}
	.section-policy .img-policy {
		width: 110px;
		height: 110px;
	}
	.incentives .img-policy img {
		width: 63px;
	}
	.payment-methods .img-policy img {
		width: 58px;
	}
	.section-default.section-why {
		min-height: 950px;
		background-size: cover;
	}		
		
		#ly-do-chon .section-content {
			background: url(../img/line-lydo.svg) center 326px no-repeat;
		}	
			.section-why .list-rs:nth-child(1) {
				margin-top: 126px;
			}
				#ly-do-chon .header_r {
					font-size: 17px;
				}
				#ly-do-chon .list-rs:nth-child(3) .header_r, #ly-do-chon .list-rs:nth-child(5) .header_r {
					white-space: normal;
				}
			.section-why .list-rs:nth-child(2) {
				margin-top: 387px;
			}
			.section-why .list-rs:nth-child(4) {
				margin-top: 408px;
			}
			.section-why .list-rs:nth-child(5) {
				margin-top: 186px;
			}
		
	#thu-vien .slider .slick-prev,#videos .slider .slick-prev {
		left: 15px;
	}
	#thu-vien .slider .slick-next,#videos .slider .slick-next {
		right: 15px;
	}
	
}

@media screen and (max-width: 991px) {

    .posi-time{
    margin-bottom: 20px;
  }
  .posi-time h4 {
    font-size: 35px;
  }
  .posi-time-content:before {
      left: 28px;
  }
  .posi-time-content p {
      padding-left: 60px;
  }
	
	.section-location .master-plan-container {
		width: 100%;
	}
  .title{font-size: 26px;}
  .title_tagline {font-size: 30px;	}
  .cochin{font-size: 24px;}
  .w_form_header {top: 25%;}
  
	.slider-top .slider1{    height: calc( 100vw * 768 /1024 - 70px ) !important;}
  .slider-top .slide-content .inner{font-size: 18px;}
  .slider-top .slide-content .inner strong{font-size: 24px;}
  
 
  .header .hotline{
		top: 12px;
		right: 100px;
		position: fixed;
		z-index: 99999999999;
		float: none;
		display: block;
  }
  .header .hotline .container{width: auto;}
  .header .hotline .inner{background-color: transparent;}
  .header .hotline .inner:before,
  .header .hotline .inner:after{display: none;}
  .slider-top .logo { padding: 10px 20px 10px 40px;}
  .slider-top .logo:after{border-width: 86px 0 0 40px; right: -40px;}
  .slider-top .logo img{width: 100px; height: auto;}
  .slider-top .button a{margin-left: 0px; margin-top: 10px; font-size: 15px;}
  .slider-top .vegas-control,
  .slider-top .button{bottom: 15px;}
  .section-introduce .section-content:before{left: 0px; background-position: top center;  }

	.section-location .master-plan-container .master-plan .quick-alo-ph-circle-fill {
		left: 24%;
		top: 53%;
		margin-left: 6px;
		margin-top: 1px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle {
		left: 22%;
		top: 50%;
		margin-left: 6px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle.circle-2 {
		left: 18%;
		top: 46%;
		margin-left: 13px;
		margin-top: -1px;
	}
#congnghe {
    display: block;
}	
	.img-congnghe img {
		width: calc(100% - 0px);
		float: none;
	}
	.w-img-congnghe:before {
		width: 119%;
	}
	
  .section-utilities .section-content .item {
    min-height: 490px;
}
  #awan3 {
    bottom: -1px;
}
  #tong-quan .img-tab-intro img{
	 float:right
  }
	.header_ti {
		position: relative;
		top: auto;
		left: 15px;
		width: auto;
	}
	.section-utilities .title_desc {
		display: none;
	}
	.content_uti{
		width: 100%;
		max-width: 770px;
	}
	.section-utilities .slick-prev {
		left: 69px;
		top: 598px;
		bottom: auto;
	}
	.section-utilities .slick-next {
		left: 501px;
		top: 598px;
		bottom: auto;
	}
	.pop_tink {
		position: relative;
		top: auto;
		left: 15px;
	}
	#ly-do-chon .section-content{background-image:none}
  .row-eq-height{display:block}
  .row-eq-height .vertical-center {
            top: 0;
            -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
            transform: translateY(0%)
        }
	.section-why {
		background-size: cover;    min-height: 760px;
	}
		.header_reas {
			margin-top: 0px;
		}
				#ly-do-chon .header_r {
					font-size: 16px;line-height: 24px;
				}
				#ly-do-chon .list-rs:nth-child(3) .header_r, #ly-do-chon .list-rs:nth-child(5) .header_r {
					white-space: normal;
				}
	.section-introduce {
		background: #fff url(../img/line-left.svg) -80px 90% no-repeat;
		background-size: 370px;
		padding: 50px 0px 50px;
	}
	.section-introduce .center_h,#tien-ich .album_ul,.w-masterp,#ly-do-chon .wrap_reasons ul{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
		.section-introduce .introduce-right,.section-utilities .header_ti{order: 1;}
		.section-introduce .img-tab-intro,.section-utilities .slider-utilities{order: 2;}
		.section-utilities .pop_tink {order: 3;  }
		
		
		 .section-why .list-rs:nth-child(3){order: 5; width:100%;}
			.section-why .list-rs:nth-child(5){order: 3; }
		
	.home-page .section-news:before {
		background-size: 190px;
		top: 17px;
	}	
		
		
	.section-why li {
		width: calc(100% / 2);
		background: url(../img/nhac-lydo-2.svg) 0% top no-repeat !important;
		background-size: 32px !important;
		padding:0px 15px 0px 40px  !important;
		text-align: left;
		margin-top:20px !important;
	}	
	.section-why .list-rs:nth-child(5) {
		clear: both;
	}	
.section-masterplan {
    padding: 0px 0px 110px;
}		
		
	.des-masterp {
		bottom: -90px;
		right: auto;
		max-width: 100%;
		padding: 0px 15px;
	}	
	.title_tagline {
		font-size: 25px;
	}
.section-nha-mau {
    display: block;
}	
	
	#nha-mau ul.nav {
		margin-top: 20px;
		margin-bottom: 20px;
	}	
	.section-nha-mau:before {
		background: #fff url(../img/line-left.svg) -58px 60px no-repeat;
		background-size: 140px;
		width: 140px;
		height: 310px;
	}
.section-introduce .section-content {
    padding-bottom: 0px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    margin-top: 0px;
}	
	.introduce-right-img {
		max-width: 100%;
		text-align: center;
		float: none;
	}
	.section-utilities {
		background: #fff url(../img/line-left.svg) -50px 120px no-repeat;
		background-size: 300px;
	}
	.album_ul .w_img_ul {
		background: url(../img/bg-slide-ul.png) 510px 5% no-repeat;
		background-size: 240px;
	}
	.section-location .row{display:block;    margin: 0px -15px;}
	
	#vi-tri.section-location {
		padding-bottom: 0px;
		padding-top: 0px;
	}
		.section-location .master-plan-container .road-line {
			margin-right: -44px;
		}

	#vi-tri .content_vitri {
		width: 100%;
		height: 100%;
	}
	.section-utilities .section-content .item {margin: 0px 0px;}
	.section-utilities .slider .slick-prev {
		left: 1%;
		margin-left: 12px;
	}
	.section-utilities .slider .slick-next {
		right: 1%;
		margin-right: 12px;
	}
	.visable-mb{display:block}
	.menu-top .container {
		padding: 0px;
	}
	.menu-top .logo {
		position: relative;
		z-index: 9999;    margin-left: 5px;
	}
	.w-masterp .left-masterp {
		position: relative;
		background-size: 45%;
	}
	.reasons-list .hiddent-m{display:none}
	.reasons-list img{text-align:center; margin:auto}
	#thu-vien .slider .slick-prev,#videos .slider .slick-prev {left: 15px;}
	#thu-vien .slider .slick-next,#videos .slider .slick-next {right: 15px;}
	.news-slider .slick-prev::before {
		content: " ";
		background: url(../img/prev.svg) center center no-repeat;
		background-size: 25px;
		width: 33px;
		display: block;
		height: 20px;
		opacity: 1;
	}
	.news-slider .slick-next::before {
		content: " ";
		background: url(../img/next.svg) center center no-repeat;
		background-size: 25px;
		width: 33px;
		display: block;
		height: 20px;
		opacity: 1;
	}
	.modal-dialog-centered {
		margin: 0px auto;
		width: 100%;
		max-width: 100%;
		padding: 0px 15px;
	}
	.wrap-cs {
		font-size: 22px;
		display: block;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	#phuongthuc-popup .wrap-cs {
		margin-left: 0px;
	}
		.w-numb span {
			font-size: 41px;width: 90px;
		}
		.w-numb .text{width:calc(100% - 90px);    text-align: left;}
		
}


/*IPAD Đứng*/
@media screen and (min-width:768px) and (max-width:979px){
	.menu-top ul li a {
		font-size: 20px;
	}
	.main-header .navbar-collapse .menu-main ul {
		padding-top: 60px;
	}
	.menu-top>.container{padding-left:0px}
	.slider-top .slide-content .slide-description-0 {
		background: url(../img/line-1.svg) center 35px no-repeat;
		background-size: 568px;
	}
		.slider-top .slide-content p.UTMScriptinaKT {
			font-size: 50px;
		}
		.slider-top .slide-content p {
			font-size: 40px;
		}
	.position-info{padding-top:30px}
		.section-location .position-info .media {
			margin: 10px 0px;
			width: 50%;
			float: left;
		}
	.section-utilities .section-content .item {
		min-height: 510px;
	}
	.section-default.section-utilities {
		padding: 70px 0px 70px;
	}
	.section-location .section-content {
		background: #ece7d4 url(../img/bg-location.jpg) no-repeat 10px bottom;
		background-size: 380px;
	}
	
	.section-masterplan .item {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		margin-top: 0px;
	}
	.section-masterplan .slider,#thiet-ke .section-content .slick-content,#tin-tuc .section-content {
		height: 100%;
	}
	#thiet-ke .slick-initialized.slick.slider {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		margin-top: 0px;
	}
	
	.reasons-list {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
		.section-why .reasons-list .inner{margin-top:0px}
	
	
	#tin-tuc .news-slider {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		margin-top: 0px;
	}
	
	.news-slider .slick-next {right: 0px;}
	.news-slider .slick-prev {left: 0px;}
	.footer .footer-top .contact_f .box-content { font-size: 24px;}
		.footer-top .box-content span {display: inline-block;}

	#thank {
		min-height: 460px;
		background-size: cover;
		height: 100vh;
	}
		#thank .section-content {
			top: 20%;
			transform: translateY(-20%);
		}
	.incentives,.payment-methods{text-align:center;}	
		.incentives:after {
			right: -27px;
			background-size: 31px;
			margin-top: -30px;
		}
	.section-policy .title {
		font-size: 50px;    background: url(../img/line-bg-w.png) 174px 27px no-repeat;
	}	
	.section-policy .title .l-policy {
		font-size: 44px;
		white-space: nowrap;
	}	
	.section-policy .img-policy {
		width: 90px;
		height: 90px;
	}
		.incentives .img-policy img,.payment-methods .img-policy img {
			width: 50px;
		}	
			.policy-right h4 {
				font-size: 18px;
			}	
	.section-develop h5 {
		font-size: 17px;
	}	
	.footer .contact-left {width:45%; float:left;}
	.footer .contact-right {width:45%; float:left;}	
	.contact-center{width:10%; float:left;}
	.w-masterp .left-masterp {
		border-radius: 0px;
	}	
	
}
@media screen and (max-width: 767px){

	.section-why li {
		
		width:100%;
		
	}
	.main-header .navbar-header {
		margin: 0px;
		position: relative;
		z-index: 99;
	}
	.main-header .navbar-collapse .menu-main ul li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
    .posi-time h4 {
    font-size: 40px;
    }
    .posi-time-content:before {
    left: 15px;
   }
   .posi-time-content p {
    margin-top: 10px;
    padding-left: 45px;
  }
.slider-top .slide-content p.UTMScriptinaKT {
    font-size: 48px;
}
	.slider-top .slide-content p {
		font-size: 31px;
	}
	.slider-top .slide-content .slide-description-0 {
		background: url(../img/line-1.svg) center 33px no-repeat;
		background-size: 473px;
		margin-bottom: 40px;
	}
	.main-header .navbar-collapse .menu-main ul {
		padding-top: 0px;
	}
	
	.section-introduce {
		background: #fff url(../img/line-left.svg) -40px 90% no-repeat;
		background-size: 190px;
	}
	
	.w_img_ul .img_ul {
		height: 540px;
		width: 540px;
	}
		.album_ul .w_img_ul {
			background: url(../img/bg-slide-ul.png) 484px 5% no-repeat;
			background-size: 220px;
		}
	
	.section-utilities .slick-prev,.section-utilities .slick-next {top: 569px;}
	
	.pop_tink {
		margin-top: 20px;
	}
	
	#thu-vien .item.slick-slide,#videos .item.slick-slide {
		width: 650px;
		height: 350px !important;
	}
	
	#thank{height: 100vh;    min-height: 430px;    padding-top: 40px;}
	
#congnghe .content_nha-mau {
    padding-left: 5%;
    padding-right: 5%;
}	
	
	
	
	
	
	
	
  .footer .footer-top-mid h5 {
      font-size: 14px;
  }
	 .w_form_header {
		top: 50%;
	}
  #awan3 {
    width: 120%;
    height: 169px;
}
  .title {
    margin-top: 24px;
	font-size: 32px;
  }
  .cochin{font-size: 20px;}
  #mat-bang.section-masterplan {
    padding: 0px 0px 110px;
}
  .section-default,
  .section-default.section-xs{    padding: 30px 0px 20px;}
	.section-introduce{padding:0px !important}
  .section-location .position-info{padding-left: 15px; margin-top: 15px;margin-bottom: 15px;}
  .section-location .position-info .media{min-height: 90px;}
  .section-location .position-info .media .numb{    width: 110px; height: 90px;  line-height: 90px;}
  .section-location .position-info .media .numb strong{font-size: 40px;}
  .section-introduce .section-content:before{background-size: 115%;     top: 90px; left: 0px;}
  .section-introduce table td{    padding: 15px 5px;}
  .section-introduce fieldset{    padding: 0 15px 0px 15px !important;}
  .section-introduce table td strong{font-size: 14px;}
  .box-slick-group .slick-category{margin-bottom: 15px;}
  .box-slick-group .slick-category ul{padding: 15px;}
  .box-slick-group .slick-category ul li a{font-size: 14px;padding: 0px 8px 0px 7px;}
  
      #myModal iframe{
		margin: 0 auto;
		display: block;
		margin-top: 25%;
		height: 50%;
	  }
	  .utility6 img {
		height: 340px;
		width: 272px;
	}
	
 .icon-bar {
    background-color: #fff;
}
.menu-btn{
  position: absolute;
  right: 20px;
  top: 30%;
}

.menu-top ul {
    margin-top: 55px;
    margin-left: 0px;
}
#video iframe {
    min-height: 397px;
}
  .videos .test-opac{
  height: 500px;
}
 
  .menu-top .logo img {
	display: block;
    max-width: 112px;
    margin-left: 10px;
}
.section-masterplan .item,#thiet-ke .slick-initialized.slick.slider,.reasons-list,#tin-tuc .news-slider  {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    margin-top: 0px;
}
.section-masterplan .slider,#thiet-ke .section-content .slick-content {
    height: auto;
}


.section-why .reasons-list .inner{margin-top:0px}
.tab-content {
    margin-top: 30px;
}
.news .news-boder {
    border: none;
}

.introduce-right-img {
    width: 93%;
    margin: 0 auto;
    top: 10%;
}
 .recive-info {
    margin: 30px auto 30px;
}

.footer .logo-footer {
    margin:20px auto 20px;
	text-align:center
}

.footer {
    background: url(../img/footer-back.png) center center repeat;
}
.slider-top .logo {
    padding: 10px 20px 10px 15px;
}
	.slider-top .logo h4 {
		margin-bottom: 10px;
		font-size: 14px;
	}

	
	
	.img_thanks img {
		max-width: 350px;
	}
	
	#vi-sao-chon-rdl .section-content, #tin-tuc .section-content {
		height: 100%;
	}
	
	.section-introduce table tr:first-child td:after {
		width: 80px;
		margin: 21px auto 6px;
	}
	.section-introduce table tr:nth-child(2) td {
		padding-bottom: 15px;padding-top:0px
	}
	
	
	.section-utilities .section-content .item {
		min-height: 530px;
	}
	.section-utilities .section-content .item .description {bottom: -20px;}
	
	.section-policy .title .l-policy {
		font-size: 40px;
	}
	.section-policy .title {
		background: url(../img/line-bg-w.png) 170px 24px no-repeat;
		font-size: 47px;
	}
	.section-policy .img-policy {
		width: 90px;
		height: 90px;
	}
	
	.policy-right h4 {
		font-size: 18px;
	}
	.incentives .img-policy img,.payment-methods .img-policy img{width: 50px;}
	.incentives:after {
		margin-top: -35px;
		right: 6px;
		background-size: 35px;
	}
	.section-why {min-height: 650px;}
	.section-develop h5 {
		font-size: 16px;
	}
	
	.footer .contact-left {width:45%; float:left;padding-left: 0px;}
	.footer .contact-right {width:45%; float:left;padding-right: 0px;}	
	.contact-center{width:10%; float:left;}
	.ul-description span,.d-block {
		display: inline;
	}
	.w-numb span {
		font-size: 28px;
		width: 60px;
	}
	.wrap-cs {
		font-size: 19px;
		display: inline-block;
		margin-bottom: 15px;
	}
	.w-numb .text {
		width: calc(100% - 60px);
		text-align: left;
	}
	.modal-dialog-centered .modal-content {
		width: 100%;
		background-size: 260px;
		padding: 50px 0px;
	}
	.section-policy .modal-title {
		font-size: 26px;
		margin-bottom: 15px;
	}
	.list-chs {
		margin: 30px 0px 20px 50px;
		font-size: 21px;
	}
	.w_content-pop li {
		font-size: 20px;
	}
	.modal-header .close {
		font-size: 50px;
		right: 0px;
	}
	
	#phuongthuc-popup .wrap-cs {
		margin-bottom: 5px;
	}
	
	.w-numb {
		padding: 10px 15px;
	}
	#phuongthuc-popup .list-chs {
		margin: 20px auto 0px;
		font-size: 20px;
		text-align: center;
	}
	
	
}

@media screen and (max-width: 480px){
  div.posi-time{
    padding-left: 0px;
    padding-right: 0px;
  }
  .posi-time h4 {
    font-size: 35px;
  }
  .paronama {
    position: absolute;
    left: 60%;
    top: 20%;
  }
  .menu-top .logo a{float: left;}
.slide-description-0,.slide-description-1,.slide-description-2 {
    left: 20%;
}
	
	
  .slider-top .vegas-control {bottom: auto; top:50%;   left: auto; right: 10px;     width: 15px; transform: translateX(0%) translateY(-50%;) ;}
  .slider-top .button{bottom: 10px; }

  .slider-top .logo{padding-left: 15px;}
  .news-slider .slick-next {right: 0px;}
  .news-slider .slick-prev { left: 0px;}
  .section-develop .logo-phuckhang{    padding: 30px 70px;}
  .slider-co .slick-slide>div{    padding: 15px;   min-height:100px;}
 
  .footer .footer-bottom p {
		text-align: center;
	}
	.footer .footer-bottom .heart p {
		text-align: center;
	}
	  .design .slider:before {
		left: 10px;
		right: 10px;
	}
  
  
.title {
    font-size: 28px;
}
.footer .logo-footer {
    margin-top: 15px;
    margin-left: 0px;
}
.footer .logo-footer img{
    display: block;
    margin: 0 auto;
}
.slider-customer {
    margin-top: 40px;
    padding: 30px 0;
}
.register {
    padding-bottom: 0px;
}
.register h4 {
    font-size: 16px;
}
.utility6{
  margin-top: 20px;
}
.videos .title , .reason .title{
 margin-left: 50px;
}
.news .title {
   margin-left: 50px;
    margin-bottom: 50px;
}
.introduce p{
  padding-right: 0px;
}
.videos .test-opac{
  height: 300px;
}
.menu-btn {
    position: absolute;
    right: 20px;
    top: 25%;
}
.logo img{
  display: block;
  margin: 0 auto;
}
	.register .recive-info.btn {
		height: 36px;
		font-size: 16px;
		margin-bottom:0px
	}
.img_thanks img { max-width: 100%;}	
	#thank .section-content {
		top: 40%;
		transform: translateY(-50%);
		min-height: auto;
	}
	#thank {
		min-height: 490px;
		padding-top: 30px;
	}
	.cont_thanks{padding:0px; margin-top:20px}
		.footer-top>div>div{width:100%}
}
@media screen and (max-width: 480px) and (orientation : portrait) {
	body {
		text-align: justify;
	}
	.main-header .navbar-collapse .menu-main ul li a {
		padding-top: 7px;
		padding-bottom: 7px;
		font-size: 16px;
	}
	.main-header .navbar-collapse .menu-main ul {
		padding-top: 50px;
	}
	#mat-bang .section-title p span{display:block}
	.modal-dialog-centered .modal-content {
		padding: 20px 0px;
	}
	.section-policy .modal-title {
		font-size: 21px;
		line-height: 29px;
	}
	.w-masterp .left-masterp{border-radius:0px}
	.right-masterp{float:none;border-radius:0px}
	.wrap-cs {
		font-size: 18px;
		display: block;
		margin-bottom: 15px;
	}
	.w-numb {
		padding: 2px 11px;
		text-align: left;
	}
	.news-page #awan2,.news-page #awan3 {
		display: none;
	}
	.news-page .news-content .page-title {
		font-size: 22px;
	}
		.wp-caption p.wp-caption-text {
			padding: 6px 4px 0px;
			font-size: 15px;
		}
	
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle-fill {
		left: 23%;
		top: 52%;
		margin-left: 4px;
		margin-top: 1px;
		width: 30px;
		height: 30px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle {
		left: 20%;
		top: 48%;
		margin-left: 5px;
		width: 50px;
		height: 50px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle.circle-2 {
		left: 13%;
		top: 40%;
		margin-left: 10px;
		margin-top: 1px;
		width: 90px;
		height: 90px;
	}
	#congnghe .content_nha-mau {
		padding-left: 30px;
		padding-right: 30px;
	}
	#awan2 {
		background-size: 100%;
	}
	
	#thu-vien .item.slick-slide,#videos .item.slick-slide {
		width: 380px;
		height: 214px !important;
	}
	
	.list-chs {
		margin: 5px 0px 20px 0px;
		font-size: 18px;
	}
	.w_content-pop ul {
		margin-left: 10px;
		padding-left: 0px;
	}
		.w_content-pop li {
			font-size: 17px;
		}
	.w-numb .text {
		font-size: 17px;padding-top: 7px;
	}	
		#phuongthuc-popup .w-numb span {
			position: relative;
			top: 11px;
		}
	.section-policy .modal-header {padding: 0px 15px;}
	
	
	.slider-top .slide-content p.UTMScriptinaKT {
		font-size: 39px;
	}

	.slider-top .slide-content .slide-description-0 {
		background: url(../img/line-1.svg) center 27px no-repeat;
		background-size: 409px;
		margin-bottom: 40px;
	}
	
	.section-introduce {
		padding: 20px 0px 20px!important;
		background: #fff url(../img/line-left.svg) -40px 105% no-repeat;
		background-size: 190px;
	}
	.wrap_tienich li {
		width: 100%;
		float: none;
		padding-left: 33px;
		min-height: 30px;
		display: block;
		align-items: center;
	}
	.display_b {
		display: inline;
	}
	.section-register .section-content, #lien-he .section-content {
		max-width: 100%;
	}
	.register .recive-info {
		margin: auto !important;
		text-align: center;
		display: block;
	}
	.w_img_ul .img_ul {
		height: 310px;
		width: 310px;
	}
	.album_ul .w_img_ul {
		background: url(../img/bg-slide-ul.png) 244px 5% no-repeat;
		background-size: 160px;
	}
	.w_img_ul .description {
		max-width: 400px;
		padding-left: 0px;
	}
	.section-utilities {
		background: #fff url(../img/line-left.svg) -50px 120px no-repeat;
		background-size: 180px;
	}
	.section-utilities .slick-prev, .section-utilities .slick-next {
		top: 341px;
	}
	.section-utilities .slick-prev{
		left: 29px;
	}
	.section-utilities .slick-next{
		left: 381px;
	}
	.content_uti {
		width: 100%;
		max-width: 414px;
	}
	
	#mat-bang .w-masterp {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	#mat-bang .des-masterp {
		order: 1;
		position: relative;
		right: auto;
		margin: auto;
		text-align: center;
		bottom: auto;
		padding: 20px 15px 20px;
	}
		#mat-bang .des-masterp p{text-align:justify; margin-bottom:15px;}
		#mat-bang.section-masterplan {
			padding: 0px 0px 5px;
		}
	#mat-bang .img-hover-mapster {
		order: 2;
	}
		#mat-bang .img-hover-mapster img{min-height: 215px; position:relative !important}
	#mat-bang .w-masterp .title_tagline {
		margin-bottom: 10px;
	}
	.section-nha-mau{padding-top:0px !important}
	#ly-do-chon .header_r {
		font-size: 15px;
		line-height: 21px;
	}
	.section-why:after {
		bottom: -2px;
	}
	
	#thu-vien .slider-nav,#videos .slider-nav {
		width: 100%;
	}
	
	#thu-vien .slider-nav .item-thumb,#videos .slider-nav .item-thumb {margin: 0px 5px;}
	
	.home-page .section-news:before {
		background-size: 140px;
		top: 17px;
	}
	.home-page #tin-tuc .section-title:before{display:none;}
	.header.naviopen {
		z-index: 999999;
	}
	
	
	
	
	
	
	
	
	.header .hotline.hotline_tab{z-index:99999}
	.menu-top .logo img {
		max-width: 92px;
	}
	.menu-top {
		height: 60px;
	}
	.slider-top {
		padding-top: 60px;
	}
	.header .hotline { right: 77px;    top: 11px;}
	.header .hotline .inner > a{font-size: 17px;}
	.phonering-alo-ph-img-circle {top: 2px;}
	.navbar-toggle {
		margin-right: 15px;
		padding: 5px 1px;    
	}
	.naviopen .navbar-toggle {
		margin-right: 10px;
		margin-top: 6px;
	}
	.register_h {
		left: 15px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
		.register_h a {font-size: 13px;}
	.form_h { top: -57px;}
	.w_form_header {
		top: auto;
		bottom: 15px;
		right: auto;
		height: 36px;
		width: 100%;
	}
	
	#video iframe { min-height: 217px;}
	.section-default, .section-default.section-xs {
		padding: 30px 0px 30px;
	}
	.title .line:before {
		width: 51px;
		margin-left: -61px;
	}
	.title .line:after {
		width: 51px;
		margin-left: 9px;
	}
	.section-introduce h5.cochin { font-size: 22px;}
	.section-location .section-content .position-img img {max-width: 580px;    margin-left: -10px;}
	#vi-sao-chon-rdl .section-content,#tin-tuc .section-content {
		height: 100%;
	}
	.footer .footer-top .contact_f h3 {
		color: #6a0032;
	}
	.section-introduce fieldset legend { padding: 0px 10px 0px 26px;}
	.slider-top .logo h4 {
		font-size: 13px;
		margin-bottom: 15px;
	}	
	.section-why {
		min-height: auto;
		padding-bottom: 50px !important;
	}

	.slider-top .slider1 {
		height: calc( 100vh - 140px ) !important;
	}
	
	
	.content_p{padding:15px !important;background:#ede8d5 !important; margin:15px !important;overflow: visible !important;}
		.content_p .num_p{font-weight:700; color:#6a0032; font-size:35px; text-align:center;margin-top: 10px;}
		.content_p h5{
			font-weight: 700;
			color: #6a0032;
			font-size: 21px;
			text-align: center;
			text-transform: uppercase;
			margin-bottom: 19px;
		}
		.des_pop{
			text-align:center;
			font-size:16px
		}
	
	.w_pop_rea{
		padding:10px 15px 20px;
		border:1px solid #6a0032 !important; margin:5px;
	}
	
	.fancybox-close-small{background: #6a0032 !important; border-radius: 50% !important;right: -10px !important;    top: -10px !important;}
		.fancybox-close-small:after{color:#fff !important}
	.img_thanks img { max-width: 100%;}
	.cont_ths { font-size: 15px;}
	
	.section-introduce fieldset {
		padding: 0 0px 0px 0px !important;
	}
	.section-location .master-plan-container .road-line {
		margin-right: -23px;
	}
	.section-utilities .section-content .item {
		min-height: auto;
	}
	.section-utilities .section-content .item .description {
		bottom: -110px;
	}
	.section-utilities .section-content .item {
		margin: 0px 5px;
	}
	
	.section-utilities .slider .slick-next,.section-utilities .slider .slick-prev{top:60%}
	.w-masterp .left-masterp {
		background-size: 300px;
		padding: 20px 20px;
	}
	
	.policy-left,.policy-right{width:100%; float:none}
	
	.incentives,.payment-methods{text-align:center;}
	
	.incentives:after {
		margin-top: -35px;
		right: -28px;
		background-size: 30px;
	}
	
	.w-doitac div{width:100%}
	
	.w-doitac div:nth-child(2){margin-top:30px;}
	
	.footer .contact-left,.footer .contact-right {
		width: 100%;
		float: none;
		padding-left: 0px;
	}
		.contact-left .box {
			color: #fff;
			text-align: left;
		}
		.footer .contact-left .box p {
			padding-left: 30px;
			margin-bottom: 20px;
		}
		.footer .contact-left .add-footer{
			background: url(../img/addpress.svg) left 0px no-repeat;
			background-size: 22px;
		}
		.footer .contact-left .email-footer {
			background: url(../img/email.svg) left 2px no-repeat;
			background-size: 18px;
		}
		.footer .contact-left .hotline-footer {
			background: url(../img/phone.svg) left 2px no-repeat;
			background-size: 18px;
		}
		.contact-center{display:none}
		.contact-right{margin-top:30px}
	.contact-popup{padding-left: 10px;padding-right: 10px;}
	.contact-popup .box:before {
		left: 8px;
		top: 8px;
		right: 8px;
		bottom: 8px;
		border-radius: 0px;
	}	
	.contact-popup .box{border-radius: 0px;padding: 20px;    height: auto;}
	.contact-popup .box .close-popup {
		top: 3%;
		right: 1%;
	}	
	.slide-description-0,.slide-description-2 {
		left: 15%;    top: 73%;
	}
		.slide-description-1{
			left: 5%;
			top: 26%;
		}
	.form-group-captcha img {
		margin-right: 15px;
	}
	#tong-quan fieldset p{text-align:center}
	.album-nha-mau:before {
		width: 318px;
	}
}
@media screen and (max-width: 380px){
	.header .hotline .inner > a {
		font-size: 15px;
	}
	.phonering-alo-ph-img-circle {
		top: 1px;
	}
	.naviopen .navbar-toggle {
		margin-right:7px;
	}
	.slider-top .slide-content p.UTMScriptinaKT {
		font-size: 35px;
	}
	.slider-top .slide-content p {
		font-size: 24px;
	}
	.slider-top .slide-content .slide-description-0 {
		background: url(../img/line-1.svg) center 26px no-repeat;
		background-size: 347px;
		margin-bottom: 40px;
	}
	.des-click-view {
		bottom: 29%;
	}
	.w_img_ul .description {
		max-width: 310px;
		padding-left: 33px;
		text-align: center;
		font-size: 18px;
	}
	.section-utilities .slick-prev {
		left: 29px;
		top: 338px;
	}
	.section-utilities .slick-next {
		left: 331px;
		top: 338px;
	}
	.content_uti {
		max-width: 370px;
	}
	.section-why li {width: 100%;}
		#ly-do-chon .desc_reasons {
			padding-bottom: 20px;
		}
	
	.section-introduce fieldset:before {top: -13px;}
	.section-introduce fieldset:after {top: -13px;}
	.ly-do-table a:nth-child(2) li .content-ld{
		padding-top: 3px;
	}
	.navbar-header .navbar-toggle .icon-bar {
		width: 35px;
	}
	.header .hotline {
		right: 64px;
	}
	.title {
		font-size: 27px;
	}
	
	.section-introduce table .font-b {
		font-size: 21px;
	}
	.section-introduce table td p {
		font-size: 14px;
		text-align: center;
	}
	.contact-popup .title {
		font-size: 47px;
	}
	.section-location .master-plan-container .road-line {
		margin-right: -22px;
		margin-top: 2px;
	}
	.section-policy .modal-title {
		font-size: 21px;
		margin-bottom: 24px;
		margin-top: 0px;
	}
	.section-policy .modal-header .close {
		margin-top: -42px;
		font-size: 47px;
		right: 0px;
		top: 21px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle-fill {
		left: 23%;
		top: 51%;
		margin-left: 2px;
		margin-top: 1px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle {
		left: 19%;
		top: 47%;
		margin-left: 4px;
	}
	.section-location .master-plan-container .master-plan .quick-alo-ph-circle.circle-2 {
		left: 11%;
		top: 38%;
		margin-left: 10px;
		margin-top: 1px;
	}
	#thu-vien .item.slick-slide,#videos .item.slick-slide {
		width: 340px;
		height: 190px !important;
	}
}

@media screen and (max-width: 360px){
  .title { font-size: 23px;}
	.contact-popup .title {
		font-size: 47px;
	}
	.title_tagline {
		font-size: 23px;
	}
	.menu-top .logo img {
		margin-left: 5px;
	}
}
@media screen and (max-width: 330px){
  .navbar-header .navbar-toggle .icon-bar { width: 34px;}
	.header .hotline {
		right: 50px;
	}
	.menu-top ul li a, .header .hotline .inner .language a {
		font-size: 13px;
	}
	.header .hotline .inner .language a:first-child:after {height: 26px;	}
	.header .hotline {
		right: 65px;
	}
	
	
	.footer-bottom{font-size:14px;}
	.slide-content .inner p.f-authenia {
		font-size: 42px;
	}
	.slide-description-0, .slide-description-1, .slide-description-2 {
		left: 10%;
	}
	 .title { font-size: 19px;}
	 
	.section-introduce table td p {
		font-size: 13px;
	} 
	.section-location .master-plan-container .road-line {
		margin-right: -20px;
	} 
	 
	#mat-bang .section-title p span {
		display: inline-block;
	} 
	 
	.title_tagline {
		font-size: 21px;
	} 
	 
	.header .hotline .inner > a {
		font-size: 15px;
		text-indent: -999999999px;
	}
	.header .hotline.hotline_tab {
		z-index: 99999;
		padding: 6px 19px 6px 19px;
		width: 37px;
		height: 37px;
	}
	.phonering-alo-ph-img-circle {
		top: 1px;
		left: -9px;
	}
	 
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes kenburns_custom {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

@keyframes kenburns_zoom_out {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.matbang-slider img {
	max-width:100%;
}
.matbang-slider .slick-dots {
  bottom: -45px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
   // height: 100% !important;
}
.title_tagline {
    font-size: 30px;
}
.album_ul img {
  height: 100%;
}
.section-nha-mau {
    position: relative;
    padding: 0px;
    align-items: center;
    display: none !important;
}
#nha-mau {
   display: none !important;
}
.des-masterp {
    bottom: 50px;
    display: none !important;
}
.matbang-slider .slick-dots {
    bottom: -35px;
}
#ly-do-chon .header_r {
    margin-right: 40px;
}
#ly-do-chon .desc_reasons {
    margin-right: 50px;
}
.news_hot .wrap_hot {
    display: none;
}