.logo-row-list li {
    margin-bottom: 2.5rem
  }
@media (min-width: 768px) {
    .logo-row-list li {
      padding-left: 2rem
  }
    }
@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 {
      padding-left: 3rem
  }
    }
@media (min-width: 1024px){
    .logo-row-list li+li {
        margin-left: 3rem
    }
      }
@media (min-width: 1440px){
    .logo-row-list li {
      padding-left: 5rem
  }
    }
@media (min-width: 1440px){
    .logo-row-list li+li {
        margin-left: 5rem
    }
      }


    .contact-card-area .contact-card-section:last-child {
      margin-bottom: 0;
    }
.contact-card-area .user-post {
    display: block;
    color: #474a4f;
    font-size: 14px;
    letter-spacing: 0.7px;
    margin: .2rem 0 .3rem
  }
@media (min-width: 768px) {
      .contact-card-area .user-post {
      margin: 0;

      font-size: 9px;

      letter-spacing: 0.47px
  }
    }
@media (min-width: 1440px) {
      .contact-card-area .user-post {
      font-size: 0.875rem
  }
    }
.contact-card-area .user-name+.tel-field {
      margin-top: 0.5rem;
    }
@media (min-width: 1440px) {
      .contact-card-area .user-name {
      font-size: 2.25rem
  }
    }
.contact-card-area .tel-field {
    --text-opacity: 1;
    color: #181818;
    color: rgba(24, 24, 24, var(--text-opacity));
    font-size: 0.8125rem
  }
@media (min-width: 1440px) {
      .contact-card-area .tel-field {
      font-size: 1.25rem
  }
    }
.contact-card-area .img-wrap {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100px
  }
@media (min-width: 475px){
      .contact-card-area .img-wrap {
      max-width: 140px
  }
    }
@media (min-width: 1440px) {
      .contact-card-area .img-wrap {
      max-width: 212px
  }
    }
.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
  }
    }
@media (min-width: 1440px) {
      .contact-card-area.small-cards .user-name {
        font-size: 1.875rem
    }
      }
@media (min-width: 640px) {
        .contact-card-area.small-cards .tel-list li {
          margin-top: 0.75rem;
          position: relative;
          display: inline-block;
          line-height: 1
        }
          .contact-card-area.small-cards .tel-list li+li {
            margin-left: 0.625rem;
            padding-left: 0.625rem
          }
            .contact-card-area.small-cards .tel-list li+li:before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              border-left: 1px solid;
            }
      }
.contact-card-area.small-cards .contact-card-section {
      margin-bottom: 3.75rem
    }
.contact-card-area.small-cards .contact-card-section:last-child {
        margin-bottom: 0;
      }
@media (min-width: 1440px) {
      .contact-card-area.small-cards .img-wrap {
        max-width: 140px
    }
      }
.contact-card-area.small-cards .content-wrap {
      min-height: auto
    }
@media (min-width: 768px) {
      .contact-card-area.small-cards .content-wrap {
        padding-top: 1.5rem;

        padding-bottom: 1.5rem
    }
      }
@media (min-width: 1440px) {
      .contact-card-area.small-cards .content-wrap {
        padding-top: 1rem;

        padding-bottom: .75rem
    }
      }

.form {
  width: 100%
}
@media (min-width: 1024px) {
  .form {
    width: 51.464%
}
  }
.form label {
    display: block;
    font-size: 1.25rem;
    color: #221f20;
    letter-spacing: 0.77px;
    padding-bottom: 1.2rem
  }
@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
  }
@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: 1rem;

      padding-bottom: 1rem;

      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: #181818;
      border-color: rgba(24, 24, 24, var(--border-opacity));
      transition: border-color .3s ease;
    }
@media (min-width: 1440px) {
  .form textarea {
      padding-bottom: .4rem
  }
    }
.form .button {
    font-size: 24px;
    font-weight: 500;
    padding: 1.4rem 3rem;
    margin-top: .5rem;
    letter-spacing: 0.6px
  }
@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%
    }
      }


  .contact-us-section .section-title {
    padding-top: 3rem;
    margin-bottom: 3.8rem
  }
@media (min-width: 1024px){
    .contact-us-section .section-title {
      padding-top: 4rem;

      margin-bottom: 4rem;

      text-align: left;

      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
  }
    }

.nav-bar {
  display: none;
  margin-top: 1.5rem
}

@media (min-width: 1024px){

  .nav-bar {
    display: block
}
  }

.nav-bar li {
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem
  }

.nav-bar li:last-child {
      padding-right: 0;
    }

.nav-bar li:first-child {
      padding-left: 0;
    }

@media (min-width: 1024px) {

  .nav-bar li {
      padding-left: 1.25rem;

      padding-right: 1.25rem
  }

      .nav-bar li:last-child {
        padding-right: 0;
      }

      .nav-bar li:first-child {
        padding-left: 0;
      }
    }

.nav-bar a {
    display: inline-block;
    text-align: center;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 400;
    padding-bottom: 1.5rem;
    font-size: 18px;
    letter-spacing: 0.9px
  }

.nav-bar a.active {
      border-bottom: 5px solid #fff;
    }

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000
}

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

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

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

@media (min-width: 1024px) {
      .header .holder:after {
        position: absolute;
        left: 0;
        width: 100%;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        height: 1px;
        bottom: 2px;
        content: '';
        z-index: -1;
      }
    }

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

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

.headroom.headroom--pinned .brand-title strong {
        --text-opacity: 1;
        color: #181818;
        color: rgba(24, 24, 24, var(--text-opacity));
      }

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

.headroom.headroom--unpinned .brand-title strong {
        --text-opacity: 1;
        color: #181818;
        color: rgba(24, 24, 24, var(--text-opacity));
      }

@media (min-width: 1024px) {
      .headroom.headroom--pinned .header {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        position: fixed;
        --text-opacity: 1;
        color: #181818;
        color: rgba(24, 24, 24, var(--text-opacity));
        box-shadow: 0 0 10px rgba(24, 25, 26, 0.2)
      }
          .headroom.headroom--pinned .header .nav-bar a {
            --text-opacity: 1;
            color: #181818;
            color: rgba(24, 24, 24, var(--text-opacity))
          }
            .headroom.headroom--pinned .header .nav-bar a.active {
              --border-opacity: 1;
              border-color: #181818;
              border-color: rgba(24, 24, 24, 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: #181818;
          color: rgba(24, 24, 24, var(--text-opacity));
        }

@media (min-width: 1024px) {
      .headroom--pretend-pinned .headroom .header {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        position: fixed;
        --text-opacity: 1;
        color: #181818;
        color: rgba(24, 24, 24, var(--text-opacity));
        box-shadow: 0 0 10px rgba(24, 25, 26, 0.2)
      }
          .headroom--pretend-pinned .headroom .header .nav-bar a {
            --text-opacity: 1;
            color: #181818;
            color: rgba(24, 24, 24, var(--text-opacity))
          }
            .headroom--pretend-pinned .headroom .header .nav-bar a.active {
              --border-opacity: 1;
              border-color: #181818;
              border-color: rgba(24, 24, 24, 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: calc(100% - 2rem);
    height: 100%;
    left: 1rem; top: 0;
  }

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

.tourNotice {
  border-bottom: 1px solid #dbdbdb;
  padding: 1.75rem 0;
  margin-bottom: 1rem;
  text-align: center
}

.tourNotice div {
    font-size: 1.0rem;
    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
  }
    }
.toggle-btn {
  display: inline-block;
  width: 36px;
  height: 36px;
  position: fixed;
  top: .75rem;
  right: 1rem;
  margin-top: .4rem;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 10
}

@media (min-width: 640px) {

.toggle-btn {
    top: 2.1875rem;

    right: 2.5rem
}
  }

@media (min-width: 1024px) {
    .toggle-btn.opener {
      position: absolute;
      top: 0.9375rem;
    }
  }

.toggle-btn span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out
  }

.toggle-btn span:nth-child(1) {
      top: 0;
    }

.toggle-btn span:nth-child(2) {
      top: 12px;
    }

.toggle-btn span:nth-child(3) {
      top: 24px;
    }

.toggle-btn:focus,
    .toggle-btn:active {
    outline: none;
  }

.is-opened .toggle-btn span:nth-child(1) {
        top: 12px;
        transform: rotate(135deg);
      }

.is-opened .toggle-btn span:nth-child(2) {
        opacity: 0;
        left: -60px;
      }

.is-opened .toggle-btn span:nth-child(3) {
        top: 12px;
        transform: rotate(-135deg);
      }

.headroom--pinned .toggle-btn span, .headroom--unpinned .toggle-btn span {
      --bg-opacity: 1;
      background-color: #181818;
      background-color: rgba(24, 24, 24, var(--bg-opacity));
    }

.headroom--pinned .toggle-btn.closer span, .headroom--unpinned .toggle-btn.closer span {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
      }

.menu-area {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background: #18191a;
  overflow: auto;
  transition: opacity linear 0.3s, visibility linear 0.3s;
  height: calc(100vh + 100px);
  z-index: 10000
}

.menu-area.is-opened {
    opacity: 1;
    visibility: visible;
  }

.menu-list {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  width: 100%;
  max-width: 30rem;
  position: relative;
  left: 50%;
  padding-top: 15%;
  font-size: 1.875rem;
  transform: translateX(-50%)
}

.menu-list li {
    animation-name: animate-left;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: linear;
    display: block;
    width: 100%;
    text-align: center
  }

.menu-list li+ li {
      border-top: solid 1px rgba(255, 255, 255, 0.2);
    }

.menu-list .nav-link {
    display: block;
    padding: 0.7rem 1rem;
    letter-spacing: 1px
  }

.menu-list .nav-link:hover {
      --text-opacity: 1;
      color: #DAAA00;
      color: rgba(218, 170, 0, var(--text-opacity));
    }

@media (min-width: 1024px) {

.menu-list .nav-link {
      padding: 1.625rem 0.625rem
  }
    }

.menu-list.is-opened li {
      animation-name: animate-right;
      animation-duration: 0.5s;
      animation-fill-mode: both;
      animation-timing-function: linear;
    }

@keyframes animate-left {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes animate-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(40px);
  }
}


  .brand-title strong {
    display: none;
    margin-top: -0.5rem;
    font-weight: 300;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: left;
    font-family: Radical, 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: 32px;

      letter-spacing: 3.6px
  }
    }

.hero-area {
  overflow: hidden
}

.hero-area .scroll-link {
    font-size: 1.125rem;
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2rem;
    z-index: 40
  }

.hero-area .scroll-link span {
      opacity: 0;
      animation: fadeInUp .5s ease both;
      animation-delay: 2.5s;
    }

@media (min-width: 768px) {

.hero-area .scroll-link {
      display: block
  }
    }

.hero-area.hero-bg-area .wrap:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: linear-gradient(to bottom,
                rgba(64, 64, 64, 0.64) 0%,
                rgba(64, 64, 64, 0.2) 25%,
                rgba(64, 64, 64, 0.2) 70%,
                rgba(64, 64, 64, 0.64) 100%);
        z-index: 30;
      }

.hero-area.hero-bg-area .holder {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      padding: 20px;
      z-index: 40
    }

@media (min-width: 1024px) {

.hero-area.hero-bg-area .holder {
        padding: 20px 45px
    }
      }

@media (min-width: 1024px) {

.hero-area.hero-bg-area .holder {
        padding: 40px 65px
    }
      }

.hero-area.hero-bg-area .holder .headline {
        --text-opacity: 1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        opacity: 0;
        animation: fadeInUp .5s ease both;
        animation-delay: 2.3s
      }

@media (min-width: 1440px) {

.hero-area.hero-bg-area .holder .headline {
          margin-bottom: 1.25rem
      }
        }

.hero-area.hero-bg-area .holder .content {
        width: 100%;
        padding: 1.25rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-shadow: 0 0 11px rgba(0,0,0,.25)
      }

.hero-area.hero-bg-area .holder .content span {
          letter-spacing: 1.6px;
          animation: fadeInUp .5s ease both;
          animation-delay: 1.5s;
        }

.hero-area.hero-bg-area .holder .content li {
          letter-spacing: 0.8px;
          opacity: 0;
          animation: fadeInUp .5s ease both;
          animation-delay: 2.5s;
        }

@media (min-width: 640px) {

.hero-area.hero-bg-area .holder .content {
          padding: 2rem
      }
        }

@media (min-width: 768px) {

.hero-area.hero-bg-area .holder .content {
          padding: 1.25rem
      }
        }

.hero-area.hero-bg-area .holder .badge-img {
        display: none;
        z-index: 40;
        opacity: 0;
        animation: fadeInUp .5s ease both;
        animation-delay: 3s;
        max-width: 262px;
        filter: invert(100%)
      }

@media (min-width: 768px) {

.hero-area.hero-bg-area .holder .badge-img {
          display: block;

          right: 45px;

          bottom: 35px
      }
        }

@media (min-width: 1440px) {

.hero-area.hero-bg-area .holder .badge-img {
          display: block;

          right: 65px;

          bottom: 55px
      }
        }

.hero-area.hero-slider-area .swiper-slide:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: linear-gradient(to bottom,
                rgba(35, 35, 35, 0.35) 0%,
                rgba(35, 35, 35, 0.2) 25%,
                rgba(35, 35, 35, 0.2) 70%,
                rgba(35, 35, 35, 0.35) 100%);
        z-index: 10;
      }

.hero-area.hero-slider-area .swiper-slide img {
        animation: fadeInAndScale 2s ease both;
        /* animation-delay:1.5s; */
      }

.hero-area.hero-slider-area .swiper-pagination {
      animation: fadeInUp .5s ease both;
      animation-delay: 3s;
    }

.hero-area.hero-slider-area .slide-content {
      animation: fadeInUp .5s ease both;
      animation-delay: 2.3s;
    }

.hero-area .bg-image-wrap {
    position: relative;
    z-index: 10;
    animation:fadeInAndScale 2s ease both;
    background-color: #fff;
    /* animation-delay:1.5s; */
  }

.hero-area .bg-image-wrap.gallery {
    animation: none;
  }

.hero-area .presented-logo-block img {
      opacity: 0;
      animation: fadeInUp .5s ease both;
      animation-delay: 2.5s;
      max-height: 300px;
    }

.hero-area .presented-logo-block span {
      opacity: 0;
      animation: fadeInUp .5s ease both;
      animation-delay: 2.5s;
    }

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInAndScale {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }

  50% {
    opacity:1;
  }

  100% {
    transform:scale(1);
  }
}

@keyframes slideInAndScale {
  0% {
    transform: scale(1.2);
  }

  100% {
    transform:scale(1);
  }
}

.top-badges {
  top: 120px;
  left: 1.25rem
}

.top-badges .status-badge {
    float: left;
    color: #fff;
    background-color: rgba(0,35,73,0.75294);
    margin: 0 4px 5px 4px;
    padding: 0.75rem 1.4rem;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    text-transform: uppercase
  }

.top-badges .status-badge.type-openhouse {
      background-color: rgba(218,170,0,0.75294);
    }

.top-badges .status-badge.type-3dtour {
      background: url('/images/vr-white.svg') 14px 50% no-repeat rgba(83,85,90,0.75294);
      background-size: 24px 24px;
      padding-left: 47px;
    }

.top-badges .status-badge.type-video {
      background: url('/images/video_icon.svg') 14px 50% no-repeat rgba(149,119,93,0.75294);
      background-size: 24px 24px;
      padding-left: 47px;
    }

.top-badges .status-badge.status-sold {
      background-color: rgba(218,170,0,0.75294);
    }