@font-face{font-family:font1;src:url("css/UTM_Neo_Sans_Intel.eot")}
@font-face{font-family:font1;src:url("css/UTM_Neo_Sans_Intel.ttf")}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 13px;
	background: #f3f3f3;
	color: #323232;
}
a{color: #333;}
a:hover{
	color: #85C226;
	text-decoration: none;
}
#content{
	margin-top: 50px;
}

.aligncenter {margin:0 auto;}
/*footer*/
#footer{
	color: #cbcbcb;
    padding: 20px 0 15px;
    background: url('images/bg_footer.jpg');
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    margin-top: 30px;
    border-top: solid 2px #85c226;
}
.goon {
	text-align: right;
}
#footer .goon a{
	color:#cbcbcb;
}
/*end footer*/
.banner{
	height: 580px;
	overflow: hidden;
}
.banner .item{
	background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
    width: 100%;
    height: 100%;
    visibility: inherit;
   opacity: 1;
/*  z-index: 0 !important; */
}
.banner .slick-prev:before{
	font-size: 0px;
}
.banner .slick-prev{
	position: absolute;
	left: 50px;
	top: 50%;
	z-index: 9;
	background: url('images/large_left.png') no-repeat 0 0;
	width: 40px;
	height: 40px;
	font-size: 0;
    border: none;
}
.banner .slick-next:before{
	font-size: 0;
}
.banner .slick-next {
	z-index: 9;
	position: absolute;
	right: 50px;
	right: 50px;
	top: 50%;
	background: url('images/large_right.png') no-repeat 0 0;
	width: 40px;
	height: 40px;
	font-size: 0;
    border: none;
}
.banner .slick-next:hover,.banner .slick-prev:hover {
	background-position:bottom left;
}
.banner .slick-track{
	height: 100%;
}
.banner .slick-list{
	height: 100%;
}
.header {
	position: relative;
}
.header .queen_logo{
	position: absolute;
	left: 150px;
	top: 30px;
}
.header .lang {
    position: absolute;
    left: 200px;
    top: 210px;
}
.lang ul{ list-style: none;padding: 0}
.lang ul li{ display: inline-block; padding: 0 5px; }
.header .queen_desc{
	font-size: 14px;
	min-height: 130px;
	line-height: 1.5em;
	text-align: justify;
	position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    padding: 20px 30px;
    background: rgba(26,26,26,0.5);
    color: #fff;
}
.queen_desc h5{
	font-family:font1;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #85c226;
    margin: 0 0 15px;
}
.slick-slider{
	margin-bottom:0 !important;
}

.header-menu { background-color: #2F2F2F;border:0;border-radius: 0;font-family:font1;}
.main-menu{vertical-align:middle; height: auto; }
.main-menu a{ color:#333333!important; display: inline-block; font-size:14px; }
.main-menu .nav_txt{ margin:0; color: #fff;font-size: 16px;}
.main-menu .nav_txt:hover{cursor: pointer;}
.main-menu .active > a{background:transparent!important; }
.main-menu li{ list-style: none;padding: 0;display: inline-block; }
.main-menu li:hover{ background:none; }
.main-menu { max-height: auto;overflow-y: visible;}
.main-menu li:hover{-o-transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
.main-menu li:hover a {color:#666666!important;}
.main-menu li li:hover a {background:#dcd4d4!important; opacity:1;}
.main-menu li.active:hover a {color:#666666!important; }
.main-menu li a{
	color:#fff;
	font-size:16px;
	line-height:58px;
	height:58px;
	text-transform:uppercase;
	font-family:font1;
	padding:0 28px;
	position:relative;
	display:block;
	display:table-cell; vertical-align: middle;
}
.main-menu li a:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:#252525;border-top:solid 1px;border-color:transparent;z-index:-1;transition:height 0.3s}
.main-menu li a:hover:after,.main-menu > li > a.active:after{height:100%;border-top:solid 1px #85c226}

.main-menu li{ z-index:2; position:relative;}
.main-menu ul li:hover a{ color:#000000;}

.main-menu li li a:hover{color:#666666; text-decoration: none;}
.main-menu li li a{display: block; border-top: none;height: 40px;}
.main-menu li ul li{background: #ffffff;float:none; position:relative; border-bottom:none;border-top:none;width: 100%;}
.main-menu li ul{position:absolute; top:100%; left:0%; display:none; background:#ffffff; padding:0; list-style: none outside none;}
.main-menu .current-menu-item ul{background:inherit; }
.main-menu li:hover > ul { display:block; } /*disable for hover menu dropdown by javascript*/
.main-menu li ul li a{background: #fff; white-space:nowrap;font-size:14px; text-transform:none;width: 100%;}
.main-menu li ul li a .nav_txt{color:#333333; padding:10px 0!important;margin-left: -15px;text-transform: uppercase;}
.main-menu li ul li ul {position: absolute; top:0; left:0; display: none; background-color: #f78001; float:left;} 
.main-menu > ul > li > ul{background: #fff;position:absolute; border:1px solid #eaeaea; border: 1px solid rgba(0,0,0,0.15);box-shadow: 0 6px 12px rgba(0,0,0,0.175);}

/*Category in home*/
.cate-content{
	min-height: 380px;
    position: relative;
    width: 100%;
    background: #ececec;
}
.cate-content .cate-img-position{
	max-height: 380px;
	overflow: hidden;;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
}
.cate-content .cate-img img{
    width: 100%;
    height: 100%;
}
.cate-desc{
	margin-bottom: 30px;
    padding: 0 20px;
    text-align: justify;
    line-height: 20px;
    max-height:160px;
    overflow: hidden;
}
.cate-title{
	font-size: 25px;
    font-family: font1;
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px 0 20px 0;
    padding: 0 20px;
}
.cate-title h4{
	font-size: 25px;
    font-family: font1;
    font-weight: bold;
    text-transform: uppercase;
}
.cate-title a{
	color: #323232;
}
.cate-title a:hover{
	text-decoration: none;
}
.link{outline:none;text-decoration:none;position:relative;display:inline-block}
.link h4{ padding: 0;margin:4px 0; }
.link--mallki{-webkit-transition:color 0.5s 0.25s;transition:color 0.5s 0.25s;overflow:hidden}

.link--mallki:hover{-webkit-transition:none;transition:none;color:transparent}

.link--mallki::before{content:'';width:100%;height:6px;margin:-3px 0 0 0;background:#85c226;position:absolute;left:0;top:50%;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.link--mallki:hover::before{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.link--mallki span{position:absolute;height:50%;width:100%;left:0;top:0;overflow:hidden}
.link--mallki span::before{content:attr(data-letters);position:absolute;left:0;width:100%;color:#85c226;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s}
.link--mallki span:nth-child(3){top:50%}
.link--mallki span:nth-child(2)::before{top:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.link--mallki span:nth-child(3)::before{bottom:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.link--mallki:hover span::before{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.link--mallki h2:hover span::before{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}

.cl-effect-2 a{line-height:44px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}
.cl-effect-2 a span{position:relative;display:inline-block;padding:0 20px;background:#4E4E4E;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.cl-effect-2 a span::before{position:absolute;top:100%;left:0;width:100%;height:100%;background:#4E4E4E;text-align:center;content:attr(data-hover);-webkit-transition:background 0.3s;-moz-transition:background 0.3s;transition:background 0.3s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
.cl-effect-2 a:hover span,.cl-effect-2 a:focus span{-webkit-transform:rotateX(90deg) translateY(-22px);-moz-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)}
.cl-effect-2 a:hover span::before,.cl-effect-2 a:focus span::before{background:#85C226}
.xemthem_dich_vu{font-size:14px;margin-left:20px;color:#ececec;border:0}
.xemthem_dich_vu:hover{color:#ececec}

.xemthem_pro_sys_home{width:130px;line-height:30px;height:30px;color:#fff;text-align:center;border:0;text-transform:uppercase;background:#85c226;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;position:relative;cursor:pointer;margin-bottom:30px;font-weight:bold}
.xemthem_pro_sys_home > span{position:absolute;left:0;right:0;top:0;z-index:2}
.xemthem_pro_sys_home:after{content:'';position:absolute;z-index:1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;width:100%;height:0;top:0;left:0;background:#4e4e4e;opacity:0}
.xemthem_pro_sys_home:hover:after{height:100%;opacity:1}
.xemthem_pro_sys_home:hover{color:#fff}
/*End category in home*/


/*Review section in home*/
.home-review {
    height: 344px;
    width: 100%;
    background: url('images/bg_review.jpg') no-repeat center top;
    margin-top: 20px;
}
.title-review{
	text-align: center;
    font-size: 24px;
    font-family: font1;
    font-weight: bold;
    margin: 40px 0 50px;
    color: #fff;
}
.cust_image {
	padding-left: 20px;
}
.cust{
    background: url('images/ngoac_1.png') no-repeat 160px 0,url('images/ngoac_2.png') no-repeat right 30px bottom;
}
.cust .cust_review_content p{
	text-align: justify;
    margin-top: 5px;
    height: 150px;
    overflow: hidden;
    color: #fff;
    padding: 0 20px;
    font-size: 15px;
}
.cust .cust_review_name {
	font-size: 15px;
    display: block;
    font-weight: bold;
    text-align: justify;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #fff;
    padding: 0 20px;
    cursor: pointer;
}
.cust-review {
    outline: none;
}
.cust_image img{
	background: #fff; 
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border: solid 2px #b1b1b0;
    box-shadow: 0 0 10px #000;
}
/*End review section*/

/*section home booking*/
.booking { margin:30px 0; }
/* .booking form { background: #85c226;padding: 7px 20px; }
.booking form p { text-transform:uppercase;color:#fff;font-weight:bold;font-size:18px;font-family:font1 }
.booking .btn_dvu { background: #dcdcdc url('images/bg_bt_dvu.jpg') repeat-x;color: #505050;font-family: font1;font-size: 15px;text-transform: uppercase;font-weight: bold;padding: 6px 0;border: 0;width: 100%;}
.booking form .btn_dvu:hover{background:#dcdcdc}
.booking form .col-md-4{margin-bottom: 10px;} */
.booking .home-booking .home-booking-title{
	font-size: 15px;text-align: center;
	padding: 10px;
	background: #85c226;
	color: #fff;
	font-weight: bold;
}
.booking .home-booking{
	position: relative;
	min-height: 235px;
	border:1px solid #e4e4e4;
	background: #ebebeb;
	text-align: center;
}
.booking .home-booking .card{position: absolute;bottom: 0;right: 0;}
.booking .home-booking .card img{padding: 2px;}
.booking .home-booking .home-booking-content img{ padding: 30px; }
.booking .home-booking .home-booking-content .mapbook{padding: 0;margin: 0;width: 100%;}
.booking .home-booking { margin-top:20px; }
/*end section booking*/

/*slide image footer*/
.home-footer-slide .slide-footer-image{
	outline: none;
	padding:0 10px;
}
.home-footer-slide .slide-footer-image img{
	width: 100%;
	height: 120px;
	border: solid 2px #bfbfbf;
}
.home-footer-slide .footer-slide {
	width: 100%;
	overflow: hidden;
}
/*end slide image footer*/
.follow{position:fixed;right:0;top:100px;background:#85C226;text-align:center;width:50px;padding:10px 0;z-index:99;line-height:45px}

/*page*/
.lined-heading{position:relative;text-align:center;display:block;text-transform:uppercase;margin:0 0 30px 0;font-size: 36px;}
h2.lined-heading span{font-size:26px;color:#323232;font-family:font1;background:#f3f3f3;padding:0 20px}
h2.lined-heading:before{position:absolute;top:50%;z-index:1;display:block;width:100%;height:5px;content:"";border-top:solid 1px #323232}
h2.lined-heading span{position:relative;z-index:1;display:inline-block}
.lined-heading span{font-size:26px;color:#323232;font-family:font1;background:#f3f3f3;padding:0 20px}
.lined-heading:before{position:absolute;top:50%;z-index:1;display:block;width:100%;height:5px;content:"";border-top:solid 1px #323232}
.lined-heading span{position:relative;z-index:1;display:inline-block}

/*contact*/
.bg_btn_themes{
	background:#c6e639;
	background-image:-webkit-linear-gradient(top,#c6e639,#98b615);
	background-image:-moz-linear-gradient(top,#c6e639,#98b615);
	background-image:-ms-linear-gradient(top,#c6e639,#98b615);
	background-image:-o-linear-gradient(top,#c6e639,#98b615);
	background-image:linear-gradient(to bottom,#c6e639,#98b615);
	color:#fff;
	text-transform:uppercase
}
.bg_btn_themes:hover{
	background:#98b615;
	background-image:-webkit-linear-gradient(top,#98b615,#c6e639);
	background-image:-moz-linear-gradient(top,#98b615,#c6e639);
	background-image:-ms-linear-gradient(top,#98b615,#c6e639);
	background-image:-o-linear-gradient(top,#98b615,#c6e639);
	background-image:linear-gradient(to bottom,#98b615,#c6e639);
	color:#fff
}
/*end contact*/

/*category new*/
.category-list{
	margin-bottom: 20px;
}
.category-list:hover{
	box-shadow:1px 1px 3px #a5a5a5;
}
.category-list .category-thumb a img{
	width: 100%;
	max-height: 177px;
}
.category-list .category-title{
	font-size: 15px;
    display: block;
    margin-top: 0;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 5px;
    background: url('images/menu_dot.png') bottom repeat-x;
}
.category-list .category-content{
	padding: 10px;
    box-shadow: 0 0 2px #bfbfbf;
    background: #fff;
}
.category-list .category-desc{
	text-align: justify;
    color: #333;
    margin-bottom: 5px;
    background: url('images/menu_dot.png') bottom repeat-x;
    padding: 5px 0;
}
.category-list .category-desc p{
  	height: 108px;
    overflow: hidden;
}
.view-detail{
	text-align: right;
    font-size: 15px;
    text-transform: uppercase;
}
/*end category new*/
/*single*/
.single_content {
	/* margin-bottom: 100px; */
	line-height: 1.5em;
}
.single_content img { max-width: 500px;height: auto;margin: 20px 0;padding: 0 10px; }
.relate-service{
	position: relative;
    width: 100%;
    max-width: 356px;
    margin: 0 auto 25px;
}
.relate-service img{
	width: 100%;
	max-width: 356px;
	height: 179px;
}
.relate-service a{
	display: block;
}
.relate-service span{
	position: absolute;
	text-align: center;
    left: 15px;
    right: 15px;
    top: 20px;
    padding: 10px;
    background: rgba(0,0,0,0.8);
    line-height: 1.5em;
    font-size: 13px;
    font-weight: bold;
    color: #fef3da;
    overflow: hidden;
    text-transform: uppercase;
}
.b {
    margin-bottom: 6px;
}
.b a{font-size:13px;color:#000}
.b a:hover,.b a.active{font-weight:bold;text-decoration:none}
.table-service{
	padding: 20px;
	margin-bottom: 50px;
}
.table-service table{
	margin-top:20px;
}
.table-service table tr td,.table-service table tr th{
	text-align: center;
}
/*end single*/

.lang img{
	width: 22px;
	height: auto;
}
/*Booking page*/
.thongbao{
	padding: 20px;
	background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 5px;
}
.thongbao h5{    
	font-family: font1;
    font-size: 30px;
    text-align: center;
    color: red;
}
.thongbao ul{
	font-size: 20px;
}
.thongbao ul li{padding: 10px 0;}
.thongbao span{text-align: right;font-size: 20px;color: #85C226;display: block;}
.booking-form{
	padding: 20px;
	background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 5px;
    border-top: 10px solid #85C226;
}
.booking-form label{padding-top: 5px;}
.form-title{
	font-family: font1;
	font-size: 30px;
    font-weight: 600;
    padding: 20px;
}
.booking-form .people input[type=number]::-webkit-inner-spin-button, 
.booking-form .people input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.booking-form .people input[type=number]::-webkit-input-placeholder, 
.booking-form .people input[type=number]::-moz-placeholder,input[type=number]:-ms-input-placeholder { 
   font-size: 12px;
}
.booking-form .people input[type=number] {
    -moz-appearance:textfield;
}


.booking-form .people .numberPer{text-align: center;}
.booking-form .people .input-group-addon:hover{cursor: pointer;}
.input-group-addon{padding: 6px 10px !important}

@media(max-width:1200px){
	.main-menu li a{padding: 0 20px;}
	.single_content img { max-width: 300px;}
}
@media(max-width:767px){
	.home-footer-slide .slide-footer-image {
		height: 180px;
		overflow: hidden;
	}
	.home-footer-slide .slide-footer-image img{
		height: auto;
	}
	.category-list .category-thumb a img{
		height: auto;
		max-height: 500px;
	}
	.header .lang{
		top: 15px;
    	left: inherit;
    	right: 15px;
	}
	.single_content img { width: 100%;}
	.banner{
		height: 250px;
	}
	.header .queen_logo img{
		width: 100px!important;
	}
	.header .queen_logo{
		top: 15px;
		left: 50px;
	}
	.goon {
		text-align: left;
	}
	.cl-effect-2{ margin-bottom: 20px; }
	.cate-content .cate-img-position{ position: relative; !important; }
	.queen_desc h5{
	    font-size: 20px;
	}
	.main-menu li a{
		display:block;
		height: 48px;
		border:0;
	}
	.main-menu li > ul.sub-menu {
		border:0;
	}
	.main-menu li ul li a,
	.main-menu li > ul.sub-menu > li:hover,
	.main-menu li > ul.sub-menu > li:hover >a:hover {
		background: #555 !important;
	}
	.main-menu li {
		display: block;
	}
	.main-menu .nav_txt{
		padding: 10px;
	}
	.main-menu > ul > li:hover {
		background: #A6C428;
	}
	.main-menu > ul > li:hover > a:hover {
		background: #333;
	}
	.main-menu > ul > li:hover > ul > li {
		background: #333;
	}
	.main-menu > ul > li > ul{
		position: relative;
		
	}
	.main-menu li ul li a{
		padding-left: 55px !important;
	}
	.main-menu li ul li a:hover {
		background: #555;
	}
	.main-menu li ul li a h3{
		font-size: 13px;
		text-transform: uppercase;
	}
	.main-menu li ul li a .nav_txt {color:#fff; width: 100%;}
}