@font-face {
 font-family: "Utm-Isadora";
 src: url("../fonts/Utm-Isadora.eot");
 src: local("☺"),url("../fonts/Utm-Isadora.woff") format("woff"),url("../fonts/Utm-Isadora.otf") format("opentype"),url("../fonts/Utm-Isadora.svg#filename") format("svg");
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: 'Open Sans', sans-serif; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }
article.post-content cite,article.post-content dfn,article.post-content em{font-style:italic}article.post-content p{font-family: Roboto;font-size: 14px;margin:0 0 15px;line-height:1.8}article.post-content h1,article.post-content h2,article.post-content h3,article.post-content h4,article.post-content h5{font-family:Roboto}article.post-content h1{font-size:25px}article.post-content h2{font-size:20px}article.post-content h3{font-size:18px}article.post-content h4{font-size:16px}article.post-content h5{font-size:14px}article.post-content ol,article.post-content ul{margin:16px 0;padding:0 0 0 40px}article.post-content ul{list-style-type:square}article.post-content ol{list-style:decimal outside}article.post-content li > ul,article.post-content li > ol{margin:0}article.post-content dl{margin:0 20px}article.post-content dt{font-weight:bold}article.post-content dd{margin:0 0 20px}article.post-content strong{font-weight:bold}article.post-content code,article.post-content kbd,article.post-content pre,article.post-content samp{font-family:monospace,serif;font-size:14px}article.post-content pre{background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}article.post-content blockquote,article.post-content q{quotes:none}article.post-content blockquote:before,article.post-content blockquote:after,article.post-content q:before,article.post-content q:after{content:"";content:none}article.post-content blockquote{font-size:24px;font-style:italic;font-weight:300;margin:24px 40px}article.post-content blockquote blockquote{margin-right:0}article.post-content blockquote cite,article.post-content blockquote small{font-size:14px;font-weight:normal;text-transform:uppercase}article.post-content cite{border-bottom:0}article.post-content abbr[title]{border-bottom:1px dotted}article.post-content address{font-style:italic;margin:0 0 24px}article.post-content del{color:#333}article.post-content ins{background:#fff9c0;border:none;color:#333;text-decoration:none}article.post-content sub,article.post-content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}article.post-content sup{top:-0.5em}article.post-content sub{bottom:-0.25em}article.post-content a{color:#ca3c08;text-decoration:none}article.post-content a:visited{color:#ac0404}article.post-content a:focus{outline:thin dotted}article.post-content a:active,article.post-content a:hover{color:#ea9629;outline:0}article.post-content a:hover{text-decoration:underline}article.post-content .alignleft{float:left;margin:5px 20px 5px 0}article.post-content .alignright{float:right;margin:5px 0 5px 20px}article.post-content .aligncenter{display:block;margin:5px auto}article.post-content img.alignnone{display:block;margin:5px auto}article.post-content table{border:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%}article.post-content caption,article.post-content th,article.post-content td{font-weight:normal!important;border:1px solid #ededed;text-align:left}article.post-content caption{font-size:16px;margin:20px 0}article.post-content th{font-weight:normal!important;text-transform:uppercase;border:1px solid #ededed}article.post-content td{border:1px solid #ededed;padding:6px 10px 6px 0}article.post-content img{height:auto;max-width:100%;vertical-align:middle}article.post-content .wp-caption{background:transparent;border:none;margin:0;padding:0;text-align:left}article.post-content .wp-caption.alignleft{margin:5px 10px 5px 0}article.post-content .wp-caption.alignright{margin:5px 0 5px 10px}article.post-content .wp-caption-dt{margin:0}article.post-content .wp-caption .wp-caption-text,article.post-content .wp-caption-dd{color:#220e10;font-size:14px;font-style:italic;font-weight:300;line-height:1.5;margin-bottom:24px;padding:0}article.post-content .mceTemp + ul,article.post-content .mceTemp + ol{list-style-position:inside}
article.post-content h3{border-top: none}
article.post-content {font-family: Roboto; font-size: 14px; line-height: 24px; }
a{
-webkit-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-moz-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-o-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
}
.tm-ic{background: url(../images/sprite.png) no-repeat;}

/*===================================================================*/
.cloud{background-image: url(../images/sprite.png);width: 27px;height: 20px;background-position: 0 -30px;display: inline-block;vertical-align: middle;}
.fa-vn{background-image: url(../images/sprite.png);width: 27px;height: 27px;background-position: 0 0;display: inline-block;vertical-align: middle;}
.fa-en{background-image: url(../images/sprite.png);width: 27px;height: 27px;background-position: -34px 0px;display: inline-block;vertical-align: middle;}
/*end icon*/
#back_to_camera {clear: both;display: block;height: 80px;line-height: 40px;padding: 20px;}
.fluid_container {margin: 0 auto;width: 100%;}

/*end slider*/
header {position: absolute;width: 100%;z-index: 10;}


.menu-top{background-color: #fff; position: relative; z-index: 10;} 
.menu-top .weather{color: #777; padding: 9px 0; width: 215px; text-align: center;}
.menu-top .hotline{color: #777; padding: 5px 0 6px;}
.menu-top .hotline ul{float: left; padding-left: 10px;}

.hotline .tm-hot{font-size: 13px; font-weight: 600; color: #777; float: left; padding: 5px 0 4px;}
.hotline .tm-hot span{font-weight: 700; color: #d80027;}
.tm-social{float: left; padding: 1px 8px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin-left: 15px;}
.tm-social li{float: left; padding: 0 4px;}
.tm-social li a{display: block; text-indent: -9999px; width: 25px; height: 25px;}
.tm-social li a.tm-g{background-position: -67px 0;}
.tm-social li a.tm-s{background-position: -100px 0;}
.tm-social li a.tm-f{background-position: -133px 0;}

.nav-menu{position: absolute;}
.header-bot{width: 100%; background-color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid #eae1d4; border-top: 1px solid #d7d7d7;}

.tm-logo{position: relative;}
.tm-logo a{display: block; width: 215px; position: relative; text-align: center;}
.tm-logo a::after{content: ''; display: block; width: 215px; height: 215px; position: absolute; top: -120px; left: 0; z-index: 0; background: #fff; border-radius: 100%;}
.tm-logo a img{position: relative; z-index: 1;}

a.menu-mobile{display: none;width: 32px;height: 20px;background: url(../images/front/ic-menu.png) no-repeat;margin: 25px 0;}
.tm-menu ul li{float: left;text-align: center;}
.tm-menu ul li a{color: #0e95c5;display: inline-block; text-transform: uppercase;padding: 25px 20px; font: 600 13px/20px 'Open Sans', sans-serif; }
.hvr-underline-from-left::before{background: #ffffff !important;height: 2px !important;}
.tm-menu ul li.active a.hvr-underline-from-left:before{right: 0;}
.mm-menu .mm-navbar .mm-title{font-size: 15px;text-transform: uppercase;color: #7c7c7c;font-weight:600; }
.camera_wrap{float: none;}

/*end menu*/
.book-now .book::before{content: '';width: 300%;height: 100%;background: #434c4f;position: absolute;left: -299%;top: 0;z-index: 10;display: block;}
.book-now .book::after{content: '';width: 130px;height: 100%;background: url(../images/bg-book.png) no-repeat;display: block;position: absolute;left: 270px;z-index: 10;top: 0;}
.book-now {position: relative;overflow: hidden;}
.book-now .book {position: relative; z-index: 11; background-color: #434c4f;color: #fcb616;padding: 23px 20px;}
.book-now .book h4{font-size: 40px;font-weight: 800;}
.book-now .book p{font-size: 24px;font-weight: 800;}
.book-now .form-book{position: absolute; background-color: #5fcdf5; z-index: 10;right: 0;}
.book-now .form-book ul li{float: left;padding: 40px 7px;}
.book-now .form-book ul li input, 
.book-now .form-book ul li label select{font-weight: 600; display: block; height: 40px; width: 200px; border-radius: 0px;border: 1px solid #fff;background: rgba(255, 255, 255, 0);color: #fff;} 
.book-now .form-book ::-webkit-input-placeholder {color: #fff; font-weight: 600;}
.book-now .form-book ::-moz-placeholder {color: #fff; font-weight: 600;}
.book-now .form-book :-ms-input-placeholder {color: #fff; font-weight: 600;}
.book-now .form-book :-moz-placeholder {color: #fff; font-weight: 600;}
.datepicker .table-condensed th{font: 500 13px/20px 'Roboto', sans-serif; padding: 2px;}
.datepicker .table-condensed td{font: 400 13px/20px 'Roboto', sans-serif; padding: 2px;}


a.btn-book-now{height: 40px;background: #fff;color: #5fcdf5;font-weight: 800;border-radius: 0;padding-top: 10px;font-size: 14px;}

.tm-book-room .detail-book-room a.btn-contact:hover,
a.btn-read-now:hover,
a.btn-book-now:hover{background: #368dad; color: #fff; border-radius: 2px;}
.form-book::before{content: '';width: 100%;height: 100%;background: #5fcdf5;position: absolute;left: -99%;top: 0;z-index: -1;display: block;}
.form-book::after{content: '';width: 200%;height: 100%;background: #5fcdf5;position: absolute;right: -199%;top: 0;z-index: 10;display: block;}
/*book now*/
.tm-introduct {padding-bottom: 125px;}
 .tm-title{font-size: 48px;padding: 75px 0;}
 .tm-title h2{color: #5fcdf5;font-weight: 300;}
 .tm-title span{color: #434c4f;}
.introduct{position: relative;}
.introduct .img-introduct{position: relative;float: left;top: 30px; z-index: 1;}
.introduct .img-introduct img{width: 430px;height: 350px;padding-top: 30px;padding-right: 30px;background: #fff;}
.introduct .introduct-detail{position: absolute;border: 5px solid #fcb616; width: 970px;right: 0;padding: 30px 35px 30px 270px; }
.introduct .introduct-detail h3{text-transform: uppercase;font-size: 18px;font-weight: 600;padding: 25px 0 40px 0;}
.introduct .introduct-detail h3:after{content: '';position: absolute;width: 43px;height: 2px;background-color: #d7d7d7;display: block;margin-top: 15px;}
.introduct .introduct-detail p{color: #777777;font-size: 14px; font-weight: 400; margin-bottom: 10px;}
a.btn-read-now{display: block;background-color: #5fcdf5;color: #fff;width: 120px;font-weight: 600;padding: 10px 5px;font-size: 14px;margin-top: 40px;border-radius: 0px; }
/*end introduct*/

.tm-book-room{width: 100%;background-image: url(../images/bg-book-room.jpg);background-repeat: no-repeat;background-size: 100% 85%;}
.tm-book-room .img-book-room , .tm-book-room  .detail-book-room{display: block;margin: 92px 0; background-color: #fff;height: 400px;}
.tm-book-room .img-book-room img{width: 100%;height: 100%;border: 1px solid #fff ;}
.tm-book-room .img-book-room{padding-left: 0px;padding-right: 0px;}
.tm-book-room  .detail-book-room{text-align: center;padding: 30px 30px 30px 30px;}
.tm-book-room .double-room{border:2px solid #fcb616;height: 335px;}
.tm-book-room  .detail-book-room h3{font-size: 24px;font-weight: 600;padding: 30px;padding-top: 60px;text-transform: uppercase;}
.tm-book-room  .detail-book-room p{padding: 0px 15px;font-size: 14px;color: #777777; line-height: 21px;}
.tm-book-room  .detail-book-room a.btn-contact{display: block;height: 35px;background: #5fcdf5;width: 139px;border-radius: 0;position: relative;top: 60px;left: calc(50% - 70px) !important;color: #fff;text-transform: uppercase;font-weight: 600;}
.book-room2{background-color: #fff;}
.book-room2 .img-room{padding: 20px 12px 0 12px;text-align: center;}
.book-room2 .img-room img{width: 100%;height:100%;}
.book-room2 .room2{margin-right: -5px;margin-left: -5px;}
.book-room2 .img-room h3{display: block;font-size: 16px;text-transform: uppercase;padding: 21px 0;}
.book-room2 .img-room .detail-room a,.book-room2 .img-room .detail-room p{ display: none; }
/* end tm book room */
.view-hotel div.view-left ul li a, 
.view-hotel div.view-right ul li a {height: 230px;margin-bottom: 20px;position: relative;display: flex;overflow: hidden;}
.view-hotel div ul li a img{width: 100%;height: 100%;}
.view-hotel div.view-center ul li a{position: relative;display: flex;overflow: hidden;height: 260px;display: block;height: 480px;}
.view-hotel div ul li a:before{content: '';display: block;width: 100%;height: 100%;background:rgba(39, 39, 38, 0.5)  url(../images/front/ic-views.png) no-repeat center;position: absolute;left: 0;top: 0;opacity: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.view-hotel div ul li a:after{content: '';display: block; border: 2px solid #fcb616;position: absolute; left: 0;top: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.view-hotel div.view-center ul li a img{width: 100%;height: 100%;}
.view-hotel div ul li a:hover:before{opacity: 1;} 
.view-hotel div ul li a:hover:after{opacity: 1; left: 25px; top: 25px; right: 25px; bottom: 25px;}
/* end view img hotel  */
.tm-event{height: 400px;padding-bottom: 20px;}
.tm-event .img-event{display: block;position: relative;}
.tm-event .date-time{display: block;position: absolute;top: calc(100% - 140px);left: 30px;width: 50px;height: 50px;background: #fff;text-align: center;}
.tm-event .date-time p.day{color: #5fcdf5;font-weight: 800;font-size: 20px;padding: 7px 0;}
.tm-event .date-time p.month{background-color: #fcb616;color: #fff;font-size: 14px;font-weight: 800;}
.tm-event h4 a{font-size: 14px;text-transform: uppercase;padding: 11px 0;font-weight: 600; display: block;}
.tm-event h4:hover a{color: #5fcdf5;}
.tm-event p.detail{font-size: 14px;}


/* end news event */
.maps{margin-bottom: -5px;}
.tm-footer{background-color: #5fcdf5;}
.footer-bot{border-top: 1px solid #fff; padding: 7px 0;}
.footer-bot p{font-size: 13px; color: #fff; padding: 2px 0;}
.footer-bot p a{color: #fff;}
.footer-bot ul.tm-social{padding: 0; border: none;}
.footer-top{padding: 20px 0 15px;}
.footer-top h3{font-size: 15px; font-weight: 400; color: #000; text-transform: uppercase; margin-bottom: 15px;}
.footer-top p span{display: block; font-size: 15px; font-weight: 400; color: #fff; margin-bottom: 5px;}

/*end footer*/




/*==========================================================================*/

@-moz-document url-prefix() {
}
@media (max-width: 1190px){
	ul.menu li {float: left;text-transform: uppercase;padding: 0 0;position: relative;z-index: 100;}
	.tm-menu ul li a{padding: 25px 10px;}
	.introduct .img-introduct{top: 30px;}
	.book-now .form-book ul li{padding: 30px 7px;}
	.book-now .book h4{font-size: 27px;}
	.book-now .book p{font-size: 17px;}
	.book-now .book::after{left: 180px;}
	.book-now .form-book ul li input, 
	.book-now .form-book ul li label select{width: 160px;}
	.introduct .introduct-detail{width: 730px; padding-left: 230px;}
	.maps iframe{height: 300px;}
	.tm-title{font-size: 40px;}
}

@media (max-width: 991px){
	a.menu-mobile{display: block;}
	.book-now .form-book{position: relative; width: 100%;}
	.form-book ul{margin: 0 -15px; padding: 20px 0 10px;}
	.form-book ul::after{display: block; clear: both; content: ''; width: 100%;}
	.book-now .form-book ul li{padding: 0 15px; width: 25%; margin-bottom: 10px;}
	.form-book ul li a.btn-book-now,
	.book-now .form-book ul li .form-control{width: calc(100% - 12px); font-size: 12px;}
	.book-now .form-book ul li label{width: 100%; display: block;}

	.book-now .book{display: none;}
	.tm-title{padding: 50px 0;}
	.book-room{display: none;}
	.tm-book-room{background: none;}
	.book-room2 .img-room{padding: 20px 12px 0 12px;float: left;height: 240px; text-align: left; padding-left: 30px;}
	.book-room2 .img-room img{width: 50%;height: 100%;float: left;}
	.book-room2 .img-room .detail-room{position: relative;left: 0;padding-left: calc(50% + 15px);}
	.book-room2 .img-room .detail-room a,.book-room2 .img-room .detail-room p{ display: block; }
	.book-room2 .img-room .detail-room a.btn-contact{display: block;background-color: #5fcdf5;color: #ffffff !important;width: 120px;font-weight: 600;padding: 9px 5px;font-size: 14px;margin-top: 20px;border-radius: 0px;}
	.introduct .introduct-detail{padding: 30px 35px 20px 345px; width: 100%;}
	.introduct .introduct-detail h3{padding: 0px 0 34px 0;}
	.introduct .img-introduct{top: 0;}
	.introduct .img-introduct img{margin: 20px; padding: 0px;height: 320px; width: 300px;}
	.btn-read-now{margin-top: 20px;}
	.tm-introduct{padding-bottom: 60px;}
	.view-hotel div.view-left ul li,
	.view-hotel div.view-right ul li{width: 50%; float: left;}
	.view-hotel div.view-left ul li a,.view-hotel div.view-right ul li a ,.view-hotel div.view-center ul li a{margin: 5px ; }
	.tm-event{}
	.tm-event .col-md-4{margin-bottom: 15px;}
	.tm-event .date-time{top: calc(100% - 65px);}
	.tm-event .img-event{width: 50%;float: left;}
	.tm-event h4, .tm-event p.detail{padding-left: calc( 50% + 15px);}
}

@media (max-width: 750px){
	.introduct .img-introduct,
	.menu-top ul.tm-social,
	.menu-top .weather{display: none;}
	.introduct .introduct-detail{position: relative;padding: 30px 35px;}
	.tm-title{padding: 25px 0;}
}
@media (max-width: 680px){
	.book-now .form-book ul li{width: 50%;}
}
@media (max-width: 630px){
	.menu-top .hotline h3{font-size: 7px;padding-top: 8px;}
	.book-room2 .img-room{height: 100%;padding: 0px; padding-bottom:20px}
	.book-room2 .img-room img{width: 100%; float: none; height: auto;}
	.book-room2 .img-room .detail-room{padding: 0;}
	.tm-title h2{font-size: 30px;}
	.view-hotel div ul li a{height: 100% !important}
	.tm-event .img-event{width: 100%; float: none;}
	.tm-event h4, .tm-event p.detail{padding-left: 0px;}
	.tm-event .date-time{  top: calc(100% - 130px);}

}
@media (max-width: 500px){}
@media (max-width: 420px){
	.book-now .form-book ul li{width: 100%;}
	.introduct .introduct-detail{padding: 15px;}
	.footer-bot .pull-right,
	.footer-bot p{width: 100%; float: none !important; text-align: center;}
	.footer-bot ul.tm-social{float: none; margin: 10px auto; width: 100px;}
}
@media (max-width: 320px){
	.book-now .form-book ul li input, .book-now .form-book ul li label select{width: 90px; }
	.tm-title h2{font-size: 20px;}

}