body {
	font-family: 'icielpanton-light' !important;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.4;
	color: #262626;
}

.mt_vt{padding-top: 50px;}
.tien-do{position: relative}
.title_td{position: absolute; top: 0; width: 100%; background-color: rgba(57,57,57,0.7); color: #fff; padding: 5PX; text-align: center;}
img.bai_truong{border:1px solid #f0c269; }
img.xuhuong {
    padding: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
  

}
.clip_dk{position: relative;}
img.btn-play{position: absolute; left: 0; right: 0; text-align: center; width: 100px; margin: 0 auto; top: 45%;}

.logo_doitac1{background-color:rgba(255,255,255,1);  text-align: center; position: absolute; width: 100%;  bottom: 0;  }

.logo_doitac1 img {
	margin: 15px 30px 15px 30px;
	height: 120px;
}

img.logo_goc{width: 230px !important;}

.logo_video{top: 25px; left: 25px; z-index: 10000; position: absolute;}
.logo_video img{width: 200px;}
.nha_pho {
	border: 2px so #fff;
	padding: 20px;
}
ul.tdtc li {margin-bottom: 10px; border-bottom: 1px solid #ccc;}
ul.tdtc li a{color: #1E1E1E}

.sec_vt{background: url(../images/bg_vt.jpg) no-repeat;
	background-size: cover;
	background-position: center; position: relative;}

.slide-doitac1{padding-bottom: 0; padding-top: 0;}
.phut {margin-top: 30px}
.phut img{height: 90px; margin-bottom: 5px;}

.white {
	color: #fff;
}
.title_right {
	background: url("../images/line_main.jpg") right bottom no-repeat !important;
	text-align: right !important;
}
.title_gt{}
.title_top_gt{text-transform: uppercase; margin-bottom: 10px; font-weight: bold;}

.btn_xemthem {
	border-radius: 5px;
	padding: 5px 8px;
	background-color: #b58f3d;
	color: #fff;
	font-size: 13px;
}

.btn_xemmb{position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; z-index: 10; text-align: center}
.green {
	color: #0d4735
}
 .title_kia{font-size: 15px !important}
.scroll-container {
	position: absolute;
	bottom: 19px;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	display: block;
	text-align: center;
	z-index: 100000;
}
.scroll-next-svg {
	width: 22px;
	position: relative;
	z-index: 1;
	animation: bounceScroll infinite 3s linear;
}
@keyframes bounceScroll {
 0%, 30%, 60%, 90%, 100% {
transform: translateY(0em);
}
 15% {
transform: translateY(-1.5em);
}
 45% {
transform: translateY(-1.1em);
}
 75% {
transform: translateY(-0.9em);
}
}
@-webkit-keyframes bounceScroll {
 0%, 30%, 60%, 90%, 100% {
transform: translateY(0em);
}
 15% {
transform: translateY(-1.5em);
}
 45% {
transform: translateY(-1.1em);
}
 75% {
transform: translateY(-0.9em);
}
}

@media (max-width: 500px) {
.logo_doitac img {
	margin: 0px 15px 40px 15px !important;
	width: 120px;
}
.logo_ng img {
	width: 170px !important;
}
p {
	font-size: 14px !important;
}
.scroll-container {
	bottom: 0px;
}
}
/* Style the tab */
.tab {
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
}
/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	float: none;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 10px 10px;
	transition: 0.3s;
	font-size: 12px !important;
	color: #0E6765;
	
	text-transform: uppercase;
	border:1px solid #ba8443;
	background-color: #fff;
	border-radius: 30px;
	padding-bottom: 7px;
	width: 100px;
	
}
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #fff;
}
/* Create an active/current tablink class */

.list_video p {
	padding-top: 10px;
	text-align: center;
}
.list_video {
	margin-bottom: 20px
}
.tab button.active {
	background-image: linear-gradient(45deg, #8d5023, #ad753a, #cd9950);
	font-weight: bold;
	color: #fff;
	border-radius: 30px;
}
/* Style the tab content */
.tabcontent {
	display: none;
	border-top: none;
}
.bg_mix {
	color: #fff !important;
	position: absolute;
	top: 70px;
	z-index: 100;
}
.bg_mix1 {
	color: #fff !important;
	position: absolute;
	top: 100px;
	z-index: 1;
	text-align: right;
}
.c-boder {
	padding: 10px 10px 10px;
	border-top: 3px solid #b28b3a;
	border-bottom: 3px solid #e1c36c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
	-webkit-background-size: 3px 100%;
	-moz-background-size: 3px 100%;
	background-size: 3px 100%;
	background-image: -webkit-linear-gradient(top, #b28b3a 0%, #e1c36c 100%), -webkit-linear-gradient(top, #b28b3a 0%, #e1c36c 100%);
	background-image: -moz-linear-gradient(top, #b28b3a 0%, #e1c36c 100%), -moz-linear-gradient(top, #b28b3a 0%, #e1c36c 100%);
	background-image: -o-linear-gradient(top, #b28b3a 0%, #e1c36c 100%), -o-linear-gradient(top, #b28b3a 0%, #e1c36c 100%);
	background-image: linear-gradient(to bottom, #b28b3a 0%, #e1c36c 100%), linear-gradient(to bottom, #b28b3a 0%, #e1c36c 100%);
}
.white_tttq {
	color: #fff !important;
}
.bg_white_trans {
	background-color: rgb(255, 255, 255, 0.65);
}
.bg_trans {
	background-color: transparent;
}
.mbpk {
	position: absolute;
	z-index: 1;
	left: 13%;
	bottom: 40px
}
.hotline {
	position: fixed;
	right: 150px;
	top: 17px;
	font-size: 17px;
	z-index: 100;
	color: #ffdba3;
	font-weight: bold;
	background: url("../images/icon_hl.png") 0 0 no-repeat;
	padding-left: 25px;
}
.hotline a {
	color: #ffdba3;
}
.logo_ng {
}
.logo_ng img {
	margin-bottom: 20px;
}
.logo_doitac img {
	margin: 0px 50px 20px 50px;
	width: 155px;
}
.logo_doitac {
	
	padding-bottom: 10px;

	padding-bottom: 20px;
	margin-top: 30px;
}
.mt10px {
	margin-top: -10%
}
.mt20px {
	margin-top: -35%
}
.mt30px {
	margin-top: -55%
}
.mttt {
	margin-top: -40%;
}
.fp-viewing-trang-chu .sticky {
	display: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}


 
	 
.bg_tt {
	position: absolute;
	top: 15%;
	left: 32%;
	z-index: 1;
}

.thu_vien {
	margin: 0 auto;
}
.thu_vien img {
	margin: 0 10px;
}
.kc {
	text-align: center
}
.kc img {
	width: 70px;
}
img.logo {
	position: fixed;
	left: 15px;
	top: 15px;
	width: 219px;
	z-index: 1;
}
.container80 {
	max-width: 80% !important
}
.container70 {
	max-width: 70% !important
}
/*menu*/

.mobile-container {
	margin: auto;
	color: white;
	border-radius: 10px;
	position: fixed;
	right: 10px;
	z-index: 1000;
	transition: all 0.40s ease-out;
	transition: .3s all ease;
}
.topnav {
	overflow: hidden;
		background-image: linear-gradient(45deg, #8d5023, #ad753a, #cd9950);
	position: relative;
	top: 70px;
	border-radius: 10px;
	transition: all 0.40s ease-out;
	transition: .3s all ease;
}
.topnav #myLinks {
	display: none;
	width: 230px;
	text-align: center;
	padding: 10px;
	transition: all 0.40s ease-out;
	transition: .3s all ease;
	font-weight: bold;
}
.topnav #myLinks a {
	border-bottom: 1px solid #bb8443;
}
.topnav #myLinks1 a {
	border-bottom: 1px solid #bb8443;
}
.topnav a {
	color: white;
	padding: 5px 16px;
	text-decoration: none;
	font-size: 16px;
	display: block;
	-webkit-transition: .3s all ease;
	transition: .3s all ease;
}
.topnav a.icon {
	display: block;
	position: fixed;
	right: 10px;
	top: 15px;
}
.topnav a:hover {
	color: #e7b853;
}
/*end menu*/


/*btn mute*/

.mute-video, .unmute-video {
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 10;
	cursor: pointer;
}
.mute-video {
	background: url(../images/mute_off.png) no-repeat center;
	background-size: 20px;
	border: 0;
	width: 20px;
	height: 20px;
	text-indent: -999px;
}
.unmute-video {
	background: url(../images/mute_on.png) no-repeat center;
	background-size: 20px;
}
/*btn mute end*/

.content_tt {
	max-width: 650px;
	margin: 0 auto;
	margin-top: 80px;
}
.fp-tooltip.fp-right {
	color: #4d7f87 !important;
	font-size: 16px !important;
	font-family: 'icielpanton-light' !important;
}
#fp-nav ul li a span {
/*	background: #4b7d8b !important;*/
}
#fold_p {
	color: rgb(255, 255, 255);
	text-decoration: underline;
	position: relative;
	bottom: 12px;
}
p {
	font-family: 'icielpanton-light';
}
ul {
	list-style: none;
}
.padbotslide10 {
	padding-bottom: 10px
}
.padtopslide10 {
	padding-top: 10px;
}
.h100 {
	height: 100%
}
.h100vh {
	height: 100vh
}
.w80 {
	max-width: 80%
}
.w90 {
	max-width: 90%
}
.w100 {
	width: 100%
}
.white {
	color: #fff !important
}
.col-pad {
	padding: 10px;
}

.baz-title-tdtc {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
/*	font-family: 'utm_vkl';*/
	font-family: 'icielpanton-black';
	
	color: #121212;
	line-height: 35px;
	text-transform: uppercase;
}

.baz-title {
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
/*	font-family: 'utm_vkl';*/
	font-family: 'icielpanton-black';
	
	color: #121212;
	line-height: 35px;
	text-transform: uppercase;
}

.baz-title1 {
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
/*	font-family: 'utm_vkl';*/
	font-family: 'icielpanton-black';
	
	color: #ffff00;
	line-height: 35px;
	text-transform: uppercase;
}

.baz-title-add {
	font-size: 29px;
	font-weight: normal;
	font-style: normal;
	
	font-family: 'icielpanton-black';
	margin-top: 0 !important;
	background: -webkit-gradient(linear, left top, right top, from(#ca943e), color-stop(#f3cc67), color-stop(#e6c06f), color-stop(#e6c06f), color-stop(#b79d4f), to(#c79c4c));
	background: -webkit-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: -moz-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: -o-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: linear-gradient(to right, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 35px;
}

.wy{min-height:430px; height:auto !important; height:430px;}
.title_wn span {
	font-size: 22px;
	font-weight: bold;
	font-style: normal;	
	
	margin-top: 0 !important;
	background: -webkit-gradient(linear, left top, right top, from(#ca943e), color-stop(#f3cc67), color-stop(#e6c06f), color-stop(#e6c06f), color-stop(#b79d4f), to(#c79c4c));
	background: -webkit-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: -moz-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: -o-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: linear-gradient(to right, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 35px;
}



.baz-title span{font-family: 'lnth-darcey-oliver'; line-height: 50px; font-size: 70px;
	font-weight: normal; text-transform: none;
	font-style: normal;}
.baz-title1{font-family: 'lnth-darcey-oliver'; font-size: 68px; line-height: 50px;
	font-weight: normal;
	font-style: normal;}


.wy{background-color: #012425; color: #fff; padding: 10px; margin-bottom: 10px; margin-top: 20px; }
.wy img{margin-bottom: 10px;}

.bg_gra {
	background: -webkit-gradient(linear, left top, right top, from(#ca943e), color-stop(#f3cc67), color-stop(#e6c06f), color-stop(#e6c06f), color-stop(#b79d4f), to(#c79c4c));
	background: -webkit-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: -moz-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: -o-linear-gradient(left, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	background: linear-gradient(to right, #ca943e, #f3cc67, #e6c06f, #e6c06f, #b79d4f, #c79c4c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.colnopad {
	padding: 0
}
.btn-lalya {
	background-image: linear-gradient(45deg, #8d5023, #ad753a, #cd9950);
	font-size: 20px;
	border-radius: 2rem;
	font-family: 'icielpanton-light';
	font-weight: normal;
	font-style: normal;
}
.mrleft50per {
	position: relative;
	left: 50%;
	font-size: 36px;
	color: #47A380;
}
.mrleft25per {
	position: relative;
	left: 25%;
	font-size: 36px;
	color: #47A380;
}
.text-radi {
	text-transform: uppercase;
	background: linear-gradient(to right, #EDE409 0%, #CEC722 25%, #2FB22A 50%, #0BC6CE 75%, #1E4ADD 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.montserrat {
	font-family: 'Montserrat', sans-serif;
}
.logo-laly-2.desktop-show {
	width: 500px;
	margin: auto;
}
.logo-laly-2.mobile-show {
	margin: 120px auto 0;
	width: 250px;
	position: relative;
}
.wrapper {
	/*background: url(https://cdn.iom.vn/uploads/lalyana/bg-lalyana-1.jpg) no-repeat;*/
	background: url(../images/daongoc-01.html) no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;/*	 -webkit-animation:zoom 5s infinite ease-in-out;
    animation:zoom 5s infinite ease-in-out;*/
}
@-webkit-keyframes zoom {
 0%, 100% {
 background-size:100% 100%;
}
 50% {
 background-size:125% 110%;
}
}
@keyframes zoom {
 0%, 100% {
 background-size:100% 100%;
}
 50% {
 background-size:125% 110%;
}
}
.section {
	/*background-position: unset;
    background-size: unset;*/
	padding: unset;
}
.sec_banner {
	/*background: url(./images/wave1.mp4) no-repeat;*/
	background-size: cover;/*background-position: bottom;*/
}
.sec_tongquan {
	background:#fff url("../images/bg_ti.jpg") no-repeat;
	background-size: cover;/*background-position: bottom;*/
}
.phan_khu {
	background: url("../images/bg_phankhu.jpg") no-repeat;
	background-size: cover;/*background-position: bottom;*/
}
.sec_vitri {
	background: url("../images/vi_tri.jpg") no-repeat;
	background-size: cover;/*background-position: bottom;*/
}
.sec_vitri1 {
	background: url("../images/cn.jpg") bottom center no-repeat;
	background-size: cover;
	position: relative;
}
.sec_matbang {
	background: url(../images/bg_matbang.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.sec_xuhuong {
	background: url(../images/bg_matbang.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.sec_camquan {
	background: url(images/bg-lalyana-5.html) no-repeat;
	background-size: cover;
	background-position: center;
}
.sec_camquan .float-content {
	position: absolute;
}
.sec_slider {
/*      background: url(../images/bg-lalyana-6.jpg) no-repeat;
  background-size: cover;
  background-position: center;*/
}
.sec_bietthu {
	background: url(../images/bg-lalyana-7.html) no-repeat;
	background-size: cover;
	background-position: center;
}
.sec_bietthu .float-img {
	position: relative;
	right: 15%;
	top: 10%;
}
.sec_resort {
	background: #E2EDE4;
}
.sec_resort .leaf-right {
	top: -30px;
}
.sec_resort .float-img {
	position: relative;
	right: 20%;
}
.sec_shophouse {
	background: url(../images/bg-lalyana-6.jpg) no-repeat;
	background-size: cover;
}
.sec_tuyettac {
	background: url(../images/bg_phankhu.jpg) repeat;
	background-size: cover;
}
.nd_gt {
	padding: 20px 0px 20px 0px;
	color: #fff;
}
.diem_den {
	
}
.sec_ti {
	background: url(../images/bg_ti.jpg) repeat;
	background-size: cover;
}
.sec_ti1 {
/*	background: url(../images/bg_ti.jpg) repeat;*/
	background: url(../images/ch.jpg) top center no-repeat;
	background-size: cover;
	position: relative;
}
.sec_giatri {
	background: url(../images/bg_gt.jpg) repeat;
	background-size: cover;
}
.sec_thuvien {
	background: url(../images/bg_thuvien.jpg) repeat;
	background-size: cover;
	position: relative;
}
.sec_tienich {
	background: url(../images/bg_menu1.jpg) repeat;
}
.sec_cdt {
	background: url(../images/bg-cdt-2.html) top center no-repeat;
	background-size: cover;
}
.sec_footer {
	background: url("../images/bg_register.jpg") top center no-repeat;
	background-size: cover;
	position: relative;
	
}
.sec_regsiter {
	background: url("../images/bg_register1.jpg") top center no-repeat;
	background-size: cover;
}
.modal-content {
/*	background-image: linear-gradient(45deg, #04375b, #3576a4);*/
	background: url(../images/bg_gt.jpg) 0 0 no-repeat;
	background-size: cover;
}
.sec_footer .container80 {
	z-index: 1;
	position: relative;
}
.sec_footer .footer-map h4 {
	text-align: left;
}
.contentinslide {
	position: absolute;
	z-index: 1;
	margin-top: 3%;
}
.titleinslide {
	margin-top: 8%;
}
.slide-doitac {
	margin-top: 10px;
}
.slide-doitac2 img{
	padding: 10px 5px 0 5px !important;
}
img.ti_1a {padding-left: 5px; padding-right: 5px;}
img.ti_1 {
	padding-left: 20px;
}
.col-lg-6-add{margin-left: -25px}
.img-footer {
.slide-doitac {
 padding: 30px 0;
}
position: absolute;
 bottom: 0;
 width: 100%;
}
.form-group {
	padding-top: 15px;
	margin-bottom: 5px;
}
.slick-next:before {
	content: '' !important;
	background: url(../images/right_arrow.png) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	width: 55px;
	height: 55px;
}
.slick-prev:before {
	content: '' !important;
	background: url(../images/left_arrow.png) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	width: 55px;
	height: 55px;
	right: 15px;
}
.slide-sec_slider .slick-next:before, .slide-sec_slider .slick-prev:before {
	bottom: 0px;
}
.slide-sec_slider .slick-next:before {
	left: unset;
	right: 60px;
}
.slide-sec_slider_ti .slick-prev {
	top: auto;
	bottom: 8% !important;
	left: 41%;
}
.slide-sec_slider_ti .slick-next {
	top: auto;
	bottom: 8% !important;
	right: 41%
}
.slide-sec_slider_ha .slick-next::before {
	right: 0px !important;
}
.slide-sec_slider_ha .slick-prev:before {
	left: 0px !important;
}
.slide-sec_slider .slick-prev:before {
	right: unset;
	left: 60px
}
.slide-doitac .slick-next:before, .slide-doitac .slick-prev:before {
	bottom: -25px;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 0.8
}
.slick-prev:before, .slick-next:before {
	opacity: 1;
	transition: 0.5s all ease;
}
.form-control, .is-focused .form-control {
	background-image: linear-gradient(0deg, #47a380 2px, rgba(156,39,176,0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0,0%,82%,0) 0);
	color: #fff;
}
/*.fp-controlArrow.fp-prev {
    border-color: transparent rgba(104, 138, 56, 0.3) transparent transparent !important;
}
.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent rgba(104, 138, 56, 0.3) !important;
}*/
.slick-slide img {
	margin: auto;
	width: 100%;
}
.call-now-button {
	display: flex !important;
	bottom: 2%;
	/* box-shadow: 0px 1px 5px #fff;*/
	transition: 0.5s all;
}
.call-now-button div a .quick-alo-ph-img-circle, .call-now-button div a .quick-alo-phone-img-circle, .call-now-button {
/*background-color: #3a7cb6;*/
}
.call-now-button {
	background-image: linear-gradient(45deg, #ebe20c, #73b432, #3f6ca7)
}
.call-now-button div p {
	font-size: 0px;
	line-height: 0;
	text-indent: -11111px;
}
#btn-hotline {
}
#btn-nhanbaogia {
	right: 1%
}
img.leaf-right {
	position: absolute;
	clear: both;
	display: flex;
	bottom: -20px;
	right: 0;
	width: 110px;
}
img.leaf-left {
	position: absolute;
	clear: both;
	display: flex;
	top: 0px;
	left: 0;
	width: 220px;
	z-index: 1000;
}
img.img-fluid.pin-map {
	position: absolute;
	right: 15%;
	top: 45%;
}
.tracking-in-expand {
	-webkit-animation: tracking-in-expand 1s cubic-bezier(.215, .61, .355, 1.000) both;
	animation: tracking-in-expand 1s cubic-bezier(.215, .61, .355, 1.000) both
}
@-webkit-keyframes tracking-in-expand {
0% {
letter-spacing:-.5em;
opacity:0
}
40% {
opacity:.6
}
100% {
opacity:1
}
}
@keyframes tracking-in-expand {
0% {
letter-spacing:-.5em;
opacity:0
}
40% {
opacity:.6
}
100% {
opacity:1
}
}
.puff-in-center {
	-webkit-animation: puff-in-center 1s cubic-bezier(.47, 0.000, .745, .715) both;
	animation: puff-in-center 1s cubic-bezier(.47, 0.000, .745, .715) both
}
 @-webkit-keyframes puff-in-center {
0% {
-webkit-transform:scale(2);
transform:scale(2);
-webkit-filter:blur(4px);
filter:blur(4px);
opacity:0
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-filter:blur(0);
filter:blur(0);
opacity:1
}
}
@keyframes puff-in-center {
0% {
-webkit-transform:scale(2);
transform:scale(2);
-webkit-filter:blur(4px);
filter:blur(4px);
opacity:0
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-filter:blur(0);
filter:blur(0);
opacity:1
}
}
.rotate-tree1 {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	animation: rotateMore 2.1s infinite ease-in-out alternate-reverse;
}
@-webkit-keyframes rotateMore {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(5deg) translate(1px, 1px);
 transform: rotate(5deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(-5deg) translate(-1px, 1px);
 transform: rotate(-3deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
 @keyframes rotateMore {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(3deg) translate(1px, 1px);
 transform: rotate(3deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(-4deg) translate(-1px, 1px);
 transform: rotate(-1deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
.rotate-tree2 {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	animation: rotateMore2 2.1s infinite ease-in-out alternate-reverse;
}
 @-webkit-keyframes rotateMore2 {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(5deg) translate(1px, 1px);
 transform: rotate(5deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(-5deg) translate(-1px, 1px);
 transform: rotate(-3deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
 @keyframes rotateMore2 {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(5deg) translate(1px, 1px);
 transform: rotate(5deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(-5deg) translate(-1px, 1px);
 transform: rotate(-3deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
.rotate-tree3 {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	animation: rotateMore3 2s infinite ease-in-out alternate-reverse;
}
 @-webkit-keyframes rotateMore3 {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(2deg) translate(1px, 1px);
 transform: rotate(2deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(-2deg) translate(-1px, 1px);
 transform: rotate(-1deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
 @keyframes rotateMore3 {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(2deg) translate(1px, 1px);
 transform: rotate(2deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(-2deg) translate(-1px, 1px);
 transform: rotate(-1deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
.rotate-tree4 {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	animation: rotateMore4 2s infinite ease-in-out alternate-reverse;
}
 @-webkit-keyframes rotateMore4 {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(1deg) translate(1px, 1px);
 transform: rotate(1deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(-1deg) translate(-1px, 1px);
 transform: rotate(0deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
 @keyframes rotateMore4 {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(1deg) translate(1px, 1px);
 transform: rotate(1deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(-1deg) translate(-1px, 1px);
 transform: rotate(0deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
.rotate-tree5 {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	animation: rotateMore5 2s infinite ease-in-out alternate-reverse;
}
 @-webkit-keyframes rotateMore5 {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(2deg) translate(1px, 1px);
 transform: rotate(2deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(2deg) translate(-1px, 1px);
 transform: rotate(0deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
 @keyframes rotateMore5 {
 0% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
 33% {
 -webkit-transform: rotate(2deg) translate(1px, 1px);
 transform: rotate(2deg) translate(1px, 1px);
}
 66% {
 -webkit-transform: rotate(2deg) translate(-1px, 1px);
 transform: rotate(0deg) translate(-1px, 1px);
}
 100% {
 -webkit-transform: rotate(0deg) translate(0px, 0px);
 transform: rotate(0deg) translate(0px, 0px);
}
}
/* #section3 .slick-next {right: 50px; z-index: 2;}
  #section3 .slick-prev {left: 50px;  z-index: 2;}*/
.slick-prev, .slick-next {
	z-index: 2
}

p.pin-cir span {font-weight: bold;}
p.pin-cir {
	padding-left: 20px;
	margin-top: 15px;
	padding-top: 3px;
	
}
p.pin-cir:before {
	content: "";
	background-color: #54b948;
	background-size: contain;
	
	position: absolute;
	left: 15px;
	top: 22px;

	width: 10px; height: 10px; border-radius: 50%;
}

p.pin-cir1 span {font-size: 17px;  border-radius: 50%; color: #fff; background-color: #54b948; padding: 5px; margin-right: 10px; padding-bottom: 2px; padding-left: 6px;font-weight: bold;}
p.pin-cir1 {
	
	margin-top: 17px;
	margin-bottom: 0;
	
	
}



p.pin-map, p.pin-email, p.phon {
	margin-bottom: 10px;
}

.sec_footer p.phon {
	padding-left: 30px;
}
p.phon:before {
	content: "";
	background: url(../images/phon.png) top left no-repeat;
	background-size: contain;
	width: 20px;
	height: 25px;
	position: absolute;
	left: 15px;
	height: 30px;
	margin-bottom: 25px;
}
.sec_footer p.pin-map {
	padding-left: 30px;
}
p.pin-map:before {
	content: "";
	background: url(../images/icon-feather-map-pin.png) top left no-repeat;
	background-size: contain;
	width: 20px;
	height: 25px;
	position: absolute;
	left: 15px;
}
.sec_footer p.pin-email {
	padding-left: 30px;
}


.sec_footer p.pin-map {
	padding-left: 30px;
}


p.pin-email:before {
	content: "";
	background: url(../images/icon-feather-email-pin.png) top left no-repeat;
	background-size: contain;
	width: 20px;
	height: 25px;
	position: absolute;
	left: 15px;
}
.quick-alo-ph-img-circle {
	background: url(../images/icon-hotline-white.svg) no-repeat !important;
	background-size: contain !important;
}
#btn-nhanbaogia {
	background: url("../images/btn_dangky.png") 0 0 no-repeat;
	background-size: cover;
	width: 130px;
	height: 116px;
	cursor: pointer
}
/*#btn-nhanbaogia .quick-alo-ph-img-circle {
    background: url(../images/icon-dang-ky-white.svg) no-repeat !important;
    background-size: contain !important;
}*/
.slick-slide a {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.slick-slide a:hover img {
	transform: scale(1.1);
}
.slick-slide img {
	max-width: 100%;
	width: 100%;
	z-index: -1;
	display: block;
	transition: all 1s ease;
}
/*#master_plan {
	position: relative;
	
}
#master_plan .img-backgroud {
	position: absolute;
	left: 0px;
}
#master_plan img {
	display: inline-block;
}
#master_plan .img-hover {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}



#image_map{position:relative;margin-bottom:30px;}
#image_map .img-hover{opacity:0;position:absolute;top:0px;left:0px;}*/


#master_plan {
	position: relative;
}
#master_plan .img-backgroud {
	position: absolute;
	left: 0px;
}
#master_plan .img-hover {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#mapcontainer {
	width: 1000px;
	max-width: 100%;
	height: 900px;
}
#image_map {
	position: relative;
	margin-bottom: 30px;
}
#image_map .img-hover {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#master_plan1 {
	position: relative;
}
#master_plan1 .img-backgroud {
	position: absolute;
	left: 0px;
}
#master_plan1 .img-hover {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#mapcontainer1 {
	width: 1000px;
	max-width: 100%;
	height: 900px;
}
#master_plan1 {
	position: relative;
}
#master_plan1 .img-backgroud {
	position: absolute;
	left: 0px;
}
#master_plan1 .img-hover {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#mapcontainer {
	width: 1000px;
	max-width: 100%;
	height: 900px;
}
#image_map {
	position: relative;
	margin-bottom: 30px;
}
#image_map .img-hover {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#master_plan1 {
	position: relative;
}
#master_plan1 .img-backgroud {
	position: absolute;
	left: 0px;
}
#master_plan1 .img-hover {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#mapcontainer1 {
	width: 1000px;
	max-width: 100%;
	height: 900px;
}
.info-map {
	height: auto;
	z-index: 60;
}
.info-map {
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
}
.map-text {
	background-color: rgba(255, 255, 255, 0.9);
	width: 210px !important;
	max-width: 220px !important;
	height: auto;
	padding: 10px 20px;
	position: absolute;
	border-radius: 2rem;
	text-align: center;
	opacity: 0;
	transform: scale(0);
	z-index: 120;
	box-shadow: 0 10px 30px rgba(0,0,0,.3);
	transition: all .3s ease-in-out;
}
.map-text.show {
	opacity: 1;
	transform: scale(1)
}
.map-text a {
	display: block;
	color: #497a8f
}
#video {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 85%;
	background-color: black; /* in case the video doesn't fit the whole page*/
 background-image: /* our video */;
	background-position: bottom center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	z-index: 3;
}
#section0 {
	overflow: hidden;
}
video::-webkit-media-controls {
 display:none !important;
}
#myVideo1 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 999;
}
video {
	display: block;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 1100px) {
.title-map {
	position: absolute;
	z-index: 1;
	top: 2%;
	left: 2%;/*font-size: 50px !important;*/
}
.float-up-map {
	position: absolute;
	top: 30%;
	right: 10%;
}
 .#section1 .gsap-img {
 position: absolute;
 top: 35%;
 right: 10%;
}
.modal-content {
	margin: auto;
	width: 100%
}
.logo-head {
	padding-bottom: 12%
}
.mobile-show {
	display: none !important;
}
.desktop-show {
	display: block;
}
#section3 h5.montecarlo {
	line-height: 1
}
.tienggoibannguyen {
	position: absolute;
	bottom: 100%;
}
.sec_banner .rowheight {
	height: 98vh;
}
#section5 .rowheight {
	height: 80vh
}
.slide .intro.container {
	height: 90vh;
	text-align: center;
}
}


	 @media only screen and (max-width: 1260px) {
		 .nd_gt {
    padding: 10px 10px 20px 10px;
    
}
		 
 .diem_den {
 margin-top: 50px;
 padding-left: 25px;
 text-align: right;
}
 .baz-title {
font-size: 28px !important;
	 line-height: 35px;
}
}
	 
 
 
	 
	 
	 
 @media only screen and (max-width: 1099px) {
	  .logo_doitac1{position: inherit; }
	 
	 .sticky {
		 border-bottom: 1px solid #244170;
	 background-color: #002d31;

	display: block;
	position: fixed;
	width: 100%;
	text-align: center;
	height: 70px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 1000;
}
	
	 
	 .title_kia{font-size: 15px !important}
	 .sec_vitri1 {
    background: url("../images/bg_register1.jpg") bottom center no-repeat;
     
}
	 	
 .sec_vitri {
text-align: center !important
}
 .baz-title {
text-align: center !important
}
 .ti_mb {
padding: 15px;
color: #fff;
line-height: 35px;
}
 .ti_mb span {
background-color: #d6ad5e;
color: #fff;
padding: 5px;
border-radius: 5px;
font-size: 13px;
}
 .diem_den {
 margin-top: 0px;
}
 .sec_ti1 {

 position: relative;
}
 .diem_den {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
 .bg_mix1 .text-left {
 text-align: center !important;
}
.bg_mix {
background-image: none !important;
color: #fff !important;
padding: 0px;
position: inherit;
top: 0;
padding-left: 15px;
padding-right: 15px;
}
 .bg_mix1 {
background-image: none !important;
color: #fff !important;
position: inherit !important;
top: 0 !important;
text-align: center !important
}
 .mbpk {
position: inherit;
left: 0;
bottom: 10px;
margin-top: 10px;
text-align: center;
}
 .logo_cdt img {
width: 200px;
}
 #btn-nhanbaogia {
display: none !important
}
 #btn-nhanbaogia {
 width: 80px;
 height: 80px;
}
 .content_tt {
margin-top: 100px;
}
 .slick-prev::before, .slick-next::before {
 width: 20px;
 height: 49px;
}
 #myLinks1 {
display: none;
	 text-align: center;
	 padding: 10px;
}
 img.logo {
 left: 5px;
 width: 67px;
	 top: 10px;
}
	 
	 
	 img.logo_goc {
    width: 155px !important;
}
 .slide-sec_slider .slick-next::before {
 right: 0px;
}
 .slide-sec_slider .slick-prev::before {
 left: 0px;
}
 .slick-dotted.slick-slider {
 
}
 .mobile_white {
color: #fff !important;
}
 .mttt {
 margin-top: 0;
 margin-left: 0px;
}
 .white_tttq {
color: #484848;
}
 .img_ge {
margin-top: 20px;
}
 .mt10px {
margin-top: 0
}
 .mt20px {
 margin-top: 0;
}
 .mt30px {
 margin-top: 0;
}
 .sec_vitri {
 background: url("../images/bg_vtm.jpg") repeat;
}

img.leaf-footer-m {
 position: fixed;
 z-index: 1;
}

 .hotline {
 font-size: 14px;
 right: 75px;
}
 .section.sec_banner {
	/*padding: 0 0 100px 0;*/
	padding: 0;
 padding-top: 51px;
}
.sec_camquan p {
 font-size: 13px;
}
 
.btn-lalya {
 margin: 20px 0;
}
.sec_footer {
 padding-bottom: 0 !important;
	
}
.sec_footer .footer-map {
 padding-top: 25px;
 padding-bottom: 25px;
}
.sec_footer .footer-map h4 {
 text-align: center;
}
.slide-doitac .slick-dots li {
 width: 10px !important;
}
.padbotslide10 {
 padding-bottom: 5px
}
.padtopslide10 {
 padding-top: 5px;
}
.sec_shophouse .colnopad {
 padding: 0;
}
.sec_shophouse {
 padding-bottom: 0 !important
}
.sec_camquan {
}
.map-list ul {
 text-align: left;
 font-size: 10px;
}
.map-list img {
 width: 12px;
}
.colnopad {
 padding-bottom: unset;
 padding-top: unset;
 padding-right: 15px;
 padding-left: 15px;
}
.sec_cdt {
 text-align: center;
 background: url("../images/bg_menu.html") repeat;
}
.
.sec_footer p {
 font-size: 14px;
}
.wrapper {
 background-size: 200%;
 background: unset;
 background-position: top;
 background-attachment: unset;
 -webkit-animation: unset;
 animation: unset;
}
.sec_resort .float-img {
 right: unset;
}
.sec_bietthu .float-img {
 right: unset;
 top: unset;
}
.sec_camquan .float-content {
 position: absolute;
 top: unset;/*width: 50%;*/
}
 .col-pad {
 padding: 5px;
}
.w90 {
 max-width: 100%
}
.mobile-show {
 display: block;
}
.desktop-show {
 display: none;
}
.contentinslide {
 position: relative;
}
.video-hero--content {
 margin-top: 20px !important;
 margin-bottom: 20px !important
}
#section5 .row.rowheight {
 background: rgba(106, 166, 177, 0.7);
}
.sec_matbang {

}
.row.content-slide {
 background: rgba(255, 255, 255, 0.7);
}
.slide-item4 {
 background-position: 18%
}
.slide-item1 {
 background-position: 30%
}
#section6 {
}
img.img-fluid.pin-map {
 width: 15%
}
.img-footer {
 position: inherit;
}
 .leaf-right, .leaf-left {
 width: 135px !important;
}
.container80 {
 max-width: 100% !important
}
 .sec_banner {
 background-size: contain;
 background-position: bottom;/*padding: 0;*/
}
.mrleft25per, .mrleft50per {
 left: unset;
}
	 .mt_vt {
    padding-top: 0px;
}
.section {
 padding-bottom: 140px;
 padding-top: 140px;
}
.sec_tongquan {
 background: url(../images/bg_ti.jpg) repeat;
}
.sec_tongquan .pad100-30px {
 padding: 20px 15px !important;
}

 .text-center-mb {
 text-align: center !important;
}
}

	 
	

 @media only screen and (max-width: 767px) {
	
	 img.bai_truong{ margin-top: 15px;}
	 .col-lg-6-add {
    margin-left: 0;
}
	 
	 img.ti_1a {
    padding-left: 0px;
    padding-right: 0px;
		
		 margin-top: 10px;
}
	 img.ti_1{padding-left: 0;}

.thu_vien1 img {
	
	margin-top: 30px;
	 }}
	 
	 
	 @media only screen and (max-width: 480px) {
		 
		 img.btn-play {
   
    width: 50px;
    
}
		 
		 
		 .baz-title1{line-height: 50px; font-size: 50px;}
		 
		 .baz-title {
    font-size: 25px !important;
    line-height: 30px;
}
	
		 .baz-title span {
    font-size: 50px;
}

 img.gt_all {
width: 100%
}
	 
 .sec_shophouse {
 background: url(../images/bg_menu1.jpg) repeat;
 background-size: auto;
}
 #btn-nhanbaogia .quick-alo-ph-img-circle {
 right: 0;
 left: unset;
 background-color: #176268 !important;
}
}