/*!
Theme Name: Dat Holiday
Theme URI: #
Author: Radu
Author URI: #
Description: Description
Version: 1.0.0 
Tested up to: 5.4
Requires PHP: 5.6
*/

img{
    max-width: 100%;
}

a{
    text-decoration: none;
}

/* Global Colors */
:root {
  --Ysabeau : "Ysabeau Infant", sans-serif;
  --Marcellus : "Marcellus", serif;;
  --gray: #F4F6F8;
  --dark_gray: #141A2F80;
  --red:#eb1e00;
  --orange: #D5A402;
  --l_orange: #F8F7F2;
  --white: #ffffff;
  --black: #212529;
 
}

html {
  margin:0;
  padding:0;
  font-family: var(--Ysabeau);
  background: var(--white);
}

label{
  font-family: var(--Ysabeau);  
}


body {
  margin: 0;
}

*:focus {
    outline: none;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: var(--accent);
  opacity: 0.6;
  font-family: var(--Ysabeau);
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: var(--accent);
  opacity: 0.6;
  font-family: var(--Ysabeau);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: var(--accent);
  opacity: 0.6;
  font-family: var(--Ysabeau);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: var(--accent);
  opacity: 0.6;
  font-family: var(--Ysabeau);
}
::-ms-input-placeholder { /* Microsoft Edge */
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: var(--accent);
  opacity: 0.6;
  font-family: var(--Ysabeau);
}

::placeholder { /* Most modern browsers support this now. */
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: var(--accent);
  opacity: 0.6;
  font-family: var(--Ysabeau);
}



textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

h1 {
  font-style: normal;
  font-weight: 400;
  font-size:  64px;
  line-height: 150%;
  color:var(--dark_gray);
  font-family: var(--Marcellus);
  margin-top: 25px;
  margin-bottom: 30px;
}

h2{
    margin-top:0;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    font-family: var(--Marcellus);
    margin-bottom: 10px;
    color: var(--accent);

}


h3{
    margin-top:0;
    font-weight: 300;
    font-size: 34px;
    line-height: 41px;
    color: var(--accent);
    font-family: var(--Marcellus);
}

h4{
  margin-top:0;
  font-size: 20px; 
  color:var(--orange);
  font-family: var(--Ysabeau);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  letter-spacing: 2.16px;
  text-transform: uppercase;

}

p{
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    font-size: 16px;
    color: var(--gray);
    line-height: 175%;
    font-family: var(--Ysabeau);
    color: var(--black);
    margin-bottom: 10px;
}


.left_right ul, .left_right  li{
  list-style-type: none;
  margin:0;
  padding:0;
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
  font-size: 16px;
  color: var(--gray);
  line-height: 175%;
  font-family: var(--Ysabeau);
  color: var(--black);
  margin-bottom: 10px;
}

.left_right  ul li{
  padding-left: 30px;
  background: url("images/check.svg") no-repeat left 3px;
}


select{
    -webkit-appearance:none;
}

.button_container{
  float:left;
  width: 100%;
  margin-top: 10px;
}

.button{
  color: var(--white);
  font-weight: 400;
  border-radius: 0px;
  padding:16px 24px;
  background: var(--accent);
  display: table;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2.16px;
    opacity: 1;
    transition:all 0.3s;
}
  
  .button:hover{
    opacity: 0.8;
    transition:all 0.3s;
  }

  .button svg{
      position: relative;
      top: 3px;
      margin-left: 10px;
      left:0px;
      transition:all 0.3s;
  }

  .button:hover svg{
      left:10px;
      transition:all 0.3s;
  }

.button.red{
  background: var(--accent);
  color: var(--white);
}
.button.yellow{
  background: var(--orange);
  color: var(--white);
}



ul#mobile_menu {
    position: relative;
    top: 20px;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: -20px;
    margin: 0;
    float: right;
    margin-left: 50px;
    display:none;
}
ul#mobile_menu li {
    list-style: none;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    width: 90%;
    height: 2px;
    background: var(--white);
    border-radius: 20px;
    transition: .5s;
    opacity: 1;
    width: 40px;
}
ul#mobile_menu li:nth-of-type(1){
    top: 20%;
}
ul#mobile_menu li:nth-of-type(2),ul#mobile_menu li:nth-of-type(3){
    top: 50%;
}
ul#mobile_menu li:nth-of-type(4){
    top: 80%;
}

ul#mobile_menu.active li:nth-of-type(1){
    top: -20%;
    opacity: 0;
}
ul#mobile_menu.active li:nth-of-type(2){
    transform: translateY(-50%) rotate(45deg);
}
ul#mobile_menu.active li:nth-of-type(3){
    transform: translateY(-50%) rotate(-45deg);
}
ul#mobile_menu.active li:nth-of-type(4){
    top: 120%;
    opacity: 0;
}


/* ==== GRID SYSTEM ==== */

.container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .row {
    position: relative;
    width: 100%;
  }
  
  .row [class^="col"] {
    float: left;
    margin: 0rem 2%;
    min-height: 0.125rem;
  }
  
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    width: 96%;
  }
  
  .col-1-sm {
    width: 4.33%;
  }
  
  .col-2-sm {
    width: 12.66%;
  }
  
  .col-3-sm {
    width: 21%;
  }
  
  .col-4-sm {
    width: 29.33%;
  }
  
  .col-5-sm {
    width: 37.66%;
  }
  
  .col-6-sm {
    width: 46%;
  }
  
  .col-7-sm {
    width: 54.33%;
  }
  
  .col-8-sm {
    width: 62.66%;
  }
  
  .col-9-sm {
    width: 71%;
  }
  
  .col-10-sm {
    width: 79.33%;
  }
  
  .col-11-sm {
    width: 87.66%;
  }
  
  .col-12-sm {
    width: 96%;
  }
  
  .row::after {
      content: "";
      display: table;
      clear: both;
  }
  
  .hidden-sm {
    display: none;
  }
  
  @media only screen and (min-width: 33.75em) {  /* 540px */
    .container {
      width: 1320px;
    }
  }
  
  @media only screen and (min-width: 45em) {  /* 720px */
    .col-1 {
      width: 4.33%;
    }
  
    .col-2 {
      width: 12.66%;
    }
  
    .col-3 {
      width: 21%;
    }
  
    .col-4 {
      width: 29.33%;
    }
  
    .col-5 {
      width: 37.66%;
    }
  
    .col-6 {
      width: 46%;
    }
  
    .col-7 {
      width: 54.33%;
    }
  
    .col-8 {
      width: 62.66%;
    }
  
    .col-9 {
      width: 71%;
    }
  
    .col-10 {
      width: 79.33%;
    }
  
    .col-11 {
      width: 87.66%;
    }
  
    .col-12 {
      width: 96%;
    }
  
    .hidden-sm {
      display: block;
    }
  }


    .flex_it{
        display: flex;
    }
    
    .center_it{
        align-items: center;
    }
    
    .wrap_it{
        flex-wrap: wrap;
    }
    
    .flex_center{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .space_between{
      justify-content: space-between;
    }


/* Alignments
--------------------------------------------- */
.alignleft {

  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {

  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}


#masthead{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  z-index: 100;
  transition:all 0.3s;
}
#masthead.scrolled{
  background: #212529ed;
  transition:all 0.3s;
}

.menu_container{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
    padding-bottom: 24px;
    transition:all 0.3s;
}

.scrolled .menu_container{
  padding-top: 24px;
  padding-bottom: 24px;
  transition:all 0.3s;
}



.main-navigation ul,
.main-navigation ul li{
  margin:0;
  padding:0;
  list-style-type: none;
}

.main-navigation li a{
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
  color: var(--white);
  transition:all 0.3s;
}

  .main-navigation li:hover a,
  .main-navigation li.current_page_item a{
    color: var(--orange);
    transition:all 0.3s;
  }

  .main-navigation ul{
    display: flex;
    gap: 24px;
  }

  #logo{
    padding-right: 100px;
    padding-left: 100px;

  }
  #logo img{
    height: 60px;
    display: inline-block;
    width: auto;
    transition:all 0.3s;
  }

  .scrolled #logo img{
    height: 60px;
    transition:all 0.3s;
  }

#lightSlider{
  margin:0;
  padding:0;
}


.home_slider{
  position: relative;
  height: 100vh;
  min-height: 768px;
  overflow: hidden;
}

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */


.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

 .home_slider .lightSlider_container{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height:100%;
  }

.home_slider .lightSlider_container li {
  position: relative;
}

.home_slider .lightSlider_container .mid_text .mid_text_inner{
    position: absolute;
    top: 20vh;
    width: 100%;
}

  .home_slider .lightSlider_container .mid_text .mid_text_inner h2{
    font-size: 64px;
    line-height: 150%;
    color: var(--white);
    font-weight: 400;
  }

  .home_slider .lightSlider_container .mid_text .mid_text_inner p{
    color: var(--white);
  }

.home_slider .lightSlider_container .mid_text {
    position: absolute;
    top: 0;
    z-index: 3;
    float: left;
    width: 100%;
    height: 100vh;
    min-height: 768px;
    text-align: center;
    left: 0;
}

  .home_slider .lightSlider_container .overlay{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    background: #212529;
    opacity: 0.7;
  }

  .home_slider .lightSlider_container #lightSlider img{
    height: 100vh;
    min-height: 768px;
    object-fit: cover;
    display: table;
    width: 100%;
  }

  .home_slider .arrows{
    position: absolute;
    top:35vh;
    height: 20px;
    width: 100%;
    z-index: 3;
  }

  .home_slider .arrows .arrow_container{
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .home_slider .arrows .arrow{
    border: 3px solid #FFFFFF57;
    background: var(--accent);
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: table;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;    
    transition:all 0.4s;
  }

  .home_slider .arrows .arrow:hover{
    opacity: 0.8;
    transition:all 0.4s;
  }

  .home_slider .arrows .arrow.arrow_right{
    transform: rotate(180deg);
  }


.home_slider .search_section{
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  z-index: 2;
}

  .home_slider .search_section .search_data{
    box-shadow: 0px 0px 24px 0px #00000099;
    border-radius: 16px;
    overflow: hidden;
  }

    .home_slider .search_section .search_data .top_search{
      position: relative;
      background: var(--white);
      padding:30px 40px;
    }

      .home_slider .search_section .search_data .top_search .search_house{
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 12px;
      }

    .bottom_search{
      background: #F3F3F35E;
      backdrop-filter: blur(4px);
      min-height:30px;
      padding-top: 12px;
      padding-bottom: 12px;
      float:left;
      width: 100%;
    }

    .gallery .bottom_search{
      background: #ECEBE6;
    }

    .gallery .bottom_search+.button_container{
      text-align: center;
      margin-bottom: 50px;
    }
    
    .gallery .bottom_search+.button_container .button{
      float: none;
      margin: 0 auto;
    }

      .gallery   .reviews{
         justify-content: space-around;
      }
      
      .gallery .reviews .review_nr,
      .gallery .reviews .review_total{
        color: var(--black);
      }

    .reviews{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 40px;
    }

      .reviews img{
        height: 48px;
        width: 48px;
        min-height: 48px;
      }

      .reviews .one_t a,
      .reviews .one_t{
        display: flex!important;
        align-items: center;
        justify-content: center;
      }

      .reviews .review_nr{
        color: var(--white);
        font-family: var(--Marcellus);
        font-weight: 400;
        font-size: 24px;
        margin-right: 5px;
      }

      .reviews .review_total b{
        font-weight: 600;
      }

      .reviews .review_total{
        font-size: 13.6px;
        color: var(--white);
      }

      .reviews .review_total .icon{
        width: 13px;
        height: 13px;
        
        display: table;
        border-radius: 100%;
      }
      .reviews .review_total .icon.blue{background: #116DB3;}
      .reviews .review_total .icon.star{display: block;}
      .reviews .review_total .icon.green{background: #007896;}
      .reviews .review_total .icon.red{background: #E45F75;}

.top_search {
    display: flex;
    justify-content: space-between;
}

.search_house {
    display: flex;
    gap: 30px;
    align-items: flex-end;
}

.one_t label {
    display: block;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2.16px;
    text-transform: uppercase;
    color: var(--black);
}

.input_wrap {
    position: relative;
}



.input_wrap input,
.input_wrap select {
    width: calc(100% - 80px);
    padding: 0px 40px 0px 40px;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    height: 48px;
    max-height: 48px;
    color: var(--accent);
    font-family: var(--Ysabeau);
    font-weight: 400;
    font-size: 13px;
    line-height: 175%;
}
.input_wrap input{
      height: 46px;
    max-height: 46px;
}
.input_wrap select {
  width: 100%;
}


.search_house .one_t{
  width: 100%;
}

.search_house .one_t:last-child{
  width: auto;
}

/* Calendar icon left */
.icon-calendar {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('images/calendar.svg') no-repeat center;
    background-size: contain;
    pointer-events: none;
}
/* Calendar icon left */
.icon-guests {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('images/users-02.svg') no-repeat center;
    background-size: contain;
    pointer-events: none;
}

/* Arrow on the right (optional) */
.input_wrap #checkout,
.input_wrap #checkin,
.input_wrap select {
    appearance: none;
    background-image: url('images/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
}


.search_button{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--Ysabeau);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2.16px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: var(--white);
    background: var(--accent);
    border: 0;
    padding: 12px 24px;
    height: 48px;
    max-height: 48px;
    gap: 10px;
    cursor: pointer;
    transition:all 0.3s;
    opacity: 1;
}

.search_button:hover{
  opacity: 0.7;
  transition:all 0.3s;
}



.badges_data{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    padding-top: 30px;
    padding-bottom: 30px;
}

  .badges_data .badge{
      display: flex;
      align-items: center;
      gap: 10px;
  }

    .badges_data .badge h4{
      margin:0;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 2.16px;
      text-transform: uppercase;
      color: var(--black);
    }

.img_side {
  display: flex;
 /* flex-wrap: wrap; */
  gap: 24px;
}

/* 1 image: full width, min-height 600 */
.img_side.img_count_1 .img_wrap {
  width: 100%;
  min-height: 600px;
}
.img_side.img_count_1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 2 images: 1 left, 1 right, both min-height 600 */
.img_side.img_count_2 .img_wrap {
  width: 50%;
  min-height: 600px;
}
.img_side.img_count_2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 3 images: 1 left tall, 2 right stacked */
.img_side.img_count_3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  min-height: 600px;
}
.img_side.img_count_3 .img_1 {
  grid-row: 1 / 3;      /* tall left */
}
.img_side.img_count_3 .img_2,
.img_side.img_count_3 .img_3 {
  height: 300px;        /* right top/bottom 300px */
}
.img_side.img_count_3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 4 images: 2 left, 2 right */
.img_side.img_count_4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 300px;
  gap: 24px;
}
.img_side.img_count_4 .img_wrap {
  height: 300px;
}
.img_side.img_count_4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* generic image styles */
.img_wrap {
  position: relative;
  overflow: hidden;
}
.img_wrap img {
  display: block;
  transition: transform 0.3s ease;
}
.img_wrap img:hover {
  transform: scale(1.03);
  cursor: zoom-in;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}


/*# sourceMappingURL=magnific-popup.css.map */

.reviews_container,
.why_choose_us,
.gallery_container,
.site-footer,
.home_slider,
.badges,
.contact,
.left_right{
  float: left;
  width: 100%;
  margin-bottom: 100px;
}


.left_right.orange_bg{
  background: var(--l_orange);
  padding-top: 100px;
  padding-bottom: 100px;
}

.left_right .row{
  display: flex;
  align-items: center;
}

  .left_right.switch .row{
        flex-direction: row-reverse;
  }

  .left_right .items {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
        gap: 40px;
  }

    .left_right .items .item {
        width: calc(33.3% - 40px);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

      .left_right .items .item p{
        margin:0;
        float:left;
        width: 100%;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 2.16px;
        text-transform: uppercase;
        text-align: center;
      }

.left_right.has_bg_image{
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  margin-bottom: 0;
}

  .left_right.has_bg_image h4{
    color: var(--orange);
  }

  .left_right.has_bg_image h2,
  .left_right.has_bg_image h3,
  .left_right.has_bg_image li,
  .left_right.has_bg_image p{
    color: var(--white);
  }

  .left_right.has_bg_image .container{
    position: relative;
    z-index: 3;
  }

  .left_right.has_bg_image .overlay{
      position: absolute;
      top:0;
      left:0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 2;  
      background: #212529B2;
  }


.absolute{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;  
}





.gallery_container img{
  width: 100%;
}

.gallery_overdata{
  float:left;
  width: 100%;
}

  .gallery_overdata.orange_background{
    background: var(--l_orange);  
  }

.gallery_title{
  float:left;
  width: 100%;
  padding-bottom: 24px;
  padding-top: 100px;
}

.gallery_container{
  margin-bottom: 0;
  position: relative;
  padding-bottom: 24px;
}

  .gallery_container .tns-nav{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    bottom: 0;
    display: flex;
    justify-content: center;
    gap: 4px;
  }

    .gallery_container .tns-nav button{
      width: 46px;
      height: 6px;
      border:0;
      background: #e3e9ec;
      transition:all 0.3s;
      border-radius: 3px;
    }

    .gallery_container .tns-nav button.tns-nav-active{
      background: var(--accent);
      transition:all 0.3s;
    }

.buttons_solo{
  float:left;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 60px;
}

  .buttons_solo .button_container{
    display: flex;
    justify-content: center;
  }

.gallery_title h4{
  color: var(--orange);
  margin-bottom: 0;
}

.gallery_title h3,
.gallery_title h2{
  color: var(--accent);
  margin-bottom: 0;
}

  .gallery_title .col-12{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .right_arrows{
    display: flex;
    gap: 12px;
  }
  
  .why_choose_us .right_arrows{
    justify-content: center;
    margin-top: 24px;
  }

  .right_arrows .arrow{
    width: 40px;
    height: 40px;
    background: var(--orange);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

    .right_arrows .arrow svg{
      width: 10px;
    }

    .right_arrows .arrow.arrow_right_reviews,
    .right_arrows .arrow.arrow_right_gallery{
      transform: rotate(180deg);
    }


.home_slider,.badges{
  margin-bottom: 0;
}


.why_choose_us{
  background: var(--l_orange);
  margin-bottom: 0;
  padding-bottom: 100px;
}

  .why_choose_us .items{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
  }

    .why_choose_us .items .item{
      display: flex;
      align-items: center;
      gap: 0px;
      width: 100%;
    }

      .why_choose_us .items .item img{
        width: 40px;
      }

      .why_choose_us .items .item .text{
        position: relative;
        min-height: 30px;
        display: flex;
        align-items: center;
        padding-left: 24px;
        margin-left: 24px;
        color: #A4AAAF;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 24px;
        letter-spacing: 2.16px;
        vertical-align: middle;
        text-transform: uppercase;

      }

        .why_choose_us .items .item .text:before{
          float:left;
          width: 1px;
          height: 30px;
          position: relative;
          left: -24px;
          background: var(--orange);
          content:"";
        }

        .why_choose_us .inner_data{
          background-color: var(--white);
          background-image: url("images/quote.svg");
          background-repeat: no-repeat;
          background-size: 56px;
          background-position: right 24px top 24px;
          box-shadow: 0px 0px 10px 0px #00000024;
          padding: 24px;
          margin-top: 10px;
          margin-bottom: 10px;
          float:left;
          width: calc(100% - 48px);
        }

          .why_choose_us .inner_data p{
            margin-bottom: 0;
          }

        .why_choose_us .col-8{
          margin: 0;
        }

.stars {
    display: inline-flex;
    margin-left: 0;
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.star {
  font-size: 16px;
  color: #ddd;
  position: relative;
}

.star.full {
  color: #ffc107;
}

.star.empty {
  color: #ddd;
}

.star.half {
  color: #ddd;
}

.star.half::before {
  content: "★";
  color: #ffc107;
  position: absolute;
  left: 0;
  width: 50%;
  overflow: hidden;
}



/* Base slider list */
.reviewsSlider {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Tiny Slider wrappers */
.tns-outer,
.tns-inner {
  width: 100%;
  max-width: 100%;
  overflow: visible; /* or hidden if you want to clip overflow on purpose */
}

/* Each slide */
.reviewsSlider li {
  box-sizing: border-box;
}


.acf-map {
    width: 100%;
    height: 900px;
}

// Fixes potential theme css conflict.
.acf-map img {
   max-width: inherit !important;
}

.contact .left_side,
.contact .right_side{
  width: 50%;
  height: 900px;
  float:left;
}

  .contact .left_side img{
    width: 100%;
    height: 900px;
    object-fit: cover;
  }


.contact{
  position: relative;
  margin-bottom: 0;
}

  .contact .right_side{
    position: relative;
    z-index: 4;
  }

  .contact .mid_section{
    position: absolute;
    z-index: 3;
    float: left;
    width: 100%;
    height: 900px;
    display: flex;
    align-items: center;
  }

  .contact .top_text{
    background: #212529B2;
    padding:24px;
    float: right;
  }

    .contact .top_text .top_inner{
      padding:24px;
      border: 1px solid var(--orange);
    }

      .contact .top_text .top_inner a{
        color: var(--white);
      }   

      .contact .top_text .top_inner h4{
        margin-bottom: 0;        
        margin-bottom: 8px;
      }
      .contact .top_text .top_inner h2{
        font-size: 32px;
        margin-bottom: 12px;
        line-height: 100%;
      }
      .contact .top_text .top_inner h3{
        font-size: 24px;
        margin-bottom: 0;
        line-height: 100%;
      }


    .contact .contact_form{
      float:left;
      width: calc(100% - 48px);
      margin-top: 24px;
      padding:24px;
      background: var(--white);
    }


.contact_form .row{
  display:block;
  margin-bottom:10px;
}

  .contact_form .row .col-12,
  .contact_form .row .col-6{
    margin-left: 0; 
  }

.contact_form .two-cols{
  display:flex;
  gap: 12px;
}

.contact_form .two-cols .col{
  flex:1;
}

.contact_form input, .contact_form textarea {
    width: calc(100% - 16px);
    padding: 12px 8px;
    height: 23px;
    border: 1px solid #D6D7D8;
    font-family: var(--Ysabeau);
    font-weight: 400;
    font-size: 13px;
    line-height: 175%;

}

.contact_form textarea{
  height: 120px;
}

.btn-contact{
  align-items:center;
  background:var(--orange);
  color:var(--white);
  border:none;
  cursor:pointer;
  text-transform:uppercase;
}

.btn-contact .arrow{
  margin-left:8px;
}

.form-response{
  margin-top:12px;
  font-size:14px;
}

.form-response.success{ color:green; }
.form-response.error{ color:#c00; }


.site-footer{
  background: var(--accent);
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 0;
}
  
  .site-footer .social_media{
    float:left;
    width: 100%;
    margin-top: 10px;
  }

  .site-footer h3{
    color: var(--white);
    font-size: 24px;
  }

  .site-footer #footer_logo img{
        width: 80%;
    height: auto;
    margin-bottom: 10px;
  }
  .site-footer .text_container p{
    color: var(--white);
  }

  .site-footer .has_white{
    float:left;
    width: 100%;
    margin-bottom: 15px;
    color: var(--white);
    font-size: 18px;
  }

  .site-footer .copy_bottom {
      display: flex;
      justify-content: space-between;
      margin-top: 60px;
  }

    .site-footer .copy_bottom .footer_copyright{
      color: var(--white);
      font-size: 18px;
    }

    .site-footer .copy_bottom #footer-menu-add{
      color: var(--white);
      font-size: 18px;
      display: flex;
      list-style-type: none;
      margin:0;
      padding: 0;
      gap: 24px;
    }

    .site-footer .copy_bottom #footer-menu-add a{
      color: var(--white);
      font-size: 18px;
    }

.main-navigation ul#footer-menu{
  flex-wrap: wrap;
  gap: 10px;
}

  .main-navigation ul#footer-menu li{
    width: 100%;
  }


.small_top{
  float:left;
  width: 100%;
  min-height: 450px;
  position: relative;
  display: flex;
  align-items: flex-end;
}

  .absolute_img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    object-fit: cover;
  }

  .small_top .overlay{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    background: #212529;
    opacity: 0.7;
  }


  .small_top .container{
    z-index: 2;
    padding-bottom: 64px;
  }

  .small_top h1{
    margin-top:0;
    margin-bottom:10px;
  }

  .small_top h1,
  .small_top h2,
  .small_top h3,
  .small_top p{
    color: var(--white);
  }

  .small_top+.left_right{
    margin-top: 60px;
  }

.breadcrumbs, .breadcrumbs a{
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 175%;
}

.breadcrumbs a{
  font-weight: 600;
  text-decoration: underline;
}


.reviews_container .reviews .review_total,
.reviews_container .reviews .review_nr{
  color: var(--black);
}



/* Parent creates masonry columns */
.gallery_mansory{
  margin-bottom: 100px;
  margin-top: 100px;
  float:left;
  width: 100%;
}

.gallery_mansory .masonry-columns {
    column-count: 3;      /* desktop: 4 columns */
    column-gap: 12px;
}

/* Items flow inside columns, automatic heights */
.gallery_mansory .masonry-item {
    break-inside: avoid;
    margin-bottom: 12px;
}

/* Images just fill width; aspect ratio gives variation */
.gallery_mansory .masonry-item img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;  /* optional */
}

/* Responsive: auto-adjust number of columns */
@media (max-width: 1200px) {
    .gallery_mansory .masonry-columns { column-count: 3; }
}
@media (max-width: 900px) {
    .gallery_mansory .masonry-columns { column-count: 2; }
}
@media (max-width: 600px) {
    .gallery_mansory .masonry-columns { column-count: 1; }
}




.faq{
  float:left;
  width: 100%;
  background: var(--l_orange);
  padding-top: 100px;
  padding-bottom: 100px;
}

  .faq_items .item{
    padding:24px;
    background: var(--white);
    box-shadow: 0px 0px 44px 0px #00000017;
    margin-bottom: 24px;
    cursor: pointer;
  }

  .faq_items .item:last-child{
    margin-bottom: 0;
  }


  .faq_items .item svg{
    transition:all 0.3s;
    transform: rotate(0deg);
  }

  .faq_items .item.active svg{
    transform: rotate(90deg);
    transition:all 0.3s;
  }

  .faq_items .item .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .faq_items .item .title span{
    font-family: var(--Marcellus);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: var(--accent);
    transition:all 0.3s;
  }

  .faq_items .item.active .title span{
    color: var(--orange);
    transition:all 0.3s;
  }

  .faq_items .item .faq_text{
    padding-top: 24px;
    display: none;
  }

.faq_items svg path{
  stroke: var(--accent);
  transition:all 0.3s;
}

  .faq_items .item.active svg path{
    stroke: var(--orange);
    transition:all 0.3s;
  }

.gallery-thumbs .swiper-slide {
  opacity: 0.4;
  cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.gallery-thumbs img {
    width: 100%;
    display: block;
    height: 120px;
    object-fit: cover;
}


.gallery .gallery-main{
  margin-bottom: 20px;
}

.gallery .gallery-main img{
  height: 600px;
  width: 100%;
  object-fit: cover;
}

.prices-slider-wrap .arrow_right,
.prices-slider-wrap .arrow_left{
 margin-bottom: 20px;
}
.prices-slider-wrap .arrow_right{
  float:right;
}

.prices-slider-wrap .arrow_right:before{
    font-family: swiper-icons;
    font-size: 16px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    content: 'next';
}

.prices-slider-wrap .arrow_left:before{
    font-family: swiper-icons;
    font-size: 16px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    content: 'prev';
}
.prices-slider-wrap .arrow_right, .prices-slider-wrap .arrow_left,
.gallery .gallery-main .swiper-button-next, .gallery .gallery-main .swiper-button-prev{
  color: var(--white);
  font-size: 20px;
  width: 61px;
  height: 61px;
  border: 3px solid #FFFFFF57;
  border-radius: 100%;
  background: var(--accent);
   transition:all 0.4s;
  opacity: 1;
}

.gallery .gallery-main .swiper-button-next:hover, .gallery .gallery-main .swiper-button-prev:hover{
  opacity: 0.8;
   transition:all 0.4s;
}

.gallery .gallery-main .swiper-button-next:after, .gallery .gallery-main .swiper-button-prev:after{
  color: var(--white);
  font-size: 20px;
}


.apartment_options {
    display: flex;
    width: calc(100% - 48px);
    justify-content: space-between;
    text-align: center;
    background: #0000000D;
    padding: 24px;
    border-radius: 16px;
    margin-top: 40px; 
}

  .apartment_options .option{
    width: 100%;
  }

  .apartment_options p{
    margin-bottom: 0;
    font-size: 18px;
  }

    .apartment_options p.subtitle{
      color: var(--accent);
    }


 
.details{
  float:left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

  .details .bg_orange{
    background: var(--l_orange);
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .details .bg_orange .row{
    display: flex;
    align-items: center;
  }


.amenities{
  float:left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

  .amenities .items{
    float:left;
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }

    .amenities .items .item{
      width: calc(33.3% - 27px);
      display: flex;
      gap: 24px;
      align-items: start;
    }

      .amenities .items .item img{
        width: 60px;
      }


    .amenities .items .item ul,
    .amenities .items .item ul li{
      list-style-type: none;
      margin:0;
      padding:0;
    }

    .amenities .items .item ul li{
      padding-left: 20px;
      margin-bottom: 10px;
      background: url("images/check_black.svg") no-repeat left 7px;
    }



.why_choose_us .flex_it {
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 24px);
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 16px;
}

  .why_choose_us .flex_it .right_arrows{
    margin: 0;
  }

  .why_choose_us .flex_it .right_arrows .arrow{
    width:  58px;
    height: 58px;
    background: var(--accent);
    border: 3px solid #FFFFFF57
  }

  .why_choose_us .flex_it h2{
    margin: 0;
  }


.prices-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 18px;
    margin-bottom: 24px;
}

.prices-table th,
.prices-table td {
    border: 4px solid #fff;
    padding: 12px 10px;
    text-align: left;
    white-space: nowrap;
}

.prices-table thead th {
    background-color: #00000017;
    font-weight: 600;
}

.prices-table tbody tr{
    background-color: #0000000A;
}

.prices-table tbody tr:nth-child(odd) {
    background-color: #00000017;
}

.prices-table tbody tr:hover {
    background-color: #eef2ff;
}

.prices-table td:last-child {
    text-align: left;
}


.single-apartment .prices p{
  font-size: 18px;
}

.single-apartment .prices h2{
  margin-bottom: 24px;
}

.single-apartment .prices{
  float:left;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.single-apartment .prices .row{
  display: flex;
}

  .single-apartment .prices .row .col-4{
    position: relative;
    margin: 0;
    width: 35%;
  }

    .single-apartment .prices .row .col-4 img{
        height: 100%;
        object-fit: cover;
        box-shadow: 0px 0px 50px 0px #00000024;
    } 






.reservation {
    float:left;
    width: 100%;
    background: var(--l_orange);
    padding-top: 100px;
    padding-bottom: 100px;
}

  .reservation .reservation_cont{
    padding: 24px;
    width: calc(100% - 50px);
    box-shadow: 0px 0px 50px 0px #00000024;
    background: var(--white);
    float:left;
  }

  .flatpickr-calendar.inline{
    box-shadow: unset;
    margin: 0 auto;
  }






  #calendarInline{
    float:left;
    width: 100%;
  }

#dateRange {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
}

.reservation .flatpickr-months .flatpickr-prev-month{
    position: absolute;
    left: -100px!important;
    top: 40%;
}
.reservation .flatpickr-months .flatpickr-next-month{
    position: absolute;
    right: -100px!important;
    top: 40%;
}
.reservation span.flatpickr-weekday{
  max-width: 40px;
}

.reservation .flatpickr-months .flatpickr-prev-month svg, .reservation .flatpickr-months .flatpickr-next-month svg {
    width: 30px;
    height: 30px;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
 border-color: var(--orange)!important;
  background: var(--orange)!important;
}

.reservation .flatpickr-day.inRange,
.reservation .flatpickr-day.selected.endRange,
.reservation .flatpickr-day.selected.startRange{
  border-color: var(--orange);
  background: var(--orange);
  color: var(--white);
  box-shadow:-5px 0 0 var(--orange)!important;
  -webkit-box-shadow:-5px 0 0 var(--orange)!important;
}

.reservation .flatpickr-day.endRange,
.reservation .flatpickr-day.startRange{
  box-shadow:-5px 0 0 var(--orange)!important;
  -webkit-box-shadow:-5px 0 0 var(--orange)!important;
}

.reservation .dayContainer{
  column-gap: 8px;
  row-gap: 3px;
  justify-content: start;
}

.reservation .flatpickr-day{
    max-width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 13px; 
    font-weight: 700;
}

.reservation label{
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2.16px;
  vertical-align: middle;
  text-transform: uppercase;
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
}
.reservation .w-full.space-between{
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.reservation .w-full .button{
  padding: 8px 12px;
  border: 0;
  white-space: nowrap;
}

.reservation .dayContainer + .dayContainer{
  box-shadow: unset;
}

.reservation .row .w-full{
  width: 100%;
}

.reservation .row {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}
.reservation .reservation_cont .row.gap-20 .w-full:first-child{
  margin-right: 16px;
}

  .reservation .reservation_cont .row{
    gap: 0;
  }


  .reservation .reservation_cont .row.guests-row{
    gap: 20px;
    justify-content: center;
  }

.reservation .row input,  .reservation textarea {
    width: calc(100% - 24px);
    padding: 10px;
}

.reservation select {
    width: calc(100%);
    padding: 10px;
}


.reservation .req{ color: red; }
.reservation .row input{
  width: calc(100% - 24px);
}

.reservation .row input.numInput{
  width: 100%;
}

textarea {
    min-height: 80px;
}

#extras label {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    width: calc(100% - 32px);
    margin-bottom: 4px;
    margin-top: 0;
    background: #E8E8E8;
}

  #extras label:nth-child(odd){
    background: #F5F5F5;
  }

#extras span{
  display: flex;
    align-items: center;
    justify-content: start;
}
.reservation #extras input{
    margin-right: 16px;
}

.total {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}



.service-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
    font-family: system-ui, sans-serif;
}

/* wrapper span so we can size the box easily */
.service-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* base checkbox reset */
.service-control input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    background-color: var(--accent);
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.15s ease;
}

/* + / checkmark icon */
.service-control input[type="checkbox"]::before {
    content: "+";
    position: absolute;
    font-size: 35px;
    font-weight: 300;
    top: -13px;
    font-family: var(--Ysabeau);
    color: #fff;
    transform: scale(1);
    opacity: 1;
    transition: transform 0.2s ease, opacity 0.2s ease, color 0.2s ease;
}

/* checked visual state */
.service-control input[type="checkbox"]:checked {
    background-color: var(--accent);
    transform: scale(0.95);
}

/* change + to checkmark with smooth transition */
.service-control input[type="checkbox"]:checked::before {
    content: "✓";
    color: #ffffff;
    transform: scale(1);
    opacity: 1;
    font-size: 20px;
    top: 0px;
}

/* optional hover */
.service-item:hover .service-control input[type="checkbox"] {
    box-shadow: 0 0 0 3px rgba(30, 106, 216, 0.15);
}


#extras label .service-control{
  color: var(--black);
  font-weight: 700;
  font-size: 18px;
  line-height: 175%;
  text-transform: capitalize;
  font-family: var(--Ysabeau);  
  letter-spacing: 1px;
}

#extras span.flex_it{
  flex-wrap: wrap;
}

#extras span.flex_it span{
  width: 100%;
}

#extras span.flex_it span.price_per_pers{
  font-weight: 400;
}






.guests-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.guest-counter label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
}

.counter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 6px 10px;
}

.counter button {
    width: 32px;
    height: 32px;
    border: none;
    background: #eee;
    font-size: 18px;
    cursor: pointer;
}

.counter span {
    min-width: 24px;
    text-align: center;
    font-weight: 600;
}

.step { display:none; }
.step.is-active { display:block; }

.prev_next_buttons .button[disabled]{
  opacity:.5;
  pointer-events:none;
}


.step,.prev_next_buttons{
  float:left;
  width: 100%;
}

.prev_next_buttons{
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

  .prev_next_buttons button.next{
    margin-left: auto;
  }

  .prev_next_buttons button{
    border:0;
    cursor: pointer;
  }



.small_top+.reviews_container{
  margin-top: 40px;
}

.small_top+.left_right.switch{
  background: var(--l_orange);
  margin: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.apartments_filter{
  float:left;
  width:  100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

  .apartments_filter .apartments_results{
    float:left;
    margin-top: 40px;
    width: 100%;
    display: flex;
    gap: 40px;
  }

  .apartments_filter .apartments_filter_top{
      float:left;
      width: 100%;
      display: flex;
      justify-content: start;
      gap: 20px;

  }

  .apartments_filter .apartments_filter_top .input_wrap{
    min-width: 100px;
  }


  .apartments_filter .apartments_filter_top .input_wrap input[type="checkbox"]+.icon-guests{
    left: 45px;
  }
  .apartments_filter .apartments_filter_top .input_wrap input[type="checkbox"]{
        min-width: 30px;
      margin-left: px;
  }

  .apartments_results .apartment_card:hover .hover_url{
    opacity:  1;
    transition:all 0.3s;
  }

  .apartments_results .apartment_gallery .hover_url{ 
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(100% - 15px);
      box-shadow: 0px 0px 50px 0px #00000024;
      background: #00000052;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      transition:all 0.3s;
  }

  .apartments_results .apartment_card{
    float:left;
    width: 33.3%;
    box-shadow: 0px 0px 50px 0px #00000024;
    background: var(--white);
  }

    .apartments_results .apartment_card .aptSwiper img{
      height: 250px;
      width: 100%;
      object-fit: cover;
    }

  .apartments_results .inner_container_box{
    padding:24px;
  }

  .apartments_results .inner_container_box h3 a,
  .apartments_results .inner_container_box h3{
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: var(--accent);
  }



  .apartments_results .apartment_card .apartment_gallery .aptNav{
    height: 40px;
    z-index: 10;
    position: relative;
    background: #fff;
    display: flex;
    margin: 0 auto;
    width: fit-content;
    margin-top: -30px;
    box-shadow: 0px 0px 16px 0px #00000040;
    align-items: center;
  }

    .apartments_results .apartment_card .apartment_gallery .aptNav .swiper-pagination-fraction{
      padding-left: 10px;
      padding-right: 10px;  
      top:0;
    }

  .apartments_results .apartment_card .apartment_gallery .swiper-button-prev:after{display: none;}
  .apartments_results .apartment_card .apartment_gallery .swiper-button-prev{
      background: url("images/arrow-left.svg") no-repeat;
      width: 25px!important;
      height: 20px;
      display: table;
          top: 10px;
    left: 2px;
  }
  .apartments_results .apartment_card .apartment_gallery .swiper-button-next:after{display: none;}
  .apartments_results .apartment_card .apartment_gallery .swiper-button-next{
      background: url("images/arrow-left.svg") no-repeat;
      width: 25px!important;
      height: 20px;
      display: table;
      top: 14px;
    right: 2px;
    transform: rotate(180deg);
  }

  .apartments_results .apartment_card .apartment_gallery .swiper-pagination,
  .apartments_results .apartment_card .apartment_gallery .swiper-button-next,
  .apartments_results .apartment_card .apartment_gallery .swiper-button-prev,
  .apartments_results .apartment_card .apartment_gallery{
    position: relative;
        width: auto;
  }

    .apartments_results .apartment_card .apartment_gallery .swiper-pagination,
  .apartments_results .apartment_card .apartment_gallery .swiper-button-next,
  .apartments_results .apartment_card .apartment_gallery .swiper-button-prev{
    float: none;

  }



.boxes{
  float:left;
  width: 100%;
  padding-bottom: 100px;
  padding-top: 100px;
}

  .boxes .box_container{
    display: flex;
      row-gap: 40px;
      column-gap: 20px;
    flex-wrap: wrap;
  }

    .boxes .items{
      display: flex;
      justify-content: center;
      gap: 20px;
      text-align: center;
    }

      .boxes .items svg{
        height: 45px;
      }

    .boxes .box_container .box{
      width: calc(33.3% - 15px);
      background: var(--white);
      box-shadow: 0px 0px 50px 0px #00000024;
    }

      .boxes .box_container .box img{
        width: 100%;
        height: 270px;
        object-fit: cover;
      }

      .boxes .box_container .box .bottom_section h3{
        font-weight: 400;
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 10px;
      }

      .boxes .box_container .box .bottom_section{
        padding: 24px;
        display: table;
      }

        .boxes .box_container .box .bottom_section .button_container{ 
          display: flex;
          justify-content: center;
        }

.mobile_menu_hidde{
  display: none;
}

.mobile_only{
  display: none;
}


  .gallery{
        float: left;
    width: 100%;
    margin-top: 24px;
  }


.p_mobile_only{
  display: none;
}


.rooms{
  float:left;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

  .rooms .rooms_data{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }

    .rooms .room .text{
      z-index: 10;
      position: relative;
      padding: 24px;
    }

  .rooms .room{
    width: calc(50% - 12px);
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: end;

  }

    .rooms .room h3{
      color: var(--white);
      font-weight: 300;
      font-size: 36px;
      line-height: 100%;
      margin:0;

    }


    .rooms .room h3 span{
      font-size: 20px;
    }

    .rooms .room .text a{
      margin-top:0;
      font-size: 20px; 
      color:var(--orange);
      font-family: var(--Ysabeau);
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 10px;
      letter-spacing: 2.16px;
      text-transform: uppercase;
    }

  .rooms .room .overlay{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.41%, rgba(0, 0, 0, 0.5) 90.2%);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
  }


.left_right.accent_bg{
  padding-top: 100px;
  padding-bottom: 100px;
  background: var(--accent);
}
  
  .left_right.accent_bg .container .row{
    background: var(--white);
    gap: 24px;
  }
  
  .left_right.accent_bg .container h4{
    color: #212529;
  }
  .left_right.accent_bg .container p{
    font-size: 18px;
  }

  .left_right.accent_bg .container p strong{
    font-size: 24px;
  }

  .left_right.accent_bg .container h1{
    font-weight: 700;
    font-size: 80px;
    line-height: 100%;
    color: var(--accent);
    margin:0;
    margin-bottom: 20px;
  }

  .left_right.accent_bg .container .img_side.img_count_1 .img_wrap{
    min-height: auto;
  }

    .left_right.accent_bg .container .row .col-6{
      width: 50%;
      margin:0;
    }

@media (max-width: 768px) {
    .row {
        flex-direction: column;
    }
}



.reservation .flatpickr-day.is-booked {
  background: #e45858;
  color: #fff;
}

.reservation .flatpickr-day,
.reservation .flatpickr-day.checkin-only{
  background:  #FFD034;
  color: var(--white);
}

.reservation .flatpickr-day.flatpickr-disabled.is-booked{
  background: #e45858;
}


.reservation .flatpickr-day .date_nr{
  position: relative;
  z-index: 1;
}


  .reservation .flatpickr-day.flatpickr-disabled{
    background: #EBEBEC66;
    margin-top: 0px;
    border:0;
  }

/*.reservation .flatpickr-day.checkin-only::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #FFD034 50%, transparent 50%);
    overflow: hidden;
  border-radius: 100%;
}*/

.reservation .flatpickr-day.flatpickr-disabled.is-booked.checkout-only::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(290deg, #FFD034 50%, transparent 50%);
  overflow: hidden;
  border-radius: 100%;
  display: block;
}

.reservation .flatpickr-day.flatpickr-disabled.checkout-only::after {
  display: none;
}

.reservation .flatpickr-day.flatpickr-disabled.no-arrival:hover,
.reservation .flatpickr-day.flatpickr-disabled.checkout-only:hover,
.reservation .flatpickr-day.flatpickr-disabled.no-arrival,
.reservation .flatpickr-day.flatpickr-disabled.checkout-only {
    background: #eee;
    color: #999;
}

.reservation .flatpickr-day.flatpickr-disabled.is-booked + .flatpickr-day.checkin-only::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, #e45858 50%, transparent 50%);
  overflow: hidden;
  border-radius: 100%;
}

.reservation .flatpickr-day.no-arrival {
  background: #eee;
  color: #999;
}



@media only screen and (max-width: 1400px) {
  .container {
    width: 1100px;
  }

  #masthead #logo{
    padding-right: 40px;
    padding-left: 40px;
  }

}

@media only screen and (max-width: 1200px) {
    .container {
      width: 1000px;
    }

    ul#mobile_menu{
      display: block;
      margin-left: 0;
      padding-left: 0;
      margin-right: 24px;
    }

    .main-navigation{
      display: none;
    }

    #masthead{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    #masthead #logo{
      padding-left: 24px;
      padding-right: 24px;
    }

      #masthead #logo img{
        height: 48px;
      }

    .menu_container,ul#mobile_menu{
      position: relative;
      z-index: 11;
    }

    .mobile_menu_hidde{
      position: absolute;
      z-index: 10;
      top:0;
      height: 100vh;
      width: 100%;
      background: var(--accent);
    }

      .mobile_menu_hidde .mobile_inner{
        float:left;
        width: calc(100% - 48px);
        padding-left: 24px;
        padding-right: 24px;
        height: calc(100% - 100px);
        padding-top: 100px;
      }

    .mobile_menu_hidde li,
    .mobile_menu_hidde ul{
      margin:0;
      padding:0;
      list-style-type: none;
      color: var(--white);
    }


      .mobile_menu_hidde .mobile_inner a{
        float:left;
        width: 100%;
        padding-top:16px;
        padding-bottom:16px;
        color: var(--white);
        transition:all 0.3s;
      }
      .mobile_menu_hidde .mobile_inner a:hover{
        color: var(--orange);
        transition:all 0.3s;
      }

  .home_slider .lightSlider_container .mid_text .mid_text_inner h2{
    font-size: 48px;
  }

  .boxes .box_container .box{
    width: calc(50% - 15px);
  }
}


@media only screen and (max-width: 1100px) {
    .container {
      width: 768px;
    }


    .badges_data{
      flex-wrap: wrap;
      gap: 20px;
    }

    .badges_data .badge{
      width: calc(50% - 10px);
    }

    .why_choose_us .row {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }

    .why_choose_us .col-4,
    .why_choose_us .col-8{
      width: 96%;
    }


    .prices .col-8{
      width: 96%;
    }
    .prices .col-4{
      display: none;
    }

    .p_desktop_only{ display: none; }
    .p_mobile_only{
      display: block;
    }

    .prices-grid .single_row{
      display: flex;
      width: 100%;
      gap: 4px;
    }

      .prices-grid .single_row .cell{
        width: 50%;
        background: #0000000A;
        margin-bottom: 4px;
        padding:12px 8px;
      }

      .prices-grid .single_row .cell:first-child{
        background: #00000017;
      }
}

@media only screen and (max-width: 1000px) {
  .left_right.has_bg_image .container .row{
    flex-wrap: wrap;
  }

  .left_right.switch.has_bg_image .container .row {
    flex-direction: column-reverse;
    gap: 24px;
  }

  .left_right.has_bg_image .container .col-6{
    width: 96%;
  }

  .contact .col-6 {
    width: 96%;
  }

  .contact .left_side, .contact .right_side {
      width: 100%;
      height: auto;
      float: left;
  }

  .contact .left_side{
    display: none;
  }

  .acf-map{
    height: 400px;
  }

  .contact {
      position: relative;
      margin-bottom: 0;
      display: flex;
      flex-wrap: wrap-reverse;
  }

  .contact .mid_section{
      height: auto;
      padding-top: 50px;
      position: relative;
      padding-bottom: 50px;
  }

    .mobile_only {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        object-fit: cover;
    }

  .apartments_filter .apartments_filter_top{
    flex-wrap: wrap;
    gap: 20px;
  }
  .apartments_filter .apartments_filter_top .one_t{
    width: calc(50% - 10px);
  }

  .apartments_results .apartment_card{
    width: 50%;
  }

  .amenities .items .item{
    width: calc(50% - 27px);
  }

}

@media only screen and (max-width: 800px) {
    .container {
      width: 90%;
    }

      .apartments_filter .apartments_filter_top .one_t{
    width: 100%;
  }

  .apartments_results .apartment_card{
    width: 100%;
  }

    .why_choose_us .inner_data{
      box-shadow: unset;
    }

    .left_right .items .item {
      width: calc(50% - 40px);
    }

    .badges_data .badge{
      width: calc(100%);
    }

    .gallery_overdata  #tns1-mw {
        margin-left: -16px;
    }

    .home_slider .lightSlider_container .mid_text .mid_text_inner h2{
      font-size: 36px;
    }

    .home_slider .arrows{
      top:22vh;
    }
    .home_slider .arrows .container{
      width: 100%;
    }

    .home_slider .search_section .search_data .top_search .search_house{
      flex-wrap: wrap;
    }

    .search_house .one_t .search_button,
    .search_house .one_t:last-child{
      width: 100%;
    }

    .home_slider .lightSlider_container .mid_text .mid_text_inner{
      top: 140px;
    }

    .home_slider .arrows{
      display: none;
    }




    .left_right .row {
      display: flex;
      align-items: center;
      flex-direction: column-reverse;
      gap: 24px;
    }

    .img_side.img_count_3{
      min-height: 400px;
    }

    .img_side.img_count_3 .img_2, .img_side.img_count_3 .img_3 {
        height: 200px;
    }

    .site-footer .copy_bottom{
      flex-wrap: wrap;
      gap: 24px;
    }

    .left_right.switch .row{
      flex-wrap: wrap-reverse;
    }

    .left_right .row .col-6{
      width: 96%;
    }

    .small_top{
      min-height: 200px;
    }

    .breadcrumbs, .breadcrumbs a{
      display: none;
    }

    .small_top .container{
      padding-bottom: 32px;
    }

      .small_top .container h1{
        font-size: 32px;
        text-align: center;
      }

  .boxes .box_container .box{
    width: 100%;
  }

  .gallery{
        float: left;
    width: 100%;
    margin-top: 24px;
  }

  .gallery .gallery-main img{
    height: 300px;
  }

  .gallery-thumbs img{
    height: 55px;
  }


  .reservation{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background: var(--white);
  }

    .reservation .container .col-12,
    .reservation .container{
      width: 100%;
      margin: 0;
    }
 
}

@media only screen and (max-width: 500px) {
    .amenities .items .item{
    width: calc(100%);
  }
}