/* CSS Reset
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2");
}
/* Defaults
/*-----------------------------------------------------------------------------------*/
.left { text-align: left; }
.right { text-align: right; }
.clear{ clear: both;} 
.c_in{width: 1200px;     margin: 0 auto;}
.c_on{width: 900px;    margin: 0 auto;}
.c_mu{}
/* General Layout *-----------------------------------------------------------------------------------*/
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    
}
body {
	font-family: "Quicksand", sans-serif;
	padding:0;
	margin:0 auto;
	color: #1E1E1E;
    line-height: 18px;font-size: 14px
}
a {
	color: #292929;
	text-decoration: none;
	    cursor: pointer;
    -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, a:active, a:focus {
    outline: none;
}

a:hover {
	text-decoration:none;
	outline: 0;
	    cursor: pointer;
    -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;
}
.hover img{
    width: 390px;
}
.feature-tour.style_2 .hover img{
	width: 100%
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin:0;
}

h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

h1 span, h2 span, h3 span, h4 span { font-weight:normal; }
li{list-style: none;}
.clear{clear:both;}

p{padding:0;margin:0px;}
.fa{display:inline;}

button,
input,
select,
textarea {
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    font-family: "Quicksand", sans-serif;
    font-size: 13px;
    padding: 13px;
}
select {    padding: 3px;    height: 40px !important}
input, select {    cursor: pointer;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"] {    font-size: 14px;   cursor: text;width: 100%;height: 40px}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
    border-color: #F2904E;
    box-shadow: 1px 1px 1px #CCCCCC;
    -webkit-box-shadow: 1px 1px 1px #CCCCCC;
}
textarea, input {    outline: medium none;}
textarea {    overflow: auto;}
input[type="button"], button {
    cursor: pointer;
    padding: 4px;
    vertical-align: middle;
}
.filter-dates button{font-size: 14px; font-weight: bold;text-transform: uppercase;}
.read_more {
    font-style: italic;
    text-decoration: underline;
}

.slick-dots{
    display: none !important
}
.crumbs ul {display: flex;justify-content: center;padding: 20px;}
.crumbs ul li a{padding: 5px;}
/* Header
/*-----------------------------------------------------------------------------------*/
/*Search*/
.search-sys{position: absolute;    top: 80%;    left: 50%;    z-index: 1;    color: #000;    font-size: 15px;    transform: translate(-50%, -50%);}
.sellect-sys{background: #fff; width: 100%; padding: 10px 20px; border-radius:50px }
.search-sys > ul{display: flex;flex-flow: wrap;justify-content: space-between;}
.search-sys > ul > li{width:calc(33% - 2px);border: 1px solid #a7e5ff; padding: 6px 10px;}
.search-sys > ul > li p{margin-top: 5px}
.search-sys > ul > li:last-child{cursor: pointer;position: relative;}
.search-sys > ul > li:last-child ul{display: none;}
.search-sys > ul > li:last-child ul li{padding: 5px; }
.search-sys > ul > li:last-child ul li:hover{background: #d3d3d3}
.search-sys > ul > li:hover ul{display: inline;position: absolute;    left: 0;    top: 40px;background: #fff;    padding: 10px;    width: 200px;    line-height: 35px;}
svg{float: left;margin-right: 10px}

/*Search*/

.w100 {    width: 100%;    height: 100%;    object-fit: cover;}
.menutop{height: 36px;border-bottom: 1px solid #dbdbdb;padding: 0 0;background: #909b55;}
ul.sys_menu_top li .menu-item-name {    color: #fff;    font-size: 14px;}
ul.sys_menu_top li:after {    content: '|';    color: #fff;}
.logo{float: left;margin-top: 2px;}
.logo img{    height: 50px;margin: 15px 0;}
.sys-date{float: left;    color: #fff;    font: 0.9em / 30px "Quicksand", sans-serif;}
.sys-mn-top{width: 98%; text-align: right;}
/*.sys-head-mn{position: absolute;z-index: 999;top: 100px; left: 50%;  transform: translate(-50%, -50%);}*/
.sys-head-mn{background: #fff;height: 95px;}
.menuB{   z-index: 99; background-color: transparent;float: right; position: relative; }
.menuB a, .navbar-default .navbar-nav>li>a{ color: #00ace9;font-size: 17px; }
.room-reserve{position: absolute;    right: 0;    top: 5px;}
.room-reserve ul{display: none;}
.room-reserve:hover ul{display: inline;    position: absolute;    left: 0;    top: 36px;    text-transform: initial;    background: #fff;    line-height: 25px; width: 200px;    line-height: 35px;padding: 5px 10px;    width: 140px;border: 1px solid #f1f1f1;border-radius:5px }
.room-reserve .room-sys{background: #00ace9; padding: 10px 25px; border-radius:150px; font-size: 15px; text-transform: uppercase;color: #fff ; cursor: pointer;}


.navbar.bootstrap-navbar{margin-right: 5px; margin-top: 5px}
.sys-book{border: 1px solid #bbbbbb; padding: 5px 10px; position: absolute;    right: 0;    top: 0;}
.sys-book:hover{background: #b58823}
.skiptranslate {display: none;}
.cover-slide{background: #0000002e; position: absolute;height: 100%; width: 100%; z-index: 9}
.info-sys{position: absolute;top: 40%; left: 50%;  transform: translate(-50%, -50%);z-index: 999; color: #fff;line-height: 25px;text-align: center; }
.info-sys .slide-name-sys{line-height: 100px; font-size: 40px; margin-bottom:30px;  }
.info-sys .slide-info-sys{color: #c7c6c6;font-size: 60px;line-height: 75px;}
 
/*Box into*/
.sys-intro-box{margin: 50px 0;float: left; }
.adv-sys{float: right;width: 30%;margin: 50px 0 }
 
.sys-intro-box .sys-box-l{float: left;width: 46%;overflow: hidden;height: 455px !important;  border-radius: 100% 100% 0 0 !important;}
.imgcover{position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    overflow: hidden;    z-index: -100;    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);}
.sys-intro-box .sys-box-l img{width: 100%;object-fit: cover;height: 455px;    border-radius: 0 !important;}
.sys-intro-box .sys-box-r{float: right;width: 45%; text-align: justify;    padding: 20px;height: 463px;}
.sys-intro-box .line{border-bottom: 1px solid #a3955f;  margin: 20px 0;}
.sys-intro-box .sys-text{font-size: 14px; line-height: 22px;height: 405px; overflow: hidden;}
.system_adv{margin: 0;height: 470px}
.adv-sys {    overflow: hidden;    height: 455px !important;    border-radius: 100% 100% 0 0 !important;}
.system_adv .sadv img {height: 100%;    width: 100%;    object-fit: cover;}
.adv-sys .right-adv{    top: 0px;    left: 0px;    width: 100%;    height: 100%;    overflow: hidden;    z-index: -100;    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);} 
.adv-sys .right-adv iomg{width: 100%;
    object-fit: cover;
    height: 455px;
    border-radius: 0 !important;}
@media screen and (max-width: 768px) {
	.sys-intro-box .sys-box-l{float: none;width: 100%}
	.sys-intro-box .sys-box-r{float: none;width: 100%; padding: 15px}
	.sys-hotel-box ul li .c1-over-img img{width: 100% !important}
	.sys-hotel-box{padding: 25px}
	.room-reserve{left: 5px;}
	.menuB{width: 100%;  background: #00ace9;}
	.navbar-toggle{margin-right: 0px}
	.navbar-collapse{   background: #fff;}
	.search-sys{display: none}
	.swiper { height: 30svh !important;}
	.c3-sys-service-box{padding: 20px}
}
.hotel h1{font-size: 35px; font-weight: bold;margin-bottom: 15px;}  
.list_hotel li{ display: block; border: 1px solid #ddd; margin-bottom: 25px; overflow: hidden;}
.list_hotel li:hover{ box-shadow: 0 0 5px #dedede;}
.list_hotel li img{ display: block; width: 200px}
.list_hotel li .text-center{height: 100px; overflow: hidden;}
.list_hotel li .col-sm-4{ padding-right: 10px !important;}
.title-sys-name{font: bold 20px/25px "Poppins", sans-serif; margin-bottom: 15px}
.list_hotel li .col-sm-6{ background-color: #f7f7f7; height: 225px;}
.list_hotel li .col-sm-6 h4{ margin: 10px 0;}
.list_hotel li .col-sm-6 .address, .detail_hotel_address{ font-size: 13px; color: #488BF8;float: left;margin-right: 10px}
.list_hotel li .col-sm-6 .address a, .detail_hotel_address a{ font-size: 13px; color: #488BF8;}
.list_hotel li .col-sm-6 .info { font-size: 13px; margin-top: 10px;}
.list_hotel li .col-sm-2{ background-color: #ffffff; height: 225px; position: relative;}
.list_hotel li .col-sm-2 .price{ position: absolute; bottom: 100px; right: 25px; font-size: 15px; font-weight: bold; color: #ff0000;}
@media screen and (max-width: 798px){
.list_hotel li img{width: 100%}
.mem-layer{width: 100%;text-align: center;}
}
.bgr-cover{background: #000; position: absolute;}
 
.bgrboxbook{display: none}
.pinfo {color: #000; line-height: 22px; font-size: 15px}
.hprt-facilities-others{font-size: 14px !important}
.form-group .radio data-child{font-size: 18px; color: red}
.tab-content{margin-top: 20px;line-height: 27px;font-size: 13px; text-align: justify;}
.viewmap{font-weight: bold;color: #0b4bad; text-decoration: underline;}
.list_hotel li{padding: 10px}
.tab-content .sys-detail-tab{margin: 10px 0;padding-right: 20px;}
.sys-detail-tab{width: 70%; float: left;}
.sys-detail-script{width: 30%; float: right;}
.tab-content iframe{width: 360px !important; height: 300px !important}
.sys-script{width: 30%; float: right;}
.sys-title{font-size: 20px; font-weight: bold;margin: 10px 0}
.sys-content {margin: 10px 0; font-size: 16px; line-height: 20px}
.bgr-white{ background-color: #fff;}
/* Box c1*/
.bgr-cover {    background: #000000ad;    position: absolute;    height: 1100px;    width: 100%;}
.c1-title-name{    text-align: center;     font-size: 50px; text-transform: uppercase;padding: 50px 0 0 0; margin-bottom: 26px}
.c1-title-name a{color: #596850}
.sys-hotel-box ul{display: flex;flex-flow: wrap;justify-content: center;}
.sys-hotel-box ul li{width:calc(33.3% - 10px);  z-index: 99;    border: 2px solid #fff;   height: 500px;border-radius: 15px;  box-shadow: 1px 1px 10px #767676;}
.sys-hotel-box ul li .c1-over-img{height: 100%}
.sys-hotel-box ul li:first-child{width: 48%; height: 300px;z-index: 99;}
.sys-hotel-box ul li:nth-child(2){width: 49%;height: 300px;z-index: 99;}
.list_page .c1-name-sys{    color:#fff;   line-height: 30px;font-size: 30px;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);}
.list_page .c1-info-sys{font-size: 15px; line-height: 40px;color:#fff}
.list_page .c1-price-box{color: #fff;float: left;}
.sys-hotel-box ul li{ overflow: hidden; background: #000000ba;margin:5px;}
 .sys-hotel-box ul li img{width: 100%; height: 100%; object-fit:cover;transition: .5s ease-in-out;}
.sys-hotel-box ul li img:hover{transform: scale(1.05);}
.sys-hotel-box ul li .list_text{padding: 30px;position: absolute;    bottom: 0px;}
.sys-hotel-box ul li .list_text .c1-detail-sys{margin-top: 20px}
.sys-hotel-box ul li .list_text .c1-detail-sys a{border: 1px solid #fff;    border-radius: 10px;padding: 5px 30px; color: #fff; text-transform: uppercase;}
.sys-hotel-box ul li .list_text .c1-detail-sys a:hover{background: #ef7b00}
.sys-hotel-box ul li .c1-price-box{margin-right: 10px}
.sys-hotel-box ul li .c1-price-sys{color: yellow;font-weight: bold;margin-right: 3px}
.sys-hotel-box ul li .d{color: #fff; font-size: 0.75em;    vertical-align: super;margin: 6px 0;}
 
.sys-tour-box ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.sys-tour-box ul li{width: calc(33.3% - 0px); }
.sys-tour-box ul li .c2-over-img{overflow: hidden;height: 255px}
.sys-tour-box ul li .c2-over-img img{width: 100%;    height: 100%;    object-fit: cover;}
.sys-tour-box .c2-title-name{text-align: center;   margin: 60px 0 0 0;}
.sys-tour-box .c2-title-name a{text-transform: uppercase;    font-size: 20px;    color: #2e2e2e; font-weight: bold;}
.sys-tour-box .c2-more-sys {text-align: center;margin-top: 20px}
.sys-tour-box .c2-info-sys{line-height: 18px; font-size: 14px; color: #fff;font-family: Jost;}

.sys-tour-box .c2-item-sys{position: absolute;margin: -257px 0;background:#000000b0;  height: 257px;padding: 10px; display: none;cursor:pointer;transition: filter .6s, opacity .6s, transform .6s, ;}
.sys-tour-box li:hover .c2-item-sys{display: inline;opacity: 1}
.sys-tour-box .c2-detail-sys{margin-top: 20px}
.sys-tour-box .c2-detail-sys a{background: #882c2e; padding: 5px 15px; font-size: 15px;color: #fff;font-family: Jost;}
.sys-tour-box .c2-detail-sys a:hover{background: #d7af68}
.sys-tour-box .c2-name-sys{padding: 10px 0;   font-family: Jost; font-size: 14px;    color: #fff;    font-weight: bold;}
.sys-tour-box .c2-more-sys a{background: #882c2e; padding: 10px 30px; font-size: 14px;color: #fff; text-transform: uppercase;}
.sys-tour-box .c2-more-sys a:hover{background: #d7af68}
.sys-tour-box .c2-price-box{	font: 14px/1.5em Jost; color: #fff;}
.sys-tour-box .c2-price-sys{	font: bold 14px/1.5em "Quicksand", sans-serif;	color: red;	margin-left:10px;}
@media screen and (max-width: 768px) {
	.sys-tour-box ul li{width: calc(100% - 0px); margin-bottom: 15px}
	.sys-tour-box{padding: 25px}

}
/*Box5*/
.sys-news-box ul{display: flex;flex-flow: wrap;justify-content: center;}
.sys-news-box .c5-title-name{text-align: center;   margin: 60px 0 0 0;}
.sys-news-box .c5-title-name a{text-transform: uppercase;    font-size: 20px;    color: #2e2e2e; font-weight: bold;}
.sys-news-box .c5-more-sys {text-align: center;margin-top: 20px}
.sys-news-box .c5-info-sys{line-height: 18px; font-size: 14px; color: #000; }
.sys-news-box ul li{width: calc(33.3% - 10px); margin: 5px;height: 348px}
.sys-news-box ul li .c5-over-img{overflow: hidden;height: 255px;border: 1px solid #fff;    box-shadow: 1px 1px 10px #838383;    border-radius: 15px;}
.sys-news-box ul li .c5-over-img img{width: 100%;    height: 100%;    object-fit: cover;}
 .sys-news-box li:hover .c5-item-sys{display: inline;opacity: 1}
.sys-news-box .c5-detail-sys{margin-top: 20px}
.sys-news-box .c5-detail-sys a{    padding: 5px 10px;    font-family: "Quicksand", sans-serif;    font-size: 15px;    border-radius: 5px;  background: none;    color: #00ace9;    border: 1px solid #00ace9;    text-transform: uppercase;}
.sys-news-box .c5-detail-sys a:hover{background: #d7af68}
.sys-news-box .c5-name-sys{padding: 10px 0; font-size: 20px;    font-weight: bold;}
.sys-news-box .c5-name-sys a{ color: #00ace9;   }
.sys-news-box .c5-more-sys a{background: #00ace9; padding: 10px 30px; font-size: 14px;color: #fff; text-transform: uppercase;}
.sys-news-box .c5-more-sys a:hover{background: #d7af68}
.sys-news-box .c5-price-box{	font: 14px/1.5em Jost; color: #fff;}
.sys-news-box .c5-price-sys{	font: bold 14px/1.5em "Quicksand", sans-serif;	color: red;	margin-left:10px;}
/*Box c3*/
.c3-sys-service-box .c2-title-name{text-align: center;   margin: 60px 0 0 0;}
.c3-sys-service-box .c2-title-name a{text-transform: uppercase;    font-size: 26px;    color: #949494; font-weight: bold;}
.c3-sys-service-box ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.c3-sys-service-box ul li .sys-co{ overflow: hidden;}
.c3-sys-service-box ul li{width: calc(25% - 10px); background: #fff;text-align: center;    margin-bottom: 50px;margin-bottom: 50px;    border: 2px solid #fff;    box-shadow: 1px 1px 8px #9e9e9e;    border-radius: 15px;    padding: 20px 10px;}
.c3-sys-service-box .sys-co img{height: 100px}
.c3-sys-service-box .c3-details-sys a{color: #6a733b; font-size: 13px;font-family: "Quicksand", sans-serif;    border: 2px solid #ffffff;    padding: 5px 10px;    border-radius: 10px;text-transform: uppercase;}
.system_forms img{width: 70% !important; height: auto !important;    border: 2px solid #fff;    box-shadow: 1px 1px 13px #999999;}
.system-style.footer{padding: 30px 0;    background-color: #00ace9;}
.system-style.bottom_nav li{border-right:none;min-width: 225px;}
.info-box .c3-name-sys{padding: 10px 0; margin-bottom: 15px}
.info-box .c3-name-sys a{color: #000;font-size: 16px;font-weight: bold;}
.system-style.addContact{border-top: transparent}
 .footerL{float: left;    width: 15%;display: none}
.system-style.bottom_nav {    margin-top: 0px;}
.footerL img{width: 170px}
.testimonial img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.testimonial img:hover{transform: scale(1.1);}
.box-index-testimonial .c5-testimonial-name{text-transform: uppercase;text-align: center;    font-size: 26px;    color: #949494;    font-weight: bold;}
.fea-wrap img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.fea-wrap img:hover{transform: scale(1.1);}
.system-style.bottom_nav li li a, .system-style.bottom_nav li .mn-intext { font: 14px / 1.8em "Quicksand", sans-serif;color: #ebebeb;}
.leftbox{float: left;width: 68%}
.radio, .checkbox {cursor: pointer;}
.rightbox{float: right;width: 20% ;  border: 1px solid #1604a5;line-height: 30px;    padding: 5px 20px;    border-top: 4px solid #1604a5;} 
.price-sw{font-size: 27px;font-weight: bold;}
.fontext{font-size: 15px;line-height: 30px;}
.r-tabs-tab {display: none;}
.r-tabs-anchor{display: none;}
.other-post ul li{ 	font-size: 13px;    line-height: 25px; }
/*Menu*/
.header-hot-link{ display:block;} 
.header-hot-link li{display:inline-block;float: left; position: relative; }
.header-hot-link li i{	position: absolute;z-index: 9;top:5px;right:-8px;	width: 16px; height: 16px; display: none;}
.header-hot-link li a{    display:block; font-size: 16px;   float:left;    font-family: "Quicksand", sans-serif;    font-weight: normal;    font-size: 14px;     color:#fff;  }
.nav>li>a{padding: 10px 10px;}
.header-hot-link > li.active,.header-hot-link > li:hover{    background: none;}
.header-hot-link > li.active > a,.header-hot-link > li:hover > a{    color: #fda602;}
.header-hot-link > li.active li a,.header-hot-link > li:hover li a{    color: #00ace9;}
.header-hot-link li li a:hover{color: red}
.header-hot-link li li { min-width: 100%;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #fda602}
.navbar-nav>li>.dropdown-menu {background: transparent;}
.header-hot-link li li ul{top: 0; left: 100%;}
.header-hot-link li li:hover { color: #fff;}
.header-hot-link li li a{ line-height: 36px;width: 100%}
.header-hot-link .li-level-2  a{text-transform: none;font-size: 16px}
.aboutus-sys table{width: 100% !important}
.aboutus-sys table tr td{border:none !important;    vertical-align: top;text-align: left;font-size: 15px;font-family: "Quicksand", sans-serif;line-height: 28px;}
.aboutus-sys table tr td img{width: 100% !important;height: 700px !important;}
/*Popup Hotel*/
/* Button to open modal */
.open-modal-btn {
  padding: 15px 30px;
  font-size: 1.2rem;
   color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.open-modal-btn:hover {
  background-color: #555;
}

/* Modal Overlay (hidden by default) */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Modal Content */
.modal-content {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  width: 400px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transform: translateY(-30px);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.modal-overlay.open {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.modal-overlay.open .modal-content {
  opacity: 1;
  transform: translateY(0);
}

/* Close Button */
.close-modal-btn {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.close-modal-btn:hover {
  background-color: #555;}
/*End Popup Hotel*/
/*List Tours*/ 
.slideall img{width: 100%}
.sys-list-tour ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.sys-list-tour ul li{width: calc(33.3% - 20px);margin-bottom: 10px;box-shadow: 1px 1px 10px -6px #000;    height: 450px;}
.sys-list-tour ul li .imagecover{height: 250px; overflow: hidden;}
.sys-list-tour .list-tour-sys{padding: 10px}
.sys-list-tour .list-name-sys a{    padding: 10px 0;    font-size: 18px;    color: #333;    font-weight: bold;}
.sys-list-tour .list-datetime-sys{font-size: 14px; line-height: 25px}
.sys-list-tour .list-price-sys {font: bold 14px / 1.5em "Quicksand", sans-serif;    color: red;    margin-left: 10px;}
.sys-list-tour .list-readmore-sys{margin-top: 17px}
.sys-list-tour .list-readmore-sys a{    background: #882c2e;    padding: 5px 15px;    font-size: 15px;    color: #fff; }
.sys-list-tour .list-readmore-sys a:hover{background: #d7af68;}
 
.list_page .list_img .imagecover{overflow: hidden;height: 300px; }
.list_page .list_img .imagecover img{width: 100% !important;}
.list_page .vdetail-sys{float: right;font-size: 14px; margin-top: 25px; color: red}
.system-style.s_list_news li{border-bottom: none;}
.sys-list-n-tour li {    min-height: 300px;}
.list-n-tour-sys .list-n-name-sys{font-size: 15px; font-weight: bold; text-transform: uppercase;line-height: 25px; padding: 20px 0}
.list-n-tour-sys .list-n-price-sys{font-size: 18px; color: red; line-height: 30px; font-weight: bold;}
.list-n-tour-sys{font-size: 14px}
.hotel-box-sys ul li .hotel-image-sys img{width: 100%; height: 100%; object-fit:cover}
/*Box 6*/
.sys-text-c6{margin: 50px auto; width: 700px; text-align: center;font-size: 15px; line-height: 25px}
.v-menu li:hover, .v-menu li.sfHover{background: #00ace9}
.v-menu a{color: #00ace9; font-size: 20px}
.v-menu a:hover{color: #fff}
/*List Hotel*/
/*Hotel*/
/*List Hotel*/
.hotel-box-sys ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.slideall{min-height: 250px; background: #333f2c}
.hotel-box-sys ul li{width: calc(100% - 10px);   }
.hotel-box-sys ul li .hotel-image-sys{margin: 0;    position: relative;    width: 66.666667%;    margin-left: auto;}
.hotel-box-sys ul li .hotel-boxinfo-sys {       -ms-transform: translate(0, -50%);    -webkit-transform: translate(0, -50%);    transform: translate(0, -50%);}
.hotel-box-sys ul li .hotel-image-sys{ overflow: hidden;}
.hotel-box-sys ul li:nth-child(odd) .hotel-image-sys{ float:right;width: 50%;margin-left: 30px;height: 397px;    z-index: -1;}
.hotel-box-sys ul li:nth-child(even) .hotel-image-sys{ float:left;width: 50%;margin-right: 30px;height: 397px;    z-index: -1;}
.list-hotels{left: auto;    right: 0;  padding:9% 0 0 0;height: 397px;}
.hotel-info-sys{line-height: 25px;font-size: 16px;}
.hotel-box-sys ul li .hotel-boxinfo-sys{color: #000;}
.hotel-box-sys ul li .hotel-name-sys{padding: 10px 0;    font-size: 18px;    color: #333;   font-weight: bold;}
.hotel-box-sys ul li .hotel-name-sys a{color: #00ace9; font-size: 30px}
.hotel-box-sys ul li .hotel-price-sys{    font: bold 1.4em / 2.5em 'Gilda Display', serif;    color: #e18623; }
.hotel-box-sys ul li .book-sys{background: #00ace9; border-radius:100px; width: 150px; text-align: center; padding: 10px 12px;border: 1px solid #00ace9;}
.hotel-box-sys ul li .book-sys a{color: #fff; text-transform: uppercase; font-size: 14px; }
.hotel-box-sys ul li .book-sys:hover{background: #1290bd}
.hotel-box-sys .list-readmore-sys a:hover{background: #d7af68;}
.hotel-other-sys{font-size: 30px; font-weight: bold;margin: 30px 0}
/*.hotel-box-sys ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.hotel-box-sys ul li{width: calc(33.3% - 10px);border: 3px solid #fff;    box-shadow: 1px 1px 10px -6px #000;    height: 465px;    margin-bottom: 15px;    border-radius: 15px;    overflow: hidden; background: #fff;}*/
.hotel-box-sys ul li .hotel-image-sys{height: 550px; overflow: hidden;}
.hotel-box-sys ul li .hotel-boxinfo-sys{padding: 15px;margin-top: 50px;}
.hotel-box-sys ul li .hotel-name-sys{padding: 10px 0;    font: bold 16px / 1.5em "Quicksand", sans-serif;    color: #333;   font-weight: bold;}
.hotel-box-sys ul li .hotel-price-sys{    font: bold 14px / 3.5em "Quicksand", sans-serif;    color: red; }
.hotel-box-sys .list-readmore-sys{    background: #fff;       font-size: 15px;    color: #00ace9;margin-top: 10px; margin-left: 5px;}
.hotel-box-sys .list-readmore-sys a{   font-size: 14px;    color: #00ace9; padding: 10px 12px;  border-radius:100px;border: 1px solid #00ace9; text-transform: uppercase; }
.hotel-box-sys .list-readmore-sys a:hover{background: #00ace9; color: #fff}
.book-info-sys{display: flex;margin-top: 20px;}
.hotel-other-sys{font-size: 30px; font-weight: bold;margin: 30px 0}
.text-sys-cag table{width: 100% !important;    margin: 0 auto;}
.text-sys-cag table p{font-size: 16px !important}
.text-sys-cag table tr td{border: 1px solid #cbcbcb; padding: 5px}
.s_text_content table tr td{border: 1px solid #000; padding: 10px}
.s_text_content table {    margin: 15px auto;width: 100%;text-align: center !important;}
.text-sys-cag{margin: 50px auto;font-size: 14px;    color: #000;  line-height: 25px;width: 40%;}
.text-sys-cag p,.text-sys-cag table tr td,.text-sys-cag span{font-size: 14px !important; font-family: "Quicksand", sans-serif;}
.title-form-checkout{    margin: 15px 0;}
.tabs_container{font-size: 14px; line-height: 25px}
.overview{margin-top: 25px}
.booknow a{font-size: 14px;    background: #555;    padding: 5px 15px;    color: #fff;border-radius:10px }
.sys-datetime{text-align: left;}
ul.sys_menu_top {position:relative;}
.st2 ul{margin-top: 30px}
.st2 li{height: 365px}
.st2 li .hotel-name-sys a{font-size: 17px; font-weight: bold;}
.st2 li .hotel-price-sys {color: red;font-size: 18px; font-weight: bold;}
.detail-hotel-sys .content-name-sys{font-size: 20px; font-weight: bold;line-height: 20px}
.detail-hotel-sys .content-info-sys{margin: 10px 0}
.crumbs li{text-transform: uppercase;text-align: center;font-size: 12px}
.c4-name-sys a{font: 30px/50px "Quicksand", sans-serif;color: #00ace9}
.c4-text-sys{font: 14px / 25px "Quicksand", sans-serif; text-align: justify;}
.c4-details-sys{margin-top: 20px; }
.c4-details-sys a{    padding: 5px 10px;    font-family: "Quicksand", sans-serif;   font-size: 15px;    border-radius: 5px;   background: none;    color: #5C6D2F;    border: 1px solid #5C6D2F;    text-transform: uppercase;}
.c4-details-sys a:hover {    background: #5C6D2F;    color: #fff;}
.maps img{width: 100% !important; height: auto !important}
.ft  img{width: 100% !important; height: 100% !important; object-fit:cover}
/*MĂ¡ÂºÂ¡ng xĂ£ hĂ¡Â»â„¢i*/
.so-button {
    display: inline-block;
 
    text-align: center;
    position: relative;
    overflow: hidden;
    opacity: .99;
    border-radius: 0;
}
.text-sys{font-size: 20px;    line-height: 35px;} 
 
.so-button:hover i {color: red;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.so-button i {
    font-size: 60px;
    vertical-align: middle;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);color: #000;background: transparent
}
.fab {font-family: "Quicksand", sans-serif;}
.fab, .far {font-weight: 400;}
.fa, .fab, .fad, .fal, .far, .fas,.fa-solid {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
 
  
.so-button:hover:before{top:-10%;left:-10%}
 .footer-social-link {
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}
 .footer-contact-icon {
  color: #000;
  width: 21px;
  height: 21px;
  margin-top: 5px;
  margin-right: 10px;
  font-weight: 400;
  position: relative;
}

.footer-contact-icon.is--social {
  color: #fff;
  width: 26px;
  height: 26px;
}
.so-button:focus{opacity:.85}
/*End MĂ¡ÂºÂ¡ng xĂ£ hĂ¡Â»â„¢i*/
.contactus a{background: #00ace9; padding: 10px 20px; border-radius:150px; margin-right: 20px;color: #fff;border: 1px solid #fff;}
.contactus a:hover{border: 1px solid #00ace9;background: #fff; color:#00ace9 }
.factsheed a{border: 1px solid #00ace9;border-radius:150px;color: #00ace9;padding: 10px 20px; }
.factsheed a:hover{background: #00ace9;color: #fff}
/*Title cĂ¡c trang*/
.breadcrumbs{text-align: center; }
.breadcrumbs .cata-name {font-size: 50px;    font-weight: bold;    color: #ffffff;    position: absolute;    top: 30%;    left: 50%;    z-index: 9999;    transform: translate(-50%, -50%); }
.breadcrumbs ul{margin: 30px auto;display: flex;justify-content: center;}
.breadcrumbs ul li{text-transform: uppercase;}

.breadcrumbs ul li a{color: #000; font-weight: bold;margin: 0 10px}
.cata-name-main{    text-align: center;  margin: 50px; font-size: 50px;}
.breadcrumbs ul li a:active{color: #ffc802}
@media screen and (max-width: 768px) {
	.breadcrumbs{top: 20%;}
	.breadcrumbs ul li {   margin-right: 0;}
	.slideall .img-hover{height: auto}
	.breadcrumbs ul{display: inline;}
	.breadcrumbs .cata-name{font-size: 20px}
	.cata-name-main{line-height: 60px}
	.hotel-box-sys ul li{width: calc(100% - 0px);}
	.text-sys-cag{padding: 10px 15px; text-align: justify;}
	.hotel-box-sys{padding: 15px}
}
 
.mediabox{    position: absolute;    top: 35%;    right: 50px;    z-index: 1;}
.tab-pane{font-size: 15px;line-height: 25px;}
.system-style.style-0.detail-content-form .nav-tabs li a{font-size: 15px; text-transform: uppercase;font-weight: bold;}
.contain {  margin: 0 auto;  max-width: 1200px;  width: 100%;}
.system-style img{width: 100% !important; height: 100% !important ;object-fit: cover;left: 0 !important;}
.slide-service{padding: 50px 0}
/*Booking*/
.systemFormBooking .calender_input{width: 100%;height: 40px;}
.systemFormBooking .ul-list-field >li .book_text{width: 100% !important; height: 40px !important}
.tab-content{font-size: 16px; margin-top: 20px}
.detail-sys-l ul li{font-weight: bold;font-size: 18px; height: 45px; margin-bottom: 3px; }
#crumbs {    background: url("../images/icon_home.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);    font-size: 13px;    font-weight: normal;    padding: 1%;}
#crumbs a {    margin: 0 1%; text-transform: uppercase;}
#crumbs span {    margin-left: 5px;}
/*News list*/
.list-items ul {display: flex;justify-content: space-between;flex-flow: wrap;} 
.list-items ul li{width: calc(33.3% - 10px) !important}

.system-style.s_list_news li .sys-nname {    color: #3d8bbe;    text-align: left;}
.system-style.s_list_news li .sys-nname a{font-size: 30px; line-height: 30px}
.system-style.s_list_news li .sys-nname h1{    font: bold 14px/1.5em 'Quicksand', sans-serif;}
.system-style.s_list_news li .sys-info {    font: 14px/1.6em 'Quicksand', sans-serif;margin-top: 20px; text-align: justify;}
.system-style.s_list_news li {    border-bottom: 1px dotted #2587bf; }
.system-style.s_list_news li .vdetail {    background-color: #2587bf;    padding: 3px 33px;    border-radius: 10px;}
.system-style.s_list_news li .vdetail:hover{    background-color:#1a465f;}
.bgrbox-c1 .slick-slide img{height: 100%;    object-fit: cover;    width: 100%;}
/*C4*/
.c4-sys-service-box .sys-co4 img{width: 100%; height: 100%; object-fit:cover}
.c4-sys-service-box ul li{height: 400px;}
.c4-sys-service-box ul li .info-box{padding-top: 100px;}
.c4-sys-service-box ul li:nth-child(odd) .sys-co4{ float:right;width: 50%;margin-left: 30px}
.c4-sys-service-box ul li:nth-child(even) .sys-co4{ float:left;width: 50%;margin-right: 30px}
.c4-sys-service-box  .c1-title-name{margin-bottom: 20px}
/*Restaurant*/
.adv-cal-sys .adv-index-box{float: left; width: 33.3%} 
.adv-cal-sys img{width: 100%} 
.title-res{text-align: center;font-size: 16px; font-weight: bold;margin: 50px 0; text-transform: uppercase;}
.sub-menu .content-info{position: absolute;width: 350px;    color: #fff;padding: 20px;text-align: justify;}
.sub-menu ul{display: flex;flex-flow: wrap;justify-content: space-between;}
.sub-menu ul li{width: calc(34% - 56px)}
.sub-menu ul li .border {position: absolute;border:1px solid #dddd00; transition: opacity 0.35s, transform 0.35s;height:220px; width:330px;transform: translate(3%, 3%);}
.sub-menu ul li .img-hover{overflow: hidden;}
.sub-menu ul li .img-hover img{width: 350px}
.sub-menu ul li .menu-item-name{margin-bottom: 30px;text-align: center;text-transform: uppercase;}
.sub-menu ul li .menu-item-name a{font-size: 25px; font-weight: bold;color: #fff; }
.sub-menu ul li .menu-item-name a:hover{color: yellow;}
@media screen and (max-width: 798px){
	.c4-sys-service-box ul li:nth-child(odd) .sys-co4{width: 100%}
	.c4-sys-service-box ul li:nth-child(even) .sys-co4{width: 100%}
	.c4-sys-service-box ul li{height: auto; margin-bottom: 50px}
}
.slide-controls a {
    background-image: url("../images/car-btns.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    text-indent: -5000px;
    width: 16px;
}
.slide-controls a.prev {
    background-position: 0 0;
}
.slide-controls a.prev:hover {
    background-position: 0 -13px;
}
.slide-controls a.next {
    background-position: -12px -13px;
}
.slide-controls a.next:hover {
    background-position: -12px 0;
}
* + html .slide-controls ul li {
    display: inline;
}
/*Owl Restaurant*/
 
.adv-syss ul {display: flex;flex-flow: wrap;justify-content: space-between;}
.adv-syss ul li{width: calc(25% - 10px);margin: 5px;}
.footerR img {height: 65px !important}
/*Mạng xĂ£ há»™i*/
.social-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    margin-right: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    opacity: .99;
    border-radius: 0;
}
   
.social-footer { padding-top: 5px;text-align: center;}
.social-button.youtube i {color: #fff;}
.social-button:hover i {color: red;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.social-button i {
    font-size: 23px;
    vertical-align: middle;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);color: #fff;background: transparent
}
.fab {font-family: "Font Awesome 5 Brands";}
.fab, .far {font-weight: 400;}
.fa, .fab, .fad, .fal, .far, .fas {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.fa-facebook-f:before { content: "\f39e";}
.social-button.facebook:before { background-color: #3B5998;}
.social-button.twitter:before{background-color:#000}
.social-button.twitter i{color:#fff}
.social-button.google:before{background-color:#000}
.social-button.google i{color:#fff}
.social-button.youtube:before{background-color:#000}
 
.social-button:hover:before{top:-10%;left:-10%}
 
.social-button:focus{opacity:.85}
/*End Mạng xĂ£ há»™i*/
.l-sys-hotel{width: 20%; float: left;}
.r-sys-hotel{width: 80%; float: right;}
 /* Site Header
 * ------------*/
.book-s{width: 100%}
.book-s .fl-l{float: left;width: 48%}
.book-s .fl-r{float: right;width: 48%}
.systemFormBooking .calender_input{width: 100%; height: 40px; margin-bottom:10px }
.label_for_name{margin: 15px 0}
.sys-bk-lsp .sys-bk-adults,.sys-bk-lsp .sys-bk-childrens{width: 80px; height: 40px; margin-right: 30px}
.book-s .label_for_select{height: 40px;width: 100%}
.book_nites{  height: 40px;border: 1px solid #000; border: 1px solid #c5c5c5;    width: 80px;  }
.fl-l p{float: left;margin-right:15px; font-weight: bold; }
.sys-bk-lsp{border:1px solid #d0d0d0; padding: 10px;}
.sys-bk-lsp .sys-bk-adults,.sys-bk-lsp .sys-bk-childrens{border: 1px solid #e3e3e3;}
.label_for_select{margin: 10px 0; height: 40px}
.sys-bk-room span{font-weight: bold;}
.label_for_input{margin: 10px 0 10px 0 }
.btn-booking{width: 100%; margin-top: 50px;    background: #cba14f;font-size: 15px;    font-weight: bold;}
.btn-booking:hover{background: #5f4001; color: #fff}
.nav-tabs {    text-transform: uppercase;    font-weight: bold;    margin-bottom: 20px;}
.system-style.bottom_nav li a { font: bold 14px / 2.2em "Quicksand", sans-serif;}
.system-style.addContact > .ft_in_content_flcx{font-size: 14px}
@media screen and (max-width: 768px) {
	.detail-hotel-sys{padding: 15px}
	.book-s .fl-r{float: none;width: 100%}
	.book-s .fl-l{float: none;width: 100%}
	.tab-content{padding: 15px}
	.footerL{float: none;width: 100%;text-align: center;}
}
/*- code menu drop down -*/
.header-hot-link li ul ul{
		display: none
	}
	.header-hot-link li li{
		position: relative;
		 
	}
	.header-hot-link li li li ul{
	 
		background: #294981
	}
	.header-hot-link li ul ul{
		position: absolute;
	}
	.header-hot-link > li:hover > ul,
	.header-hot-link > li li:hover > ul
	{
		display: block
	}
.header-top li li a{ line-height: 30px;}
ul.sys_menu_top {
    right: 0;
}
/*- end top menu -*/
#crumbs {
    font-size: 13px;
    font-weight: normal;
    padding: 1%;
}
#crumbs a, #crumbs span {
     
}
#crumbs a {
    margin: 0 1%; text-transform: uppercase;
}
#crumbs span {
    margin-left: 5px;
}
.text-sys .breadcrumbs .cata-name,.news-sys .breadcrumbs .cata-name,.contact-sys .breadcrumbs .cata-name{top: 25%;}
.slideall .img-hover{height: 800px; overflow: hidden;} 
.slideall .img-hover img{height: 100%; width: 100%; object-fit:cover}
.sys-hotel-group ul{height: 763px;
    overflow: hidden;}
.sys-hotel-group ul li{float: left; width: 33.3%}
.sys-hotel-group ul li:first-child{display: none}
.sys-hotel-group ul li:nth-child(2) .over-img{width: 790px; height: 500px}
.sys-hotel-group ul li:nth-child(2) .over-img img{width: 800px;}
.sys-hotel-group ul li:nth-child(2){width: 65.7%;    margin-right: 10px;}
.sys-hotel-group ul li .over-img img{width: 400px}
.sys-hotel-group ul li .over-img{width: 390px; overflow: hidden;    height: 245px;margin: 5px 0;}
/* Trigger Button */
button {    padding: 10px 20px;    border: none;    background-color: transparent;    color: #fff;    font-size: 18px;    cursor: pointer;    transition: background-color 0.2s;   text-align: left;text-transform: uppercase;text-align: center;}
.filter-dates button{background: #2980b9}
.filter-dates button:hover{background: #002c48}
 .booking-room{background: #2980b9;font-size: 11px;color: #fff;text-transform: uppercase;text-align: center;}
.booking-room:hover{background: #002c48}
/* Trigger Button */
.hprt-facilities-facility {    line-height: 20px;    margin: 3px 3px 0 0;    display: inline-block;}
 
/*Hotel*/
.tour_book_04 table{width: 100% !important}
.tour_book_04 table tr td{border: 1px solid #000; padding: 10px;}
.tour_book_04 table tr:first-child{background: #d3af23; color: #fff; font-weight: bold;font-size: 15px; text-align: center; line-height: 20px}
.tour_book_04 .option-price .form-group:hover, .tour_book_04 .option-price .form-group.selected{background-color: transparent !important;}
.title-onbook .openModalBtn{font-weight: bold;font-size: 18px;color: #2980b9;}
.mediabox{display: none;}
.info-l{height: 150px;overflow-x: auto;}
.rate-view{padding: 10px}
.footermenu{display: none;}
.tophead {	margin-top: 30px;}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #ffffff;
    margin: 10px auto;
    padding: 20px;
    width: 60%;
    border-radius: 8px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.openModalBtn{cursor: pointer;}
.openModalBtn:hover{color: red}
/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s;
}

.close:hover,
.close:focus {
    color: #ff5b5b;
}

/* Modal Text */
/*Popup*/
.Click-here {
  cursor: pointer;
  background-image: linear-gradient(190deg, #f83600 0%, #fee140 100%);
  color: #fff;
  width: 180px;
  text-align: center;
  font-size:16px;
  padding: 18px 0;
  margin: 0 auto;
  transition:background-image 3s ease-in-out;
}
.Click-here:hover{
  transition:background-image 3s ease-in-out;
  background-image: linear-gradient(90deg, #fee140 0%, #f83600 100%);
}
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;background: #000000d6;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  height:750px;
  margin: 30px auto;
  max-width: 97%;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
	overflow-y: auto;height: 850px
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
 
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
 
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
/*End*/
.c1-more-sys{text-align: center;margin-top: 20px}
.c1-more-sys a{font: 20px/30px "Quicksand", sans-serif; text-transform: uppercase; background: #d1b542;color: #fff; padding: 10px 20px; border-radius:10px   }
.c1-more-sys a:hover{background: red}
.r-tabs {
	position: relative; margin-top: 10px;
}
.r-tabs .r-tabs-nav{
    padding:  0  !important; margin:  0 !important; float: left; width: 100%;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}
.r-tabs .r-tabs-nav .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	background-color: #fafafa;
	position: relative;
	display: block;
	color: #272727;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	line-height: 38px;
	padding: 0 15px;
	cursor: pointer;
	text-transform: uppercase;
	border-right: 1px solid #ababab;
}
.center {
    text-align: center;
    font-size: 13px;
    }
.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor.order {
	background-color: #e61c05;
	color: #ffffff;
	text-transform: uppercase;
}
.r-tabs-smoke.r-tabs .r-tabs-accordion-title:nth-child(7n) .r-tabs-anchor {
	background-color: #e61c05;
	border-color: transparent;
	color: #ffffff;
	text-transform: uppercase;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,.r-tabs-tab.active .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor {
	background-color: #144f71 !important;
	color: #ffffff !important;
    text-decoration: none !important;
    border-right: 1px solid #6ac0f1;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-nav .r-tabs-tab.active .r-tabs-anchor::after,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover::after,
.r-tabs .r-tabs-accordion-title.r-tabs-tab.active .r-tabs-anchor::after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -12px;
	z-index: 2;
	border-top: 12px solid #144f71;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	margin-bottom: 15px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-nav {
	border-bottom: 1px solid #dadada;
	margin: 0 auto;
	padding: 0;
}
/*
.r-tabs .r-tabs-tab {
	display: block;
	float: left;
	list-style: none; 
}*/
.r-tabs .r-tabs-tab {
	list-style: none; 
}
.r-tabs .r-tabs-panel {
	background-color: #ffffff;
	border: solid 1px #d9d9d9;
	margin-top: 15px;
	padding: 20px;
	display: none;
}
.r-tabs .r-tabs-accordion-title {
	display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
	display: block;
}
 

/*---- Testimonial---*/
.slick-lis{
	width: 400px;
    float: left;
}
.testimonial-pic{
 
}
.imgarg{
	height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 30px;
}
.testimonial-pic img{
    float: left;
    position: relative;
    z-index: 10;
}
.box-content.slick-slider .slick-next-items {
    position: absolute;
	top: 100%;
    right: 48%;
    background: url(../images/arrowright.png) no-repeat;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        cursor: pointer;
    -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;
} 
.box-content.slick-slider .slick-prev-items {
    position: absolute;
	top: 100%;
    left: 48%;
    background: url(../images/arrowleft.png) no-repeat;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
            cursor: pointer;
    -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;
}
.box-content.slick-slider .slick-next-items:hover {
    background: url(../images/arrowrighthover.png) no-repeat;
} 
.box-content.slick-slider .slick-prev-items:hover {
    background: url(../images/arrowlefthover.png) no-repeat;
}
.onmousexxx{
	padding: 5px;
    text-align: center
}
/*Goole Lang*/
#google_translate_element {    position: absolute;    right: 10px;    top: 5px;}
#google_translate_element select{height: auto !important;margin:0}
.goog-te-gadget {
    font-size: 0rem;
    line-height: 0rem;
    height: 1.45rem;
    overflow: hidden;
}
.goog-te-gadget {
    font-family: "Quicksand", sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}
.goog-te-gadget .goog-te-combo {
    margin: 0;
    font-family: 'Encode Sans Expanded';
    font-size: 12px;
    background: rgba(225, 225, 225, 0.25);
    padding: 2px 5px;
    color: #fff;
}
.goog-te-gadget .goog-te-combo option {    color: #333;}
.list-inline-item {    display: inline-block;}
.goog-te-gadget span {    display: none !important;}
/*Eng Goole Lang*/

.testimonial {
    width: 360px;
    margin: 10px;
    background: #f97150;
    height: 330px;
    padding: 30px;
    color: #fff;
    font-size: 12px;
}
.slick-prev-items {
    position: absolute;
    top: 50%;
    left: 15px;
    background: url(../images/leftarrow.png) no-repeat;
    width: 65px;
    height: 40px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
}
.slick-next-items {
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../images/rightarrow.png) no-repeat;
    width: 65px;
    height: 40px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
}
.boxtab.slick-slider .slick-prev-items {
    position: absolute;
    top: -5%;
    right: 40px;
    background: url(../images/icon-arrow-left2.png) no-repeat;
    width: 20px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
        z-index: 999
}

.boxtab.slick-slider .slick-next-items {
    position: absolute;
    top: -5%;
    right: 0;
    background: url(../images/icon-arrow-right2.png) no-repeat;
    width: 20px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
}
.testimonial-review a{
    font: bold 1.4em/1.3em "Quicksand", sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
}
.testimonial-review p{
	font: 1.0em/1.5em "Quicksand", sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.popup i{
	font-size: 90px;
    line-height:50px;
}
 
/*---- End Testimonial---*/
 
 

.date-selected{display: inline-block;}

 
 
 
/*--- testimonial ---*/
.testimo{padding-top: 12px;}
.titletestimonial{
	background: #fff;
    height: 38px;
    border-bottom: 1px solid red;
    padding: 10px;
    font-size: 16px;
    font-weight:bold;
        text-align: center;
}
.box-index-testimonial{background: #fff; float: left;margin: 50px 0 0 0}
.box-testimonial-content .slick-slider .slick-prev-items {
    position: absolute;
    top: -39%;
    right: 0;
    background: url(../images/icon-arrow-right2.png) no-repeat;
    width: 20px;
    height: 47px;
    border: none;
    overflow: hidden;
    text-indent: 100px;
}
/*--- End testimonial ---*/
.slider2_container img{
	height: 500px;
	width: 640px;
}
.text-bold a{font-size: 16px}
#checkout-right-sidebar ul li{font-size: 14px}
.text-right{color: red; font-size: 16px}
.ibox-partner{
	background: #fff;
 
}
.ibox-partner{
	padding-top: 10px;
}
.it-name{
	    color: red; 
    font: bold 1.8em/1.5em "Quicksand", sans-serif; padding: 5px 0;
}
 

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    padding: 6px 12px;
}
 
/*-----End Ho tro footer ------------*/  

.other-post2 .slick-prev-items,
.other-post2 .slick-next-items{
	top:-41px
}
form input,form textarea {
	max-width: 100%
}
.other-post2 .item3 {
	margin-bottom: 15px; text-align: center;
}
.other-post2 .item3 img{
	margin-right: 0
}
.other-post2 .item3 .iname{
	font-size: 14px; margin: 10px 0 5px;display: inline-block; width: 100%;
}
.other-post2 .item3 .new-price{
	font-size: 16px; font-weight: bold;color: red
}

/*---- tab ---*/
/* Style the tab */
.tab {
    overflow: hidden;
    background-color: #ffffff;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 3px 16px;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}
 
/*------Responsive----------*/
 
@media only screen and (max-width: 687px) {
.searchtool{position: relative;    top: 0;}
.tabcontent_timkiem{display: inline !important;}
.ext2{position: relative;}
.imgcase10 {width: 320px;}
.imgcase10 img{width: 318px;}
.tabcontent_timkiem input{width: 100% !important;border: 1px solid #b5b5b5 !important; margin: 5px 0 !important;}
input, select{width: 100% !important;  margin: auto !important;}
.findplace{color: #ef7953;font-size: 43px;margin: 30px;}
.discov{color: #e5e5e5;font-size: 24px;}
.dateinfo{    border: 1px solid #c1c1c1;margin: 5px 0;}
.btn.btn-small{width: 100% !important;margin: 5px 0 !important;}
.itemcase3{width: 285px}
.col-sm-4{width: 320px;}
.system-style.bottom_nav li { min-height:100px !important; }
.system-style.bottom_nav{text-align: center;}
.content-contact-mobile{display: inline;}
.bannerM{text-align: center;width: 100%;} 
.menutop{display: none}
}
 
#vnt-menu-fixed .fa{color: #fff}
#vnt-menu-fixed ul li .title{display: none}
#vnt-menu-fixed{
    position: fixed;
    bottom: 10%;
    right: 0px;
    z-index: 99999;
}
#vnt-menu-fixed .contfii {
    display: block;
    transform: rotate(-90deg);
    margin-right: -160px;
    position: relative;
    left: -82px;
    top: -90px;
}
#vnt-menu-fixed .contfii a{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0a7dc4;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    padding: 10px 20px;
}
#vnt-menu-fixed .contfii a:hover{
    background-color: #106f51;
}
#vnt-menu-fixed>ul>li{
    position: relative;
    margin-bottom: 5px;
}
#vnt-menu-fixed>ul>li:last-child{
    border-bottom: none;
}
#vnt-menu-fixed>ul>li>span{
    position: absolute;
    top: 0;
    white-space: nowrap;
    color:#ffffff;
    font-size: 14px;
    line-height: 22px;
    right:50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #106f51;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 0;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    opacity: 0;
    visibility: hidden;
}
#vnt-menu-fixed>ul>li>span>span{
    color:#fff;
}
#vnt-menu-fixed>ul>li:hover>span{
    width:auto;
    overflow: visible;
    opacity: 1;
    padding: 2px 30px 2px 15px;
    visibility: initial;
}

#vnt-menu-fixed>ul>li:hover>span:before{
    display: block;
}
#vnt-menu-fixed>ul>li>a{
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7b873d;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 2;
}
#vnt-menu-fixed>ul>li.go_top>a{
    background-color: #7b873d;
}
#vnt-menu-fixed>ul>li>a>img{
    max-height: 30px;
    max-width: 30px;
    /* filter: invert(1); */
}
#vnt-menu-fixed>ul>li>a span{
    font-size: 25px;
    line-height: 38px;
    color: #ffffff;
    padding-top: 3px;
}
#vnt-menu-fixed a{
    color: #fff;
}
 
/*===============*/
#vnt-menu-fixed ul li.cart>a{
    flex-direction: column;
    position: relative;
    padding-right: 5px;
    color: #fff;
}
#vnt-menu-fixed ul li.cart>a .sl{
    position: absolute;
    top: 10px;
    right: 6px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 11px;
    text-align: center;
}
#vnt-menu-fixed>ul>li.cart>a>img{
    max-height: 20px;
    max-width: 20px;
}

.vnt-bg-over.active{
    opacity: 0.5;
    z-index: 5;
    pointer-events: auto;
}
.navbar-nav{margin-right: 115px}
/*===============*/
@media screen and (max-width: 1100px) {
	.c_in{width: 1100px}
}
 
@media screen and (max-width: 768px) {
	.hidden-xs {display: inline !important;}
 .container-fluid{ position: absolute;        z-index: 99999;right: 0;}

	.sys-hotel-box ul li{    height: 350px;}
	.sys-hotel-box ul li:first-child,.sys-hotel-box ul li:nth-child(2){height: 250px}
	.icon-img{width: 50% !important}
	.sys-intro-box,.c4-sys-service-box{padding: 15px}
}
@media screen and (max-width: 580px) {
	.sys-hotel-box ul li,.sys-hotel-box ul li:first-child, .sys-hotel-box ul li:nth-child(2){width: 100%; height: 320px}
	.c1{height: auto !important}
	.c1-title-name {font-size: 30px; line-height: 45px}
	.sys-news-box ul li {width: calc(98% - 10px);}
	.icon-img {  width: 100% !important;background-size: 100% !important;margin-right: 0 !important; background-position: center !important;height: 200px !important}
	 .ft{padding: 15px}
	 .l-sys-hotel{display: none}
	 .r-sys-hotel{width: 100%}
	 .slideall .img-hover{height: 300px}
	 .text-sys-cag{margin: 0}
	 .list-items ul{padding: 20px}
	 .list-items ul li {    width: calc(100% - 0px) !important;}
	 .navbar-nav{margin-right: 0}
}
@media screen and (max-width: 450px) {
 .logo{text-align: center;margin: 0; float: none;}

 .info-sys .slide-name-sys {    line-height: 30px;    font-size: 20px;}
 .info-sys .slide-info-sys {    font-size: 40px;    line-height: 50px;}
 .info-sys {    transform: translate(-50%, -40%);width: 100%;}
 .c3-sys-service-box ul li {width: calc(33.3% - 10px);        height: 150px;}
 .c3{height: auto !important; }
 .c4-sys-service-box .sys-co4 { width: 100%;float: none;}
 .c4-name-sys a { font: 25px / 50px "Quicksand", sans-serif;}
 .hotel-box-sys ul li:nth-child(odd) .hotel-image-sys{width: 100%;margin-left: 0; float: none;}
 .list-readmore-sys{float: none;}
 .list-hotels,.hotel-box-sys ul li{height: auto;padding: 15px;}
 .hotel-box-sys ul li .hotel-boxinfo-sys{padding: 0}
 .hotel-box-sys ul li:nth-child(even) .hotel-image-sys{float: none;width: 100%;}
 .hotel-box-sys{padding: 0px}
 .hotel-box-sys ul li .hotel-boxinfo-sys{-webkit-transform: translate(0, 0%);}
}

/*Menu fixed*/
.fixed-Menu {    position: fixed; top:0;   width: 100%;z-index: 999}
 
.nav {width: 100%}