@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,100&display=swap);

  .logo-row-list li {
    margin-bottom: 2.5rem
  }
.logo-row-list li img {
      width: 240px
    }
@media (min-width: 768px){
    .logo-row-list li img {
        width: 350px
    }
      }
@media (min-width: 768px){
    .logo-row-list li+li {
        margin-left: 2rem;

        border-left: 2px solid #ababab
    }
      }
@media (min-width: 1024px){
    .logo-row-list li+li {
        margin-left: 3rem
    }
      }
@media (min-width: 1440px){
    .logo-row-list li+li {
        margin-left: 5rem
    }
      }

.react-date-picker {
  display: inline-flex;
  position: relative;
}

.react-date-picker,
.react-date-picker *,
.react-date-picker *:before,
.react-date-picker *:after {
  box-sizing: border-box;
}

.react-date-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}

.react-date-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  border: thin solid gray;
}

.react-date-picker__inputGroup {
  min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);
  flex-grow: 1;
  padding: 0 2px;
  box-sizing: content-box;
}

.react-date-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}

.react-date-picker__inputGroup__divider,
.react-date-picker__inputGroup__leadingZero {
  display: inline-block;
  font: inherit;
}

.react-date-picker__inputGroup__input {
  min-width: 0.54em;
  height: 100%;
  position: relative;
  padding: 0 1px;
  border: 0;
  background: none;
  color: currentColor;
  font: inherit;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.react-date-picker__inputGroup__input::-webkit-outer-spin-button,
.react-date-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.react-date-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}

.react-date-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px + 0.54em);
}

.react-date-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px;
}

.react-date-picker__button:enabled {
  cursor: pointer;
}

.react-date-picker__button:enabled:hover .react-date-picker__button__icon,
.react-date-picker__button:enabled:focus .react-date-picker__button__icon {
  stroke: #0078d7;
}

.react-date-picker__button:disabled .react-date-picker__button__icon {
  stroke: #6d6d6d;
}

.react-date-picker__button svg {
  display: inherit;
}

.react-date-picker__calendar {
  width: 350px;
  max-width: 100vw;
  z-index: 1;
}

.react-date-picker__calendar--closed {
  display: none;
}

.react-date-picker__calendar .react-calendar {
  border-width: thin;
}


    .contact-card-area .contact-card-section:last-child {
      margin-bottom: 0;
    }

.contact-card-area .user-post {
    display: block;
    color: #757779;
    font-size: 0.66rem;
    letter-spacing: 0.7px;
    margin: .2rem 0 .3rem
  }

@media (min-width: 768px) {

.contact-card-area .user-post {
      margin: 0;

      font-size: 0.85rem;

      letter-spacing: 0.47px
  }
    }

@media (min-width: 1280px) {

.contact-card-area .user-post {
      font-size: 1rem
  }
    }

.contact-card-area .user-name {
    font-weight: 400;
    font-size: 1.5rem;
    color:#000
  }

.contact-card-area .user-name+.tel-field {
      margin-top: 0.5rem;
    }

@media (min-width: 768px) {

.contact-card-area .user-name {
      font-size: 1.75rem
  }
    }

@media (min-width: 1024px) {

.contact-card-area .user-name {
      font-size: 2rem
  }
    }

.contact-card-area .tel-field {
    color: #1a232f;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 1px;
    white-space: nowrap
  }

@media (min-width: 1440px) {

.contact-card-area .tel-field {
      font-size: 1.25rem
  }
    }

.contact-card-area .img-wrap img {
      position: relative;
      z-index: 10;
      width: 100%;
      max-width: 212px;
      /*border:1px solid #d4d4d4;*/
    }

.contact-card-area .content-wrap {
    width: 85%;
    padding-left: 2.25rem;
    margin-left: -1.25rem
  }

@media (min-width: 768px){

.contact-card-area .content-wrap {
      padding-left: 3.25rem
  }
    }

@media (min-width: 1440px) {

.contact-card-area .content-wrap {
      min-height: 280px
  }
    }

.contact-card-area {
  /*&.small-cards {*/
}

@media (min-width: 1440px) {

.contact-card-area .user-name {
      font-size: 1.75rem;

      margin-bottom: .75rem
  }
    }

@media (min-width: 640px) {
      .contact-card-area .tel-list li {
        margin-top: 0.75rem;
        position: relative;
        display: inline-block;
        line-height: 1
      }
        .contact-card-area .tel-list li+li {
          margin-left: 0.625rem;
          padding-left: 0.625rem
        }
          .contact-card-area .tel-list li+li:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            border-left: 1px solid;
          }
    }

@media (min-width: 1024px) {
      .contact-card-area .tel-list li {
        display: block
      }
        .contact-card-area .tel-list li+li {
          margin-left: 0;
          padding-left: 0
        }
          .contact-card-area .tel-list li+li:before {
            display: none;
          }
    }

.contact-card-area .social-list{
    /*border-top: 1px solid #d4d4d4;*/
    margin-top: 1.25rem;
    margin-left: -2rem
  }

.contact-card-area .social-list li a svg{
          fill: #032347;
        }

.contact-card-area .contact-card-section {
    margin-bottom: 3.75rem
  }

.contact-card-area .contact-card-section:last-child {
      margin-bottom: 0;
    }

.contact-card-area .img-wrap {
    /*@screen xl {*/
    /*    max-width: 140px;*/
    /*}*/
  }

.contact-card-area .content-wrap {
    min-height: auto
  }

@media (min-width: 768px) {

.contact-card-area .content-wrap {
      padding-top: 1.5rem;

      padding-bottom: 1.5rem
  }
    }

@media (min-width: 1440px) {

.contact-card-area .content-wrap {
      padding-top: 1rem;

      padding-bottom: .75rem
  }
    }

.contact-card-area {
  /*}*/
}

@media (min-width: 1440px) {

.contact-us-section .container.container-fluid {
        max-width: 1440px
    }
      }

.form {
  width: 100%
}
@media (min-width: 1024px) {
  .form {
    width: 51.464%
}
  }
.form label {
    display: block;
    font-size: 1.25rem;
    display: block;
    font-size: 1rem;
    color: #1a1a1a;
    letter-spacing: 0.75px;
    padding-bottom: 0.5rem;
    font-weight: 500;
    padding-top: 0.5rem
  }
@media (min-width: 1440px) {
  .form label {
      font-size: 1.25rem;

      padding-bottom: 0.5rem
  }
    }
.form label.required-label:after {
        content: '*';
        padding-left: 4px;
      }
.form input,
    .form textarea {
    width: 100%;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #b7b7b7;
    border-color: rgba(183, 183, 183, var(--border-opacity));
    font-size: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-bottom: 1rem;
    letter-spacing: 0.6px;
    transition: border-color .3s ease;
    font-size: 1rem;
    padding: .6rem .75rem
  }
@media (min-width: 1024px) {
  .form input,
    .form textarea {
      padding-top: 0.5rem;

      padding-bottom: 0.5rem
  }
    }
@media (min-width: 1440px) {
  .form input,
    .form textarea {
      padding-top: 0.75rem;

      padding-bottom: 0.75rem;

      padding-left: 1.25rem;

      padding-right: 1.25rem;

      padding-left: .938rem;

      padding-right: .938rem;

      font-size: 1.125rem
  }
    }
.form input:focus,
        .form input:active,
        .form textarea:focus,
        .form textarea:active {
      outline: none;
      outline: 2px solid transparent;
      outline-offset: 2px;
      --border-opacity: 1;
      border-color: #002349;
      border-color: rgba(0, 35, 73, var(--border-opacity));
      transition: border-color .3s ease;
    }
@media (min-width: 1440px) {
  .form textarea {
      padding-bottom: .4rem
  }
    }
.form .button {
    /*font-size: 24px;*/
    font-size: 16px;
    font-weight: 600;
    padding: 1.4rem 3rem;
    margin-top: .5rem;
    letter-spacing: 0.6px;
    background-color: #132335
  }
@media (min-width: 1024px) {
  .form .button {
      margin-top: 0.25rem;

      padding: .65rem 1.45rem;

      font-size: 	0.6875rem
  }
    }
@media (min-width: 1440px) {
  .form .button {
      padding: 1rem 2.29rem;

      font-size: 1rem
  }
    }
@media (min-width: 1024px) {
  .form .form-field-group .form-field {
        width: 50%
    }
      }
.form .video-chat-option label.video-left-label {
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: 0px;
      color: #4d4d4f
    }
@media (min-width: 1280px) {
  .form .video-chat-option label.video-left-label {
        font-size: 1.1rem
    }
      }
.form .video-chat-option .video-right-labels {
      align-items: center;
      position: relative;
      color: #4d4d4f;
      top: 2px
    }
.form .video-chat-option .video-right-labels label {
        font-size: 0.9rem;
        font-weight: 400;
        padding-right: .6rem
      }
.form .video-chat-option .video-right-labels label.yes-value {
          padding-left: .6rem;
          margin-left: 10px;
        }
.form .video-chat-option .video-right-labels label.toggle-switch {
          margin-bottom: 3px
        }
.form .video-chat-option .video-right-labels label.toggle-switch ._3QxTi{
            background-color:#143c65!important;
            transition: background-color .2s;
            height: 12px;
            margin-top: 5px;
            width:50px
          }
.form .video-chat-option .video-right-labels label.toggle-switch ._3QxTi._3YMB2{
              background-color: rgb(102, 187, 106)!important;
            }
.form .video-chat-option .video-right-labels label.toggle-switch ._ju7HT{
            width:24px;
            height:24px;
            bottom: -3px;
            border:2px solid #143c65
          }
.form .video-chat-option .video-right-labels label.toggle-switch ._ju7HT._3YMB2{
              border:2px solid #66bb6a;
            }
.form .video-chat-option .video-right-labels label.toggle-switch input {
            display: none;
          }
@media (min-width: 1280px) {
  .form .video-chat-option .video-right-labels label {
          font-size: 1rem
      }
        }

._2-ZbH {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 40px;
  margin-bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

._3QxTi {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  transition: background-color .2s;
  border-radius: 34px;
}

._3maKS {
  width: 0;
  height: 0;
  overflow: hidden;
}

._ju7HT {
  bottom: 2px;
  height: 16px;
  left: 2px;
  position: absolute;
  width: 16px;
  border-radius: 50%;
  transform: translateX(0);
  outline: none;
}

._ju7HT._3YMB2 {
  transform: translateX(20px);
}




  .contact-us-section .section-title {
    padding-top: 3rem;
    padding-bottom: 1.75rem;
    font-style:normal
  }

@media (min-width: 1024px){

.contact-us-section .section-title {
      padding-top: 4rem;

      margin-bottom: 4rem;

      text-align: center;

      margin-bottom: 4.3rem
  }
    }

.contact-us-section .contact-card-area {
    width: 100%
  }

@media (min-width: 1024px){

.contact-us-section .contact-card-area {
      width: 48.536%;

      padding-right: 2.5rem
  }
    }

@media (min-width: 1440px){

.contact-us-section .contact-card-area {
      padding-right: 5.75rem
  }
    }

@media (min-width: 1024px){

.contact-us-section .request-form {
      padding-left: 2.5rem
  }
    }

@media (min-width: 1440px){

.contact-us-section .request-form {
      padding-left: 5.75rem
  }
    }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

.contact-container {
  display: flex;
  grid-gap: 20px;
  gap: 20px;
  padding: 20px;
  margin-top: 80px;
  justify-content: center;
}

@media (max-width: 768px) {
  .contact-container {
    flex-direction: column;
    align-items: center;
  }
}

.host-info {
  flex: 1;
  padding: 20px;
  border-radius: 8px;
}

.host-photo {
  width: 70%;
  max-width: 275px;
  height: 200px;
  background-color: #333;
  margin-bottom: 10px;
  border-radius: 8px;
}

.contact-form {
  flex: 2;
}

@media (max-width: 768px) {
  .contact-form {
    width: 100%;
    padding: 20px;
  }
}

.contact-form h2 {
  margin-bottom: 20px;
}

.form-group {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 15px;
}

/* .form-group input,
.form-group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
} */

textarea {
  height: 120px;
  resize: none;
}

.border-custom-gray{
  border-color: #53555A;
}

.date-picker-field{
  padding-top: 0.94rem;
  padding-bottom: 0.94rem;
}
.header {
  --text-opacity: 1;
  color: #002349;
  color: rgba(0, 35, 73, var(--text-opacity));
  background-color: rgba(235,235,235,0.7098);
  /*box-shadow: 0 0 10px rgba(24, 25, 26, 0.2);*/
  /* border-bottom: 1px solid lightgrey; */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000
}

.header .holder {
    position: relative;
    margin-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    min-height: 40px
  }

@media (min-width: 768px) {

.header .holder {
      height: 100px
  }
    }

@media (min-width: 1024px) {

.header .holder {
      height: 100px
  }
    }

@media (min-width: 1024px) {

.header .holder {
      padding-left: 2.5rem;

      padding-right: 2.5rem
  }
    }

.header .holder .holder-jr {
      height: 40px
    }

@media (min-width: 768px) {

.header .holder .holder-jr {
        height: 80px
    }
      }

.header .holder .nav-bar {
      /*padding-right: 7rem;*/
      padding-right: 0;
      height: 56px
    }

@media (min-width: 1024px) {

.header .holder .nav-bar {
        padding-right: 7rem
    }
      }

@media (min-width: 1280px) {

.header .holder .nav-bar {
        padding-right: 2.25rem
    }
      }

.header .holder .nav-bar a {
        line-height: 2.75;
        color: #fff !important
        /*@apply text-blue-600;*/
      }

.header .holder .nav-bar a.active {
          /*@apply border-blue-600;*/
        }

@media (min-width: 1024px) {

.header .holder {
      /*&:after {*/

      /*    @apply absolute left-0 w-full bg-white;*/

      /*    height: 1px;*/

      /*    bottom: 2px;*/

      /*    content: '';*/

      /*    z-index: -1;*/

      /*}*/
  }
    }

.header .hero-navigation .book-now-btn{
  background-color: black !important;
  color: #fff !important;
}

.header .header-logo{
  max-width: 200px;
}

.inside-white-header .headroom.headroom--unfixed .header {
        background: transparent
      }

.inside-white-header .headroom.headroom--unfixed .header .holder .badge-img {
            filter: none !important;
          }

.inside-white-header .headroom.headroom--unfixed .header .holder .nav-bar a {
              color: #000 !important
            }

.inside-white-header .headroom.headroom--unfixed .header .holder .nav-bar a.active {
                border-color: #002349;
              }

.inside-white-header .headroom.headroom--pinned .header {
        /* background:#fff; */
      }

.inside-white-header .headroom.headroom--pinned .header .holder .badge-img {
            filter: none;
          }

.headroom.headroom--unfixed {
    position: absolute !important;
    z-index: 1000 !important
  }

.headroom.headroom--unfixed .header {
      background: transparent
    }

.headroom.headroom--unfixed .header .holder .badge-img {
          filter: none;
        }

.headroom.headroom--pinned {
    z-index: 1000 !important
  }

.headroom.headroom--pinned .header {
      /* background:#fff; */
    }

.headroom.headroom--pinned .brand-title strong {
        --text-opacity: 1;
        color: #002349;
        color: rgba(0, 35, 73, var(--text-opacity));
      }

.headroom.headroom--unpinned {
    z-index: 10000 !important
  }

.headroom.headroom--unpinned .header {
      /* background:#fff; */
    }

.headroom.headroom--unpinned .brand-title strong {
        --text-opacity: 1;
        color: #002349;
        color: rgba(0, 35, 73, var(--text-opacity));
      }

@media (min-width: 1024px) {
      .headroom.headroom--pinned .header {
        /* @apply bg-white fixed text-blue-600; */
        /* box-shadow: 0 0 10px rgba(24, 25, 26, 0.2); */
      }
          .headroom.headroom--pinned .header .nav-bar a {
            color: #000 !important
          }
            .headroom.headroom--pinned .header .nav-bar a.active {
              --border-opacity: 1;
              border-color: #002349;
              border-color: rgba(0, 35, 73, var(--border-opacity));
            }
      .headroom.headroom--unpinned .header {
        position: static;
      }
  }

@media (min-width: 1024px) {

.headroom--pretend-pinned {
    margin-top: 100px
}
  }

.headroom--pretend-pinned .headroom.headroom {
      z-index: 1000 !important
    }

.headroom--pretend-pinned .headroom.headroom .brand-title strong {
          --text-opacity: 1;
          color: #002349;
          color: rgba(0, 35, 73, var(--text-opacity));
        }

@media (min-width: 1024px) {
      .headroom--pretend-pinned .headroom .header {
        /* @apply bg-white fixed text-blue-600; */
        /* box-shadow: 0 0 10px rgba(24, 25, 26, 0.2); */
      }
          .headroom--pretend-pinned .headroom .header .nav-bar a {
            --text-opacity: 1;
            color: #002349;
            color: rgba(0, 35, 73, var(--text-opacity))
          }
            .headroom--pretend-pinned .headroom .header .nav-bar a.active {
              --border-opacity: 1;
              border-color: #002349;
              border-color: rgba(0, 35, 73, var(--border-opacity));
            }
    }

/* I don't know where to put thissssss - MK */

.matterport-aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%
}

.matterport-aspect-ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

@media (min-width: 1024px) {
  .neutralize-pt24 .md\:pt-24 {
    padding-top: 0;
  }
}

.tourNotice {
  padding: 1.75rem 0;
  text-align: center
}

.tourNotice div {
    font-size: 1rem;
    display: inline-block
  }

@media (min-width: 1024px) {

.tourNotice div {
      font-size: 1.3rem;

      background: url('/images/vr.svg') left center no-repeat;

      background-size: contain;

      padding-left: 2.67rem
  }
    }

.headroom.headroom--pinned .header[data='holidayhomes'] {
  /* background-color: #003a69; */
  border-bottom: 1px solid transparent
}

.headroom.headroom--pinned .header[data='holidayhomes'] .nav-bar a {
      color: #fff !important;
    }

.headroom.headroom--unfixed .header[data='seaglass'] .holder .badge-img {
      filter: none;
    }

.headroom.headroom--unfixed .header[data='islandia'] .holder .badge-img {
      filter: none;
    }

.headroom.headroom--unfixed .header[data='islandia'] .nav-bar a {
      color: #003a69 !important;
    }

/*site specific styles header*/

.site-hh .headroom .header {
      border-bottom: 1px solid transparent
    }

@media (min-width: 1024px) {

.site-hh .headroom .header .nav-bar a.active {
              border-color: rgba(255, 255, 255, 1)
          }
            }

@media (min-width: 1024px) {

.site-hh .headroom.headroom--unfixed .header {
          background: #003a69
      }
        }

.site-hh .headroom.headroom--unpinned {
      z-index: 10000 !important
    }

.site-hh .headroom.headroom--unpinned .header {
        background: #003a69
      }

.site-hh .headroom.headroom--unpinned .header .toggle-btn span {
            background: #fff;
          }

.site-hh .headroom.headroom--pinned .toggle-btn span {
          background: #fff;
        }

/*title color: #11365e;*/

@media (min-width: 1024px) {

.site-islandia .headroom.headroom--unfixed .header {
          /*background: #003a69;*/
      }
        }

.site-islandia .headroom.headroom--unfixed .header .toggle-btn span {
            background: #1c4b71;
          }

.site-islandia .headroom.headroom--unpinned .header .nav-bar a {
            color: #1c4b71;
          }

.site-islandia .headroom.headroom--unpinned .header .toggle-btn span {
            background: #1c4b71;
          }

@media screen and (max-width: 400px) {
  .headroom.headroom--unfixed .header[data='islandia'] .holder .badge-img {
    max-height: 25px;
    position: absolute;
  }
}

@media screen and (max-width: 350px) {
  .headroom.headroom--unfixed .header[data='islandia'] .holder .badge-img {
    max-height: 20px;
    position: absolute;
  }
}

@media (max-width: 768px) {
  .header .holder {
    margin-top: 10px;
    min-height: 80px;
  }
}

.site-sgp .headroom.headroom--pinned .holder a span, .site-sgp .headroom.headroom--unpinned .holder a span {
            background-size: 200px 31px;
            width: 200px;
            height: 31px;
            top: -5px;
            /*  max-width: 346px;*/
            /*  position: absolute;*/
            /*  top: -5px;*/
            /*left: 2%;*/
            background-image: url('/images/seaglass-logo-blue.svg');
            background-repeat: no-repeat;
            position: absolute
          }

@media (min-width: 640px) {

.site-sgp .headroom.headroom--pinned .holder a span, .site-sgp .headroom.headroom--unpinned .holder a span {
              background-size: 200px 31px;

              width: 200px;

              height: 31px;

              top: -5px;

              left: 2%
          }
            }

@media (min-width: 768px) {

.site-sgp .headroom.headroom--pinned .holder a span, .site-sgp .headroom.headroom--unpinned .holder a span {
              background-size: 281px 44px;

              width: 281px;

              height: 44px;

              top: 8px;

              left: 2%
          }
            }

@media (min-width: 1024px) {

.site-sgp .headroom.headroom--pinned .holder a span, .site-sgp .headroom.headroom--unpinned .holder a span {
              background-size: 333px 52px;

              width: 333px;

              height: 52px;

              top: 20px
          }
            }

@media (min-width: 1280px) {

.site-sgp .headroom.headroom--pinned .holder a span, .site-sgp .headroom.headroom--unpinned .holder a span {
              background-size: 346px 54px;

              width: 346px;

              height: 54px;

              top: 10%
          }
            }

.site-sgp .headroom.headroom--pinned .holder a span, .site-sgp .headroom.headroom--unpinned .holder a span {
            /* background-size: 346px 54px ;*/
            /* width:346px;*/
            /* height:54px;*/
            /*max-width: 346px;*/
            /*position: absolute;*/
            /*  top: 10%;*/
            /*transform: translateX(-50%);*/
          }

.site-sgp .headroom.headroom--pinned .menu-area .badge-img, .site-sgp .headroom.headroom--unpinned .menu-area .badge-img {
          display: block;
        }

.site-sgp .headroom.headroom--pinned .badge-img, .site-sgp .headroom.headroom--unpinned .badge-img {
        display: block !important;
        /*&:before{*/
        /*    position: absolute;*/
        /*    content:'';*/
        /*    background-image:url('/images/Seaglass-logo-SLW.svg');*/
        /*    background-size: 346px 54px;*/
        /*    width:346px;*/
        /*    height:54px;*/
        /* }*/
      }

@media (max-width: 1024px) {
  .hh-gallery .site-hh .headroom.headroom--unfixed .header {
    background: #003a69;
  }
}

.header .holder .holder-jr .badge-img {
        height: 40px;
        max-height: 3.75rem;
        margin-top: 50px;
        margin-left: 50px;
      }


  .hero-navigation a {
    font-weight: 400;
    letter-spacing: 0.5px;
    text-decoration: none;
    cursor: pointer
  }
.hero-navigation a:focus,
    .hero-navigation a:active,
    .hero-navigation a.focus-visible {
      outline: none !important;
      outline-offset: 0 !important;
      box-shadow: none !important;
      border: none !important;
    }
.hero-navigation a:focus,
    .hero-navigation a:active,
    .hero-navigation a:focus-visible {
      outline: none !important;
      outline-offset: 0 !important;
      box-shadow: none !important;
      border: none !important;
    }
.hero-navigation a:hover {
      text-decoration: none;
    }
.hero-navigation a[href='#booking-card'] {
    background-color: white !important;
    color: #6b7280 !important
  }
.hero-navigation a[href='#booking-card']:hover {
      background-color: #f3f4f6 !important;
      color: #6b7280 !important;
    }
.hero-navigation a[href='#booking-card']:focus,
    .hero-navigation a[href='#booking-card']:active,
    .hero-navigation a[href='#booking-card'].focus-visible {
      outline: none !important;
      outline-offset: 0 !important;
      box-shadow: none !important;
      border: none !important;
    }
.hero-navigation a[href='#booking-card']:focus,
    .hero-navigation a[href='#booking-card']:active,
    .hero-navigation a[href='#booking-card']:focus-visible {
      outline: none !important;
      outline-offset: 0 !important;
      box-shadow: none !important;
      border: none !important;
    }
@media (max-width: 767px) {
    .hero-navigation span {
      display: none;
    }

    .hero-navigation .space-x-8 {
      --tw-space-x-reverse: 0;
      margin-right: calc(1rem * var(--tw-space-x-reverse));
      margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
  }


  .brand-title strong {
    display: none;
    margin-top: -0.5rem;
    font-weight: 400;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: left;
    font-family: Proxima Nova, proxima-nova, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 1.5rem;
    letter-spacing: 1px;
    text-shadow: 0 0 11px rgba(0,0,0,.25)
  }
@media (min-width: 1024px){
    .brand-title strong {
      display: block
  }
    }
@media (min-width: 1280px){
    .brand-title strong {
      font-size: 2.25rem;

      letter-spacing: 3.6px
  }
    }