body {
  background-color: #F3F3F0;
  font-family: "Jost", sans-serif;
  color: #333632;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

.dark-bg {
  background-color: #111;
}

.color-white {
  color: #fff !important;
}

.color-green {
  color: #53624e !important;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 100px;
  }
}
h1, h2, h3, h4 {
  font-family: "Marcellus", sans-serif;
}

h1 {
  color: #fff;
}

h2, h3, h4 {
  color: #1a1b1a;
}

h4 {
  font-size: 18px;
}

h2, p {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}

p {
  font-family: "Jost", sans-serif;
  font-size: 18px;
  color: #333632;
}

.flaticon {
  font-size: 56px;
  color: #53624e;
}

.eyebrow {
  font-family: "Jost", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #53624e;
}

.bg-cover {
  background-size: cover;
  background-position: center;
}

.f-21 {
  font-size: 21px;
}

.f-16 {
  font-size: 16px;
}

.f-14 {
  font-size: 14px;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.play-button {
  width: 150px;
  height: 150px;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: ease 0.3s;
  background: none;
}
.play-button:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.play-button svg {
  width: 32px;
}

.button {
  padding: 14px 48px;
  font-size: 16px;
  font-family: "Marcellus", sans-serif;
  text-decoration: none;
  transition: ease 0.3s;
  display: inline-block;
  border: none;
}
.button.button-primary {
  background-color: #b99d75;
  color: #fff;
}
.button.button-primary:hover {
  background-color: #ab916c;
}
.button.button-white {
  padding: 10px 24px;
  border: 1px solid #fff;
  color: #fff;
}
.button.button-white:hover {
  background-color: #fff;
  color: #1a1b1a;
}

.button-underlined {
  font-family: "Marcellus", sans-serif;
  color: #333632 !important;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
}
.button-underlined:after {
  font-family: "ElegantIcons";
  content: "5";
  font-size: 16px;
  font-size: 1rem;
  transform: translate(5px, -2px);
}
.button-underlined:hover span:before {
  transform: scale(0);
}
.button-underlined span {
  padding-bottom: 8px;
  position: relative;
}
.button-underlined span:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #b99d75;
  transform-origin: left;
  transition: ease 0.3s;
}

.rooms-slider .swiper-slide {
  height: auto;
}
.rooms-slider .swiper-slide:hover .img-box img, a:hover .animated-img img {
  transform: scale(1.1);
}
.rooms-slider .swiper-slide .img-box, .animated-img {
  height: 370px;
  overflow: hidden;
}

.animated-img.img-box-sm {height:300px;}

.rooms-slider .swiper-slide .img-box img, .animated-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: ease 0.5s;
}
.rooms-slider .swiper-slide .flaticon {
  font-size: 25px;
  line-height: 1;
}
.rooms-slider .swiper-slide .price, .badge-info {
  top: 20px;
  left: 20px;
  padding: 10px;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.rooms-slider .swiper-slide a .price {color:#222;}


.img-frame {position:relative; min-height:auto !important; padding-top:100% !important;}
.img-frame:before {
    content: "";
    position: absolute;
    top: -15px;
    right: 15px;
    bottom: 15px;
    left: -15px;
    border: 1px solid #b99d75;
    transition: ease 0.3s;
    z-index: 100;
}

.text-dark {color:#000 !important;}
.swiper-pagination {
  margin-top: 60px;
}

@media (min-width: 1024px) {
	.button-underlined {
	  font-size: 18px;
	}
}
@media (max-width: 767px) {
  .swiper-pagination {
    margin-top: 40px;
  }
}
.swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #333632;
  opacity: 0.35;
}
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.location-images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 767px) {
  .location-images {
    grid-template-columns: 1fr;
    background-size: 200%;
  }
}
.location-images .location-image:nth-child(2) {
  margin-top: 40px;
}
.location-images .location-image:hover .img-box img {
  transform: scale(1.1);
}
.location-images .location-image:hover .img-box:before {
  top: 15px;
  left: 15px;
}
.location-images h3 {
  font-size: 36px;
  margin-top: 20px !important;
}
.location-images .img-box {
  width: 100%;
  height: 580px;
  position: relative;
}
.location-images .img-box:before {
  content: "";
  position: absolute;
  top: -15px;
  right: 15px;
  bottom: 15px;
  left: -15px;
  border: 1px solid #b99d75;
  transition: ease 0.3s;
  z-index: 100;
}
.location-images .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: ease 0.5s;
}

.grid-2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}


.cursive {
  color: #53624e;
 
  font-family: 'Dancing Script', cursive;
  font-size: 36px;
}
@media (max-width: 991px) {
  .grid-2 {
    grid-template-columns: 1fr;
  }
  .cursive {
	  font-size: 30px;
	}

}

.input-box {
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
}
.input-box input, .input-box button, .input-box input::placeholder {
  background: none;
  border: none;
  color: #fff;
  outline: none;
}

.gallery-slider, .gallery-slider-2 {
  position: relative;
}
.gallery-slider .slick-slide, .gallery-slider-2  .slick-slide{
  margin: 20px;
}
.gallery-slider img, .gallery-slider-2 img {
  max-height: 450px;
  object-fit: cover;
}
.gallery-slider .slick-arrow, .gallery-slider-2 .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  padding: 0;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 99px;
  box-shadow: 0 2px 40px -10px rgba(83, 54, 36, 0.1);
  text-align: center;
  color: #111;
  border: none;
  cursor: pointer;
  transition: 0.2s;
  font-size: 0;
}
.gallery-slider .slick-arrow.slick-prev, .gallery-slider-2 .slick-arrow.slick-prev  {
  left: 40px;
}
.gallery-slider .slick-arrow.slick-prev:after, .gallery-slider-2 .slick-arrow.slick-prev:after {
  content: "4";
}
.gallery-slider .slick-arrow.slick-next, .gallery-slider-2 .slick-arrow.slick-next {
  right: 40px;
}
.gallery-slider .slick-arrow.slick-next:after, .gallery-slider-2 .slick-arrow.slick-next:after {
  content: "5";
}
.gallery-slider .slick-arrow:after, .gallery-slider-2 .slick-arrow:after {
  font-family: "ElegantIcons";
  font-size: 24px;
  font-size: 1.5rem;
}

.nav-link {
  font-size: 13px;
  text-transform: uppercase;
  color: #fff !important;
  font-weight: 500;
}
.nav-link  a {color: #fff !important;}

.nav-link:hover a:before, .nav-link.current a:before,
.nav-link.active a:before {
  transform: scale(1);
}
.nav-link a {
  padding-bottom: 8px;
  position: relative;
}
.nav-link a:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #fff;
  transform-origin: left;
  transform: scale(0);
  transition: ease 0.3s;
}

.bread a { color: #fff !important}
.bread .mt-lg-5.mb-1 a {opacity:.6}

#languages a {opacity:.6; text-transform:uppercase; color: #fff !important;}
#languages a.active {opacity:1; }
#languages a + a:before {
    content:'/';
    display:inline-block;
    padding:0 3px;
}

.check-avail {
  margin-top: -56px;
  z-index: 2;
  position: relative;
  background-color: #53624E;
  padding: 30px;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(6, 1fr);
}

.check-avail .button {padding-left:10px; padding-right:10px; width:100%; text-align:center;}
.check-avail .button i {float:left; display:inline-block; padding:0 5px; font-size:150%;}
#video {position:relative; overflow:hidden;}
        .video-slogan {
            position:absolute;
            bottom:10%;
            width:80%;
            left:10%;
            z-index:2;
           
        }
        .video-slogan .h1 {font-family: "Marcellus", sans-serif;}
        
			.white-popup {
			  position: relative;
			  background: #FFF;
			  padding: 20px;
			  width: auto;
			  max-width: 80vw;
			  margin: 20px auto;
			}
            
header {z-index:3;}

#main_menu .nav-link {position:relative;}
#main_menu .nav-link ul{
    position: absolute;
    z-index: -1;
    display: block;
    min-width: 240px;
    padding: 20px 0;
    margin: 0;
    text-align: left;
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    background: rgba(0,0,0,.7);
    color: #fff;
    left: 1rem;
    top:150%;
     
}

#main_menu .nav-link ul li a {
    transition: ease 0.3s;
    position: relative;
    display: block;
    padding: 0;
    font-size: 0.9375rem;
    letter-spacing: 0;
    text-transform: capitalize;
    line-height: 36px;
}
#main_menu .nav-link ul li a:before {opacity:0 !important; width:0 !important; display:none !important;}
 #main_menu .nav-link ul li a:hover {padding-left:15px;}

#main_menu .nav-link:hover > ul {
	z-index: 99;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    top:100%;
}

       

@media (max-width: 992px) {
  .check-avail {
    grid-template-columns: repeat(3, 1fr);
  }
}

footer nav.f-14 ul {list-style-type:none;}
footer nav.f-14 ul li {display:inline-block;}
footer nav.f-14 ul li a {color:#fff; font-size:13px; text-transform:uppercase;}

footer .border-bottom {
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
}


@media (max-width: 767px) {
footer nav.f-14 ul li {display:block; text-align:center;}

  .check-avail {
    grid-template-columns: 1fr;
  }
  .check-avail div {width:100%; display:grid;}
  .check-avail div button, .check-avail div a  {width:100%;}
}
.check-avail > div .input-box {
  padding: 5px 25px 5px 15px;
  height: 100%;
  border: 1px solid #b99d75;
}
.check-avail > div span, .check-avail > div label {
  color: #fff;
}
.check-avail > div input, .check-avail > div select {
  background: none;
  border: none;
  color: #fff;
  font-size: 13px;
}
.check-avail > div input[type=date] {
  max-width: 100px;
}
.check-avail > div input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}

.book-popup, .voucher-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: none !important;
}
.book-popup.show,   .voucher-popup.show {
  display: flex !important;
}
.book-popup .close-btn,   .voucher-popup .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.book-popup .close-btn:after, .book-popup .close-btn:before,
.voucher-popup .close-btn:after, .voucher-popup .close-btn:before {
  position: absolute;
  top: 19px;
  left: 8px;
  display: block;
  width: 25px;
  height: 2px;
  background: #fff;
  content: "";
  transition: transform 0.25s;
}
.book-popup .close-btn:before, .voucher-popup .close-btn:before{
  transform: rotate(45deg);
}
.book-popup .close-btn:after, .voucher-popup .close-btn:after {
  transform: rotate(135deg);
}


.filter .button {padding: 10px 35px;}
.offer-icons .flaticon {font-size:25px;}

.form-select, .form-control, .card , .btn {border-radius:0;}

.list-group .rounded-pill.bg-secondary {background:#b99d75 !important;}



.irs--round .irs-bar {background:#9b8668 !important;}

.irs--round .irs-handle {border: 4px solid #b99d75  !important;}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {background: #b99d75 !important;}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {border-top-color:  #b99d75 !important;}


.section-image-text .h-30 {
    height:50vh;
}
.text-primary {
    color: #9b8668 !important;
}

.btn-outline-primary {
    color: #b99d75;
    background-color: transaprent;
    border-color: #b99d75;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #b99d75;
    border-color: #b99d75;
}

.check-avail select {min-width:100px; text-align:right;}

.check-avail select  option {
  background: #53624E !important;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  min-width:60px;
  text-align:left;
}
.check-avail select option:not(:checked) { background: #fff !important; color:#222; }


.section-text  div + div {padding-bottom:10px;}



.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      position:relative;
      overflow:hidden;
      padding-bottom:2rem !important;
    }
  
 .swiper-container .swiper-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto auto;  
      grid-auto-flow: column;
 
    }
    
    .swiper-container .swiper-wrapper .swiper-slide {
        height: fit-content;
      }
  

.slick-dots
{
    position: absolute;
    bottom: -10px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 22px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
   
#top-lang {display:none; opacity:0;}   
@media (max-width: 768px){
	#top-lang {display:block; opacity:1; position:absolute; top:29px; right:70px;}   
	
	header {
		z-index: 1116;
	}
	#bdNavbar{background: #000; padding-bottom: 15px;}
	#bdNavbar #languages {display:none !important;}

    #start-sub {height: calc(30vh + 50px) !important;}
    #start-sub  h2 {margin: 15vh 0 0 0 !important;}
    .navbar {border-bottom: none !important;}
   .navbar-brand .logo {max-width:90px !important;}
   .navbar-toggler {margin-top:8px; padding:.25rem; border:none !important;}
   #main_menu{background:rgba(0,0,0,.4); margin-top:15px;}
    nav a + .text-end {
        display: block !important;
        text-align: center !important;
    }
    nav #languages {padding:10px 0;}
    #languages a  {padding: 8px;}
    #main_menu_lang li.ms-4 {margin-left:0 !important;}
    
	#main_menu .nav-link ul {
		 position: relative;
		z-index:1;
		display: block;
		min-width: 240px;
		padding: 10px 0;
		opacity: 1;
		ointer-events: visible;
		visibility: unset;
		background: rgba(0, 0, 0, .7);
		color: #fff;
		left: 1rem;
		top: 0%;
	}
	#main_menu .nav-link ul .nav-link {padding:.25 .5rem !important;}
	.bread .mt-lg-5.mb-1 {opacity:0;}
	
    .check-avail {
        margin-top: -155px;
        padding: 15px 30px;
    }
    .eyebrow, h2.display-4, .rooms-slider h3,
    .col-lg-4.col-md-5.d-md-flex.justify-content-end.mt-3.mt-mb-0,
    .list-offer-item h3    {text-align:center !important;}
    .rooms-slider p, .list-offer-item p{text-align:justify !important;}
    .rooms-slider a.button-underlined {margin:0 auto}
    
    p {font-size: 16px;}
    .display-6 {
        font-size: calc(1.1rem + 1.5vw);
    }
    .f-21 {font-size: 18px;}
    .f-14 {font-size: 13px;}
    
    .location-image {gap: 2rem!important; margin:20px;}
    .location-images .img-box {height: 440px;}
    .img-frame {margin: 20px;}

    .list-offer-item .col-md-8  {    padding: 5px 30px !important;}
    .main-menu-list .container.h-100   {padding:0 !important;}
     #offer_list_filter_container .card .mb-3 {margin-bottom:.3rem!important}
    #offer_list_filter_container .card + .card {display:none !important;}
    #offer_list_top_filter_container  .col-xl-7{display:none !important;}       
        
    .footer-copyright, .footer-copyright p {display:block; width:100%; text-align:center !important;}
    .footer-copyright nav {width:100%; padding-top:15px;}
    footer nav.f-14 ul {padding:0 !important;}
    
    .slick-dots li {width: 10px !important;    height: 10px  !important; }
    .offer-icons .flaticon {font-size: 18px;}
}



#promo_popup {text-align:center;}
#promo_popup .btn-primary {    background-color: #ab916c; border-color:  #ab916c; color:#fff; border-radius:0;}
#promo_popup .btn-primary:hover, #promo_popup .btn-primary:hocus {
	
	 background-color: #6f5a3b; border-color: #6f5a3b; color:#fff; border-radius:0;
}