/*home page ///////////////////////////////////////*/

/*availability*/
.availability-fp{background: #baa46b;padding: 20px 0 25px 0;margin: 0 0 40px 0;}

.check-time{color:#fff; font-size:14px;font-style: normal;display:block;margin: 20px 0 0 0;}

.flex-availability{display: flex; justify-content: space-between;align-items: end;}
.field-avail{width:19.2%; margin:0 1% 0 0;}
.field-avail:last-child{ margin:0;}
.field-avail label{font-family:'OpenSans-SemiBold';margin:0 0 10px 2px!important;font-size: 15px;color:#fff;}
.input-field-avail{ background:#fff; padding:0 10px 0 0; border-radius:5px; }
.field-avail select{padding:10px; color:#444; }
.field-avail input[type="submit"]{ background:#000; margin:0; width:100%;}
.field-avail input[type="submit"]:hover{ color:#baa46b;}


/*room*/
.room-fp{margin: 0 0 15px 0;}

/*item-room*/
.item-room{display: flex;align-items: start;justify-content: space-between;margin: 0 0 25px 0;background: #f8f8f8;border: 1px solid #eee;border-radius: 10px;}
.item-room .imgeffect{width: 50%;border-radius: 10px 0 0 10px;background: no-repeat;}
.item-room .imgeffect img{height: 375px;object-fit: cover;border-radius: 10px 0 0 10px;}
.info-item-room{width: 50%;padding:25px 25px 15px 30px;border-radius:0 0 10px 10px; position:relative;}
.item-room h3{font-family: 'OpenSans-Bold';font-size: 21px; color:#baa46b; margin: 0 0 20px 0;}
.item-room h3 a{color:#baa46b;}
.item-room h4{font-family: 'OpenSans-Bold';font-size: 18px; line-height:20px;color: #fff;margin: 0;background: #000;border-radius:5px;padding: 2px;width: 70px;height:65px;position: absolute;right: 15px;top: 15px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.item-room ul{display:flex;flex-wrap:wrap;justify-content: start;align-items:center;margin: 0 0 15px 0;}
.item-room ul li{border-right: 1px solid #aaa;padding:0 15px 0 0;margin:4px 15px 4px 0;line-height:20px;font-size: 14px;}
.item-room ul li i{padding:0 10px 0 0;font-size: 12px;}
.item-room ul li:last-child{ border-right:0; padding:0;}
.item-room p{ margin:0 0 20px 0;}

.offerprice{ display:none;}

/*facility*/
.facility-fp{ margin:0 0 45px 0;}

/*facility-hotel*/
.facility-hotel ul{ display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.facility-hotel ul li{background:#f8f8f8;border: 1px solid #eee;width: 24.25%;height: 160px;margin:0 1% 1% 0;padding: 15px 30px;border-radius: 7px;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 14px;line-height: 24px;text-align:center}
.facility-hotel ul li:nth-child(4), .facility-hotel ul li:nth-child(8), .facility-hotel ul li:nth-child(12), .facility-hotel ul li:nth-child(16){margin-right:0; }
.facility-hotel ul li i{font-size: 30px;color: #fff;background: #baa46b;width: 50px;height: 50px;padding: 5px;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.facility-hotel ul li span{display:block;margin: 15px 0 0 0;}
	
/*restaurant*/
.restaurant-fp{ margin:0 0 50px 0;}

.about-restaurant-fp{ background:#000; padding:50px 35px; width:40%; border-radius: 0 10px 10px 0; height:440px;}
.about-restaurant-fp h2{ font-size:25px;margin:0 0 30px 0;}
.about-restaurant-fp p{ color:#f7f7f7;}

.restaurant-fp .swiper{ width:60%!important; border-radius:10px 0 0 10px;}
.restaurant-fp .swiper-slide img { border-radius:10px 0 0 10px; height: 440px !important; object-fit: cover!important;}
.restaurant-fp .swiper-button-next, .restaurant-fp .swiper-button-prev {background:none;  }
.restaurant-fp .swiper-button-next:after, .restaurant-fp .swiper-button-prev:after {color: #fff;}

/*faqs*/
.faqs-fp { margin: 0 0 45px 0;}

.faqs-fp .accordion{display: flex;align-items: start;justify-content: space-between;flex-wrap: wrap;}
.faqs-fp .accordion-item{width: 49%;}

/*about*/
.about-fp{ margin:0 0 60px 0;}
.about-fp h2{margin:0 0 25px 0;}
.about-fp p{  margin:0 0 20px 0;}
.about-fp p strong{ color:#000; font-family:'OpenSans-Bold';}
.about-fp img{ border-radius: 10px; width:100%;}
.content-about-fp{ margin:0 50px 0 0;}
.about-fp .row{ align-items:start;}

/*about page ///////////////////////////////////////*/
.slide-about{margin:0 0 40px 0;}
.slide-about img{ width:100%; height:400px;object-fit: cover; border-radius:10px;}

.aboutp .why{ margin:40px 0 0 0;}

/*reservation page ///////////////////////////////////////*/
.reservationp .field-enquiry{ width:49%;margin: 0 1.5% 1.5% 0;}
.reservationp .field-enquiry:nth-child(even){margin-right:0;}
.reservationp .textarea-enquiry{ width:100%;}

/*contact page ///////////////////////////////////////*/
.contactp .field-enquiry{ width:49%;margin: 0 1.5% 1.5% 0;}
.contactp .field-enquiry:nth-child(even){margin-right:0;}
.contactp .textarea-enquiry{ width:100%;}
.contact-detail ul {margin:0 0 40px 0;}
.contact-detail ul li {margin: 0 0 15px 0;}
.contact-detail ul li:hover a{color: #57bb63;}
.contact-detail ul li a{display: flex;justify-content: start;align-items: center;width: 100%;font-family: 'OpenSans-Bold';font-size: 16px;line-height: 21px;color: #000;background: #ecf0f4;padding: 20px 20px;border-radius: 5px;}
.contact-detail ul li a i {font-size: 20px;color: #fff;background: #57bb63;padding: 10px;margin:0 15px 0 0;border-radius: 5px;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;}
.contact-detail ul li.location-contact a{font-family: 'OpenSans-Regular';font-size: 14px;align-items: start;}

/*faq page ///////////////////////////////////////*/
.faqp .why{ margin:50px 0 0 0;}

/*room page ///////////////////////////////////////*/
.roomp .contents{ margin:0 0 50px 0;}

/*room detail page ///////////////////////////////////*/
.room-detailp .contents{ margin:0 25px 0 0;}

/*secondary-slider*/
.secondary-slider {margin:0 0 40px 0;}
.secondary-slider img{width:100%;height: 400px;object-fit: cover;border-radius: 5px;}
.secondary-slider .swiper{border-radius:5px;}

/*tabs-primary*/
.tabs-primary{margin: 0 0 35px 0;}
.tabs-primary .menu-tabs {display: flex;justify-content: left;align-items: center;border-bottom: 1px solid #ddd;margin: 0 0 30px 0;padding: 0 0 15px 0;}
.tabs-primary .menu-tabs li {padding:0;margin: 0 45px 0 0;background:none;color: #000;font-family: 'OpenSans-Bold';font-size: 17px;text-transform: uppercase;line-height:normal;cursor:pointer;transition:0.5s;position: relative;}
.tabs-primary .menu-tabs li:before{ display:none;}
.tabs-primary .menu-tabs li:hover{color: #222246;}
.tabs-primary .menu-tabs li.active{color: #baa46b;}
.tabs-primary .menu-tabs li.active:after{content: '';background: #baa46b;width: 100%;height: 2px;position: absolute;bottom: -16px;left: 0;}

.tabs-primary .content-tabs {display: none;padding:0;}
.tabs-primary .content-tabs.active {display:inherit !important;}

/*facility-hotel*/
.tabs-primary .facility-hotel ul li {padding: 15px;}
.tabs-primary .facility-hotel ul li:before {font-family: 'Font Awesome 5 Free';content: '\f00c';font-weight: bold;font-size: 20px;color: #fff;background: #baa46b;width: 30px;height: 30px;padding: 5px;margin: 0 0 8px 0;border-radius: 5px;display: flex;align-items: center;justify-content: center;}

/*distance-from*/
.distance-from{ margin:15px 0 0 0;}
.distance-from ul{display:flex;flex-wrap:wrap;justify-content: start;align-items:center;}
.distance-from ul li{border-right: 1px solid #aaa;padding:0 15px 0 0;margin:5px 15px 18px 0;line-height:12px;font-size: 15px;}
.distance-from ul li:last-child{ border-right:0; padding:0;}

/*check-room*/
.check-room{background: #baa46b;padding: 20px 25px 27px 25px;margin: 0 0 40px 0;border-radius: 7px;}

.flex-check{display: flex;justify-content: space-between;align-items: end;flex-wrap: wrap;}
.field-check{width: 48%;margin: 0 2% 15px 0;}
.zero-field-check{ margin-right:0;}
.field-check label{font-family:'OpenSans-SemiBold';margin: 0 0 7px 2px!important;font-size:13px;color:#fff;}
.input-field-check{ background:#fff; padding:0 10px 0 0; border-radius:5px; display: flex;align-items: center;justify-content: start;}
.field-check select{padding:10px; color:#444; }
.field-check input[type="submit"]{ background:#000; margin:0; width:100%;}
.field-check input[type="submit"]:hover{ color:#baa46b;}

.check-room button.rdbtn {display: flex;align-items: center;justify-content: center;width: 25px;height: 25px;background: #000;border: 0;margin: 0 0 0 10px;border-radius: 5px;   outline: none;
font-size: 14px;color: #fff;}
.check-room button.rdbtn:hover{background: #baa46b;}

/*price-room*/
.price-room {margin: 0 0 10px 0;font-size: 17px;color: #fff;text-transform: uppercase;display: flex;align-items: center;justify-content: space-between;}
.price-room strong{font-size: 25px;color: #fff;font-family: 'OpenSans-ExtraBold';}
.check-room .btn-primary {background: #000 !important;color: #fff !important;font-size: 18px !important;text-transform: uppercase !important;width: 100% !important;padding: 15px !important;}
.check-room .btn-primary:hover{color: #baa46b !important;}

.check-room input[type="submit"] {    background: #fff;    color: #000;    font-size: 20px;}

/*booking page ///////////////////////////////////////*/
.bookingp .heading span{ color:#000;}
.bookingp h3 {margin: 0 0 25px 0;font-family: 'OpenSans-Regular';font-size: 15px;display: flex;align-items: center;justify-content: space-between;}
.bookingp h3 span{font-family: 'OpenSans-ExtraBold';font-size: 20px;}

.bookingp table img{width:100%;border-radius: 5px;}
.bookingp table{width:100%;text-align:center;}
.bookingp table tr th{text-transform:uppercase;padding:20px 10px;background:#ecf0f4;color: #000;text-align:center;font-size:13px;border:1px solid #ddd}
.bookingp table tr td{border:1px solid #ddd;padding: 20px;font-family: 'OpenSans-Bold';font-size: 14px;color: #000;}

.bookingp .enquiry {background: #ecf0f4;border: 1px solid #eee; margin:0 0 0 15px;padding: 19px;}
.bookingp .field-enquiry {border: 1px solid #ddd;}

.btn-adv {font-family: 'OpenSans-Regular';font-size: 14px;color: #000;margin:20px 0 0 0;padding:0;background: none;border: 0;text-align: center;width: -webkit-fill-available;}
.btn-adv:hover{color: #baa46b;}


.room-detailp .field-date{display:none !important;}



/*pay now page ///////////////////////////////////////*/
.paynowp .enquiry {margin: 0;}


/*policy page ///////////////////////////////////////*/

.policyp .contents ul{    margin: 0 0 25px 0;}
.policyp .contents ul li{margin: 0 0 6px 0;padding: 0 0 0 17px;font-family: 'OpenSans-Regular';color: #000;font-size: 14px;line-height: 24px;font-weight: normal;position: relative;}
.policyp .contents ul li:before {    font-family: 'Font Awesome 5 Free';    content: '\f0c8';    font-weight: bold;    font-size: 8px;    color: #baa46b;    position: absolute;    left: 0;    top: 1px;}

.policyp .contents ol li:before {display:none;}










@media only screen and (max-width:960px){

/*home page ///////////////////////////////////////*/
/*availability*/
.availability-fp{padding: 10px 0 20px 0;margin: 0 0 30px 0;}
.flex-availability{flex-wrap: wrap;}
.field-avail{width:48.5%;margin: 0 3% 8px 0;}
.submit-avail{width:100%;}
.field-avail:nth-child(even){margin: 0 0 8px 0;}
.field-avail:last-child{ margin:0;}
.field-avail label{font-family: 'OpenSans-Regular';margin:4px 0 5px 1px!important;font-size: 13px;line-height: normal;}
.input-field-avail{padding: 0 7px 0 0;}
.field-avail input[type="submit"]{  margin:10px 0 0 0; }
		
/*room*/
.room-fp{ margin:0 0 10px 0;}

/*item-room*/
.item-room {flex-direction: column;margin: 0 0 20px 0;}
.item-room .imgeffect {width: 100%;border-radius: 10px 10px 0 0;}
.item-room .imgeffect img {height: 250px;border-radius: 10px 10px 0 0;}
.info-item-room{width: 100%;padding: 15px;}
.item-room ul li {padding: 0 10px 0 0;margin:5px 10px 5px 0;line-height:14px;font-size: 13px;}
.item-room h3{font-size: 18px;margin: 0 0 10px 0;}
.item-room h4{font-size: 17px;line-height:20px;padding: 0;width: 55px;height: 55px;right: 10px;top: 10px;}
.item-room ul{margin: 0 0 10px 0;}
.item-room p{margin: 0 0 20px 0;}
.item-room .btn-primary{ width:100% !important;}

/*facility*/
.facility-fp{margin: 0 0 35px 0;}

/*facility-hotel*/
.facility-hotel ul{margin:25px 0 0 0;display: -webkit-box;justify-content: start;align-items: start;flex-wrap: nowrap;overflow: auto;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;}
.facility-hotel ul li{width: 48%;height: 135px;margin: 0 10px 0 0;padding: 12px;justify-content: start;font-size: 13px;line-height: 19px;}
.facility-hotel ul li:nth-child(4), .facility-hotel ul li:nth-child(8), .facility-hotel ul li:nth-child(12){margin-right:15px; }
.facility-hotel ul li i{}
.facility-hotel ul li span{margin: 12px 0 0 0;}
	
/*restaurant*/
.restaurant-fp{margin: 0 0 30px 0;}
.restaurant-fp .flex-wraper {flex-direction: column-reverse;flex-wrap: wrap;}
.about-restaurant-fp{padding: 15px 15px;width: 100%;border-radius: 10px 10px 0 0;height: auto;}
.about-restaurant-fp .heading{font-size: 18px;margin: 0 0 15px 0;}
.restaurant-fp .swiper{width: 100%!important;border-radius: 0 0 10px 10px;}
.restaurant-fp .swiper-slide img {border-radius: 0 0 10px 10px;height: 300px !important;}

/*faqs*/
.faqs-fp {margin: 0 0 25px 0;}

.faqs-fp .accordion-item {width: 100%;}

/*about*/
.about-fp{margin: 0 0 30px 0;}
.about-fp h2{margin: 0 0 10px 0;}
.content-about-fp{margin: 20px 0 0 0;}
.about-fp .row{flex-direction: column-reverse;}

/*about page ///////////////////////////////////////*/
.slide-about{margin: 0 0 25px 0;}
.slide-about img{height: 300px;}
.aboutp .why{margin: 20px 0 25px 0;}

/*contact page ///////////////////////////////////////*/
.contact-detail ul {margin: 0 0 20px 0;}
.contact-detail ul li {margin: 0 0 10px 0;}
.contact-detail ul li a{font-size: 15px;line-height: 20px;padding: 12px;}
.contact-detail ul li.location-contact a{font-size: 13px;}

/*faq page ///////////////////////////////////////*/
.faqp .why {margin: 25px 0;}

/*room page ///////////////////////////////////////*/
.roomp .contents {margin: 0 0 25px 0;}

/*distance-from*/
.distance-from{margin: 10px 0 0 0;}
.distance-from ul li{padding: 0 7px 0 0;margin: 2px 7px 10px 0;line-height:12px;font-size: 13px;}

/*room detail page ///////////////////////////////////////*/

.room-detailp .row{flex-direction: column-reverse;}

/*secondary-slider*/
.secondary-slider {margin: 0 0 25px 0;}
.secondary-slider img {height: 300px;}

/*check-room*/
.check-room .btn-primary {font-size: 16px !important;padding: 10px !important;}

/*tabs-primary*/
.tabs-primary{margin:15px 0 20px 0;}
.tabs-primary .menu-tabs {border-top: 1px solid #ddd;margin: 0 0 25px 0;padding: 15px 0 15px 0;display: -webkit-box;justify-content: start;align-items: start;flex-wrap: nowrap;overflow: auto;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;}
.tabs-primary .menu-tabs li {width: fit-content;padding:0;margin: 0 30px 0 0;font-size: 15px;}

.tabs-primary .facility-hotel ul li {justify-content: center;}

/*price-room*/
.price-room {margin: 0 0 5px 0;font-size: 14px;flex-direction: column;}
.price-room strong{font-size: 20px;display: inline-block;margin: 6px 0 0 0;}

/*check-room*/
.check-room {padding: 15px 15px 20px 15px;margin: 0 0 25px 0;}



/*booking page ///////////////////////////////////////*/
.bookingp h3 {margin: 0 0 20px 0;font-size: 12px;align-items: start;justify-content: start;flex-direction: column;}
.bookingp h3 span{font-size: 17px;margin: 12px 0 0 0;}
.bookingp table tr th{padding: 5px 4px;font-size: 11px;}
.bookingp table tr td{padding: 5px;font-size: 12px;}
.bookingp .enquiry {margin: 20px 0 0 0;padding: 15px;}
.btn-adv { margin:12px 0 0 0;}



}