/* MARK: MENU CUSTOME */
.nav > li > a{font-size: 15px; color: #fff; font-weight: 600 !important;font-family: "Open Sans", serif !important;}

.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover{color: var(--colorMain1);}
.nav>li{margin: 0 16px;}
.nav> li.languages-fix{margin: 0 4px !important;}
.nav> li.languages-fix img{width: 25px;border-radius: 2px;}


/* MARK:   */
.title-breadcrumbs{display: none;}
#breadcrum-fixpage{background: #fafafa;}
#breadcrum-fixpage .title-breadcrumbs{display: block;max-width: 1208px;margin: auto;}
.page-wrapper{padding-top: 0 !important;}



/* MARK: BANNER */
.s-banner{position: relative;}
.banner-title *{color:#fff;text-transform: uppercase;font-size: 64px;font-weight: 600;}
.banner-title{margin-top:-10rem;}
.flickity-page-dots .dot { background: #fff; border: none;opacity: 1 !important;width:10px;height:10px;position: relative;bottom: 24px;}
.flickity-page-dots .dot.is-selected:after{ content:''; position: absolute; width:calc(100% + 6px); height:calc(100% + 6px); border:1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top:-3px;left:-3px;}


/* MARK: FILTER BOOKING */
.filter-booking-section{position: absolute; bottom:80px;left:0;width:100%;z-index: 99999; }
.filter-booking-container{ background: #fff; padding: 32px; width:1208px;  border-radius: 8px; display: flex; gap:20px; -ms-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;margin: auto; }
.filter-booking-item{display: flex;flex-direction: column;gap:12px;width:calc(100% / 5 - 16px);justify-content: space-between;}
.filter-booking-item span, .filter-booking-item p{display: flex; align-items: center;gap:7px;color:#111111;font-size: 14px;font-weight: 600;transition:all ease 0.5s;}
.filter-booking-item span:hover{background:var(--colorText);}
.filter-booking-input{ position: relative; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; border:1px solid #D1D1D1;height: 40px;}
.filter-booking-input input, .filter-booking-input select{ border:none; box-shadow: none; margin: 0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; color: #111111;font-size: 16px;font-family: "Open Sans", serif;z-index: 99; position: relative; background: transparent;width:100%;}
.filter-booking-input input:focus{background: transparent;box-shadow: none;}
.filter-booking-icon{position: absolute; top:10px;right:12px;}
.filter-booking-btn{ background: var(--colorMain1); color: #fff !important; height: 40px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; justify-content: center;text-transform: uppercase;cursor: pointer;}

.filterBooking-detail{margin-bottom:40px;}
.filterBooking-detail .filter-booking-section{position: relative; bottom: unset;}
.filterBooking-detail .filter-booking-container{background: #fafafa;}

.filterBooking-subDes1{text-align: center; color: var(--colorMain1); font-size: 24px;margin-bottom: 5px;}
.filterBooking-subDes2{text-align: center; margin-bottom: 50px;}


.filter-booking-input select {
  /*webkit browsers */
  -webkit-appearance: auto;
  /*Firefox */
  -moz-appearance: auto;
  /* modern browsers */
  appearance: auto;
}

/* MARK: CUSTOME CALENDAR */
.flatpickr-calendar{border-radius: 0px;padding: 1rem 0;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);width:342px !important;}
.flatpickr-current-month .flatpickr-monthDropdown-months{font-size: 14px; font-weight: bold;}
.flatpickr-current-month input.cur-year{font-size: 14px; font-weight: bold;}
.flatpickr-current-month{display: inline-flex !important;align-items: center !important;}
.flatpickr-calendar.open{padding: 1rem; border-radius: 8px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.flatpickr-next-month{}
.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { top: 12px !important; }
.flatpickr-day.selected, .flatpickr-day.selected:hover{ background: #86C61C !important; border-color: #86C61C !important; border-radius: 12px !important; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; -ms-border-radius: 12px !important; -o-border-radius: 12px !important; }
.flatpickr-day.today { border-color: #86C61C !important; border-radius: 12px !important; color:#86C61C !important;}
.flatpickr-day:hover{background: #72ab14 !important; border-color: #72ab14 !important; border-radius: 12px !important;color:#fff !important}
.flatpickr-day{font-weight: bold;}
.flatpickr-day.selected{color:#fff !important;}
.guest-location-list-active >div{min-height: 300px;}
/*.input-time-overlay{position: absolute;bottom: 0;left: 0;width: 100%;height: 42px;}*/
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: 42px;
    left: 0;
    position: absolute;
    right: unset;
    top: unset;
    width: 100%;
}


/* MARK: ROOM HOME */
.s-room{margin-top:80px;}


/* MARK: INTRO */
.s-intro{margin: 80px 0;position: relative;}
.s-intro:after{content:'';position:absolute;background: url('../images/building2.png') no-repeat center;background-size: contain;width:300px;height:333px;top:-100px;left:0;display: none;}
.s-intro .section-page{position: relative;}
.s-intro .section-page:after{content:'';position:absolute;background: url('../images/building2.png') no-repeat center;background-size: contain;width:300px;height:333px;top:-100px;left:-200px;z-index: -1;}
.s-intro-video{ overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; cursor: pointer;}
.s-intro-video a.button{width:64px;height:64px;background: url('../images/iconplay.png') no-repeat center;background-size: contain;border: none;margin: 0;}
.s-intro-video .icon-play{display: none;}

.s-intro .s-intro-left{padding-right: 62px !important;}
.s-intro .s-intro-right{padding-left: 18px !important;}
.s-intro-descript *{color:var(--colorText3);font-size: 16px;}


/* MARK: BANNER ATT */
.s-banner-att{position: relative;}
.s-banner-att:after{content: '';position: absolute;top:0;left:0;width:100%;height:100%;background: #000;opacity: 0.4;}
.s-banner-att .bg.bg-loaded{background-attachment: fixed;}
.s-banner-att-descript{margin-bottom: 32px;}
.s-banner-att-descript *{margin-bottom: 32px !important;text-transform: uppercase;font-size: 40px !important;font-weight: 600 !important;}
.s-banner-att .banner-layers{z-index: 999;}
.s-banner-att-text{width:100% !important;}


/* MARK: GALLERY */
.s-gallery{margin-top:80px !important;}
.s-gallery-contain{display: flex;gap:24px;flex-wrap: wrap;}
.s-gallery-item{ width:calc(100% / 4 - 18px); border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; overflow: hidden;aspect-ratio: 1 / 0.7;}
.s-gallery-item img{ width:100%; height:100%; object-fit: cover; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.s-gallery-btncontain{margin-top:40px;}
.s-gallery-item:hover img{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }


/* MARK: NEWS */
.s-news{margin:80px auto !important;position: relative;}
.s-news-item{display: flex;flex-direction: column;gap:16px;height: 509px;justify-content: space-between;}
.s-news-item .box-image{ border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; overflow: hidden;aspect-ratio: 1 / 0.64;background: #f3f0f0;display: flex;align-items: center;justify-content: center;width:100%;}
.s-news-item .box-image img{height: 100%;object-fit: cover;}
.s-news-clock{display: flex;gap:8px;align-items: center;margin-top:20px;margin-bottom: 8px;color: #6D6D6D;font-size: 16px;font-weight: 600;}
.s-news-title{ color: #111111; font-weight: bold; font-size: 24px; margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.s-news-des{color:var(--colorText2);display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.s-news-readmore{ display: inline-flex; align-items: center; gap:8px; color:#111111; font-size: 16px; font-weight: 600; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.s-news-readmore:hover{color:#86C61C;}
.s-news-item:hover .s-news-title{color:var(--colorText);}
.s-news-prev{position: absolute;width:40px;height:40px;display: inline-flex;align-items: center;justify-content: center;background: url('../images/prev.png') no-repeat center;cursor: pointer;left:-70px;margin: 0;top: 30%;}
.s-news-next{position: absolute;width:40px;height:40px;display: inline-flex;align-items: center;justify-content: center;background: url('../images/next.png') no-repeat center;cursor: pointer;right:-70px;margin: 0;top: 30%;}
.s-news-list .flickity-prev-next-button.previous, .s-news-list .flickity-prev-next-button.next{display: none;}


/* MARK: FOOTER */
.s-footer-title{margin-bottom: 20px;}
.s-footer-title *{text-transform: uppercase;color:var(--colorMain1);font-size: 20px;font-weight: 600;}
.s-footer-descript *{color:#fff;font-size: 16px;}
.s-footer-box{display: flex;gap:8px;margin-bottom: 12px;align-items: start;}
.s-footer-box .box-image{width:20px !important;margin-top: 2px;}
.s-footer-box .box-text{padding: 0;}
.s-footer-box .box-text *{color:#fff;font-size: 16px;font-weight: 400;text-align: left;margin: 0;}
.s-footer-copyright *, .s-footer-copyright{color:#fff;font-size: 16px;}

.s-footer-menuItem, .s-footer-menuItem *{color:#fff;padding: 0;position: relative;}
.s-footer-menuItem{padding-left: 14px;}
.s-footer-menuItem:after{ content:''; position: absolute; width:6px; height: 6px; background: var(--colorMain1); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; left:0;top:10px;}
.s-footer-menuItem span{ transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; text-transform: capitalize;}
.s-footer-menuItem:hover span{text-decoration: underline;}

.s-footer-socialList{margin-bottom: 24px;}
.s-footer-socialList .col-inner{display: flex ; align-items: center; gap: 24px;}
.s-footer-socialList .col-inner .img{margin-bottom: 0;width:32px !important;}


/* MARK: RESERVATIOM */
.reservation-contain{border:1px solid var(--colorMain1); padding:15px !important; border-radius: 8px;}
.reservation-title{text-transform: uppercase;color:var(--colorMain1);font-size: 24px;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #ccc;}
.reservation-contain .filter-booking-item{width:100%;margin-bottom: 20px;}
.reservation-contain .filter-booking-item:last-child{margin-bottom: 0;}
.reservation-boxParent{position: sticky; top: 100px; align-self: start;}



/* MARK: DETAIL PAGE */
/* ABOUT US */
.aboutus-section{padding: 15px !important; border: solid 1px var(--colorMain1); margin-bottom: 40px; border-radius: 5px;margin-top: 40px;}
.aboutus-map{margin-bottom: 0px;}
.aboutus-section .aboutus-left{padding-right: 15px !important;}
.aboutus-section .aboutus-right{padding-left: 15px !important;}
.aboutus-left-title{text-transform: uppercase;color:var(--colorMain1);font-weight: 600;font-size: 32px;margin-bottom: 16px;}
.aboutus-left-title *{margin-bottom: 0;}
.aboutus-left-descript *{color:#111;font-size: 16px;}
.aboutus-right-descript *{color:#111;font-size: 16px;}
.aboutus-right-descript p{margin-bottom: 0px;}
.aboutus-right-descript tr td{border: none !important;}
.aboutus-right-descript table{border-bottom: 1px solid #ebebeb;}

.aboutus-right-tabs .tab{font-size: 24px; min-width: 100px; text-align: center;margin: 0;}
.aboutus-right-tabs .tab.active{ background: #f8f8f8; border-radius: 6px 6px 0 0; border: 1px solid var(--colorMain1); border-bottom: none; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -ms-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0; }
.aboutus-right-tabs .tab a{padding: 5px 10px;display: block;color: #999;}
.aboutus-right-tabs >ul{border-bottom: 1px solid #ebebeb;}
.aboutus-right-descript >ul{margin:20px 0;}


/* MARK: RESERVATION */
.page-section-contain .page-section-left{ border:1px solid #ccc; padding:15px !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.page-section-left *{color:#111;}
.page-section-contain .page-section-right{}

.gallery-boxes-item{padding:60px 0 100px 0;}
.gallery-boxes-item:nth-child(odd){background: #f8f9fa;}
.gallery-boxe-title{position: relative;text-align: center;font-weight: 400;font-size: 40px;color: var(--colorMain1);padding-bottom: 10px;margin-bottom: 80px;}
.gallery-boxe-title:after{content:'';width:80px;border-top:1px solid #666;position: absolute;bottom:0;left:calc(50% - 40px);}


/* MARK: NEWS BOXES */
.news-detail-contain{display: flex;flex-direction: column;gap:40px;}
.news-detail-box{display: flex;gap:24px;}
.news-detail-box .box-image{width:350px;aspect-ratio: 1 / 1;background: #f3f0f0;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;}
.news-detail-box .box-image img{height: 100%;width: 100%;object-fit: cover;}
.news-detail-info{width:calc(100% - 350px - 24px);}
.news-detail-info h2{color: #111111; font-weight: bold; font-size: 24px;}
.news-detail-excerpt{color: var(--colorText2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.news-readmore-btn{ display: inline-flex; align-items: center; gap:8px; color:#111111; font-size: 16px; font-weight: 600; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; color:#86C61C;}
.news-readmore-btn:hover{color:#86C61C;}
.news-detail-date{position: absolute;top:0;left:30px;background: #383838;display: inline-flex;flex-direction: column;padding: 9px 18px;color:#fff;text-align: center;font-weight: 600;font-size: 20px;}
.news-detail-date span{font-weight: 400;font-size: 14px;text-transform: uppercase;}


/* MARK: RELATIVE POST */
.section-relativePost{max-width: 1240px;margin: auto;}
.realtivePost-title{font-size: 30px;color: var(--colorText);position: relative;text-align: center;padding-bottom: 10px;font-weight: 600;}
.realtivePost-title:after { content: ''; position: absolute; height: 1px; background: var(--colorMain1); width: 80px; bottom: 0; left: calc(50% - 40px);}

.relativeService-contain{position: relative;}
.relativeService-contain .servicesSwiper-nav-prev{position: absolute;left: -70px;top: calc(50% - 22px);cursor: pointer;}
.relativeService-contain .servicesSwiper-nav-next{position: absolute;right: -70px;top: calc(50% - 22px);transform: rotate(180deg);cursor: pointer;}

/* MARK: ROOMS */
.boxRoom-contain{display: flex;flex-wrap: wrap;gap:24px;max-width: 1104px;margin: auto;margin-bottom: 40px;}
.boxRoom-item{width:calc(50% - 12px);}
.boxRoom-img{ overflow: hidden; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; margin: 0;margin-bottom: 24px;aspect-ratio: 1 / 0.667;}
.boxRoom-img img{width:100%;height:100%;object-fit: cover;}
.boxRoom-name{ text-align: center; text-transform: uppercase; color:#111111; font-size: 24px; font-weight: 600; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.boxRoom-info{display: flex;flex-direction: column;gap:8px;align-items: center;justify-content: center;}
.boxRoom-info *{margin: 0;}
.boxRoom-adults{color:#4F4F4F;font-size: 16px;display: flex;align-items: center;gap:4px;}
.boxRoom-excerpt{text-align: center;color:#4F4F4F;}
.boxRoom-item:hover .boxRoom-name{color:var(--colorMain1);}


/* MARK: CONTACT */
/* .s-contact-left{padding-right: 15px;}
.s-contact-right{padding-left: 15px;} */
.contact-form-row{display: flex;gap:20px;}
.contact-form-row .contact-form-item{width:calc(50% - 10px);}
.contact-form-btn input{margin: 0;background: var(--colorMain1);border: none;min-width: 120px;}
.contact-form-item input, .contact-form-item select, .contact-form-item textarea{box-shadow: none;}
.s-contact-title{margin:20px 0;}
.s-contact-title *{font-weight: 600;text-transform: capitalize;color: var(--colorText3);margin: 0;font-size: 20px;}
.s-contact-infodetail p{margin-bottom: 16px;font-size: 15px; color: #333;}
.s-contact-infodetail p img{margin-bottom: 0 !important;}


/* MARK: SHP PAGE - BOOKING */
.shop-disable-title{display: none !important;}
.shop-container{margin-top: 80px; margin-bottom: 30px;}


/* MARK: BOOKING BOX */
.dev-booking-box{ display: flex; border:1px solid #ebebeb; padding:16px; margin-bottom: 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.dev-booking-box:last-child{margin-bottom: 0px;}
.dev-booking-images{width:300px;position: relative;}
.dev-booking-images img{width:100%;height: 100%;object-fit: cover;}
.dev-booking-info{width:calc(100% - 300px);}
.thumbnail-hidden{display: none;}
.thumbnail-main{display: block;overflow: hidden;aspect-ratio: 1 / 0.7;}
.dev-booking-images-view{position: absolute; bottom:0;left:0;width:100%;display: inline-flex;align-items: center;justify-content: center;padding: 7px 20px; background: rgba(0, 0, 0, 0.5);text-align: center; color: #fff; font-weight: 700;gap:8px; text-transform: uppercase;}
.dev-booking-info{padding-left: 40px;}

.dev-booking-topinfo{display: flex;justify-content: space-between;gap:8px;border-bottom: 1px dotted #ebebeb;padding-bottom: 10px;margin-bottom: 20px;}
.dev-booking-viewDetail{font-size: 14px;cursor: pointer;}
.dev-booking-viewDetail:hover{text-decoration: underline !important;}
.dev-booking-topinfo h2{margin-bottom: 5px;color:var(--colorMain1);font-size: 20px;font-weight: 400;cursor: pointer;}
.dev-booking-topinfo h2:hover{text-decoration: underline;}
.dev-booking-topinfo p{margin-bottom: 0;display: flex;gap:4px;align-items: center;font-size: 14px;}
.dev-booking-topinfoBox{display: flex;flex-direction: column;}

.dev-booking-excerpt{font-size: 13px;line-height: 150%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;margin-bottom: 20px;}
.dev-booking-boxDetail{display: flex;justify-content: space-between;gap:20px;}
.dev-booking-buy{ width:80px; color: #fff; display: inline-flex; align-items: center; justify-content: center; background:var(--colorMain1); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; height: 36px;cursor: pointer;}

.dev-booking-price{width:120px;color: #111; font-weight: 600;font-size: 20px;}
.dev-booking-price p{margin: 0;}
.dev-booking-boxDetail-Box1{width:calc(100% - 120px - 80px - 40px);}

.dev-booking-right{ margin-top:80px; border:1px solid #ebebeb; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; overflow: hidden; position: sticky; top: 100px;}
.dev-booking-right-title{background:var(--colorMain1);text-align: center;color:#fff;text-transform: uppercase;font-size: 18px;width:100%;margin:0;padding:4px 10px;}
.dev-booking-right-info{padding:16px;}
.dev-booking-right-checkinout{display: flex;gap:20px;}
.dev-booking-right-checkin span, .dev-booking-right-checkout span{display: flex;gap:4px;align-items: center;font-size: 14px;}
.dev-booking-right-checkin p, .dev-booking-right-checkout p{color:var(--colorMain1);font-size: 18px;font-weight: 500;margin: 0;}
.dev-booking-cart{display: none;}

.dev-booking-nights, .dev-booking-rooms{font-size: 14px; color: #666; margin-top: 5px;display: flex;align-items: center;}
.dev-booking-nights p, .dev-booking-rooms p{margin-bottom: 0;width:120px;}
.dev-booking-nights span, .dev-booking-rooms span{font-weight: 700;color: #333;}

#dev-showListBooking{margin-top:10px;}
.dev-listbooking{padding: 10px 0; border-top: 1px dotted #ebebeb;display: flex ; flex-direction: column; gap: 2px;}
.dev-listbooking-title{color:#333;font-size: 15px;font-weight: 600;}
.dev-listbooking-title span{color:#999;}
.dev-listbooking-adults{font-size: 14px;}
.dev-listbooking-price{font-size: 15px;color:#d9534f;display: flex ; align-items: center; justify-content: space-between;}
.dev-listbooking-remove{cursor: pointer;}

#dev-booking-total{padding-top: 10px; border-top: 1px dotted #ebebeb;}
.dev-booking-total-title{display: flex;align-items: center;justify-content: space-between;gap:10px;}
.dev-booking-total-title span:nth-child(1){color:#111;font-size: 16px;font-weight: 700;}
#dev-booking-totalPrice{color: #d9534f; font-weight: 600;}
.dev-bookingTotal-hiden{display: none;}
.dev-booking-total-taxinfo{text-align: right;color: #999; font-size: 14px;}
.dev-booking-submit{ background: var(--colorMain1); color:#fff; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; cursor: pointer;height: 40px;margin-top: 14px;font-size: 14px; text-transform: uppercase;}

.dev-listbooking-top{display: flex;align-items: center;justify-content: space-between;}

.showRoom-container.fancybox-content{max-width: 1000px;}
.room-content-contain{white-space: pre-line;}
.room-content-title{color: var(--colorMain1); font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb;}

.dev-listbooking-top{display: flex;align-items: center;justify-content: space-between;gap: 4px;}
.dev-listbooking-quantity{display: inline-flex;gap: 4px;}
.dev-listbooking-quantity span{width: 25px;height: 25px;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;background: #ebebeb;color: #666;}


/* MARK: CHECK OUT PAGE */
.checkout-page-s .dev-booking-right{margin-top: 0;}
.container-checkoutForm {
  background: white;
  padding: 20px;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.container-checkoutForm h2 {
  color: var(--colorMain1);
  margin-bottom: 10px; font-size: 20px; font-weight: 500;
}
.container-checkoutForm p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}
.container-checkoutForm label {
  font-weight: bold;
  display: block;
  margin-top: 10px;
}
.container-checkoutForm input, .container-checkoutForm select, .container-checkoutForm textarea {
  width: calc(100% - 16px);
  padding: 8px;
  margin-top: 0;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: none;margin-bottom: 5px;height: 40px;
}

.container-checkoutForm select, .container-checkoutForm textarea{width:100%}

.container-checkoutForm .input-row {
  display: flex;
  gap: 20px;
}
.container-checkoutForm .input-row >div{width:calc(50% - 10px);}
.container-checkoutForm .input-row input {
  width: 100%;
}
.container-checkoutForm .optional {
  color: gray;
  font-size: 0.9em;
}

.booking-checkout-submit{display: flex;justify-content: end;margin-top:20px;align-items: center;}
.booking-checkout-submit input{background: var(--colorMain1);color:#fff;border:none;box-shadow: none;width:120px;margin: 0;padding:0;}


/* MARK: SUCCESS PAGE */
.success-content{margin-top:60px;text-align: center;}
.success-content *{font-size: 60px;color:#111;margin: 0;}

/* BOOKING BTN */
.bookNow-btn{position: fixed; right: -60px; top: 50%; background: var(--colorMain1); color: #fff; font-size: 14px; cursor: pointer; transform: rotate(-90deg); text-orientation: mixed; padding: 8px 20px; border-radius: 6px 6px 0px 0px; text-transform: uppercase; letter-spacing: 1px;transition:all ease 0.5s !important;z-index: 9999;width: 160px; height: 40px; text-align: center;}
.bookNow-btn:hover{background:var(--colorText);color:#fff;}


/* MARK: THE ROOM */
.theRoom-container{display:flex;flex-direction:column;gap:30px;max-width: 1208px; margin: auto;}
.theRoom-box{display:flex;gap:30px;align-items:start;border-bottom: 1px solid #ebebeb; padding-bottom: 30px;}
.theRoom-box:last-child{padding-bottom:0;border-bottom:none;}
.theRoom-box .box-image{width:255px;height:170px;overflow:hidden;border-radius:6px;}
.theRoom-box .box-image img{width:100%;height:100%; object-fit: cover;}
.theRoom-info{width:calc(100% - 255px - 120px - 60px);}
.theRoom-info h3{color:var(--colorMain1);font-size: 22px;margin-bottom:10px;}
.theRoom-info .boxRoom-adults{margin-bottom:10px;}
.theRoom-excert{/*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; */overflow: hidden;font-size: 14px;/*white-space: pre-line;*/    line-height: 180%;}
.theRoom-viewall{text-align: center; width: 120px; background: var(--colorMain1); color: #fff; font-size: 15px; text-transform: uppercase; padding: 8px 15px; border-radius: 4px;transition:all ease 0.5s;}
.theRoom-viewall:hover{background:var(--colorText);color:#fff;}


/* MARK: THE ROOM DETAIL */
.theroomDetail-page{display:flex;gap:30px;max-width:1150px;margin:auto;}
.theroomDetail-left{width:calc(100% - 230px - 30px);}
.theroomDetail-right{width:230px;margin-top:80px;}
.theroomGallery{margin-top:80px;}
.room-mySwiper2{}
.room-mySwiper{margin-top:10px;}
.room-mySwiper2 img, .room-mySwiper img{width:100%;}
.room-mySwiper .swiper-slide{cursor:pointer;}

.theroomDetail-page .swiper-button-next, .theroomDetail-page .swiper-button-prev{color:#fff;width: 20px; height: 30px;}
.theroomDetail-page .swiper-button-next:after, .theroomDetail-page .swiper-button-prev:after{font-size:22px;}


/* MARK: TRACKING ADMIN  */
.tracking-container{display: flex;align-items: center;gap: 40px;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ebebbe;}
.tracking-container .filter-booking-item{display: flex;flex-direction: row;width: 100%; justify-content: start;}
.tracking-container .filter-booking-item p{margin-bottom: 0;}
.tracking-container .filter-booking-item .filter-booking-input{width: 320px;}
.tracking-container .filter-tracking-submit{background: var(--colorMain1);color: #fff;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 20px;border-radius: 4px;}
.tracking-order-list{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:40px;}
.tracking-order-item{width:100%;background: #f9f9f9; padding: 15px;border-radius: 6px;}
.tracking-order-item strong{color:#333;}
.tracking-order-code{color: #000; font-weight: bold; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; padding-bottom: 5px;}
.tracking-order-byDate{font-weight: bold; color: #000; margin-bottom: 12px; padding: 12px 15px; background: #f9f9f9; border-radius: 6px;display:flex;gap:8px;align-items: center;}
.tracking-order-detail{display: flex ; flex-wrap: wrap;gap:12px 30px;}
.tracking-order-detail >div{width:calc(50% - 15px);color: #333;}
.tracking-order-room{margin-top:14px;display: flex ; flex-direction: column; gap: 8px;}
.tracking-error{color: #000;%20%20%20font-size:%2032px;}


/*MARK: MEDIA RESPONSIVE*/
@media screen and (max-width: 1440px){
  .s-intro:after{top:-139px;}
  .s-intro:after{display: block;}
  .s-intro .section-page:after{display: none;}
}

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

@media screen and (max-width: 1250px){
  body .section-page-detail{padding:0 5%;}
  /* .blog-single, .single-page{padding:0 5%;} */
  .gallery-boxes-item { padding: 40px 5%; }
  body .s-contact{padding-left:5% !important;padding-right:5% !important; margin:40px 0;}

  body .theroomDetail-page .section-page-detail{padding:0;}
  .theroomDetail-page{padding:0 5%;}
}


@media screen and (max-width: 1024px){
  .table_cover{max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; overflow-x: auto; white-space: nowrap; display: block;}  
  .filter-booking-container{width: 94%;}
  .banner-title *{font-size: 40px;}

  .s-room, .s-intro, .s-gallery, .s-news{padding: 0 5%;}
  .s-gallery{ margin-top: 40px !important; }
  .s-news { margin-top: 40px !important;margin-bottom: 40px !important; }
  .s-footer{padding: 0 5%;}

  body .section-page-detail{margin: 40px auto;}
  .theroomDetail-right{margin-top: 40px;}

  .showRoom-container.fancybox-content{max-width: 90%;}
  .relativeService-contain .servicesSwiper-nav-prev, .relativeService-contain .servicesSwiper-nav-next{display: none;}
}


@media screen and (max-width: 849px){
    .filter-booking-container{flex-wrap: wrap;}
    .filter-booking-item{width: calc(50% - 10px);}
    .filter-booking-item:last-child{width: 100%;}
    .header-wrapper{padding: 0 5%;}
    .medium-logo-center .logo{margin: 0 !important;}
    #logo{width: 70px !important;}
    .nav>li.has-icon>a>i{color: #86c61c !important;}
    body .stuck .header-main, .header-main{height: 65px !important;}

    #main-menu .header-search-form{display: none !important;}
    body .mfp-wrap{z-index: 99999999 !important;}
    body .mfp-content{background: #1d2088 !important;}
    body .nav-sidebar.nav-vertical>li+li{border: none !important;}
    .off-canvas .sidebar-menu{margin-top: 50px;}

    .s-room{margin-top: 60px;}
    .s-intro .s-intro-left { padding-right: 0px !important; margin-bottom: 40px;}
    .s-intro .s-intro-right { padding-left: 0px !important; }
    .titlePage1 *{font-size: 32px;}
    .s-gallery-item { width: calc(100% / 3 - 16px);}
    .s-news-item{height: auto;}
    .nav>li>a>i{display: inline-flex ; align-items: center;}
    .nav li:last-child{margin-left: 6px;}

    .banner-breadcrum-title, .page-title-inner h1.entry-title{font-size:40px}
    .page-section-contain{margin-left:auto !important;margin-right:auto !important;}
    
    .theroomDetail-left { width: 100%; }
    .theroomDetail-right{display:none;}

    .theroomGallery { margin-top: 40px; }
}


@media screen and (max-width: 700px){
  .banner-title { margin-top: -15rem; }
  .s-news-title{font-size: 16px;}
}


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


@media screen and (max-width: 600px){ 
    .banner-title { margin-top: -10rem; }
    .filter-booking-section{bottom: -80px;}
    .filter-booking-container{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);padding: 20px;}
    .filter-booking-btn{margin-top: -15px;}
    .filter-booking-item{font-size: 12px;}
    .filter-booking-item svg{width: 14px;}
    .s-room{margin-top: 120px;}
    .titlePage1 *{font-size: 32px;}
    .descriptPage1 *{font-size: 14px;}
    .boxRoom-img{border-radius: 6px;}
    .boxRoom-name{font-size: 18px;}
    .boxRoom-img{margin-bottom: 12px;}
    .boxRoom-adults{font-size: 14px;}
    .boxRoom-excerpt{font-size: 13px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .boxRoom-contain{gap: 16px;}
    .boxRoom-item { width: calc(50% - 8px); }
    body .is-outline.button-style-2{padding: 3px 20px;}
    .button-style-2 span{font-size: 14px;}
    .titlePage1 * { font-size: 24px; }
    .s-intro-descript *{font-size: 14px;}
    .s-intro { margin: 60px 0 40px 0; }
    .s-banner-att-descript *{font-size: 28px !important;}
    .button-style-1 *{font-size: 13px;}
    .s-gallery-item { width: calc(100% / 2 - 12px);border-radius: 4px;}
    .s-news-readmore{font-size: 14px;}
    .s-news-readmore svg{width: 10px;}
    .aboutus-left-title *{font-size:22px;}
    .aboutus-left-descript *{font-size:14px;}
    .banner-breadcrum-title, .page-title-inner h1.entry-title{font-size:32px}

    .news-detail-box{flex-direction:column;}
    .news-detail-box .box-image, .news-detail-info{width:100%;}
    .news-detail-info h2{font-size:22px;}
    .news-readmore-btn{font-size:14px;}
    .news-readmore-btn svg{width:10px;}
    .news-detail-excerpt, .s-news-des{font-size:14px;}
    .s-news-clock{font-size:13px;}
    .s-news-clock svg{width:16px;}
    .page-section-left .titlePage3 *{font-size:20px;}
    .page-section-left *{font-size:14px;}
    .gallery-boxe-title{font-size: 28px;margin-bottom: 30px;padding-bottom: 5px;}
    .gallery-boxe-title:after{width: 40px;left: calc(50% - 20px);}
    .nav>li>a>i.icon-menu { font-size: 1.6em !important; }

    .theRoom-box{flex-direction:column;}
    .theRoom-box .box-image{width:100%;height:320px;}
    .theRoom-info{width:100%;}
    body .section-page-fix{padding:0 3% !important;}

    .theroomDetail-page .swiper-button-next:after, .theroomDetail-page .swiper-button-prev:after{font-size:18px;}
    .filter-booking-title{display:none !important;}
    .tracking-container .filter-booking-item .filter-booking-input { width: calc(100% - 95px - 13px); }
    .s-intro:after{display: none;}
}


@media screen and (max-width: 549px){  
    .banner-title { margin-top: 0; }
    .filter-booking-section{position: relative; bottom: unset;top: -60px;}
    .s-room { margin-top: 0; }
    .boxRoom-excerpt{font-size: 12px;}
    .s-gallery-contain{gap: 14px;}
    .s-gallery-item { width: calc(100% / 2 - 7px);}
    .s-news-title{font-size: 15px;}
    .s-footer-box1 >.col-inner{padding: 0 !important;margin-top: 40px !important;}
    .s-footer-box2 >.col-inner{padding: 0 !important;margin-top: 40px !important;}
    .s-footer-box3 >.col-inner{padding: 0 !important;margin-top: 40px !important;}

    .s-footer-box1{order: 3;}
    .s-footer-box3 img{width: 200px !important;}
    .news-detail-info h2{font-size:18px;}
    .page-title-inner { min-height: 275px !important; }

    .theRoom-box .box-image{width:100%;height:auto;aspect-ratio: 1 / 0.7;}
    .theRoom-info h3{font-size:18px;font-weight: 600;}
    .theRoom-excer, .theRoom-viewall{font-size:13px;}
    .banner-section{height:250px;}

    .filterBooking-detail { margin-bottom: 0; }

    .tracking-order-detail >div { width: 100%; }
}


@media screen and (max-width: 400px){  
  .banner-title *{font-size: 30px;line-height: 120%;}
  .filter-booking-input input, .filter-booking-input select{font-size: 13px;height: 100%;}
  .titlePage1 *{font-size: 27px;}
  .titlePage1:after{width: 40px;left: calc(50% - 20px);}
  .s-banner-att-descript *{font-size: 24px !important;}
  .s-footer-copyright *, .s-footer-copyright{font-size: 12px;}
}