/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
* {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     
   }
   
html, body {color: #353535;background: #F8F8F8;font-size: 1em;line-height: 1.4;
  font-family: 'Circular Std';margin: auto;font-weight: 400}

::-moz-selection {color: #111;background: white;}
::selection {color: #111;background: white;}

.body {max-width: 1200px;margin: auto;}

@keyframes animated_text {
  0% { background-position: 0px 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}


.hide {display: none!important;}
.preloader {position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 99999999;
      background: #F8F8F8;
      background-repeat: no-repeat;
      background-image: url(../assets/preloader.gif);
      background-position: center center!important;
      background-size: 200px;
  }

.opacity-0 {opacity: 0; cursor: none;}

.mobile-only {display: none!important;}

.no-margin {margin: 0 auto!important;}
.swiper-fade .swiper-slide {height: 100%;}

/* ==========================================================================
 Base Fonts
 ========================================================================== */

  a   {color: #11100F; text-decoration: none;}
  h5  {text-transform: uppercase; font-size: 12px; color: #A5A5A5;}
  a, h1, h2, h3, h4, h5, h6, p {
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -ms-font-feature-settings: "kern" 1;
      -o-font-feature-settings: "kern" 1;
      font-feature-settings: "kern" 1;
      font-kerning: normal;
      font-feature-settings: "liga" on;
      font-feature-settings: "dlig" off;
      font-feature-settings: "tnum" off;
      font-feature-settings: "onum" off;
      font-feature-settings: "ss01" off,"kern";
      margin: 0;
      padding: 0;
      cursor: default;
  }
  
  a {cursor: pointer;}

  ul {padding: 0; margin: 0;}
    
  .border-left-none {border-left: none!important;}  
  .border-right-none {border-left: none!important;}
  /* ==========================================================================
   Slick
   ========================================================================== */
  .slick-dots {display: none!important;}
  .slick-arrow {cursor: pointer!important;opacity: 0.25;} 
  .slick-arrow:hover {opacity: 1;} 
  
  /* ==========================================================================
   Header
   ========================================================================== */
   
   .header  {
     display: flex;
     width: 100%;
     justify-content: space-between;
     padding: 35px 50px 35px 50px;
     box-sizing: border-box;
     position: fixed;
     height: auto;
     align-items: center;
     z-index: 9999999;
     top: 0;
     left: 0;
     }
   
     /* ==========================================================================
       Logo
     ========================================================================== */ 
    .header .logo {position: relative;z-index: 2;width: 110px;}
    .header .logo img {width: 100%;}
    /* ==========================================================================
      Menu
    ========================================================================== */ 
     .header .menu          {position: relative;color: #fff;z-index: 2;}
     .header .menu ul       {display: flex;flex-direction: row;gap: 20px;}
     .header .menu ul li    {display: inline-block;}
     .header .menu ul li a  {font-size: 18px;color: #fff;transition: all .5s ease;}
     .header .menu ul li a.active,
     .header .menu ul li.current-menu-item a,
     .header .menu ul li a:hover {text-decoration: underline;}
     
     
     /* ==========================================================================
      Mobile-Only
      ========================================================================== */
      
      .header.mobile-only {}
      .header.mobile-only .buttons a {background: transparent;color: #fff;font-size: 24px;}

     /* ==========================================================================
      Overlay Menu
      ========================================================================== */      
    .overlay-menu {display: none;position: fixed;left: 0;top: 0;z-index: 999999;background: #fff;height: 100vh;width: 100vw;text-align: center;flex-direction: column;gap: 20px;justify-content: space-around;}

    .overlay-menu .logo       {display: flex;width: 100%;justify-content: space-between;padding: 0 30px;box-sizing: border-box;align-items: center;}
    .overlay-menu .logo img   {width: 180px;}
    .overlay-menu .logo i     {cursor: pointer;}
    
    .overlay-menu footer      {position: relative;}

    .overlay-menu .menu {}
    
    .overlay-menu .menu ul      {display: flex;flex-direction: column;gap: 10px;height: 100%;}
    .overlay-menu .menu ul li   {}
    .overlay-menu .menu ul li a {font-size: 3.5em;}
    
    /* ==========================================================================
      Slider
    ========================================================================== */ 
    .header .slider      {
    position: absolute;
    left: 0;
    top: 0;
    height: 620px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    width: 100%;
    }
     
    .header .slider h1   {position: relative;z-index: 2;text-align: center;margin-top: 190px;color: #ffff;width: 12em;margin: auto;font-weight: 300;line-height: 1em;font-size: 56px;padding: 0;text-align: center;}
     
    .header .slider p    {position: relative;z-index: 2;color: #fff;font-size: 21px;font-weight: 300;padding: 0 100px;}
    
    .slider      {
    position: absolute;
    left: 0;
    top: 0;
    height: 620px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    }
     
    .slider h1   {position: relative;z-index: 2;text-align: center;margin-top: 190px;color: #ffff;width: 12em;margin: auto;font-weight: 300;line-height: 1em;font-size: 54px;padding: 0;text-align: center;}
     
    .slider p    {position: relative;z-index: 2;color: #fff;font-size: 18px;font-weight: 300;padding: 0 100px;}

    .gradient 
    {background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);position: absolute;z-index: 999;left: 0;top: 0;width: 100%;
    height: 100%; pointer-events: none;}
    
    .page-template-page-intro .gradient {z-index: 9;}

    .slider .slider-background
    {position: absolute;left: 0;top: 0;height: 100%!important;z-index: 1;object-fit: fill;width: 100%;}
    
    slider .slider-background img,
    .slider .slider-background video  
    {object-fit: cover;width: -webkit-fill-available;height: -webkit-fill-available;}

    .slider-content 
    {width: 820px;margin: auto;flex-direction: column;display: flex;text-align: center;gap: 30px;}
      
      
.slider .swiper-slide iframe {
        object-fit: fill!important;
        height: 180%;
        width: 110%;
        object-position: center center!important;
    }
    
    /* ==========================================================================
      Buttons
    ========================================================================== */ 
    .header .buttons {position: relative;z-index: 2;color: #fff;}
    .header .buttons a {background: #fff;border-radius: 0;color: #000;box-sizing: border-box;padding: 15px 20px;}
   
  /* ==========================================================================
    Body
  ========================================================================== */
   .body {max-width: 1100px;margin-top: 670px;}
    /* ==========================================================================
     Block
     ========================================================================== */
     .block                 {display: flex;flex-direction: column;gap:15px;margin: 140px 0px;}
     .block:last-child {margin-bottom: 20px;}
     
     .block-header          {display: flex;justify-content: space-between;align-content: space-evenly;justify-items: legacy;align-items: center;}
     .block-header-title    {display: flex;align-content: center;justify-content: center;flex-direction: row;align-items: center;gap: 20px;}
     .block-header-title h1 {
    font-size: 32px;
}
     .block-header-title p  {
    width: 320px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.1em;
}
.block-header-button {
    width: 110px;
    text-align: right;
}
     .block-header-button a {
    font-size: 14px;transition: all .5s ease;
}
.block-header-button a:hover {opacity: 0.5; text-decoration: underline;}
     
     .block-content   {width: 100%;display: flex;justify-content: space-between;gap: 20px;height: 450px;height: -webkit-fill-available;flex-wrap: wrap;/* justify-content: space-between; */justify-content: center;}
     
     .block-item      {width: 32%;transition: all .5s ease-in-out!important;}
     .block-item:hover {opacity: 0.85;}
     .block-item:hover img {filter: grayscale()}
     .block-item img  {object-fit: cover; width: 100%; height: 400px;}
.block-item h3 {
     font-size: 22px;
     font-weight: 500;
     margin: 5px 0px 0px 0px;
     }
     .block-item p    {
    font-size: 14px;
    font-weight: 300;
    opacity: 0.5;
    width: 80%;
    line-height: 1.25em;
}
.block-item p.desc {
  text-overflow: ellipsis;
  width: 100%;
  height: auto;
  overflow: hidden;
  white-space: nowrap;
}
   
   
   /* ==========================================================================
    Floorplan
    ========================================================================== */
   .floorplan {display: flex;flex-direction: row;align-items: center;}
   
   .floorplan-content {display: flex;flex-direction: column;gap: 0px;position: relative;}
   .floorplan img {
    width: 100%;
    object-fit: cover;
}
   .floorplan h5 {
    font-size: 14px;
    text-decoration: none;
    text-transform: none;
    font-size: 16px;
    font-weight: 300;
}
.floorplan h1 {
    font-size: 38px;
    font-weight: 500;
    margin: 10px 0;
}
   .floorplan p {
    line-height: 1.5em;
    font-weight: 300;
}
   .floorplan a.btn {background: #000;color: #fff;display: inline-block;width: auto;text-align: left;padding: 20px;box-sizing: border-box;width: 250px;text-align: center;margin-top: 20px;}
   
   
   /* ==========================================================================
   Facts
   ========================================================================== */
   .block.facts {}
   .block.facts .block-item {
    display: flex;
    flex-direction: column;
}
   .block.facts .block-item ul {}
   .block.facts .block-item ul li {
    font-size: 15px;
    font-weight: 200;
    margin-left: 15px;
    margin-bottom: 20px;
    list-style: disc;
    opacity: 0.75;
    line-height: 1.25em;
}
   .block.facts .block-item h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}
   .block.facts .block-item img {}
   .block.facts .block-item a {
    display: flex;
    flex-direction: column;
}
   .facts-content {background: #EFEFEF;padding: 20px 20px;}
   
   
   /* ==========================================================================
    Happenings
    ========================================================================== */
    
    .happenings {}
    
    .happenings .block-item      {width: 24%;}
    .happenings .block-item a    {display: flex;flex-direction: column;gap: 10px;position: relative;}
    .happenings .block-item img  {object-fit: cover;width: 100%;height: 275px!important;}
    .happenings .block-item h3   {line-height: 1em;}
    .happenings .chip           {background: #000;color: #fff;border-radius: 99px;width: 50px;opacity: 1;text-align: center;font-weight: bold;padding: 2px 5px;font-size: 12px;}
    
    .happenings .chip.premium {
    background: rgba(255,255,255,0.5);
    width: auto;
    padding: 7px 15px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999999;
}
    
    /* ==========================================================================
    Corporate
    ========================================================================== */
    .corporate {}
    .corporate .block-content {gap: 50px;height: 420px; flex-wrap: nowrap;}
    
    .corporate .form {position: relative;width:50%;}
    .corporate .form h1 {margin-bottom: 15px;}
    .corporate .gallery {}
    
    .form {display: flex;flex-direction: column;/* gap:10px; */height: -webkit-fill-available;}
    
    
    .form-header p {font-weight: 300;font-size: 14px;}
    
    .form .form-wrapper {width:100%;}
    
    .wpcf7 {height: 100%;}
    .form form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
    .form .form-wrapper-full {
    display: flex;
    width: 100%;
    position: relative;
    height: 100%;
}
.form .form-wrapper-half {display: flex;justify-content: space-between;height: 100%;}
.form .form-wrapper-half-wrapper {
    width: 100%;
    display: inline-block;
    display: flex;
    height: 100%;
}
.form .form-wrapper-half-wrapper input:last-child() { border-left: 0;
  
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 12px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    position: absolute;
    bottom: -90px;
    padding: 0;
    border: 0;
    color: orange;
    margin: 0;
}

.wpcf7-spinner {display: none;}
.form label {
    position: absolute;
    padding: 10px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    z-index: 999;
}
    .form input {
    width: 100%;
    height: 47px;
    padding: 20px 10px 15px 10px;
    box-sizing: content-box;
    background: none;
    border: 2px solid #000;
    border-bottom: 0;
}
    .form input.form-button {
    background: #000;
    color: #fff;
    padding: 10px 10px;
    cursor: pointer;
    height: 100%;
}

.wpcf7-form-control-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
}

  .corporate .gallery     {width: 80%;height: 400px;position: relative;}
  .corporate .gallery img {object-fit: cover;width: 100%;height: 100%!important;object-position: center;}
    
    .corporate .swiper-pagination {    bottom: 40px!important;
          left: 0;
          width: 100%;
          z-index: 9999!important;
      }
    .corporate .swiper-pagination-bullet {background: #fff;}
      .corporate .swiper-wrapper {position: relative;}
      
      .swiper-wrapper {height: 100%!important; transition: none;}
      .swiper-wrapper img {width: 100%;object-fit: cover;object-position: revert;height: 450px!important;margin-bottom: 5px;}
      
      .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction 
      {bottom:0px!important;}
      
      .swiper-gallery .swiper-pagination-bullets,
      .corporate .gallery .swiper-pagination-bullets {bottom: 40px!important; left:10px;}
      
      .swiper-gallery .swiper-pagination-bullet {background: #fff;}
    
    /* ==========================================================================
    Membership
    ========================================================================== */
    .membership {}
    .membership-option {
    background: #262629;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 50px;
}
.membership .block-content {flex-wrap: nowrap;}

.membership-option.option-free {
  background: #E5E5E5;
  color: #000;
}
    .membership-option p {
    font-weight: 300;
    font-size: 13px;
}
    .membership-option h3 {
    font-size: 32px;
    font-weight: 300;
}
    .membership-option ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
    padding-inline-start: 40px;
    margin-inline-start: 0px;
    margin-block-start: 0px;
    margin-block-end: 0;
    background: rgba(255,255,255,0.1);
    padding: 15px 30px 20px 30px;
    margin: 20px 0px;
    border-radius: 10px;
}
    .membership-option ul li {}
    .membership-option ul li p {font-size: 16px;opacity: 0.75;}
    
    .membership-option,
    .membership-option * {cursor: pointer!important;}
    
    .membership-option.option-member a * {color: #fff;}
    
    .membership-option {transition: all .5s ease-in-out;}
    .membership-option:hover {opacity: 0.75;}
    
    /* ==========================================================================
    Explore Next Module
    ========================================================================== */
    .explore {}
    .explore .block-content {display: flex;flex-wrap: wrap;gap: 0px;flex-direction: row; height: auto;}
    .explore .explore-block {position: relative;width: 25%;display: grid;height: 280px;flex-direction: row;text-align: center;align-items: center;justify-items: center;text-align: center;}
    
    .explore .explore-block a {
    display: flex;
    text-align: center;
    cursor: pointer;
}
    .explore .explore-block h1 {
    position: relative;
    z-index: 999;
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-size: 33px;
}
.explore .explore-block:hover h1 {text-decoration: underline;}
.explore .explore-title {
    width: 100%;
    height: 100%;
    display: flex;
    display: block;
    text-align: center;
    width: 100%;
}

    .explore .explore-block img {
    object-fit: cover;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.explore .explore-block:hover img {filter: grayscale();}

.explore .explore-video {width:100%;height:100%;object-fit: cover;position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: none;}
    
/* ==========================================================================
Swiper
========================================================================== */

.swiper-pagination {
    position: relative!important;
    text-align: center!important;
    transition: .3s opacity!important;
    transform: translate3d(0,0,0)!important;
    z-index: 10!important;
    padding-top: 10px!important;
    display: block!important;
}

.swiper {cursor: grab;}

/* ==========================================================================
  Page Location
========================================================================== */ 


body.section-location .slider {
    height: 740px;
}
body.section-location .slider h1 {margin-top: -50px;}


.body.page-location {max-width: 100%; margin-top: 620px;}
.page-block-location {display: flex; gap:30px;}

.page-block-location:first-child {z-index: 999;position: relative;}

.page-block-location:nth-of-type(even) {flex-direction: row-reverse!important;}


.page-block-location .swiper-fade .swiper-slide {height: 450px!important;} 
.page-block-location .swiper-gallery .swiper-slide img {height: 100%!important;}

.page-block-location .swiper-wrapper {height: 450px!important;}


.page-block-module {width: 50%;}

.page-block-module .gallery {height: 450px;}

.page-block-text {
      padding: 40px 30px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      gap: 15px;
      height: 450px;
      align-items: center;
      justify-items: center;
      justify-content: center;
  }
.page-block-text h1 {
    font-size: 43px;
    line-height: 1em;
    font-weight: 500;
    max-width: 500px;
}    
.page-block-text p {
    font-weight: 300;
    font-size: 16px;
    max-width: 500px;
}
.page-block-text ul li {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 14px;
    margin-left: 20px;
}

    
    /* ==========================================================================
      Maps
    ========================================================================== */ 
    .page-block-map       {position: relative; margin: 30px auto;}
    .page-block-map-title {position: absolute;z-index: 999;padding: 20px;}
    .page-block-map-title * {color: #fff;}
    .page-block-map-title h1  {
    font-size: 46px;
    font-weight: 500;
    max-width: 500px;
    line-height: 1em;
    margin-bottom: 10px;
}
    .page-block-map-title p   {
    font-size: 24px;
    font-weight: 300;
}
    .page-block-map-iframe {position: relative;}
    

    
    /* ==========================================================================
      Sleepover
    ========================================================================== */ 
    .body.page-sleepover.no-margin {margin: auto;}
    .page-sleepover {}
    .page-sleepover .intro .block-content {flex-direction: column; text-align: center; max-width: 750px; margin: auto;}
    .page-sleepover .intro .block-content h1 {font-weight: 500;font-size: 46px; line-height: 1em; }
    .page-sleepover .intro .block-content p {font-weight: 300;}
    
    
    .page-sleepover .block {margin: 50px 0px;}
    
    
    /* ==========================================================================
      Happenings
    ========================================================================== */ 
    .body.page-happenings {    margin-top: 550px;}
    body.section-happenings .slider,
    .page-template-page-happenings-php .slider {
      height: 500px;
}
    
    .page-happenings .block.happenings .block-item {
        width: 23%;
        flex-wrap: wrap;
    }
    .page-happenings .block.happenings .block-content {
      flex-wrap: wrap;
      gap: 25px;
      flex-direction: row;
      align-items: center;
      justify-content: start;
      }
  /* ==========================================================================
    Happening
  ========================================================================== */ 
  .section-happening,
  .page-template-page-happenings-php .slider   {}
  .page-happenings    {}
  
  .section-happening .slider  {height: 430px;}
  
  .happening {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin-top: -265px;
    position: relative;
    z-index: 999;
}
  .happening .happening-image {
    height: 500px;
    width: 500px;
    margin-top: -100px;
    object-fit: cover;
    border-radius: 20px;
    display: block;
    position: relative;
}
  .happening .happening-image img {
    object-fit: cover;
    height: inherit;
    width: inherit;
    border-radius: 20px;
}
  .happening .happening-content {
    gap: 15px;
    display: flex;
    flex-direction: column;
    color: #fff;
}
  .happening-content h1 {
    font-weight: 500;
    font-size: 60px;
    width: 75%;
    color: #F8F8F8;
    margin-bottom: 0;
    line-height: 1em;
}
  .happening-content .author {
    display: flex;
    gap: 10px;
    align-items: center;
}
  .happening-content .author img {height: 100%;width: 30px;border-radius: 10px;}
  .happening-content .author p {
    font-size: 18px;
}
  
  .happening-content ul.happening-details {
    display: flex;
    gap: 20px;
}
  .happening-content ul.happening-details li {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
}
  .happening-content ul.happening-details li i {}
  .happening-content p.desc {
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
  
  .happening-content .happening-btns {}
  .happening-content .happening-btns a.btn {
    font-size: 18px;
    border: 2px solid #000;
    padding: 15px 30px;
    box-sizing: border-box;
    display: inline-block;
}

.page-happening .block-content {justify-content: start;}

    /* ==========================================================================
    Corporate
  ========================================================================== */ 
  .section-corporate {}
  .page-corporate {margin-top: 660px; position: relative; z-index: 999;margin-bottom: 110px;}
  
  .page-corporate .block-content .gallery {width: 100%;object-position: unset;box-shadow: 0px 0px 30px 5px rgb(0 0 0 / 30%);height: 550px!important;}

  
  .block.quotes {
    text-align: center;
}
.block.quotes h1  {font-size: 18px;font-weight: 500;}
  .quote-gallery {}
  .quote-gallery .swiper-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
}
  .quote-gallery .swiper-wrapper .swiper-slide {
    width: 100%!important;
    position: relative;
    display: flex;
    flex-direction: column;
    /* padding: 0 140px; */
    box-sizing: border-box;
    margin: auto;
    gap: 15px;
    text-align: center;
}


  .quote-gallery .swiper-wrapper .swiper-slide h1 {font-size: 25px;line-height: 1em;font-weight: 500;/* padding: 0px 80px; *//* margin-bottom: 30px; *//* width: 640px; *//* margin: auto; */line-height: 1.5em;box-sizing: border-box;cursor: grab;}
  .quote-gallery .swiper-wrapper .swiper-slide p {
    width: 100%;
    object-fit: contain;
    cursor: grab;
}
  .quote-gallery .swiper-wrapper .swiper-slide p img {
    width: 100px;
    object-fit: contain;cursor: grab;height:auto!important;
}


.block.partners {}
.block.partners .block-content {gap:30px 100px;}
.block.partners .block-item {
    width: 150px!important;
    object-fit: contain;
    object-position: inherit;
    display: flex;
    align-items: center;
}
.block.partners .block-item img {
    width: 100%;
    object-fit: contain;
    display: block;
    height: auto!important;
}
.section-corporate .slider h1 {margin-top: -80px;}
.page-corporate .block {margin:60px auto;}

.page-corporate .corporate          {}
.page-corporate .corporate .form    {
    gap: 20px;
  
}
.page-corporate .corporate .contact {width: 60%;gap: 20px;}
.page-corporate .block.corporate .block-content {display: flex;justify-content: space-between;}

.block.corporate .contact-content {}
.block.corporate .contact-content p {font-size: 16px; font-weight: 300;}
.block.corporate .contact-content .contact-item {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 30px 0;
}
.block.corporate .contact-content .contact-item img {
    width: 100px;
    border-radius: 999px;
}
.block.corporate .contact-content .contact-item ul {}
.block.corporate .contact-content .contact-item ul li {
    display: block;
    font-weight: 300;
}
    
  /* ==========================================================================
  Footer
  ========================================================================== */
    
  footer        {background: rgba(255,255,255,1);padding: 20px 30px;box-sizing: border-box;/* position: fixed; */bottom: 0;z-index: 9999;backdrop-filter: blur(10px);margin: 80px 0 0 0;}
  footer ul     {display: flex;flex-direction: column;gap: 5px;}
  footer ul li  {display: block;}  
  footer p      {font-size: 12px;opacity: 0.5;margin-top: 10px;}    
    
    
    
footer.mobile-only {position: relative;width: 100%;text-align: center;} 

/* ==========================================================================
    Section: Intro
========================================================================== */
.section-intro {}

.page-template-page-intro .overlay-menu,
.page-template-page-intro .header{display:none!important;}
.page-intro {
    width: 100vw;
    margin: 0;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
}
.page-intro .block.explore {
    margin: 0;
}
.page-intro .block-content {
    height: 100vh;
    flex-direction: row;
    margin: 0;
}

.page-intro .block-content .explore-block {
    height: 100vh;
    width: 25%;
    justify-content: normal;
    align-items: end;
    padding-bottom: 0px;
}
.page-intro .explore .explore-title {
    padding: 0 0 50px 0px;
}
.page-intro .explore .explore-title h1 {font-size: 4vh;}

    /* ==========================================================================
        Sub-Section: Intro Header
    ========================================================================== */
    .intro-header {
      position: absolute;
      height: 100vh;
      width: 100vw;
      z-index: 999;
      padding: 25px;
      display: flex;
      pointer-events: none;
      box-sizing: border-box;
      flex-direction: column;
}
    
    .intro-logo {width:20vh}
    .intro-logo img {width: 100%;}
    
    .intro-button {
    position: absolute;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.intro-button a {pointer-events: all;}
    .intro-button .btn {
    background: #fff;
    font-size: 2.5vh;
    padding: 20px 35px;
}

/* ==========================================================================
    Section: Page
========================================================================== */
.page-template-default .slider {height: 520px;}
.block.page {
    text-align: justify;
    width: 60%;
    margin: auto;
}
.block.page p {font-weight: 300;}
.block.page h1 {}


/* ==========================================================================
Hacks
========================================================================== */

.slider .swiper-wrapper img,
.page-corporate .swiper-wrapper img,
img.hero-slider {height: 580px!important;
      object-fit: cover!important;
      object-position: center;
  }
  
.slider .swiper-hero img {height: 620px!important;}

.page-corporate .location .swiper-wrapper img {height: 450px!important;}

.swiper-gallery .swiper-slide img {height: 620px!important;}

.swiper {height: auto!important;}


.ibe-steps {display: none!important;}
.ibe-search-box {margin: 0;}
ibe-up {z-index: 9999;}
ibe-steps-bars {display: none!important;}

.ibe-steps-bar{display: none!important;}
.ibe-search-box {box-shadow: none!important;}

@media (min-width: 992px)
.ibe-container {
    max-width: 100%;
}
@media (min-width: 768px)
.ibe-container {
    max-width: 100%;
}
@media (min-width: 576px)
.ibe-container {
    max-width: 100%;
}
.ibe-container {
    margin-right: auto;
    margin-left: auto; 
    padding-right: 15px;
    padding-left: 15px; 
    width: 100%!important;
}

ibe-no-room-results[_ngcontent-muf-c108] {
    margin: 20px 0;
    text-align: center;
}

.ibe-no-room-results-text[_ngcontent-xhw-c108] {
    color: #dc3545;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.up-ibe {margin-bottom: 0!important;}

.slider p.ibe-no-room-results-text {font-size: 12px!important; margin:0!important;}

.slider .ibe-no-room-results {
    margin: 20px 0 0 0!important;
    text-align: center;
}
.ibe-search-box {
    background-color: #f5f5f5;
    text-align: center;
    box-shadow: 0 3px 10px 0 #c2c2c2;
    padding: 20px 10px;
    border-radius: 10px;
    box-sizing: border-box;
}

.error404 .slider {height: 110px;}
.page-404 {margin-top:200px!important;}

.page-404 h1 {text-align: center;
      font-size: 92px;
      font-weight: 300;
      line-height: 92px;
  }
.page-404 p {text-align: center;
      font-size: 37px;
      line-height: 37px;
  }