@font-face {
    font-family: 'Optimal';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('../font/OPTIMA-1.ttf') format('truetype');
}

@font-face {
    font-family: 'Optimal';
    font-style: italic;
    font-weight: normal;
    font-display: auto;
    src: url('../font/Optima_Italic-1.ttf') format('truetype');
}

@font-face {
    font-family: 'Optimal';
    font-style: normal;
    font-weight: bold;
    font-display: auto;
    src: url('../font/OPTIMA_B-1.ttf') format('truetype');
}

@font-face {
    font-family: 'Optimal';
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url('../font/Optima-Medium.ttf') format('truetype');
}

body{
    font-family: "Optimal",sans-serif;
    color:#6C6D7A;
    font-size: 18px;
    /* font-weight: 300; */
    line-height: 22px;
    /* min-height: 75rem; */
  /* padding-top: 4.5rem; */
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}
a{
  color:#6A6F4C;
  text-decoration: none;
}
h1.title{
  color:#AD8850;
  font-size: 52px;
}
h3.title{
  font-size: 2rem;
}
.title, .title a{
  color:#806044
}
.subtitle{
  color: #3a3636;
}
#main-nav{
  overflow: hidden;
  background-color: rgba(255,255,255,.85);
}
.home #main-nav{
  z-index: 999;
  position: absolute;
}
#main-nav.fixed-top{
  position: fixed;
  top:0;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3); 
box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);

}
ul#main-menu li a{
  font-size:18.5px;
}
ul#main-menu li{
  padding: 0 15px 0 15px;
}
ul#main-menu li a:hover, ul#main-menu li a.active{
  color:#dda107;
}
.nav-book-now{
  background-color: #6A6F4C;
 
}
.nav-book-now a{
   color:#fff;
}
ul#main-menu li.nav-book-now a:hover, ul#main-menu li.nav-book-now a.active{
  color: #fff;
}


#booking-bar .btn-container{
  /* background-color: #D7B685; */
  padding-left: 0;
}
#booking-bar{
  
  /* top: 78px; */
  z-index: 999;
  width: 80%;
  background-color:  #6A6F4C;
  padding:20px 0 20px 15px;
  margin: auto;
}
#booking-bar.scrolled{
  /* position: fixed;
  top:0;
  background-color: #6b905c; */
}
#booking-bar form{
  /* background-color: #6A6F4C; */
  padding-left: 0;
}
.btn-view-rates,.btn-view-rates:hover{
  background-color: #D7B685;
  border-color: #D7B685;
  color:#000;
  font-size: 20px;
  border-radius:0;
  height: 68px;
}

#form-book label{
  font-size: 16px;
  color: #D89F4A;
  text-transform: uppercase;      
  margin-top: 10px;    
}
#form-book .form-group{
  border-right: solid 4px #6A6F4C;
}
#form-book .form-control{
  border: none;
}

/* .accommodation-image-slider .slick-slide{
padding: 40px;
}
.accommodation-image-slider .slick-slide.slick-active.slick-center{
padding: 0px;
} */
#welcome{
  padding-top: 20px;
}
#welcome .title{
  font-size: 75px;
  font-weight: 400;
  color:#806044;
}
#section-one{
  margin-bottom: 60px;
}
#section-one img.lg-section{
  min-width: 100%;
}
#accommodation{
  margin-top: 35px;
}
#accommodation .accommodation-header{
   border-top:solid 1px #000000;
   border-bottom:solid 1px #000000;

}
#accommodation .accommodation-header .title{
  color:#D7B685;
  font-size: 80px;
  line-height: 90px;
  font-weight: 400;

}
.accommodation #booking-bar{
  margin-bottom: 100px;
}
 section#accommodation{
  background-color: #f3f1ec;
 }
 section#accommodation h2.title{
  padding-top:40px;
 }
.accommodation-desc-slider{
  width: 80%;
  margin-left: auto;
  margin-right: auto
}
.slick-list.draggable{
background: none;
}
 .slick-arrow{
  color:#000;

}
.slick-list .slick-slide img{
  width: 100%;
}

.slick-arrow.slick-next{
  right: 50px;
}
 .slick-arrow.slick-next:before,.slick-arrow.slick-prev:before{
  content:'';
}
 .slick-arrow.slick-prev{
  z-index: 2;
  left: 14px;
}
#carousel-rooms .title{
  font-size: 50px;
  font-weight: 400;
  line-height: 61px;
}
.room-facilities{
  padding: 0;
}
#others-room{
  margin-top: 100px;
}
.room-facilities li{
  list-style: none;
  font-size: 20px;
  margin-bottom: 10px;
}
.room-facilities i{
  color:#D7B685;margin-right: 10px;
}
.title-room-description{
  font-size: 30px;
  border-bottom: 1px solid #000;
  padding-top: 15px;
}
.title-room-description{
  text-align: right;
}
.btn-room-detail, .btn-book-now{
  border :1px solid #D7B685;
  background-color: #fff;
  color:#D7B685;
  font-size: 25px;

}
section#wedding-events{
  margin-top: 30px;
}
#special-offers h3{
  font-size: 20px;
}
#special-offers .card{
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 16px;
  background-color: #f2f2f2;
  padding: 0;
  border: none;
}
.special-offers-image .slick-track{
  background-color: #fff;
}
#special-offers .card img{
  border-radius: 16px  16px 0 0;
}
#special-offers .card .card-body {
  min-height: 304px;
}
#special-offers .card .card-body .card-title {
  font-size: 28px;
}
#special-offers .card .card-footer{
  border-top:none;
  background-color: #f2f2f2;

  }
  section h2.title{
    margin-top: 64px;
    margin-bottom: 30px;
  }
  .slick-list.draggable  h2.title{
    margin-top: 0;
    margin-bottom: 10px;
  }
/* #special-offers .slick-prev, #special-offers .slick-next{
font-size: 16px;
height: 50px;
width: 50px;
background-color: #000;
color: #fff;
z-index: 9;
line-height: 20px;
}
#special-offers .slick-prev{
left: 20px;
}
#special-offers .slick-prev:before{
  content: '';
}
#special-offers .slick-next{
  right: 20px;
}
#special-offers .slick-next:before{
  content: '';
} */
.page-header{
  /* margin-bottom: 60px; */
}
#hero{
  position: relative;
  margin-bottom: 20px;
}
.not-home #hero .lg-section img{
max-height: 709px;
object-fit: cover;
}

.hero-caption{
  position: absolute;
  bottom:0;
  left: 40%;
  color:#fff;
}
.category-section{
  padding-top: 60px;
}
h2.title-category{
color:#D7B685;
margin-bottom: 30px;
}
footer {
  margin-top: 20px;
}
.footer-contact{
  list-style: none;
  padding: 0;
  margin: 0;
  /* background-color: #464646;
  color:#fff;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 28px; */
 
}
.footer-contact li{
  margin-bottom: 5px;
}
.footer-contact li span{
  margin-right: 10px;
} 
#footer-map{
padding-top: 82px;
text-align: right;
}
.btn-contact-us{
  /* background-color: #464646; */
  border: 1px solid #fff;
  color:#fff;
  font-size: 24px;
  /* border-radius: 0; */
  padding: 10px 50px 10px 50px;
}
.btn-contact-us:hover{
  border-color:#fff;
}
.footer-main{
background-color: #6A6F4C;
color:#fff;
padding-top:40px;
/* font-size: 20px; */
}
#footer-menu{
  columns: 2;
  list-style: none;
  padding-left: 0;
}

#footer-menu a{
  padding:15px 8px 15px 0 ;
  text-decoration: none;
  font-size: 20px;
  color:#6C6D7A;
}
#social-links{
  padding-left: 0;
}
#social-links li{
  list-style: none;
  display: inline-block;
  
}
#social-links li a{
  color:#fff;
  /* background-color: #000000; */
  padding: 10px;
  font-size: 42px;
}
@media screen and (min-width:768px) {
  .lg-section {
    /* Apply some styles */
    display: block !important;
  }
  .mobile-section{
    display: none !important;
  }
  #footer-address {
    text-align: right;
  }
  #careers-contact{
    text-align: right;
  }
}


.mobile-section img{
  max-width: 100%;
}
.lg-section img{
  min-width: 100%;
}
.special-offers-image img{
  /* width: 100%; */
}
.slick-slide{
  padding: 5px;
}
.card-spa-item{
  cursor: pointer;
}
.card-offers{
  background-color: #f2f2f2;
  height: 100%;
}
.card-offers .card-footer{
  background-color: #f2f2f2;
}
.card-offers, .card-dining, .card-accommodation{
  /* border: none;
  border-radius: 0;  */
}
.card-offers .card-title,  .card-accommodation .card-title{
  /* border-bottom:1px solid #AD8850; */
}
.card-offers .card-title a, .offers-arrow{
  /* color:#AD8850;
  padding:10px 0 10px 0;
  display: block; */
  
}
.card-offers .card-body h4{
  /* margin-bottom: 50px; */
}
.card-dining .card-title{
  color:#AD8850;
  padding:10px 0 10px 0;
}
.card-dining .card-title i,.card-accommodation .card-title i{
  margin-left: 40px;
}
.card-dining .card-body{
  text-align: justify;

}
.card-accommodation {
  margin-bottom: 40px;
}
.card-accommodation .card-title{
  /* padding: 20px 0 20px 0; */
}
.card-offers .card-title, .card-dining .card-title{
  /* border-bottom:1px solid #AD8850; */

}
.dining-slider .slick-list.draggable{
   background-color: #fff;
}
.accommodation .page-description{
  margin-bottom: 100px;
  margin-top: 80px;
}
.accomodation-view h1.title{
font-size: 50px;
color: #000;
}
.offers-arrow{
  text-align: center;
}

.room-rates{
padding-left: 0;
}
.room-rates li{
  list-style: none;
  margin-left: 0;
}
.card-search-result{
  border: none;
}
.form-floating>label{
  font-size: 16px;
}
#contact-container, #book-container{
/* border: 1px solid #000; */
}
.btn-contact{
  border :1px solid #AD8850;
  background-color: #F3F1EC;
  color:#AD8850;
  font-size: 25px;
}
body.contact {
  background-color: #f9f7f7;
 
}
.block-contact a, .block-contact .resrv{
border:2px solid #000;
background-color: #f3f1ec;
}
.block-contact a{
  display: block;
}
.block-contact .resrv h3{
  color:#AD8850;
  font-size: 44px;
}

.btn-primary, .btn-outline-primary{
  
  border-color: #6A6F4C;
  
  border-radius: 0;
 text-shadow:  0px 0px 10px rgba(0,0,0,0.3);
 font-size: 24px;
 font-weight: 400;
 padding: 10px 58px 10px 58px;
}
.btn-primary{
background-color: #6A6F4C;
color: #fff;
}
.btn-primary:hover{
  background-color: #6A6F4C;
  border-color: #6A6F4C;
  color: #fff;
}
.btn-outline-primary{
  color: #6A6F4C;
}
.btn-outline-primary:hover{
  color: #fff;
  border-color: #6A6F4C;
background-color: #6A6F4C;

}
/* .card-spa{
  border: none;
}
.card-spa .card-title a i{
  margin-left: 40px;
}
.spa-item{
  margin-bottom: 40px;
}
.spa-item .title, .spa-item .card-subtitle{
  color:#D7B685;
}
.spa-item .card-title{
  font-size: 24px;
  line-height: 29px;
}
.spa-item .card-subtitle{
  font-size: 24px;
  line-height: 20px;
}
.spa-item-detail{
margin-top: 40px;
background-color: #f3f1ec;
}
.spa-item-detail h3{
  border-bottom: 1px solid #000;
  font-size: 30px;
  line-height: 36px;
}
.spa-item-detail .spa-item-title{
  font-size: 30px;
  line-height: 37px;
}
.spa-item-detail .spa-item-duration{
  font-size: 24px;
  line-height: 29px;
  color: #AD8850;
}
.spa-item-detail .block-spa-booking{
  background-color: #fff;
} */
 .card-wedding{
  border-color: #6A6F4C;
  height: 100%;
 }
.navbar-toggler{
  margin-left: 30px;
}
#wa-shortcut a{
  color:#0ec244;
  font-size: 54px;
}
.hero-caption h2{
  font-size: 54px;
}
.hero-caption p{
  width: 46%;
	font-size:22px;
}
.mobile-section .hero-caption h2{
  font-size: 24px;
}

hr.section-spacer{
  opacity: 1;
}
#section-two, #special-offers{
  margin-top: 60px;
}
.slick-list.draggable{
background-color: #F3F1EC;
}

.meeting-contact{
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 100px;

  padding: 20px 0 20px 0;
  border: 1px solid #D7B685 ;

}
.meeting-contact .btn, .meeting-description .btn{
  border-radius: 0;
  padding: 10px 50px 10px 50px;
  background-color: #464646;
  color:#fff
}
.home #meeting{
  background-color: #f3f1ec;
  padding-top: 5px;
}
.home #meeting h2.title{
  margin-top: 20px;
}
#meeting-nav{
  background-color: #F3F1EC;
  padding: 35px 0 35px 0;
  margin-bottom: 40px;
  text-align: center;
}
#meeting-nav a{
  color:#AD8850
}
#meeting-nav ul li{
  display: inline;
  list-style: none;
}
#meeting-nav ul li#nav-indoor{
  margin-right: 40px;
}
#meeting-nav ul li#nav{
  margin-left: 40px;
}
.card-meeting table td{
  border: none;
}
.meeting-description{
  text-align: right;
}
.table-rates th{
  background-color: #f3f1ec;
}
.table-rates td,
.table-rates th{
  font-size: 14px;
}
.table-rates td.incico{
background-color: #a2c793;
}
.table-rates td.na{
  background-color: #d5d5d5;
}
.carousel-inner .carousel-item{
  height: 1235px;
  overflow: hidden;
}
#room-slider .carousel-inner .carousel-item{
  height: unset;
}
#room-slider .carousel-control-next, #room-slider .carousel-control-prev{
 top:50%;
}
#room-slider .carousel-control-next-icon, #room-slider .carousel-control-prev-icon{
background-color: #000;
padding: 30px;
}
h3.title-room-type{
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}
.text-meeting-contact{
  text-align: right;
}
.lSSlideOuter .lSPager.lSGallery li
{
  max-height: 65px;
  overflow: hidden;
}
.carousel-control-next, .carousel-control-prev{
  bottom: unset;
  top:50%;
}
.carousel-control-next, .carousel-control-prev{
  opacity: .9;
}

.offcanvas-body .navbar-nav .nav-link.active{
  color:#d7b685;
}
/* .slick-slide{
  height: 285px;
  overflow: hidden;
} */
.navbar-toggler{
  border-color: #d7b685;
  margin-left: 56px;
}
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28215, 182,133, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");

}
/* .carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>");
}
.carousel-control-next-icon{
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
} */
.mobile-description{
  overflow: hidden;
}
a[data-readmore-toggle]{
  display: block;
}
#main-nav .navbar{
  /* float: left;
  margin-right: 20px; */
}
.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
  padding-top: 3rem;
  padding-bottom: 0.8rem;
}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{
  inset:0.5rem 0rem;
}

#book-form-wizard li a{ 
color:#ad8850
}
#book-form-wizard li a.active{
background-color:#ad8850;
color:#fff

 }
 #book-form-step .btn-primary{
  padding: 0;
 }
  #book-form-step .btn-step-2{
    left: 33%;
  }
  #book-form-step .btn-step-3{
    left: 66%;
  }
  #book-form-step .btn-step-4{
    left: 100%;
  }
  #book-form-step .btn{
    background-color: #fff;
    border-color: #ad8850;
  }
  #book-form-step .btn.btn-active{
    background-color: #ad8850;
  }
  #book-form-step .progress-bar{
    background-color: #ad8850;

  }
    /*booking-progressbar*/
#booking-progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#booking-progressbar li {
	list-style-type: none;
	/* color: white; */
	text-transform: uppercase;
	font-size: 12px;
	width: 25%;
	float: left;
	position: relative;
  text-align: center;
}
#booking-progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #fff;
	background: white;
	border-radius: 50%;
	margin: 0 auto 5px auto;
    border:1px solid   #ad8850;

}
/*booking-progressbar connectors*/
#booking-progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #ad8850;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#booking-progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#booking-progressbar li.active:before,  #booking-progressbar li.active:after{
	background: #ad8850;
	color: #ad8850;
}
#btn-redeem{
  color:#ad8850;
}
.field-text{
  border-bottom: 1px solid #000;
  text-align: center;
}
.btn-form-book{
  border-color: #000;
  background-color: #F3F1EC;
  color:#AD8850;
  text-transform: uppercase;
  border-radius: 0;
  padding: 5px 50px 5px 50px;
}

.facilities-item img{
  border-radius:18px;
}
.btn-view,.btn-view:hover{
  color:#6A6F4C;
  border-color: #6A6F4C;
  padding: 10px 50px 10px 50px;
}
ul.room-amenities {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 0;
  text-align: center;
}
ul.room-amenities li{
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
}
ul.room-amenities li svg{
  /* width: 20px;
  height: 20px; */
}
.accomodation-view ul.room-amenities li{
  margin-right: 20px;
}
.text-green{
  color:#828282;
}
.carousel-control-prev-icon{
background-image: url('../image/arrow-prev.png');

}
.carousel-control-next-icon{
background-image: url('../image/arrow-next.png');
}
#facilities-carousel .btn-close{
  background-image: url('../image/close.svg');
  opacity: .9;
  background-size: 100%;
}
#table-meeting tr {
  border: 1px solid #999999;
}
#table-meeting thead tr th{
background-color: #ececec;
}
#table-meeting.table-striped>tbody>tr:nth-of-type(even)>*{
    background-color: #ececec
}
#table-meeting.table-striped>tbody>tr:nth-of-type(odd)>*{
    background-color: #ffffff;
    --bs-table-bg-type:#fff;
}
.navbar-expand-lg{
  justify-content: flex-end;
  padding-right: 20px;
}