@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%;
  }
}

/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fader {
  opacity: 0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}

.fader.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.fader.oneA {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}

.fader.oneB {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.fader.oneC {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
}

.fader.two {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.fader.three {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}

@media screen and (max-width: 39.9375em) {
  .container,
  .reveal {
    font-size: 11px;
  }

  .container {
  }

  body {
  }

  .unscrolled {
  }

  .scrolled {
  }

  .mb {
    margin-bottom: 40px;
  }

  .smb {
  }

  .mt {
  }

  .pb {
  }

  .pt {
  }

  .lpb {
  }

  a {
    color: inherit;
    outline: none;
  }

  a:hover,
  a:visited,
  a:focus,
  a:active {
    color: inherit;
    text-decoration: none;
    outline: none;
  }

  .grid-x {
    margin-left: auto;
    margin-right: auto;
  }

  #Form_Modal {
    width: 100%;
    max-width: inherit;
    right: auto;
    left: 0;
    margin: 0 0 0 auto;
    top: 0 !important;
    padding: 0;
    border: none;
    background-color: #3f485c;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .modal_content_wrap {
    min-height: 100vh;
    padding: 0 0 0px;
  }

  .modal_image {
    min-height: 100vh;
    padding: 0 0 0px;
    position: fixed;
    width: 0%;
    left: 0;
    background-color: #beac90;
    background-size: cover;
    background-image: url("../img/render3.jpg");
    background-repeat: no-repeat;
    background-position: left center;
  }

  .modal_image_overlay {
  }

  .form_overlay {
    background-color: transparent;
  }

  .modal_content_wrap {
  }

  .top_row {
    position: relative;
    min-height: 130px;
  }

  .modal_stamp {
    display: block;
    margin: 40px auto 30px;
    max-width: min(90%, 70px);
  }

  .top_row h3 {
    text-align: center;
    max-width: min(90%, 550px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 50px;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.75em;
    display: none;
  }

  .modal_top_row {
  }

  .modal_top_col {
  }

  .bottom_row {
  }

  .agent_details {
    width: 100%;
    display: block;
  }

  .agent_details .cell {
  }

  .agent_details h5 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 1em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .agent_details h6 {
    text-align: center;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 5px auto 10px;
    line-height: 165%;
    font-size: 1.8em;
  }

  .form_row {
    width: 100%;
    display: block;
  }

  .form_row .cell {
  }
  .form_wrap {
    margin: 0 auto 20px;
    max-width: min(350px, 85%);
  }

  .disclaimer_text {
    width: 100%;
    display: block;
  }

  .disclaimer_text .cell {
  }

  .disclaimer_text h6 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 40px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 0.85em;
  }

  .disclaimer_text h6 a {
  }

  .client_logos {
    width: 100%;
    display: block;
    position: relative;
  }

  .client_logos .cell {
  }

  .earl_logo,
  .footer_earl {
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0;
    margin: 0 0 0 auto;
    display: block;
  }

  .cl_wrap {
    text-align: center;
    margin: 0 auto 160px;
  }

  .cl {
    height: 28px;
    margin: 0 12px;
  }

  .cl1 {
  }

  .cl2 {
  }

  .cl3 {
  }

  .cl4 {
  }

  .cl5 {
  }

  .close-button {
    position: absolute;
    /* color: #ede8e2; */
    cursor: pointer;
    width: 35px;
    padding: 7px 4px 3px;
    right: 10px;
    top: 10px !important;
    background-color: #fff;
  }

  .close_modal {
    /* width: 35px; */
  }

  .close_modal .cls-1 {
    fill: #f0c591;
  }

  #preload {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: transparent;
    z-index: 12;
  }

  .preload_wrap {
    min-height: 100vh;
    position: relative;
    z-index: 10;
  }

  .preload_logo_row_wrap {
    position: relative;
    min-height: 300px;
  }

  .preload_logo_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .preload_logo_col {
  }

  .preload_logo {
    display: block;
    margin: 30px auto 50px;
    max-width: min(90%, 300px);
  }

  .preload_bottom_row_wrap {
    position: relative;
  }

  .preload_bottom_row {
    max-width: inherit;
    position: fixed;
    width: 100%;
    height: 50%;
  }

  .preload_bottom_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .hero_ill {
    max-width: inherit;
    vertical-align: inherit;
    min-width: 100vw;
    min-height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    z-index: 0;
    object-position: top;
    left: 50%;
    transform: translateX(-50%);
  }

  .hero_ill2 {
  }

  .preload_overlay {
    position: fixed;
    z-index: 2;
    border-width: 0;
    background: rgba(20, 20, 40, 0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .preload_image {
    position: fixed;
    width: 100%;
    top: 0;
    text-align: center;
    left: 0;
    height: 100vh;
    max-height: 100vh;
    background-color: #d3c5b8;
    background-position: center center;
    z-index: 1;
    background-repeat: repeat;
    background-color: #c0c8c0;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    /* background-image: url(../img/sandpaper.png); */
    display: none;
  }

  #homepage {
    background-color: #3f485c;
    background-image: url("../img/egg-shell.png");
    background-repeat: repeat;
  }

  .vegas-slide,
  .vegas-slide-inner {
    background-position: top center !important;
  }

  .home_wrap {
    min-height: 100vh;
    padding: 0px 0 140px;
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 39;
  }

  .home_top_row_wrap {
    position: relative;
  }

  .home_top_row {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .home_top_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_top_row h4,
  .home_bottom_row h4 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 40px auto 0px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 1em;
    display: none;
  }

  .mobile_logo {
  }

  .home_middle_row_wrap {
    position: relative;
    min-height: auto;
  }

  .home_middle_row {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
  }

  .hero_middle_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_text_wrap {
    border: solid #fff;
    border-width: 0px 0;
    margin: 0 auto 0;
    padding: 0px 0 0px;
  }

  .home_text_wrap h1 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    text-align: center;
    max-width: min(90%, 650px);
    font-weight: 400;
    color: #fff;
    font-family: "Louize trial";
    margin: 0 auto 50px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-size: 3em;
  }

  .home_text_wrap h2 {
    text-align: center;
    max-width: min(90%, 350px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 25px;
    line-height: 130%;
    letter-spacing: 0.02em;
    font-size: 1.3em;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
  }

  .home_bottom_row_wrap {
    border-bottom: 0px solid #8b6a41;
  }

  .home_bottom_row {
    border: solid #fff;
    border-width: 0px 0 0;
    padding: 0px 0 0 0;
    background-color: rgba(20, 20, 20, 0);
  }

  .home_bottom_row .cell {
  }

  .home_bottom_row h6,
  .home_top_row h6,
  .home_middle_row h6 {
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    font-size: 1em;
    /* text-decoration: underline; */
  }

  .enquire_btn {
    color: #fff;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.05em;
    letter-spacing: 0.185em;
    margin: 0px auto 0;
    display: inline-block;
    border: solid #8b6a41;
    border-width: 3px;
    padding: 14px 30px 15px;
    background-color: #8b6a41;
    background-color: rgba(139, 106, 65, 0.9);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }

  .enquire_btn:hover {
    background-color: #8b6a41;
    color: #fff;
  }

  .right_colour_block {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    border: solid #fff;
    border-width: 0 0px 0 0;
  }

  .left_col_y_grid {
    position: absolute;
    min-height: 100vh;
    width: 100%;
    top: 0;
    height: 0;
    z-index: 5;
  }

  .left_grid_top_wrap {
    position: relative;
  }

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

  .left_grid_top_row .cell {
  }

  .left_grid_top_col {
  }

  .inner_logo_wrap {
  }

  .inner_logo {
    display: block;
    margin: 0 auto;
    max-width: min(90%, 515px);
  }

  .bottom_grid_top_wrap {
    position: relative;
    min-height: 398px;
  }

  .bottom_grid_top_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .bottom_grid_top_col {
  }

  .desktop_nav_wrap {
    position: absolute;
    z-index: 40;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0px 70px 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    transition-duration: 0.5s;
    display: none;
  }

  .desktop_nav_row {
  }

  .desktop_nav_row .cell {
  }

  .left_nav {
  }

  .desktop_nav_row ul,
  .fixed_nav_row ul {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 1.15em;
    margin: 0 auto 20px;
    padding: 0 0 0 0;
    line-height: 180%;
    font-weight: 400;
    letter-spacing: 0.15em;
    color: #fff;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    margin-left: 0;
    list-style: none;
  }

  .subpage .desktop_nav_row ul {
    text-shadow: none;
    color: #beac90;
  }

  .subpage .desktop_nav_wrap {
  }

  .desktop_nav_row li {
    display: inline;
    margin: 0 20px;
  }

  .desktop_nav_row li:first-child {
    margin-left: 0;
  }

  .nav_logo {
    max-width: min(280px, 90%);
    margin: 0 auto 0;
    display: block;
  }

  .subpage .nav_logo {
    max-width: min(180px, 90%);
    margin: 0 auto 0;
  }

  .nav_logo .cls-1 {
    fill: #fff;
    stroke-width: 0px;
  }

  .subpage .nav_logo .cls-1 {
    fill: #f0c591;
    stroke-width: 0px;
  }

  .right_nav {
  }

  .right_nav ul {
    text-align: right;
  }

  .right_nav li {
    text-align: right;
  }

  .right_nav li:last-child {
    margin-right: 0;
  }

  .medium_nav {
    display: none !important;
  }

  .unscrolled {
  }

  .mobile_topbar {
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 45px;
    padding-right: 0;
    padding-left: 0;
  }

  .homepage .mobile_topbar {
  }

  .scrolled .mobile_topbar {
    background: #3f485c;
    background-color: #3f485c;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #f0c591;
  }

  .scrolled .homepage .mobile_topbar {
  }

  .homepage .mobile_logo {
  }

  .mobile_logo {
    width: 80px;
    margin: 0px 0 0 15px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .subpage .mobile_logo {
    opacity: 1;
  }

  .scrolled .mobile_logo {
    opacity: 1;
    margin: 0px 0 0 15px;
  }

  .scrolled .homepage .mobile_logo {
  }

  .mobile_topbar .cell {
  }

  .mobile_nav_icon {
    font-family: "ElegantIcons";
    color: #fff !important;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 30;
    padding: 9px;
    line-height: 100%;
    background: #f0c591;
    border-radius: 0;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
    width: 45px;
  }

  .scrolled .mobile_nav_icon {
  }

  .hamburger {
  }

  .scrolled .hamburger {
  }

  .register_fixed_row {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 40;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .scrolled .register_fixed_row {
    bottom: 0;
    transition-delay: 10s;
  }

  .register_fixed_row h6 {
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #beac90;
  }

  .fixed_register {
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 14px 20px 16px;
    border: #fff solid;
    border-width: 0px;
    display: block;
    width: auto;
    background: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
  }

  .fixed_nav {
    position: fixed;
    bottom: -95px;
    font-size: 1em;
    left: 0;
    width: 100%;
    z-index: 90;
    top: inherit;
    background-color: #3f485c;
    border-top: 1px solid #f0c591;
    padding: 15px 40px 16px;
    -webkit-transition: top 0s ease-out;
    -moz-transition: top 0s ease-out;
    -o-transition: top 0s ease-out;
    transition: top 0s ease-out;
  }

  .scrolled .fixed_nav {
    bottom: 0;
    transition-delay: 2s;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
  }

  .fixed_nav_row {
  }

  .fixed_nav_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .fixed_reg_desk {
  }

  .fixed_reg_desk span {
    position: relative;
  }

  .fixed_reg_desk span::before {
    content: "";
    position: absolute;
    height: 0px;
    bottom: -3px;
    left: 0;
    right: 0;
    background-color: #fff;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.7s ease-in-out;
  }

  .scrolled .fixed_reg_desk span::before {
    background-color: #005943;
  }

  .fixed_reg_desk span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .fixed_logo {
    max-width: 120px;
  }

  .fixed_nav_row ul {
    text-align: right;
    color: #beac90;
    text-shadow: none;
    font-size: 1em;
    margin: 0 auto 5px;
  }

  .fixed_nav_row li {
    display: inline;
    margin: 0 0 0 25px;
  }

  .fixed_nav_row li:last-child {
    margin-right: 0 !important;
  }

  .fixed_nav_row li a {
  }

  .register_fixed_row {
    position: fixed;
    bottom: -250px;
    position: fixed;
    /* bottom: 0px; */
    width: 100%;
    z-index: 99;
    background: #fff;
    background-color: #fff;
    text-align: center;
    padding: 0px 0 0px;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
    max-width: 100vw;
  }

  .register_fixed_row h6 {
  }

  .fixed_register {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    /* margin: 20px 40px; */
    font-family: "Inter", sans-serif;
    font-size: 12px;
    color: #f0c591 !important;
  }

  .scrolled .register_fixed_row {
    bottom: 0px;
  }

  .overlay {
    background-color: #8b6a41;
    background-color: rgba(139, 106, 65, 0.95);
  }

  .overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
  }

  .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 92%;
  }

  .overlay .overlay-close {
    width: 45px;
    height: 45px;
    position: fixed;
    top: 5px;
    right: 5px;
    border: 0px solid #aaa;
    padding: 7px;
    font-size: inherit;
    z-index: 40;
  }

  .overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 75%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    text-align: center;
  }

  .overlay ul li a {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 2.4em;
  }

  .overlay ul li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    line-height: 125%;
  }

  .overlay_close_cross {
  }

  .overlay_close_cross .st0 {
    fill: #fff;
  }

  .mobile_register {
  }

  #homepage_imgage_holder {
    background-color: #beac90;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; /* display: none; */
  }

  .image_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgb(0, 0, 0);
    background: linear-gradient(
      180deg,
      rgba(0, 0, 30, 0.35) 0%,
      rgba(0, 0, 0, 0.55) 100%
    );
    mix-blend-mode: multiply;
  }

  #hero_image {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
  }

  .mobile_hero {
  }

  .homepage_option {
  }

  .homepage_loaded {
  }

  .hero_image {
  }

  .subsection_wrap {
    position: relative;
    z-index: 20;
    background-color: #3f485c;
  }

  .subsection {
    padding: 70px 0 0 0;
    border-top: 0px solid #f0c591;
  }

  .subsection .grid-x {
    max-width: min(100%, 450px);
  }

  #design {
    padding: 90px 0 0 0;
  }

  .fade_gallery,
  .guide_img_wrap,
  .team_img_wrap,
  .intro_img_wrap {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .fullWidth .fade_gallery {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

  .fade_gallery img {
  }

  .fullWidth {
    max-width: 100% !important;
  }

  .fullWidth img {
  }

  .fullWidth .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .carousel_row {
    max-width: 100vw !important;
    padding: 0 0 !important;
    border: solid #111;
    border-width: 2px 0;
  }

  .carousel_col {
  }

  .carousel-container {
  }

  .carousel {
  }

  .carousel-cell {
    margin: 0 5px;
    /* background-color: #fff; */
  }

  .carousel-image {
    opacity: 1;
    transition: opacity 1.1s cubic-bezier(0.55, 0, 0.1, 1);
    height: 300px;
    max-width: inherit;
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .is-selected .carousel-image {
    opacity: 1;
    mix-blend-mode: initial;
  }

  .carousel.is-fullscreen .carousel-image {
    height: auto;
    max-height: 100%;
  }

  .flickity-viewport {
  }

  .carousel-status {
    font-family: "GT America Regular";
    color: #9b6742;
    margin: 15px 30px 0px 0;
    max-width: 100%;
    line-height: 150%;
    font-weight: 400;
    font-size: 1.05em;
    padding: 0;
    letter-spacing: 0.05em;
    text-align: right;
    text-rendering: auto;
    text-transform: uppercase;
    display: none;
  }

  .caption {
    background: transparent;
    bottom: 15px;
    left: 0px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: center;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.85em;
    opacity: 0;
    width: 100%;
  }

  .is-selected .caption {
    opacity: 1;
  }

  .flickity-button {
    background-color: transparent;
    background-color: #beac90;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0 2px;
    border-radius: 0;
    color: #fff;
    outline: none !important;
    width: 40px;
    height: 100.2%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .flickity-prev-next-button.next {
    right: 0;
    border-right: 0;
  }

  .flickity-prev-next-button.previous {
    left: 0;
    border-left: 0;
    background-color: transparent !important;
  }

  .flickity-button:hover {
    background-color: #3f485c !important;
  }

  .flickity-button-icon {
    color: #3f485c;
  }

  .flickity-button:hover .flickity-button-icon {
    color: #beac90;
  }

  .next .flickity-button-icon {
    left: 20%;
  }

  .previous .flickity-button-icon {
    left: 15%;
  }

  .render_carousel {
    border-width: 0px 0;
  }

  .render_carousel .flickity-button {
    background-color: transparent;
    background-color: transparent;
    background-image: none;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0px 0px;
  }

  .render_carousel .flickity-prev-next-button.previous {
    border-left: 0 !important;
  }

  .render_carousel .flickity-prev-next-button.next {
    border-right: 0 !important;
  }

  .intro_row {
    margin-bottom: 40px;
  }

  .intro_row .cell {
  }

  .intro_row h1 {
    text-align: center;
    max-width: min(95%, 660px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 20px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2em;
  }

  .intro_row h2,
  .quote_text_wrap h3 {
    max-width: min(95%, 800px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.3em;
  }

  .render_row {
  }

  .render_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .light_green_wrap {
    color: #fff;
    background-color: #ccd1c7c2;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .quote_row {
    max-width: 100% !important;
  }

  .quote_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .quote_img_wrap {
  }

  .quote_img_wrap img {
  }

  .quote_text_wrap {
    margin: 15px auto;
    max-width: min(90%, 700px);
  }

  .arch {
    display: block;
    margin: 40px auto 0;
    max-width: min(90%, 110px);
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .arch1 {
  }

  .arch2 {
  }

  .quote_text_wrap h3 {
    font-size: 1.35em;
    line-height: 135%;
    margin: 30px auto 20px;
    max-width: min(95%, 500px);
  }

  .sig {
    display: block;
    margin: 0 auto 15px;
    height: 30px;
  }

  .sig1 {
    height: 90px;
    margin: 0 auto 0;
  }

  .sig2 {
    height: 40px;
  }

  .quote_text_wrap h4 {
    text-align: center;
    margin: 0 auto 45px;
    line-height: 165%;
    font-size: 0.9em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.125em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .quote_row2 h3 {
  }

  .split_row {
    max-width: calc(100% - 20px) !important;
  }

  .split_img_col {
    position: relative;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .intro_img_wrap {
    overflow: hidden;
    height: auto;
    width: auto;
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    max-width: min(90%, 450px);
  }

  .intro_img_wrap img {
  }

  .split_img {
    height: auto;
    width: auto;
  }

  .split_img1 {
  }

  .split_img2 {
  }

  .split_img3 {
  }

  .split_img4 {
  }

  .split_img5 {
  }

  .split_img6 {
  }

  .split_img7 {
  }

  .split_img8 {
  }

  .split_img9 {
  }

  .split_img10 {
  }

  .split_img11 {
  }

  .split_img12 {
  }

  .split_img13 {
  }

  .split_img14 {
  }

  .split_img15 {
    /* display: none; */
  }

  .split_img16 {
  }

  .split_img17 {
    object-position: bottom;
  }

  .split_img18 {
  }

  .split_img19 {
  }

  .split_img20 {
  }

  .split_img21 {
  }

  .split_img22 {
  }

  .split_img23 {
  }

  .split_img24 {
  }

  .split_img25 {
  }

  .split_text_wrap {
    min-height: auto;
    padding: 40px 0 0px;
  }

  .split_title_wrap {
  }

  .split_title_wrap h1,
  .render_row h2,
  .icon_wrap h6,
  .lifestyle_intro_row h3,
  .guide_title_row h1,
  .team_text_wrap h4,
  .guide_text_wrap h2,
  .scheme_wrap h4 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .body_copy_wrap {
    position: relative;
  }

  .icon_row_wrap {
    margin: 0 auto 50px;
    display: block;
    max-width: min(90%, 600px);
  }

  .icon_wrap {
    width: 24%;
    display: inline-block;
  }

  .icon_wrap h6 {
    margin: 10px auto 25px;
    line-height: 135%;
    font-size: 0.9em;
  }

  .icon {
    height: 45px;
    margin: 0 auto;
    display: block;
  }

  .body_copy_wrap h2,
  .team_text_wrap h3 {
    text-align: center;
    max-width: min(95%, 660px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 10px auto 30px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.1em;
  }

  .body_copy_wrap p,
  .render_grid_text_wrap p,
  .render_row p,
  .guide_text_wrap h3,
  .scheme_wrap h5,
  .team_text_wrap p {
    text-align: center;
    max-width: min(95%, 450px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 30px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.2em;
  }

  .render_row h2 {
    text-align: center;
    margin: 0 0 20px 0;
  }

  .render_row p {
    text-align: center;
    margin: 0 auto 40px;
  }

  .render_grid_row {
    max-width: calc(100% - 40px) !important;
  }

  .render_grid_row .cell {
  }

  .render_grid_row h1 {
    text-align: center;
    margin: 0 auto 40px 0;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .smb {
  }

  .render_grid_text_wrap {
  }

  .render_grid_text_wrap p {
    margin: 30px auto 30px;
    max-width: min(100%, 720px);
    text-align: center;
  }

  .nested_gallery {
  }

  .nested_gallery img {
  }

  .scheme_wrap {
  }

  .scheme_wrap .shrink {
  }

  .scheme_wrap h4 {
    margin: 20px auto 10px;
  }

  .scheme_wrap h5 {
    max-width: min(90%, 400px);
  }

  #lifestyle {
  }

  .lifestyle_intro_row {
  }

  .lifestyle_intro_row h1 {
  }

  .lifestyle_intro_row h2 {
    max-width: min(95%, 500px);
    font-size: 1.2em;
  }

  .lifestyle_intro_row h3 {
    margin: 20px auto 0px;
    letter-spacing: 0.1em;
  }

  .lifestyle_intro_row h3 a span {
    position: relative;
  }

  .lifestyle_intro_row h3 a span::before {
    content: "";
    position: absolute;
    height: 1px;
    bottom: -2px;
    left: 0;
    right: 0;
    background-color: #beac90;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.9s ease-in-out;
  }

  .lifestyle_intro_row h3 a span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .aerial_row {
  }

  .aerial_row .cell {
  }

  .hs-tooltip h3,
  .hs-tooltip p {
    margin: 0;
    font-size: 14px !important;
    line-height: 27px !important;
    letter-spacing: 0.02em;
    text-align: left;
    color: #f0c591 !important;
    text-transform: uppercase;
    font-family: "Inter", sans-serif !important;
  }

  .hs-hotspot-oval,
  .hs-hotspot-rect,
  .hs-hotspot-spot {
  }

  .guide_title_row {
  }

  .guide_title_row .cell {
  }

  .guide_title_row h1 {
    margin: 20px auto 20px;
    font-size: 1.25em;
  }

  .guide_row {
    margin-bottom: 0px;
  }

  .guide_row1 {
  }

  .guide_row2 {
    margin-bottom: 150px;
  }

  .guide_row .cell {
  }

  .guide_img_wrap {
    margin: 0 auto;
    max-width: min(90%, 800px);
  }

  .guide_img_wrap img {
  }

  .guide_text_wrap {
  }

  .guide_text_wrap h2 {
    font-size: 1.15em;
    margin: 20px auto 0;
  }

  .guide_text_wrap hr {
    margin: 10px auto 20px;
    max-width: min(90%, 800px);
    border-bottom: 1px solid #f0c591;
  }

  .guide_text_wrap h3 {
  }

  #team {
  }

  .team_intro_row {
  }

  .team_intro_row h1 {
    display: none;
  }

  .team_intro_row h2 {
    max-width: min(90%, 400px);
  }

  .team_row {
  }

  .team_row .cell {
  }

  .team_img_wrap {
    margin: 0 auto;
    max-width: min(100%, 500px);
  }

  .team_img_wrap img {
  }

  .team_text_wrap {
  }

  .team_text_wrap h3 {
    margin: 25px auto 0px;
  }

  .team_text_wrap h4 {
    font-size: 1em;
    margin: 5px auto 25px;
  }

  .team_text_wrap p {
  }

  .team_row2 {
  }

  .team_row2 .team_img_wrap {
  }

  .team_row2 .team_img_wrap img {
  }

  .team_last_col {
  }

  .team_last_col h5 {
    text-align: center;
    margin: 30px auto 25px;
    line-height: 165%;
    font-size: 1em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .awards_logo_wrap {
  }

  .awards {
    max-width: min(90%, 140px);
    margin: 0 auto 40px;
    display: block;
  }

  .footer {
    border-top: 1px solid #f0c591;
    background-color: #c0c8c0;
    background-color: #9aa29a;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    padding: 50px 0 110px 0;
  }

  @media screen and (max-width: 480px) {
    .footer {
      padding: 20px 0 !important;
    }

    .location {
      padding: 0 !important;
    }
  }

  #footer {
  }

  .footer_top_row,
  .footer_content_row {
    padding: 0 20px;
    max-width: 100% !important;
  }

  .footer_top_row .cell,
  .footer_content_row .cell {
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }

  .footer_top_row h6 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: center;
    margin: 0 auto 0px 0;
    line-height: 165%;
    font-size: 0.95em;
    font-weight: 200;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .footer_top_row h3 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 8px auto 10px;
    line-height: 100%;
    font-size: 1.9em;
  }

  .footer_logo_wrap {
    text-align: center;
    margin: 20px auto 20px;
  }

  .tl {
    margin: 0 15px;
  }

  .tl1 {
  }

  .tl2 {
  }

  .tl3 {
  }

  .tl4 {
  }

  .footer_content_row {
  }

  .footer_divider_col {
  }

  .footer_divider_col hr {
    max-width: 100%;
    margin: 0px 0 0 0;
    border-bottom: 1px solid #fff;
  }

  .footer_content_row .cell {
  }

  .footer_content_row h2 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 5%);
    text-align: center;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 20px auto 5px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.85em;
    display: block;
  }

  .footer_content_row h5 {
    text-align: center;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 50px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1em;
    display: block;
  }

  .footer_earl {
    height: 50px;
  }

  .body_copy_nested_row {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100% !important;
  }

  .body_copy_nested_col {
  }

  #tour {
    padding: 45px 0 0 0;
  }

  .tour_row {
  }

  .tour_row .cell {
  }

  #tour_iframe {
    height: calc(100vh - 45px);
  }

  .nav-item--logo {
    display: none !important;
  }

  .footer_ill_row {
    max-width: 100% !important;
    opacity: 0.9;
    min-height: 50px;
    background-image: url("../img/desktop_ill.svg");
    padding: 0 0 0px 0;
    background-size: 600px;
    background-repeat: repeat-x;
  }

  .footer_ill_col {
  }

  .arch_caption {
    background: transparent;
    bottom: 10px;
    left: 15px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: center;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.05em;
    font-size: 0.85em;
    opacity: 1;
    width: auto;
  }

  .home_mobile_logo {
    max-width: min(70%, 300px);
    margin: 0 auto;
    display: block;
  }

  .stamp_large {
    height: 100vh;
    margin: 0 auto;
    display: block;
    opacity: 0.2;
  }

  .slick-dots {
    bottom: 25px !important;
  }
  .slick-dots li {
  }
  .slick-dots li button {
  }
  .slick-dots li button:before {
    font-size: 12px;
    color: #fff;
    opacity: 0.5;
  }

  .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
  }
  .fade button,
  .slider-for button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }

  .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: none !important;
  }

  .rooftop_split_row {
    max-width: calc(100% - 20px) !important;
  }
  .rooftop_wrap {
    padding: 0 0 0;
    min-height: auto;
  }
  .rooftop_wrap .split_text_wrap {
  }
  .rooftop_wrap .split_title_wrap {
  }
  .rooftop_wrap .split_title_wrap h1 {
    margin: 0 auto 10px;
  }

  @media only screen and (max-width: 640px) {
    .rooftop_wrap .split_title_wrap h1 {
      margin: 0;
    }

    .fooReveal .mySwiper {
      height: auto !important;
    }

    .fooReveal-img {
      max-width: 420px !important;
    }

    .fooReveal2{
      height: 280px !important;
      padding: 0;
      margin: 0 auto;
      top: 0 !important;
    }

    .fooReveal2 .swiper-button-next, .swiper-button-prev{
      top: 50px  !important;
      left: 35px !important;
    }

    .fooReveal-3,
    .fooReveal3 {
      height: 300px !important;
    }

    .fooReveal-4 .split_text_wrap{
      min-height: 300px !important;
    }

    .fooReveal2 > iframe, .fooReveal3 > iframe {
      height: 250px !important;
    }

    .fooReveal-2{
      height: 425px !important;
    }

    .fooReveal-2 #image-comparison{
      width: 320px !important;
      height: 425px !important;
      max-height: 425px !important;
    }

    .fooReveal-2 #image-comparison #overlay img, .fooReveal-2 #image-comparison img{
      min-width: 320px !important;
      width: 320px !important;
      height: 425px !important;
    }

    .footer_top_row h3, .footer_top_row h3 a{
      font-size: 20px !important;
    }
  }

  .rooftop_wrap .body_copy_wrap {
  }
  .rooftop_wrap .body_copy_wrap p {
    max-width: min(95%, 720px);
    margin: 10px auto 0;
  }
  .rooftop_split_row .body_copy_nested_row {
    position: relative;
  }
}

@media screen and (min-width: 40em) {
  .container,
  .reveal {
    font-size: 12px;
  }

  .container {
  }

  body {
  }

  .unscrolled {
  }

  .scrolled {
  }

  .mb {
    margin-bottom: 50px;
  }

  .smb {
  }

  .mt {
  }

  .pb {
  }

  .pt {
  }

  .lpb {
  }

  a {
    color: inherit;
    outline: none;
  }

  a:hover,
  a:visited,
  a:focus,
  a:active {
    color: inherit;
    text-decoration: none;
    outline: none;
  }

  .grid-x {
    margin-left: auto;
    margin-right: auto;
  }

  #Form_Modal {
    width: 100%;
    max-width: inherit;
    right: auto;
    left: 0;
    margin: 0 0 0 auto;
    top: 0 !important;
    padding: 0;
    border: none;
    background-color: #3f485c;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .modal_content_wrap {
    min-height: 100vh;
    padding: 0 0 0px;
  }

  .modal_image {
    min-height: 100vh;
    padding: 0 0 0px;
    position: fixed;
    width: 0%;
    left: 0;
    background-color: #beac90;
    background-size: cover;
    background-image: url("../img/render3.jpg");
    background-repeat: no-repeat;
    background-position: left center;
  }

  .modal_image_overlay {
  }

  .form_overlay {
    background-color: transparent;
  }

  .modal_content_wrap {
  }

  .top_row {
    position: relative;
    min-height: 300px;
  }

  .modal_stamp {
    display: block;
    margin: 50px auto 30px;
    max-width: min(90%, 80px);
  }

  .top_row h3 {
    text-align: center;
    max-width: min(90%, 400px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 50px;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.75em;
    display: block;
  }

  .modal_top_row {
  }

  .modal_top_col {
  }

  .bottom_row {
  }

  .agent_details {
    width: 100%;
    display: block;
  }

  .agent_details .cell {
  }

  .agent_details h5 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 0.95em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.2em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .agent_details h6 {
    text-align: center;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 3px auto 10px;
    line-height: 165%;
    font-size: 1.9em;
  }

  .form_row {
    width: 100%;
    display: block;
  }

  .form_row .cell {
  }
  .form_wrap {
    margin: 0 auto 20px;
    max-width: min(410px, 90%);
  }

  .disclaimer_text {
    width: 100%;
    display: block;
  }

  .disclaimer_text .cell {
  }

  .disclaimer_text h6 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 40px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 0.85em;
  }

  .disclaimer_text h6 a {
  }

  .client_logos {
    width: 100%;
    display: block;
    position: relative;
  }

  .client_logos .cell {
  }

  .earl_logo,
  .footer_earl {
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0;
    margin: 0 0 0 auto;
    display: block;
  }

  .cl_wrap {
    text-align: center;
    margin: 0 auto 160px;
  }

  .cl {
    height: 30px;
    margin: 0 25px;
  }

  .cl1 {
  }

  .cl2 {
  }

  .cl3 {
  }

  .cl4 {
  }

  .cl5 {
  }

  .close-button {
    position: absolute;
    /* color: #ede8e2; */
    cursor: pointer;
    width: 40px;
    padding: 7px 7px 3px;
    right: 20px;
    top: 20px !important;
    background-color: #fff;
  }

  .close_modal {
    /* width: 35px; */
  }

  .close_modal .cls-1 {
    fill: #f0c591;
  }

  #preload {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: transparent;
    z-index: 99;
  }

  .preload_wrap {
    min-height: 100vh;
    position: relative;
    z-index: 10;
  }

  .preload_logo_row_wrap {
    position: relative;
    min-height: 300px;
  }

  .preload_logo_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .preload_logo_col {
  }

  .preload_logo {
    display: block;
    margin: 0px auto 40px;
    max-width: min(90%, 450px);
  }

  .preload_bottom_row_wrap {
    position: relative;
  }

  .preload_bottom_row {
    max-width: inherit;
    position: fixed;
    width: 100%;
    height: 50%;
  }

  .preload_bottom_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .hero_ill {
    max-width: inherit;
    vertical-align: inherit;
    min-width: 100vw;
    min-height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    z-index: 0;
    object-position: top;
    left: 50%;
    transform: translateX(-50%);
  }

  .hero_ill2 {
  }

  .preload_overlay {
    position: fixed;
    z-index: 2;
    border-width: 0;
    background: rgba(20, 20, 40, 0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .preload_image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    max-height: 100vh;
    background-color: #d3c5b8;
    background-position: center center;
    z-index: 1;
    background-repeat: repeat;
    background-color: #c0c8c0;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    /* background-image: url(../img/sandpaper.png); */
    display: none;
  }

  #homepage {
    background-color: #3f485c;
    background-image: url("../img/egg-shell.png");
    background-repeat: repeat;
  }

  .vegas-slide,
  .vegas-slide-inner {
    background-position: top center !important;
  }

  .home_wrap {
    min-height: 100vh;
    padding: 0px 0 130px;
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 39;
  }

  .home_top_row_wrap {
  }

  .home_top_row {
  }

  .home_top_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_top_row h4,
  .home_bottom_row h4 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 40px auto 0px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 1em;
    display: none;
  }

  .mobile_logo {
    display: none;
  }

  .home_middle_row_wrap {
    position: relative;
    min-height: 450px;
  }

  .home_middle_row {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
  }

  .hero_middle_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_text_wrap {
    border: solid #fff;
    border-width: 0px 0;
    margin: 0 auto 0;
    padding: 50px 0 0px;
  }

  .home_text_wrap h1 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    text-align: center;
    max-width: min(90%, 650px);
    font-weight: 400;
    color: #fff;
    font-family: "Louize trial";
    margin: 0 auto 50px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-size: 3em;
  }

  .home_text_wrap h2 {
    text-align: center;
    max-width: min(90%, 470px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 25px;
    line-height: 130%;
    letter-spacing: 0.02em;
    font-size: 1.45em;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
  }

  .home_bottom_row_wrap {
    border-bottom: 0px solid #8b6a41;
  }

  .home_bottom_row {
    border: solid #fff;
    border-width: 0px 0 0;
    padding: 0px 0 0 0;
    background-color: rgba(20, 20, 20, 0);
  }

  .home_bottom_row .cell {
  }

  .home_bottom_row h6,
  .home_top_row h6,
  .home_middle_row h6 {
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    font-size: 1em;
    /* text-decoration: underline; */
  }

  .enquire_btn {
    color: #fff;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.05em;
    letter-spacing: 0.185em;
    margin: 0px auto 0;
    display: inline-block;
    border: solid #8b6a41;
    border-width: 3px;
    padding: 14px 30px 15px;
    background-color: #8b6a41;
    background-color: rgba(139, 106, 65, 0.9);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }

  .enquire_btn:hover {
    background-color: #8b6a41;
    color: #fff;
  }

  .right_colour_block {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    border: solid #fff;
    border-width: 0 0px 0 0;
  }

  .left_col_y_grid {
    position: absolute;
    min-height: 100vh;
    width: 100%;
    top: 0;
    height: 0;
    z-index: 5;
  }

  .left_grid_top_wrap {
    position: relative;
  }

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

  .left_grid_top_row .cell {
  }

  .left_grid_top_col {
  }

  .inner_logo_wrap {
  }

  .inner_logo {
    display: block;
    margin: 0 auto;
    max-width: min(90%, 515px);
  }

  .bottom_grid_top_wrap {
    position: relative;
    min-height: 398px;
  }

  .bottom_grid_top_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .bottom_grid_top_col {
  }

  .desktop_nav_wrap {
    position: absolute;
    z-index: 40;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0px 20px 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    transition-duration: 0.5s;
  }

  .desktop_nav_row {
  }

  .desktop_nav_row .cell {
  }

  .left_nav {
  }

  .desktop_nav_row ul,
  .fixed_nav_row ul {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 0 auto 20px 0;
    padding: 0 0 0 0;
    line-height: 180%;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: #fff;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    margin-left: 0;
    list-style: none;
  }

  .subpage .desktop_nav_row ul {
    text-shadow: none;
    color: #beac90;
  }

  .subpage .desktop_nav_wrap {
  }

  .desktop_nav_row li {
    display: inline;
    margin: 0 0px 0 7px;
  }

  .desktop_nav_row li:first-child {
    margin-left: 0;
  }

  .nav_logo {
    max-width: min(140px, 90%);
    margin: 0px auto 0 0;
    display: block;
  }

  .subpage .nav_logo {
    max-width: min(180px, 90%);
    margin: 0 auto 0;
  }

  .nav_logo .cls-1 {
    fill: #fff;
    stroke-width: 0px;
  }

  .subpage .nav_logo .cls-1 {
    fill: #f0c591;
    stroke-width: 0px;
  }

  .right_nav {
  }

  .right_nav ul {
    text-align: right;
  }

  .right_nav li {
    text-align: right;
  }

  .right_nav li:last-child {
    margin-right: 0;
  }

  .medium_nav {
    display: inline !important;
  }

  .unscrolled {
  }

  .mobile_topbar {
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 45px;
    padding-right: 0;
    padding-left: 0;
  }

  .homepage .mobile_topbar {
  }

  .scrolled .mobile_topbar {
    background: #f1f0eb;
    background-color: #f1f0eb;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
  }

  .scrolled .homepage .mobile_topbar {
  }

  .homepage .mobile_logo {
  }

  .mobile_logo {
    width: 110px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .subpage .mobile_logo {
    opacity: 1;
  }

  .scrolled .mobile_logo {
    opacity: 1;
    margin: 0px 0 0 15px;
  }

  .scrolled .homepage .mobile_logo {
  }

  .mobile_topbar .cell {
  }

  .mobile_nav_icon {
    font-family: "ElegantIcons";
    color: #fff !important;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 30;
    padding: 9px;
    line-height: 100%;
    background: #222;
    border-radius: 0;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
    width: 45px;
  }

  .scrolled .mobile_nav_icon {
  }

  .hamburger {
  }

  .scrolled .hamburger {
  }

  .register_fixed_row {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 40;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .scrolled .register_fixed_row {
    bottom: 0;
    transition-delay: 6s;
  }

  .register_fixed_row h6 {
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #fff;
  }

  .fixed_register {
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "GT America Mono Regular";
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 14px 20px 16px;
    border: #222 solid;
    border-width: 1px 1px 0px;
    display: inline-block;
    width: auto;
    background: #222;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
  }

  .fixed_nav {
    position: fixed;
    bottom: -95px;
    font-size: 1em;
    left: 0;
    width: 100%;
    z-index: 90;
    top: inherit;
    background-color: #3f485c;
    border-top: 1px solid #f0c591;
    padding: 15px 20px 16px;
    -webkit-transition: top 0s ease-out;
    -moz-transition: top 0s ease-out;
    -o-transition: top 0s ease-out;
    transition: top 0s ease-out;
  }

  .scrolled .fixed_nav {
    bottom: 0;
    transition-delay: 2s;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
  }

  .fixed_nav_row {
  }

  .fixed_nav_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .fixed_reg_desk {
  }

  .fixed_reg_desk span {
    position: relative;
  }

  .fixed_reg_desk span::before {
    content: "";
    position: absolute;
    height: 0px;
    bottom: -3px;
    left: 0;
    right: 0;
    background-color: #fff;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.7s ease-in-out;
  }

  .scrolled .fixed_reg_desk span::before {
    background-color: #005943;
  }

  .fixed_reg_desk span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .fixed_logo {
    max-width: 80px;
  }

  .fixed_nav_row ul {
    text-align: right;
    color: #beac90;
    text-shadow: none;
    font-size: 1.1em;
    margin: 0 auto 0px 0;
  }

  .fixed_nav_row li {
    display: inline;
    margin: 0 0 0 10px;
  }

  .fixed_nav_row li:last-child {
    margin-right: 0 !important;
  }

  .fixed_nav_row li a {
  }

  .register_fixed_row {
    position: fixed;
    bottom: -50px;
    position: fixed;
    /* bottom: 0px; */
    width: 100%;
    z-index: 20;
    background: #49594b;
    background-color: #49594b;
    text-align: center;
    padding: 10px 0 10px;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
    max-width: 100vw;
  }

  .register_fixed_row h6 {
  }

  .fixed_register {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    /* margin: 20px 40px; */
    font-family: "Gotham Medium";
    font-size: 13px;
    color: #fff !important;
  }

  .scrolled .register_fixed_row {
    bottom: 0px;
  }

  .overlay {
    background-color: rgba(20, 20, 20, 0.95);
  }

  .overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
  }

  .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 92%;
  }

  .overlay .overlay-close {
    width: 35px;
    height: 35px;
    position: fixed;
    top: 10px;
    right: 10px;
    border: 0px solid #aaa;
    padding: 5px;
    font-size: inherit;
    z-index: 40;
  }

  .overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 75%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 6);
    min-height: 54px;
    text-align: center;
  }

  .overlay ul li a {
    list-style: none;
    display: inline;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 1.3em;
    font-family: "GT America Mono Regular";
    font-weight: 400;
    line-height: 125%;
    margin: 0 auto;
    padding: 0 0 0 0;
    max-width: inherit;
    text-align: center;
    text-shadow: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .overlay ul li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    line-height: 125%;
  }

  .overlay_close_cross {
  }

  .mobile_register {
  }

  #homepage_imgage_holder {
    background-color: #beac90;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; /* display: none; */
  }

  .image_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgb(0, 0, 0);
    background: linear-gradient(
      180deg,
      rgba(0, 0, 30, 0.15) 0%,
      rgba(0, 0, 0, 0.55) 100%
    );
    mix-blend-mode: multiply;
  }

  #hero_image {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
  }

  .mobile_hero {
  }

  .homepage_option {
  }

  .homepage_loaded {
  }

  .hero_image {
  }

  .subsection_wrap {
    position: relative;
    z-index: 20;
    background-color: #3f485c;
  }

  .subsection {
    padding: 130px 0 0 0;
    border-top: 4px solid #f0c591;
  }

  .subsection .grid-x {
    max-width: min(100%, 100rem);
  }

  #design {
    padding: 110px 0 0 0;
  }

  .fade_gallery,
  .guide_img_wrap,
  .team_img_wrap,
  .intro_img_wrap {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .fullWidth .fade_gallery {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

  .fade_gallery img {
  }

  .fullWidth {
    max-width: 100% !important;
  }

  .fullWidth img {
  }

  .fullWidth .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .carousel_row {
    max-width: 100vw !important;
    padding: 0 0 !important;
    border: solid #111;
    border-width: 2px 0;
  }

  .carousel_col {
  }

  .carousel-container {
  }

  .carousel {
  }

  .carousel-cell {
    margin: 0 10px;
    /* background-color: #fff; */
  }

  .carousel-image {
    opacity: 1;
    transition: opacity 1.1s cubic-bezier(0.55, 0, 0.1, 1);
    height: 500px;
    max-width: inherit;
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .is-selected .carousel-image {
    opacity: 1;
    mix-blend-mode: initial;
  }

  .carousel.is-fullscreen .carousel-image {
    height: auto;
    max-height: 100%;
  }

  .flickity-viewport {
  }

  .carousel-status {
    font-family: "GT America Regular";
    color: #9b6742;
    margin: 15px 30px 0px 0;
    max-width: 100%;
    line-height: 150%;
    font-weight: 400;
    font-size: 1.05em;
    padding: 0;
    letter-spacing: 0.05em;
    text-align: right;
    text-rendering: auto;
    text-transform: uppercase;
    display: none;
  }

  .caption {
    background: transparent;
    bottom: 20px;
    left: 0px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: center;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.95em;
    opacity: 0;
    width: 100%;
  }

  .is-selected .caption {
    opacity: 1;
  }

  .flickity-button {
    background-color: transparent;
    background-color: #beac90;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0 2px;
    border-radius: 0;
    color: #fff;
    outline: none !important;
    width: 50px;
    height: 100.2%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .flickity-prev-next-button.next {
    right: 0;
    border-right: 0;
  }

  .flickity-prev-next-button.previous {
    left: 0;
    border-left: 0;
    background-color: transparent !important;
  }

  .flickity-button:hover {
    background-color: #3f485c !important;
  }

  .flickity-button-icon {
    color: #3f485c;
  }

  .flickity-button:hover .flickity-button-icon {
    color: #beac90;
  }

  .next .flickity-button-icon {
    left: 10%;
  }

  .previous .flickity-button-icon {
    left: 25%;
  }

  .render_carousel {
    border-width: 0px 0;
  }

  .render_carousel .flickity-button {
    background-color: transparent;
    background-color: transparent;
    background-image: none;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0px 0px;
  }

  .render_carousel .flickity-prev-next-button.previous {
    border-left: 0 !important;
  }

  .render_carousel .flickity-prev-next-button.next {
    border-right: 0 !important;
  }

  .intro_row {
    margin-bottom: 60px;
  }

  .intro_row .cell {
  }

  .intro_row h1 {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 30px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.2em;
  }

  .intro_row h2,
  .quote_text_wrap h3 {
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.4em;
  }

  .render_row {
  }

  .render_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .light_green_wrap {
    background-color: #ccd1c7c2;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .quote_row {
    max-width: 100% !important;
  }

  .quote_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .quote_img_wrap {
  }

  .quote_img_wrap img {
  }

  .quote_text_wrap {
    margin: 0 auto;
    max-width: min(90%, 700px);
  }

  .arch {
    display: block;
    margin: 60px auto 30px;
    max-width: min(90%, 140px);
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .arch1 {
  }

  .arch2 {
  }

  .quote_text_wrap h3 {
    font-size: 1.6em;
    line-height: 125%;
    margin: 40px auto 20px;
    max-width: min(90%, 450px);
  }

  .sig {
    display: block;
    margin: 0 auto 25px;
    height: 40px;
  }

  .sig1 {
    height: 90px;
    margin: 0 auto 0;
  }

  .sig2 {
    height: 50px;
  }

  .quote_text_wrap h4 {
    text-align: center;
    margin: 0 auto 75px;
    line-height: 165%;
    font-size: 0.9em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.125em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .quote_row2 h3 {
  }

  .split_row {
    max-width: calc(100% - 80px) !important;
  }

  .split_img_col {
    position: relative;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .intro_img_wrap {
    overflow: hidden;
    height: auto;
    width: auto;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    max-width: min(90%, 600px);
    margin-left: auto;
    margin-right: auto;
  }

  .intro_img_wrap img {
  }

  .split_img {
    height: auto;
    width: auto;
  }

  .split_img1 {
  }

  .split_img2 {
  }

  .split_img3 {
  }

  .split_img4 {
  }

  .split_img5 {
  }

  .split_img6 {
  }

  .split_img7 {
  }

  .split_img8 {
  }

  .split_img9 {
  }

  .split_img10 {
  }

  .split_img11 {
  }

  .split_img12 {
  }

  .split_img13 {
  }

  .split_img14 {
  }

  .split_img15 {
    /* display: none; */
  }

  .split_img16 {
  }

  .split_img17 {
    object-position: bottom;
  }

  .split_img18 {
  }

  .split_img19 {
  }

  .split_img20 {
  }

  .split_img21 {
  }

  .split_img22 {
  }

  .split_img23 {
  }

  .split_img24 {
  }

  .split_img25 {
  }

  .split_text_wrap {
    min-height: auto;
    padding: 50px 0 40px;
  }

  .split_title_wrap {
  }

  .split_title_wrap h1,
  .render_row h2,
  .icon_wrap h6,
  .lifestyle_intro_row h3,
  .guide_title_row h1,
  .team_text_wrap h4,
  .guide_text_wrap h2,
  .scheme_wrap h4 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .body_copy_wrap {
    position: relative;
  }

  .icon_row_wrap {
    margin: 40px auto 20px;
    display: block;
    max-width: min(90%, 400px);
  }

  .icon_wrap {
    width: 24%;
    display: inline-block;
  }

  .icon_wrap h6 {
    margin: 15px auto 25px;
    line-height: 135%;
    font-size: 0.9em;
  }

  .icon {
    height: 50px;
    margin: 0 auto;
    display: block;
  }

  .body_copy_wrap h2,
  .team_text_wrap h3 {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 40px auto 20px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.4em;
  }

  .body_copy_wrap p,
  .render_grid_text_wrap p,
  .render_row p,
  .guide_text_wrap h3,
  .scheme_wrap h5,
  .team_text_wrap p {
    text-align: center;
    max-width: min(92%, 620px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.2em;
  }

  .render_row h2 {
    text-align: left;
    margin: 0 0 20px 0;
  }

  .render_row p {
    text-align: left;
    margin: 0 auto 10px 0;
  }

  .render_grid_row {
    max-width: calc(100% - 40px) !important;
  }

  .render_grid_row .cell {
  }

  .render_grid_row h1 {
    text-align: left;
    margin: 0 auto 40px 0;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .smb {
  }

  .render_grid_text_wrap {
  }

  .render_grid_text_wrap p {
    margin: 0 auto 50px 0;
    text-align: left;
  }

  .nested_gallery {
  }

  .nested_gallery img {
  }

  .scheme_wrap {
  }

  .scheme_wrap .shrink {
  }

  .scheme_wrap h4 {
    margin: 40px auto 10px;
  }

  .scheme_wrap h5 {
    max-width: min(90%, 400px);
  }

  #lifestyle {
  }

  .lifestyle_intro_row {
  }

  .lifestyle_intro_row h1 {
  }

  .lifestyle_intro_row h2 {
    max-width: min(90%, 1000px);
    font-size: 1.2em;
  }

  .lifestyle_intro_row h3 {
    margin: 20px auto 0px;
    letter-spacing: 0.1em;
  }

  .lifestyle_intro_row h3 a span {
    position: relative;
  }

  .lifestyle_intro_row h3 a span::before {
    content: "";
    position: absolute;
    height: 1px;
    bottom: -2px;
    left: 0;
    right: 0;
    background-color: #beac90;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.9s ease-in-out;
  }

  .lifestyle_intro_row h3 a span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .aerial_row {
  }

  .aerial_row .cell {
  }

  .hs-tooltip h3,
  .hs-tooltip p {
    margin: 0;
    font-size: 14px !important;
    line-height: 27px !important;
    letter-spacing: 0.02em;
    text-align: left;
    color: #f0c591 !important;
    text-transform: uppercase;
    font-family: "Inter", sans-serif !important;
  }

  .hs-hotspot-oval,
  .hs-hotspot-rect,
  .hs-hotspot-spot {
  }

  .guide_title_row {
  }

  .guide_title_row .cell {
  }

  .guide_title_row h1 {
    margin: 30px auto 40px;
    font-size: 1.25em;
  }

  .guide_row {
    margin-bottom: 60px;
  }

  .guide_row1 {
  }

  .guide_row2 {
    margin-bottom: 150px;
  }

  .guide_row .cell {
  }

  .guide_img_wrap {
    margin: 0 auto;
    max-width: min(100%, 800px);
  }

  .guide_img_wrap img {
  }

  .guide_text_wrap {
  }

  .guide_text_wrap h2 {
    font-size: 1.15em;
    margin: 20px auto 0;
  }

  .guide_text_wrap hr {
    margin: 10px auto 20px;
    max-width: min(95%, 800px);
    border-bottom: 1px solid #f0c591;
  }

  .guide_text_wrap h3 {
    max-width: min(98%, 720px);
  }

  #team {
  }

  .team_intro_row {
  }

  .team_intro_row h1 {
    display: none;
  }

  .team_intro_row h2 {
    max-width: min(90%, 800px);
  }

  .team_row {
  }

  .team_row .cell {
  }

  .team_img_wrap {
    margin: 0 auto;
    max-width: min(190%, 800px);
  }

  .team_img_wrap img {
  }

  .team_text_wrap {
  }

  .team_text_wrap h3 {
    margin: 30px auto 0px;
    font-size: 1.8em;
    max-width: 100%;
  }

  .team_text_wrap h4 {
    font-size: 1em;
    margin: 5px auto 25px;
  }

  .team_text_wrap p {
  }

  .team_row2 {
  }

  .team_row2 .team_img_wrap {
  }

  .team_row2 .team_img_wrap img {
  }

  .team_last_col {
  }

  .team_last_col h5 {
    text-align: center;
    margin: 40px auto 25px;
    line-height: 165%;
    font-size: 1.1em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .awards_logo_wrap {
  }

  .awards {
    max-width: min(90%, 170px);
    margin: 0 auto;
    display: block;
  }

  .footer {
    border-top: 1px solid #f0c591;
    background-color: #c0c8c0;
    background-color: #9aa29a;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    padding: 50px 0 0px 0;
  }

  #footer {
  }

  .footer_top_row,
  .footer_content_row {
    padding: 0 20px;
    max-width: 100% !important;
  }

  .footer_top_row .cell,
  .footer_content_row .cell {
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }

  .footer_top_row h6 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: left;
    margin: 0 auto 0px 0;
    line-height: 165%;
    font-size: 0.8em;
    font-weight: 200;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .footer_top_row h3 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: left;
    font-weight: 600;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 8px auto 0px 0;
    line-height: 100%;
    font-size: 1.7em;
  }

  .footer_logo_wrap {
    text-align: right;
  }

  .tl {
    margin: 0 0 0 20px;
  }

  .tl1 {
  }

  .tl2 {
  }

  .tl3 {
  }

  .tl4 {
  }

  .footer_content_row {
  }

  .footer_divider_col {
  }

  .footer_divider_col hr {
    max-width: 100%;
    margin: 25px 0 0 0;
    border-bottom: 1px solid #fff;
  }

  .footer_content_row .cell {
  }

  .footer_content_row h2 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 5%);
    text-align: left;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 20px auto 5px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.5em;
    display: block;
  }

  .footer_content_row h5 {
    text-align: left;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 100px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 0.9em;
    display: block;
  }

  .footer_earl {
    height: 55px;
  }

  .body_copy_nested_row {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    max-width: 100% !important;
  }

  .body_copy_nested_col {
  }

  #tour {
    padding: 100px 0 0 0;
  }

  .tour_row {
  }

  .tour_row .cell {
  }

  #tour_iframe {
    height: calc(100vh - 100px);
  }

  .nav-item--logo {
    display: none !important;
  }

  .footer_ill_row {
    max-width: 100% !important;
    opacity: 0.9;
    min-height: 50px;
    background-image: url("../img/desktop_ill.svg");
    padding: 0 0 50px 0;
    background-size: 550px;
    background-repeat: repeat-x;
  }

  .footer_ill_col {
  }

  .arch_caption {
    background: transparent;
    bottom: 15px;
    left: 15px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: left;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.85em;
    opacity: 1;
    width: auto;
  }

  .stamp_large {
    height: 100vh;
    margin: 0 auto;
    display: block;
    opacity: 0.2;
  }

  .slick-dots {
    bottom: 15px !important;
  }
  .slick-dots li {
  }
  .slick-dots li button {
  }
  .slick-dots li button:before {
    font-size: 10px;
    color: #fff;
    opacity: 0.5;
  }

  .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
  }
  .fade button,
  .slider-for button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer;
  }

  .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }

  .rooftop_split_row {
    max-width: min(80%, 100rem) !important;
  }
  .rooftop_wrap {
    padding: 0 0 0;
    min-height: auto;
  }
  .rooftop_wrap .split_text_wrap {
  }
  .rooftop_wrap .split_title_wrap {
  }
  .rooftop_wrap .split_title_wrap h1 {
    margin: 0 auto 0px;
  }
  .rooftop_wrap .body_copy_wrap {
  }
  .rooftop_wrap .body_copy_wrap p {
    max-width: min(95%, 720px);
    margin: 0px auto 0;
  }
  .rooftop_split_row .body_copy_nested_row {
    position: relative;
  }
}

@media screen and (min-width: 64em) {
  .container,
  .reveal {
    font-size: 13px;
  }

  .container {
  }

  body {
  }

  .unscrolled {
  }

  .scrolled {
  }

  .mb {
    margin-bottom: 100px;
  }

  .smb {
  }

  .mt {
  }

  .pb {
  }

  .pt {
  }

  .lpb {
  }

  a {
    color: inherit;
    outline: none;
  }

  a:hover,
  a:visited,
  a:focus,
  a:active {
    color: inherit;
    text-decoration: none;
    outline: none;
  }

  .grid-x {
    margin-left: auto;
    margin-right: auto;
  }

  #Form_Modal {
    width: 50%;
    max-width: inherit;
    right: auto;
    left: 0;
    margin: 0 0 0 auto;
    top: 0 !important;
    padding: 0;
    border: none;
    background-color: #3f485c;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .modal_content_wrap {
    min-height: 100vh;
    padding: 0 0 0px;
  }

  .modal_image {
    min-height: 100vh;
    padding: 0 0 0px;
    position: fixed;
    width: 50%;
    left: 0;
    background-color: #beac90;
    background-size: cover;
    background-image: url("../img/render3.jpg");
    background-repeat: no-repeat;
    background-position: left center;
  }

  .modal_image_overlay {
  }

  .form_overlay {
    background-color: transparent;
  }

  .modal_content_wrap {
  }

  .top_row {
    position: relative;
    min-height: 240px;
  }

  .modal_stamp {
    display: block;
    margin: 30px auto 20px;
    max-width: min(90%, 70px);
  }

  .top_row h3 {
    text-align: center;
    max-width: min(90%, 350px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.4em;
    display: block;
  }

  .modal_top_row {
  }

  .modal_top_col {
  }

  .bottom_row {
  }

  .agent_details {
    width: 100%;
    display: block;
  }

  .agent_details .cell {
  }

  .agent_details h5 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 0.95em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.2em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .agent_details h6 {
    text-align: center;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 4px auto 10px;
    line-height: 165%;
    font-size: 1.7em;
  }

  .form_row {
    width: 100%;
    display: block;
  }

  .form_row .cell {
  }
  .form_wrap {
    margin: 0 auto 20px;
    max-width: min(380px, 90%);
  }

  .disclaimer_text {
    width: 100%;
    display: block;
  }

  .disclaimer_text .cell {
  }

  .disclaimer_text h6 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 50px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 0.85em;
  }

  .disclaimer_text h6 a {
  }

  .client_logos {
    width: 100%;
    display: block;
    position: relative;
  }

  .client_logos .cell {
  }

  .earl_logo,
  .footer_earl {
    height: 55px;
    position: absolute;
    right: 0px;
    top: 0;
    margin: 0 0 0 auto;
    display: block;
  }

  .cl_wrap {
    text-align: center;
    margin: 0 auto 90px;
  }

  .cl {
    height: 32px;
    margin: 0 20px;
  }

  .cl1 {
  }

  .cl2 {
  }

  .cl3 {
  }

  .cl4 {
  }

  .cl5 {
  }

  .close-button {
    position: absolute;
    /* color: #ede8e2; */
    cursor: pointer;
    width: 35px;
    padding: 7px 5px 3px;
    right: 10px;
    top: 10px !important;
    background-color: #fff;
  }

  .close_modal {
    /* width: 35px; */
  }

  .close_modal .cls-1 {
    fill: #f0c591;
  }

  #preload {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: transparent;
    z-index: 99;
  }

  .preload_wrap {
    min-height: 100vh;
    position: relative;
    z-index: 10;
  }

  .preload_logo_row_wrap {
    position: relative;
    min-height: 320px;
  }

  .preload_logo_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .preload_logo_col {
  }

  .preload_logo {
    display: block;
    margin: 0px auto 20px;
    max-width: min(90%, 500px);
  }

  .preload_bottom_row_wrap {
    position: relative;
  }

  .preload_bottom_row {
    max-width: inherit;
    position: fixed;
    width: 100%;
    height: 50%;
  }

  .preload_bottom_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .hero_ill {
    max-width: inherit;
    vertical-align: inherit;
    min-width: 100vw;
    min-height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    z-index: 0;
    object-position: top;
    left: 50%;
    transform: translateX(-50%);
  }

  .hero_ill2 {
  }

  .preload_overlay {
    position: fixed;
    z-index: 2;
    border-width: 0;
    background: rgba(20, 20, 40, 0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .preload_image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    max-height: 100vh;
    background-color: #d3c5b8;
    background-position: center center;
    z-index: 1;
    background-repeat: repeat;
    background-color: #c0c8c0;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    /* background-image: url(../img/sandpaper.png); */
    display: none;
  }

  #homepage {
    background-color: #3f485c;
    background-image: url("../img/egg-shell.png");
    background-repeat: repeat;
  }

  .vegas-slide,
  .vegas-slide-inner {
    background-position: top center !important;
  }

  .home_wrap {
    min-height: 100vh;
    padding: 0px 0 0;
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 39;
  }

  .home_top_row_wrap {
  }

  .home_top_row {
  }

  .home_top_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_top_row h4,
  .home_bottom_row h4 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 40px auto 0px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 1em;
    display: none;
  }

  .mobile_logo {
    display: none;
  }

  .home_middle_row_wrap {
    position: relative;
    min-height: 450px;
  }

  .home_middle_row {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
  }

  .hero_middle_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_text_wrap {
    border: solid #fff;
    border-width: 0px 0;
    margin: 0 auto 0;
    padding: 50px 0 0px;
  }

  .home_text_wrap h1 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    text-align: center;
    max-width: min(90%, 650px);
    font-weight: 400;
    color: #fff;
    font-family: "Louize trial";
    margin: 0 auto 50px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-size: 3em;
  }

  .home_text_wrap h2 {
    text-align: center;
    max-width: min(90%, 490px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 25px;
    line-height: 130%;
    letter-spacing: 0.02em;
    font-size: 1.4em;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
  }

  .home_bottom_row_wrap {
    border-bottom: 4px solid #8b6a41;
  }

  .home_bottom_row {
    border: solid #fff;
    border-width: 0px 0 0;
    padding: 0px 0 0 0;
    background-color: rgba(20, 20, 20, 0);
  }

  .home_bottom_row .cell {
  }

  .home_bottom_row h6,
  .home_top_row h6,
  .home_middle_row h6 {
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    font-size: 1em;
    /* text-decoration: underline; */
  }

  .enquire_btn {
    color: #fff;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.05em;
    letter-spacing: 0.185em;
    margin: 0px auto 0;
    display: inline-block;
    border: solid #8b6a41;
    border-width: 4px 4px 0px 4px;
    padding: 14px 40px 15px;
    background-color: #8b6a41;
    background-color: rgba(139, 106, 65, 0.9);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .enquire_btn:hover {
    background-color: #8b6a41;
    color: #fff;
  }

  .right_colour_block {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    border: solid #fff;
    border-width: 0 0px 0 0;
  }

  .left_col_y_grid {
    position: absolute;
    min-height: 100vh;
    width: 100%;
    top: 0;
    height: 0;
    z-index: 5;
  }

  .left_grid_top_wrap {
    position: relative;
  }

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

  .left_grid_top_row .cell {
  }

  .left_grid_top_col {
  }

  .inner_logo_wrap {
  }

  .inner_logo {
    display: block;
    margin: 0 auto;
    max-width: min(90%, 515px);
  }

  .bottom_grid_top_wrap {
    position: relative;
    min-height: 398px;
  }

  .bottom_grid_top_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .bottom_grid_top_col {
  }

  .desktop_nav_wrap {
    position: absolute;
    z-index: 40;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0px 30px 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    transition-duration: 0.5s;
  }

  .desktop_nav_row {
  }

  .desktop_nav_row .cell {
  }

  .left_nav {
  }

  .desktop_nav_row ul,
  .fixed_nav_row ul {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 0 auto 0px;
    padding: 0 0 0 0;
    line-height: 180%;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #fff;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    margin-left: 0;
    list-style: none;
  }

  .subpage .desktop_nav_row ul {
    text-shadow: none;
    color: #beac90;
  }

  .subpage .desktop_nav_wrap {
  }

  .desktop_nav_row li {
    display: inline;
    margin: 0 10px;
  }

  .desktop_nav_row li:first-child {
    margin-left: 0;
  }

  .nav_logo {
    max-width: min(170px, 90%);
    margin: 0 auto 0;
    display: block;
  }

  .subpage .nav_logo {
    max-width: min(180px, 90%);
    margin: 0 auto 0;
  }

  .nav_logo .cls-1 {
    fill: #fff;
    stroke-width: 0px;
  }

  .subpage .nav_logo .cls-1 {
    fill: #f0c591;
    stroke-width: 0px;
  }

  .right_nav {
  }

  .right_nav ul {
    text-align: right;
  }

  .right_nav li {
    text-align: right;
  }

  .right_nav li:last-child {
    margin-right: 0;
  }

  .medium_nav {
    display: none !important;
  }

  .unscrolled {
  }

  .mobile_topbar {
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 45px;
    padding-right: 0;
    padding-left: 0;
  }

  .homepage .mobile_topbar {
  }

  .scrolled .mobile_topbar {
    background: #f1f0eb;
    background-color: #f1f0eb;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
  }

  .scrolled .homepage .mobile_topbar {
  }

  .homepage .mobile_logo {
  }

  .mobile_logo {
    width: 110px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .subpage .mobile_logo {
    opacity: 1;
  }

  .scrolled .mobile_logo {
    opacity: 1;
    margin: 0px 0 0 15px;
  }

  .scrolled .homepage .mobile_logo {
  }

  .mobile_topbar .cell {
  }

  .mobile_nav_icon {
    font-family: "ElegantIcons";
    color: #fff !important;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 30;
    padding: 9px;
    line-height: 100%;
    background: #222;
    border-radius: 0;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
    width: 45px;
  }

  .scrolled .mobile_nav_icon {
  }

  .hamburger {
  }

  .scrolled .hamburger {
  }

  .register_fixed_row {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 40;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .scrolled .register_fixed_row {
    bottom: 0;
    transition-delay: 6s;
  }

  .register_fixed_row h6 {
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #fff;
  }

  .fixed_register {
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "GT America Mono Regular";
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 14px 20px 16px;
    border: #222 solid;
    border-width: 1px 1px 0px;
    display: inline-block;
    width: auto;
    background: #222;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
  }

  .fixed_nav {
    position: fixed;
    bottom: -95px;
    font-size: 1em;
    left: 0;
    width: 100%;
    z-index: 90;
    top: inherit;
    background-color: #3f485c;
    border-top: 1px solid #f0c591;
    padding: 15px 30px 16px;
    -webkit-transition: top 0s ease-out;
    -moz-transition: top 0s ease-out;
    -o-transition: top 0s ease-out;
    transition: top 0s ease-out;
  }

  .scrolled .fixed_nav {
    bottom: 0;
    transition-delay: 2s;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
  }

  .fixed_nav_row {
  }

  .fixed_nav_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .fixed_reg_desk {
  }

  .fixed_reg_desk span {
    position: relative;
  }

  .fixed_reg_desk span::before {
    content: "";
    position: absolute;
    height: 0px;
    bottom: -3px;
    left: 0;
    right: 0;
    background-color: #fff;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.7s ease-in-out;
  }

  .scrolled .fixed_reg_desk span::before {
    background-color: #005943;
  }

  .fixed_reg_desk span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .fixed_logo {
    max-width: 90px;
  }

  .fixed_nav_row ul {
    text-align: right;
    color: #beac90;
    text-shadow: none;
    font-size: 1.1em;
    margin: 0 auto 5px 0;
  }

  .fixed_nav_row li {
    display: inline;
    margin: 0 0 0 25px;
  }

  .fixed_nav_row li:last-child {
    margin-right: 0 !important;
  }

  .fixed_nav_row li a {
  }

  .register_fixed_row {
    position: fixed;
    bottom: -50px;
    position: fixed;
    /* bottom: 0px; */
    width: 100%;
    z-index: 20;
    background: #49594b;
    background-color: #49594b;
    text-align: center;
    padding: 10px 0 10px;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
    max-width: 100vw;
  }

  .register_fixed_row h6 {
  }

  .fixed_register {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    /* margin: 20px 40px; */
    font-family: "Gotham Medium";
    font-size: 13px;
    color: #fff !important;
  }

  .scrolled .register_fixed_row {
    bottom: 0px;
  }

  .overlay {
    background-color: rgba(20, 20, 20, 0.95);
  }

  .overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
  }

  .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 92%;
  }

  .overlay .overlay-close {
    width: 35px;
    height: 35px;
    position: fixed;
    top: 10px;
    right: 10px;
    border: 0px solid #aaa;
    padding: 5px;
    font-size: inherit;
    z-index: 40;
  }

  .overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 75%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 6);
    min-height: 54px;
    text-align: center;
  }

  .overlay ul li a {
    list-style: none;
    display: inline;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 1.3em;
    font-family: "GT America Mono Regular";
    font-weight: 400;
    line-height: 125%;
    margin: 0 auto;
    padding: 0 0 0 0;
    max-width: inherit;
    text-align: center;
    text-shadow: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .overlay ul li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    line-height: 125%;
  }

  .overlay_close_cross {
  }

  .mobile_register {
  }

  #homepage_imgage_holder {
    background-color: #beac90;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; /* display: none; */
  }

  .image_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgb(0, 0, 0);
    background: linear-gradient(
      180deg,
      rgba(0, 0, 30, 0.15) 30%,
      rgba(0, 0, 0, 0.55) 100%
    );
    mix-blend-mode: multiply;
  }

  #hero_image {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
  }

  .mobile_hero {
  }

  .homepage_option {
  }

  .homepage_loaded {
  }

  .hero_image {
  }

  .subsection_wrap {
    position: relative;
    z-index: 20;
    background-color: #3f485c;
  }

  .subsection {
    padding: 150px 0 0 0;
    border-top: 4px solid #f0c591;
  }

  .subsection .grid-x {
    max-width: min(100%, 100rem);
  }

  #design {
    padding: 110px 0 0 0;
  }

  .fade_gallery,
  .guide_img_wrap,
  .team_img_wrap,
  .intro_img_wrap {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .fullWidth .fade_gallery {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

  .fade_gallery img {
  }

  .fullWidth {
    max-width: 100% !important;
  }

  .fullWidth img {
  }

  .fullWidth .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .carousel_row {
    max-width: 100vw !important;
    padding: 0 0 !important;
    border: solid #111;
    border-width: 2px 0;
  }

  .carousel_col {
  }

  .carousel-container {
  }

  .carousel {
  }

  .carousel-cell {
    margin: 0 10px;
    /* background-color: #fff; */
  }

  .carousel-image {
    opacity: 1;
    transition: opacity 1.1s cubic-bezier(0.55, 0, 0.1, 1);
    height: 500px;
    max-width: inherit;
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .is-selected .carousel-image {
    opacity: 1;
    mix-blend-mode: initial;
  }

  .carousel.is-fullscreen .carousel-image {
    height: auto;
    max-height: 100%;
  }

  .flickity-viewport {
  }

  .carousel-status {
    font-family: "GT America Regular";
    color: #9b6742;
    margin: 15px 30px 0px 0;
    max-width: 100%;
    line-height: 150%;
    font-weight: 400;
    font-size: 1.05em;
    padding: 0;
    letter-spacing: 0.05em;
    text-align: right;
    text-rendering: auto;
    text-transform: uppercase;
    display: none;
  }

  .caption {
    background: transparent;
    bottom: 25px;
    left: 0px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: center;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.85em;
    opacity: 0;
    width: 100%;
  }

  .is-selected .caption {
    opacity: 1;
  }

  .flickity-button {
    background-color: transparent;
    background-color: #beac90;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0 2px;
    border-radius: 0;
    color: #fff;
    outline: none !important;
    width: 50px;
    height: 100.2%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .flickity-prev-next-button.next {
    right: 0;
    border-right: 0;
  }

  .flickity-prev-next-button.previous {
    left: 0;
    border-left: 0;
    background-color: transparent !important;
  }

  .flickity-button:hover {
    background-color: #3f485c !important;
  }

  .flickity-button-icon {
    color: #3f485c;
  }

  .flickity-button:hover .flickity-button-icon {
    color: #beac90;
  }

  .next .flickity-button-icon {
    left: 10%;
  }

  .previous .flickity-button-icon {
    left: 25%;
  }

  .render_carousel {
    border-width: 0px 0;
  }

  .render_carousel .flickity-button {
    background-color: transparent;
    background-color: transparent;
    background-image: none;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0px 0px;
  }

  .render_carousel .flickity-prev-next-button.previous {
    border-left: 0 !important;
  }

  .render_carousel .flickity-prev-next-button.next {
    border-right: 0 !important;
  }

  .intro_row {
    margin-bottom: 70px;
  }

  .intro_row .cell {
  }

  .intro_row h1 {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 25px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.4em;
  }

  .intro_row h2,
  .quote_text_wrap h3 {
    max-width: min(90%, 600px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.55em;
  }

  .render_row {
  }

  .render_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .light_green_wrap {
    background-color: #ccd1c7c2;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .quote_row {
    max-width: 100% !important;
  }

  .quote_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .quote_img_wrap {
  }

  .quote_img_wrap img {
  }

  .quote_text_wrap {
    margin: 0 auto;
    max-width: min(90%, 700px);
  }

  .arch {
    display: block;
    margin: 0 auto;
    max-width: min(90%, 110px);
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .arch1 {
  }

  .arch2 {
  }

  .quote_text_wrap h3 {
    font-size: 1.1em;
    line-height: 135%;
    margin: 20px auto 20px;
    max-width: min(90%, 500px);
  }

  .sig {
    display: block;
    margin: 0 auto 15px;
    height: 35px;
  }

  .sig1 {
    height: 70px;
    margin: 0 auto 0;
  }

  .sig2 {
    height: 40px;
  }

  .quote_text_wrap h4 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 0.8em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.125em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .quote_row2 h3 {
  }

  .split_row {
    max-width: calc(100% - 60px) !important;
  }

  .split_img_col {
    position: relative;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .intro_img_wrap {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .intro_img_wrap img {
  }

  .split_img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }

  .split_img1 {
  }

  .split_img2 {
  }

  .split_img3 {
  }

  .split_img4 {
  }

  .split_img5 {
  }

  .split_img6 {
  }

  .split_img7 {
  }

  .split_img8 {
  }

  .split_img9 {
  }

  .split_img10 {
  }

  .split_img11 {
  }

  .split_img12 {
  }

  .split_img13 {
  }

  .split_img14 {
  }

  .split_img15 {
    /* display: none; */
  }

  .split_img16 {
  }

  .split_img17 {
    object-position: bottom;
  }

  .split_img18 {
  }

  .split_img19 {
  }

  .split_img20 {
  }

  .split_img21 {
  }

  .split_img22 {
  }

  .split_img23 {
  }

  .split_img24 {
  }

  .split_img25 {
  }

  .split_text_wrap {
    min-height: calc(100vh - 110px);
    padding: 30px 0 60px;
  }

  .split_title_wrap {
  }

  .split_title_wrap h1,
  .render_row h2,
  .icon_wrap h6,
  .lifestyle_intro_row h3,
  .guide_title_row h1,
  .team_text_wrap h4,
  .guide_text_wrap h2,
  .scheme_wrap h4 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 1.05em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .body_copy_wrap {
    position: relative;
  }

  .icon_row_wrap {
    margin: 40px auto 15px;
    display: block;
    max-width: min(90%, 500px);
  }

  .icon_wrap {
    width: 24%;
    display: inline-block;
  }

  .icon_wrap h6 {
    margin: 15px auto 15px;
    line-height: 135%;
    font-size: 0.8em;
  }

  .icon {
    height: 50px;
    margin: 0 auto;
    display: block;
  }

  .body_copy_wrap h2,
  .team_text_wrap h3 {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 40px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.4em;
  }

  .body_copy_wrap p,
  .render_grid_text_wrap p,
  .render_row p,
  .guide_text_wrap h3,
  .scheme_wrap h5,
  .team_text_wrap p {
    text-align: center;
    max-width: min(90%, 720px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.2em;
  }

  .render_row h2 {
    text-align: left;
    margin: 0 0 20px 0;
  }

  .render_row p {
    text-align: left;
    margin: 0 auto 40px 0;
  }

  .render_grid_row {
    max-width: calc(100% - 40px) !important;
  }

  .render_grid_row .cell {
  }

  .render_grid_row h1 {
    text-align: left;
    margin: 0 auto 40px 0;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .smb {
  }

  .render_grid_text_wrap {
  }

  .render_grid_text_wrap p {
    margin: 0 auto 50px 0;
    text-align: left;
  }

  .nested_gallery {
  }

  .nested_gallery img {
  }

  .scheme_wrap {
  }

  .scheme_wrap .shrink {
  }

  .scheme_wrap h4 {
    margin: 40px auto 10px;
  }

  .scheme_wrap h5 {
    max-width: min(90%, 600px);
  }

  #lifestyle {
  }

  .lifestyle_intro_row {
  }

  .lifestyle_intro_row h1 {
  }

  .lifestyle_intro_row h2 {
    max-width: min(90%, 700px);
    font-size: 1.35em;
  }

  .lifestyle_intro_row h3 {
    margin: 20px auto 0px;
    letter-spacing: 0.1em;
  }

  .lifestyle_intro_row h3 a span {
    position: relative;
  }

  .lifestyle_intro_row h3 a span::before {
    content: "";
    position: absolute;
    height: 1px;
    bottom: -2px;
    left: 0;
    right: 0;
    background-color: #beac90;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.9s ease-in-out;
  }

  .lifestyle_intro_row h3 a span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .aerial_row {
  }

  .aerial_row .cell {
  }

  .hs-tooltip h3,
  .hs-tooltip p {
    margin: 0;
    font-size: 14px !important;
    line-height: 27px !important;
    letter-spacing: 0.02em;
    text-align: left;
    color: #f0c591 !important;
    text-transform: uppercase;
    font-family: "Inter", sans-serif !important;
  }

  .hs-hotspot-oval,
  .hs-hotspot-rect,
  .hs-hotspot-spot {
  }

  .guide_title_row {
  }

  .guide_title_row .cell {
  }

  .guide_title_row h1 {
    margin: 0px auto 50px;
    font-size: 1.25em;
  }

  .guide_row {
    margin-bottom: 60px;
  }

  .guide_row1 {
  }

  .guide_row2 {
    margin-bottom: 150px;
  }

  .guide_row .cell {
  }

  .guide_img_wrap {
    margin: 0 auto;
    max-width: min(95%, 800px);
  }

  .guide_img_wrap img {
  }

  .guide_text_wrap {
  }

  .guide_text_wrap h2 {
    font-size: 1.15em;
    margin: 20px auto 0;
  }

  .guide_text_wrap hr {
    margin: 10px auto 20px;
    max-width: min(90%, 800px);
    border-bottom: 1px solid #f0c591;
  }

  .guide_text_wrap h3 {
  }

  #team {
  }

  .team_intro_row {
  }

  .team_intro_row h1 {
    display: none;
  }

  .team_intro_row h2 {
    max-width: min(90%, 600px);
  }

  .team_row {
  }

  .team_row .cell {
  }

  .team_img_wrap {
    margin: 0 auto;
    max-width: min(95%, 800px);
  }

  .team_img_wrap img {
  }

  .team_text_wrap {
  }

  .team_text_wrap h3 {
    margin: 30px auto 0px;
    font-size: 2.1em;
  }

  .team_text_wrap h4 {
    font-size: 1em;
    margin: 5px auto 25px;
  }

  .team_text_wrap p {
  }

  .team_row2 {
  }

  .team_row2 .team_img_wrap {
  }

  .team_row2 .team_img_wrap img {
  }

  .team_last_col {
  }

  .team_last_col h5 {
    text-align: center;
    margin: 40px auto 25px;
    line-height: 165%;
    font-size: 1.1em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .awards_logo_wrap {
  }

  .awards {
    max-width: min(90%, 180px);
    margin: 0 auto;
    display: block;
  }

  .footer {
    border-top: 1px solid #f0c591;
    background-color: #c0c8c0;
    background-color: #9aa29a;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    padding: 50px 0 0px 0;
  }

  #footer {
  }

  .footer_top_row,
  .footer_content_row {
    padding: 0 40px;
    max-width: 100% !important;
  }

  .footer_top_row .cell,
  .footer_content_row .cell {
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }

  .footer_top_row h6 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: left;
    margin: 0 auto 0px 0;
    line-height: 165%;
    font-size: 0.8em;
    font-weight: 200;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .footer_top_row h3 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: left;
    font-weight: 600;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 8px auto 0px 0;
    line-height: 100%;
    font-size: 1.7em;
  }

  .footer_logo_wrap {
    text-align: right;
  }

  .tl {
    margin: 0 0 0 40px;
  }

  .tl1 {
  }

  .tl2 {
  }

  .tl3 {
  }

  .tl4 {
  }

  .footer_content_row {
  }

  .footer_divider_col {
  }

  .footer_divider_col hr {
    max-width: 100%;
    margin: 25px 0 0 0;
    border-bottom: 1px solid #fff;
  }

  .footer_content_row .cell {
  }

  .footer_content_row h2 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 5%);
    text-align: left;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 20px auto 5px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.5em;
    display: block;
  }

  .footer_content_row h5 {
    text-align: left;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 100px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 0.8em;
    display: block;
  }

  .footer_earl {
    height: 55px;
  }

  .body_copy_nested_row {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100% !important;
  }

  .body_copy_nested_col {
  }

  #tour {
    padding: 110px 0 0 0;
  }

  .tour_row {
  }

  .tour_row .cell {
  }

  #tour_iframe {
    height: calc(100vh - 110px);
  }

  .nav-item--logo {
    display: none !important;
  }

  .footer_ill_row {
    max-width: 100% !important;
    opacity: 0.9;
    min-height: 50px;
    background-image: url("../img/desktop_ill.svg");
    padding: 0 0 50px 0;
    background-size: 700px;
    background-repeat: repeat-x;
  }

  .footer_ill_col {
  }

  .arch_caption {
    background: transparent;
    bottom: 25px;
    left: 30px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: left;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.95em;
    opacity: 1;
    width: auto;
  }

  .stamp_large {
    height: 100vh;
    margin: 0 auto;
    display: block;
    opacity: 0.2;
  }

  .slick-dots {
    bottom: 25px !important;
  }
  .slick-dots li {
  }
  .slick-dots li button {
  }
  .slick-dots li button:before {
    font-size: 11px;
    color: #fff;
    opacity: 0.5;
  }

  .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
  }
  .fade button,
  .slider-for button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
  }

  .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }

  .rooftop_split_row {
    max-width: min(95%, 100rem) !important;
  }
  .rooftop_wrap {
    padding: 0 0 0;
    min-height: auto;
  }
  .rooftop_wrap .split_text_wrap {
  }
  .rooftop_wrap .split_title_wrap {
  }
  .rooftop_wrap .split_title_wrap h1 {
    margin: 0 auto 10px;
  }
  .rooftop_wrap .body_copy_wrap {
  }
  .rooftop_wrap .body_copy_wrap p {
    max-width: min(95%, 720px);
    margin: 20px auto 0;
  }
  .rooftop_split_row .body_copy_nested_row {
    position: relative;
  }
}

@media screen and (min-width: 90em) {
  .container,
  .reveal {
    font-size: 14px;
  }

  .container {
  }

  body {
  }

  .unscrolled {
  }

  .scrolled {
  }

  .mb {
    margin-bottom: 100px;
  }

  .smb {
  }

  .mt {
  }

  .pb {
  }

  .pt {
  }

  .lpb {
  }

  a {
    color: inherit;
    outline: none;
  }

  a:hover,
  a:visited,
  a:focus,
  a:active {
    color: inherit;
    text-decoration: none;
    outline: none;
  }

  .grid-x {
    margin-left: auto;
    margin-right: auto;
  }

  #Form_Modal {
    width: 50%;
    max-width: inherit;
    right: auto;
    left: 0;
    margin: 0 0 0 auto;
    top: 0 !important;
    padding: 0;
    border: none;
    background-color: #3f485c;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .modal_content_wrap {
    min-height: 100vh;
    padding: 0 0 0px;
  }

  .modal_image {
    min-height: 100vh;
    padding: 0 0 0px;
    position: fixed;
    width: 50%;
    left: 0;
    background-color: #beac90;
    background-size: cover;
    background-image: url("../img/render3.jpg");
    background-repeat: no-repeat;
    background-position: left center;
  }

  .modal_image_overlay {
  }

  .form_overlay {
    background-color: transparent;
  }

  .modal_content_wrap {
  }

  .top_row {
    position: relative;
    min-height: 300px;
  }

  .modal_stamp {
    display: block;
    margin: 40px auto 30px;
    max-width: min(90%, 85px);
  }

  .top_row h3 {
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 20px;
    line-height: 130%;
    letter-spacing: 0.02em;
    font-size: 1.65em;
    display: block;
  }

  .modal_top_row {
  }

  .modal_top_col {
  }

  .bottom_row {
  }

  .agent_details {
    width: 100%;
    display: block;
  }

  .agent_details .cell {
  }

  .agent_details h5 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 0.95em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.2em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .agent_details h6 {
    text-align: center;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 4px auto 10px;
    line-height: 165%;
    font-size: 1.7em;
  }

  .form_row {
    width: 100%;
    display: block;
  }

  .form_row .cell {
  }
  .form_wrap {
    margin: 0 auto 20px;
    max-width: min(480px, 90%);
  }

  .disclaimer_text {
    width: 100%;
    display: block;
  }

  .disclaimer_text .cell {
  }

  .disclaimer_text h6 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 50px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 0.85em;
  }

  .disclaimer_text h6 a {
  }

  .client_logos {
    width: 100%;
    display: block;
    position: relative;
  }

  .client_logos .cell {
  }

  .earl_logo,
  .footer_earl {
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0;
    margin: 0 0 0 auto;
    display: block;
  }

  .cl_wrap {
    text-align: center;
    margin: 0 auto 160px;
  }

  .cl {
    height: 35px;
    margin: 0 20px;
  }

  .cl1 {
  }

  .cl2 {
  }

  .cl3 {
  }

  .cl4 {
  }

  .cl5 {
  }

  .close-button {
    position: absolute;
    /* color: #ede8e2; */
    cursor: pointer;
    width: 40px;
    padding: 7px 7px 3px;
    right: 20px;
    top: 20px !important;
    background-color: #fff;
  }

  .close_modal {
    /* width: 35px; */
  }

  .close_modal .cls-1 {
    fill: #f0c591;
  }

  #preload {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: transparent;
    z-index: 99;
  }

  .preload_wrap {
    min-height: 100vh;
    position: relative;
    z-index: 10;
  }

  .preload_logo_row_wrap {
    position: relative;
    min-height: 380px;
  }

  .preload_logo_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .preload_logo_col {
  }

  .preload_logo {
    display: block;
    margin: 0px auto 0px;
    max-width: min(90%, 570px);
  }

  .preload_bottom_row_wrap {
    position: relative;
  }

  .preload_bottom_row {
    max-width: inherit;
    position: fixed;
    width: 100%;
    height: 50%;
  }

  .preload_bottom_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .hero_ill {
    max-width: inherit;
    vertical-align: inherit;
    min-width: 100vw;
    min-height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    z-index: 0;
    object-position: top;
    left: 50%;
    transform: translateX(-50%);
  }

  .hero_ill2 {
  }

  .preload_overlay {
    position: fixed;
    z-index: 2;
    border-width: 0;
    background: rgba(20, 20, 40, 0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .preload_image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    max-height: 100vh;
    background-color: #d3c5b8;
    background-position: center center;
    z-index: 1;
    background-repeat: repeat;
    background-color: #c0c8c0;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    /* background-image: url(../img/sandpaper.png); */
    display: none;
  }

  #homepage {
    background-color: #3f485c;
    background-image: url("../img/egg-shell.png");
    background-repeat: repeat;
  }

  .vegas-slide,
  .vegas-slide-inner {
    background-position: top center !important;
  }

  .home_wrap {
    min-height: 100vh;
    padding: 0px 0 0;
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 39;
  }

  .home_top_row_wrap {
  }

  .home_top_row {
  }

  .home_top_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_top_row h4,
  .home_bottom_row h4 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 40px auto 0px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 1em;
    display: none;
  }

  .mobile_logo {
    display: none;
  }

  .home_middle_row_wrap {
    position: relative;
    min-height: 450px;
  }

  .home_middle_row {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
  }

  .hero_middle_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_text_wrap {
    border: solid #fff;
    border-width: 0px 0;
    margin: 0 auto 0;
    padding: 50px 0 0px;
  }

  .home_text_wrap h1 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    text-align: center;
    max-width: min(90%, 650px);
    font-weight: 400;
    color: #fff;
    font-family: "Louize trial";
    margin: 0 auto 50px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-size: 3em;
  }

  .home_text_wrap h2 {
    text-align: center;
    max-width: min(90%, 670px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 35px;
    line-height: 130%;
    letter-spacing: 0.02em;
    font-size: 1.7em;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
  }

  .home_bottom_row_wrap {
    border-bottom: 4px solid #8b6a41;
  }

  .home_bottom_row {
    border: solid #fff;
    border-width: 0px 0 0;
    padding: 0px 0 0 0;
    background-color: rgba(20, 20, 20, 0);
  }

  .home_bottom_row .cell {
  }

  .home_bottom_row h6,
  .home_top_row h6,
  .home_middle_row h6 {
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    font-size: 1em;
    /* text-decoration: underline; */
  }

  .enquire_btn {
    color: #fff;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.05em;
    letter-spacing: 0.185em;
    margin: 0px auto 0;
    display: inline-block;
    border: solid #8b6a41;
    border-width: 4px 4px 0px 4px;
    padding: 18px 40px 17px;
    background-color: #8b6a41;
    background-color: rgba(139, 106, 65, 0.9);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
  }

  .enquire_btn:hover {
    background-color: #8b6a41;
    color: #fff;
  }

  .right_colour_block {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    border: solid #fff;
    border-width: 0 0px 0 0;
  }

  .left_col_y_grid {
    position: absolute;
    min-height: 100vh;
    width: 100%;
    top: 0;
    height: 0;
    z-index: 5;
  }

  .left_grid_top_wrap {
    position: relative;
  }

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

  .left_grid_top_row .cell {
  }

  .left_grid_top_col {
  }

  .inner_logo_wrap {
  }

  .inner_logo {
    display: block;
    margin: 0 auto;
    max-width: min(90%, 515px);
  }

  .bottom_grid_top_wrap {
    position: relative;
    min-height: 398px;
  }

  .bottom_grid_top_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .bottom_grid_top_col {
  }

  .desktop_nav_wrap {
    position: absolute;
    z-index: 40;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 50px 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    transition-duration: 0.5s;
  }

  .desktop_nav_row {
  }

  .desktop_nav_row .cell {
  }

  .left_nav {
  }

  .desktop_nav_row ul,
  .fixed_nav_row ul {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 1.15em;
    margin: 0 auto 20px;
    padding: 0 0 0 0;
    line-height: 180%;
    font-weight: 400;
    letter-spacing: 0.15em;
    color: #fff;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    margin-left: 0;
    list-style: none;
  }

  .subpage .desktop_nav_row ul {
    text-shadow: none;
    color: #beac90;
  }

  .subpage .desktop_nav_wrap {
  }

  .desktop_nav_row li {
    display: inline;
    margin: 0 15px;
  }

  .desktop_nav_row li:first-child {
    margin-left: 0;
  }

  .nav_logo {
    max-width: min(250px, 90%);
    margin: 0 auto 0;
    display: block;
  }

  .subpage .nav_logo {
    max-width: min(180px, 90%);
    margin: 0 auto 0;
  }

  .nav_logo .cls-1 {
    fill: #fff;
    stroke-width: 0px;
  }

  .subpage .nav_logo .cls-1 {
    fill: #f0c591;
    stroke-width: 0px;
  }

  .right_nav {
  }

  .right_nav ul {
    text-align: right;
  }

  .right_nav li {
    text-align: right;
  }

  .right_nav li:last-child {
    margin-right: 0;
  }

  .medium_nav {
    display: none !important;
  }

  .unscrolled {
  }

  .mobile_topbar {
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 45px;
    padding-right: 0;
    padding-left: 0;
  }

  .homepage .mobile_topbar {
  }

  .scrolled .mobile_topbar {
    background: #f1f0eb;
    background-color: #f1f0eb;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
  }

  .scrolled .homepage .mobile_topbar {
  }

  .homepage .mobile_logo {
  }

  .mobile_logo {
    width: 110px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .subpage .mobile_logo {
    opacity: 1;
  }

  .scrolled .mobile_logo {
    opacity: 1;
    margin: 0px 0 0 15px;
  }

  .scrolled .homepage .mobile_logo {
  }

  .mobile_topbar .cell {
  }

  .mobile_nav_icon {
    font-family: "ElegantIcons";
    color: #fff !important;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 30;
    padding: 9px;
    line-height: 100%;
    background: #222;
    border-radius: 0;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
    width: 45px;
  }

  .scrolled .mobile_nav_icon {
  }

  .hamburger {
  }

  .scrolled .hamburger {
  }

  .register_fixed_row {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 40;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .scrolled .register_fixed_row {
    bottom: 0;
    transition-delay: 6s;
  }

  .register_fixed_row h6 {
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #fff;
  }

  .fixed_register {
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "GT America Mono Regular";
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 14px 20px 16px;
    border: #222 solid;
    border-width: 1px 1px 0px;
    display: inline-block;
    width: auto;
    background: #222;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
  }

  .fixed_nav {
    position: fixed;
    bottom: -95px;
    font-size: 1em;
    left: 0;
    width: 100%;
    z-index: 90;
    top: inherit;
    background-color: #3f485c;
    border-top: 1px solid #f0c591;
    padding: 15px 30px 16px;
    -webkit-transition: top 0s ease-out;
    -moz-transition: top 0s ease-out;
    -o-transition: top 0s ease-out;
    transition: top 0s ease-out;
  }

  .scrolled .fixed_nav {
    bottom: 0;
    transition-delay: 2s;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
  }

  .fixed_nav_row {
  }

  .fixed_nav_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .fixed_reg_desk {
  }

  .fixed_reg_desk span {
    position: relative;
  }

  .fixed_reg_desk span::before {
    content: "";
    position: absolute;
    height: 0px;
    bottom: -3px;
    left: 0;
    right: 0;
    background-color: #fff;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.7s ease-in-out;
  }

  .scrolled .fixed_reg_desk span::before {
    background-color: #005943;
  }

  .fixed_reg_desk span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .fixed_logo {
    max-width: 95px;
  }

  .fixed_nav_row ul {
    text-align: right;
    color: #beac90;
    text-shadow: none;
    font-size: 1.05em;
    margin: 0 auto 5px 0;
  }

  .fixed_nav_row li {
    display: inline;
    margin: 0 0 0 25px;
  }

  .fixed_nav_row li:last-child {
    margin-right: 0 !important;
  }

  .fixed_nav_row li a {
  }

  .register_fixed_row {
    position: fixed;
    bottom: -50px;
    position: fixed;
    /* bottom: 0px; */
    width: 100%;
    z-index: 20;
    background: #49594b;
    background-color: #49594b;
    text-align: center;
    padding: 10px 0 10px;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
    max-width: 100vw;
  }

  .register_fixed_row h6 {
  }

  .fixed_register {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    /* margin: 20px 40px; */
    font-family: "Gotham Medium";
    font-size: 13px;
    color: #fff !important;
  }

  .scrolled .register_fixed_row {
    bottom: 0px;
  }

  .overlay {
    background-color: rgba(20, 20, 20, 0.95);
  }

  .overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
  }

  .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 92%;
  }

  .overlay .overlay-close {
    width: 35px;
    height: 35px;
    position: fixed;
    top: 10px;
    right: 10px;
    border: 0px solid #aaa;
    padding: 5px;
    font-size: inherit;
    z-index: 40;
  }

  .overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 75%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 6);
    min-height: 54px;
    text-align: center;
  }

  .overlay ul li a {
    list-style: none;
    display: inline;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 1.3em;
    font-family: "GT America Mono Regular";
    font-weight: 400;
    line-height: 125%;
    margin: 0 auto;
    padding: 0 0 0 0;
    max-width: inherit;
    text-align: center;
    text-shadow: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .overlay ul li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    line-height: 125%;
  }

  .overlay_close_cross {
  }

  .mobile_register {
  }

  #homepage_imgage_holder {
    background-color: #beac90;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; /* display: none; */
  }

  .image_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgb(0, 0, 0);
    background: linear-gradient(
      180deg,
      rgba(0, 0, 30, 0.15) 30%,
      rgba(0, 0, 0, 0.55) 100%
    );
    mix-blend-mode: multiply;
  }

  #hero_image {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
  }

  .mobile_hero {
  }

  .homepage_option {
  }

  .homepage_loaded {
  }

  .hero_image {
  }

  .subsection_wrap {
    position: relative;
    z-index: 20;
    background-color: #3f485c;
  }

  .subsection {
    padding: 160px 0 0 0;
    border-top: 4px solid #f0c591;
  }

  .subsection .grid-x {
    max-width: min(100%, 100rem);
  }

  #design {
    padding: 110px 0 0 0;
  }

  .fade_gallery,
  .guide_img_wrap,
  .team_img_wrap,
  .intro_img_wrap {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .fullWidth .fade_gallery {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

  .fade_gallery img {
  }

  .fullWidth {
    max-width: 100% !important;
  }

  .fullWidth img {
  }

  .fullWidth .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .carousel_row {
    max-width: 100vw !important;
    padding: 0 0 !important;
    border: solid #111;
    border-width: 2px 0;
  }

  .carousel_col {
  }

  .carousel-container {
  }

  .carousel {
  }

  .carousel-cell {
    margin: 0 20px;
    /* background-color: #fff; */
  }

  .carousel-image {
    opacity: 1;
    transition: opacity 1.1s cubic-bezier(0.55, 0, 0.1, 1);
    height: 75vh;
    max-width: inherit;
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .is-selected .carousel-image {
    opacity: 1;
    mix-blend-mode: initial;
  }

  .carousel.is-fullscreen .carousel-image {
    height: auto;
    max-height: 100%;
  }

  .flickity-viewport {
  }

  .carousel-status {
    font-family: "GT America Regular";
    color: #9b6742;
    margin: 15px 30px 0px 0;
    max-width: 100%;
    line-height: 150%;
    font-weight: 400;
    font-size: 1.05em;
    padding: 0;
    letter-spacing: 0.05em;
    text-align: right;
    text-rendering: auto;
    text-transform: uppercase;
    display: none;
  }

  .caption {
    background: transparent;
    bottom: 20px;
    left: 0px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: center;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.85em;
    opacity: 0;
    width: 100%;
  }

  .is-selected .caption {
    opacity: 1;
  }

  .flickity-button {
    background-color: transparent;
    background-color: #beac90;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0 2px;
    border-radius: 0;
    color: #fff;
    outline: none !important;
    width: 60px;
    height: 100.2%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .flickity-prev-next-button.next {
    right: 0;
    border-right: 0;
  }

  .flickity-prev-next-button.previous {
    left: 0;
    border-left: 0;
    background-color: transparent !important;
  }

  .flickity-button:hover {
    background-color: #3f485c !important;
  }

  .flickity-button-icon {
    color: #3f485c;
  }

  .flickity-button:hover .flickity-button-icon {
    color: #beac90;
  }

  .next .flickity-button-icon {
    left: 10%;
  }

  .previous .flickity-button-icon {
    left: 25%;
  }

  .render_carousel {
    border-width: 0px 0;
  }

  .render_carousel .flickity-button {
    background-color: transparent;
    background-color: transparent;
    background-image: none;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0px 0px;
  }

  .render_carousel .flickity-prev-next-button.previous {
    border-left: 0 !important;
  }

  .render_carousel .flickity-prev-next-button.next {
    border-right: 0 !important;
  }

  .intro_row {
    margin-bottom: 80px;
  }

  .intro_row .cell {
  }

  .intro_row h1 {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 35px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.4em;
  }

  .intro_row h2,
  .quote_text_wrap h3 {
    max-width: min(90%, 800px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.7em;
  }

  .render_row {
  }

  .render_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .light_green_wrap {
    background-color: #ccd1c7c2;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .quote_row {
    max-width: 100% !important;
  }

  .quote_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .quote_img_wrap {
  }

  .quote_img_wrap img {
  }

  .quote_text_wrap {
    margin: 0 auto;
    max-width: min(90%, 700px);
  }

  .arch {
    display: block;
    margin: 0 auto;
    max-width: min(90%, 150px);
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .arch1 {
  }

  .arch2 {
  }

  .quote_text_wrap h2 {
    position: relative;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    color: #433c3c;
  }

  .quote_text_wrap h2:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 2px;
    width: 25%;
    background-color: #d0a97a;
  }

  .quote_text_wrap h3 {
    font-size: 1.3em;
    line-height: 135%;
    margin: 30px auto 25px;
    max-width: min(90%, 700px);
    text-align: left;
  }

  .sig {
    display: block;
    margin: 0 auto 25px;
    height: 40px;
  }

  .sig1 {
    height: 90px;
    margin: 0 auto 0;
  }

  .sig2 {
    height: 50px;
  }

  .quote_text_wrap h4 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 0.9em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.125em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .quote_row2 h3 {
  }

  .split_row {
    max-width: calc(100% - 80px) !important;
  }

  .split_img_col {
    position: relative;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .intro_img_wrap {
    overflow: hidden;
    min-height: 630px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .intro_img_wrap img {
  }

  .split_img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }

  .split_img1 {
  }

  .split_img2 {
  }

  .split_img3 {
  }

  .split_img4 {
  }

  .split_img5 {
  }

  .split_img6 {
  }

  .split_img7 {
  }

  .split_img8 {
  }

  .split_img9 {
  }

  .split_img10 {
  }

  .split_img11 {
  }

  .split_img12 {
  }

  .split_img13 {
  }

  .split_img14 {
  }

  .split_img15 {
    /* display: none; */
  }

  .split_img16 {
  }

  .split_img17 {
    object-position: bottom;
  }

  .split_img18 {
  }

  .split_img19 {
  }

  .split_img20 {
  }

  .split_img21 {
  }

  .split_img22 {
  }

  .split_img23 {
  }

  .split_img24 {
  }

  .split_img25 {
  }

  .split_text_wrap {
    min-height: calc(100vh - 70px);
    padding: 80px 0 80px;
  }

  .split_title_wrap {
  }

  .split_title_wrap h1,
  .render_row h2,
  .icon_wrap h6,
  .lifestyle_intro_row h3,
  .guide_title_row h1,
  .team_text_wrap h4,
  .guide_text_wrap h2,
  .scheme_wrap h4 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .body_copy_wrap {
    position: relative;
  }

  .icon_row_wrap {
    margin: 30px auto 20px;
    display: block;
    max-width: min(90%, 500px);
  }

  .icon_wrap {
    width: 24%;
    display: inline-block;
  }

  .icon_wrap h6 {
    margin: 15px auto 20px;
    line-height: 135%;
    font-size: 0.85em;
  }

  .icon {
    height: 50px;
    margin: 0 auto;
    display: block;
  }

  .body_copy_wrap h2,
  .team_text_wrap h3 {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 40px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.6em;
  }

  .body_copy_wrap p,
  .render_grid_text_wrap p,
  .render_row p,
  .guide_text_wrap h3,
  .scheme_wrap h5,
  .team_text_wrap p {
    text-align: center;
    max-width: min(85%, 700px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 145%;
    letter-spacing: 0.01em;
    font-size: 1.25em;
  }

  .render_row h2 {
    text-align: left;
    margin: 0 0 20px 0;
  }

  .render_row p {
    text-align: left;
    margin: 0 auto 40px 0;
  }

  .render_grid_row {
    max-width: calc(100% - 40px) !important;
  }

  .render_grid_row .cell {
  }

  .render_grid_row h1 {
    text-align: left;
    margin: 0 auto 40px 0;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .smb {
  }

  .render_grid_text_wrap {
  }

  .render_grid_text_wrap p {
    margin: 0 auto 50px 0;
    text-align: left;
  }

  .nested_gallery {
  }

  .nested_gallery img {
  }

  .scheme_wrap {
  }

  .scheme_wrap .shrink {
  }

  .scheme_wrap h4 {
    margin: 30px auto 10px;
  }

  .scheme_wrap h5 {
    max-width: min(80%, 500px);
  }

  #lifestyle {
  }

  .lifestyle_intro_row {
  }

  .lifestyle_intro_row h1 {
  }

  .lifestyle_intro_row h2 {
    max-width: min(90%, 800px);
    font-size: 1.4em;
  }

  .lifestyle_intro_row h3 {
    margin: 20px auto 0px;
    letter-spacing: 0.1em;
  }

  .lifestyle_intro_row h3 a span {
    position: relative;
  }

  .lifestyle_intro_row h3 a span::before {
    content: "";
    position: absolute;
    height: 1px;
    bottom: -2px;
    left: 0;
    right: 0;
    background-color: #beac90;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.9s ease-in-out;
  }

  .lifestyle_intro_row h3 a span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .aerial_row {
  }

  .aerial_row .cell {
  }

  .hs-tooltip h3,
  .hs-tooltip p {
    margin: 0;
    font-size: 14px !important;
    line-height: 27px !important;
    letter-spacing: 0.02em;
    text-align: left;
    color: #f0c591 !important;
    text-transform: uppercase;
    font-family: "Inter", sans-serif !important;
  }

  .hs-hotspot-oval,
  .hs-hotspot-rect,
  .hs-hotspot-spot {
  }

  .guide_title_row {
  }

  .guide_title_row .cell {
  }

  .guide_title_row h1 {
    margin: 70px auto 60px;
    font-size: 1.25em;
  }

  .guide_row {
    margin-bottom: 60px;
  }

  .guide_row1 {
  }

  .guide_row2 {
    margin-bottom: 150px;
  }

  .guide_row .cell {
  }

  .guide_img_wrap {
    margin: 0 auto;
    max-width: min(90%, 800px);
  }

  .guide_img_wrap img {
  }

  .guide_text_wrap {
  }

  .guide_text_wrap h2 {
    font-size: 1.15em;
    margin: 30px auto 0;
  }

  .guide_text_wrap hr {
    margin: 10px auto 20px;
    max-width: min(90%, 800px);
    border-bottom: 1px solid #f0c591;
  }

  .guide_text_wrap h3 {
  }

  #team {
  }

  .team_intro_row {
  }

  .team_intro_row h1 {
    display: none;
  }

  .team_intro_row h2 {
    max-width: min(90%, 750px);
  }

  .team_row {
  }

  .team_row .cell {
  }

  .team_img_wrap {
    margin: 0 auto;
    max-width: min(95%, 800px);
  }

  .team_img_wrap img {
  }

  .team_text_wrap {
  }

  .team_text_wrap h3 {
    margin: 30px auto 0px;
    font-size: 2.2em;
  }

  .team_text_wrap h4 {
    font-size: 1em;
    margin: 5px auto 25px;
  }

  .team_text_wrap p {
  }

  .team_row2 {
  }

  .team_row2 .team_img_wrap {
  }

  .team_row2 .team_img_wrap img {
  }

  .team_last_col {
  }

  .team_last_col h5 {
    text-align: center;
    margin: 40px auto 25px;
    line-height: 165%;
    font-size: 1.1em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .awards_logo_wrap {
  }

  .awards {
    max-width: min(90%, 180px);
    margin: 0 auto;
    display: block;
  }

  .footer {
    border-top: 1px solid #f0c591;
    background-color: #c0c8c0;
    background-color: #9aa29a;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    padding: 50px 0 0px 0;
  }

  #footer {
  }

  .footer_top_row,
  .footer_content_row {
    padding: 0 40px;
    max-width: 100% !important;
  }

  .footer_top_row .cell,
  .footer_content_row .cell {
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }

  .footer_top_row h6 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: left;
    margin: 0 auto 0px 0;
    line-height: 165%;
    font-size: 0.8em;
    font-weight: 200;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .footer_top_row h3 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: left;
    font-weight: 600;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 8px auto 0px 0;
    line-height: 100%;
    font-size: 1.7em;
  }

  .footer_logo_wrap {
    text-align: right;
  }

  .tl {
    margin: 0 0 0 50px;
  }

  .tl1 {
  }

  .tl2 {
  }

  .tl3 {
  }

  .tl4 {
  }

  .footer_content_row {
  }

  .footer_divider_col {
  }

  .footer_divider_col hr {
    max-width: 100%;
    margin: 25px 0 0 0;
    border-bottom: 1px solid #fff;
  }

  .footer_content_row .cell {
  }

  .footer_content_row h2 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 5%);
    text-align: left;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 20px auto 5px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.5em;
    display: block;
  }

  .footer_content_row h5 {
    text-align: left;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 100px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 0.8em;
    display: block;
  }

  .footer_earl {
    height: 55px;
  }

  .body_copy_nested_row {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100% !important;
  }

  .body_copy_nested_col {
  }

  #tour {
    padding: 110px 0 0 0;
  }

  .tour_row {
  }

  .tour_row .cell {
  }

  #tour_iframe {
    height: calc(100vh - 110px);
  }

  .nav-item--logo {
    display: none !important;
  }

  .footer_ill_row {
    max-width: 100% !important;
    opacity: 0.9;
    min-height: 50px;
    background-image: url("../img/desktop_ill.svg");
    padding: 0 0 50px 0;
    background-size: 1000px;
    background-repeat: repeat-x;
  }

  .footer_ill_col {
  }

  .arch_caption {
    background: transparent;
    bottom: 25px;
    left: 35px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: left;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.95em;
    opacity: 1;
    width: auto;
  }

  .stamp_large {
    height: 100vh;
    margin: 0 auto;
    display: block;
    opacity: 0.2;
  }

  .slick-dots {
    bottom: 25px !important;
  }
  .slick-dots li {
  }
  .slick-dots li button {
  }
  .slick-dots li button:before {
    font-size: 12px;
    color: #fff;
    opacity: 0.5;
  }

  .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
  }
  .fade button,
  .slider-for button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }

  .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }

  .rooftop_split_row {
    max-width: min(80%, 100rem) !important;
  }
  .rooftop_wrap {
    padding: 0 0 0;
    min-height: auto;
  }
  .rooftop_wrap .split_text_wrap {
  }
  .rooftop_wrap .split_title_wrap {
  }
  .rooftop_wrap .split_title_wrap h1 {
    margin: 0 auto 40px;
  }
  .rooftop_wrap .body_copy_wrap {
  }
  .rooftop_wrap .body_copy_wrap p {
    max-width: min(100%, 720px);
    margin: 40px auto 0;
  }
  .rooftop_split_row .body_copy_nested_row {
    position: relative;
  }
}

@media screen and (min-width: 120em) {
  .container,
  .reveal {
    font-size: 16px;
  }

  .container {
  }

  body {
  }

  .unscrolled {
  }

  .scrolled {
  }

  .mb {
    margin-bottom: 150px;
  }

  .smb {
  }

  .mt {
  }

  .pb {
  }

  .pt {
  }

  .lpb {
  }

  a {
    color: inherit;
    outline: none;
  }

  a:hover,
  a:visited,
  a:focus,
  a:active {
    color: inherit;
    text-decoration: none;
    outline: none;
  }

  .grid-x {
    margin-left: auto;
    margin-right: auto;
  }

  #Form_Modal {
    width: 50%;
    max-width: inherit;
    right: auto;
    left: 0;
    margin: 0 0 0 auto;
    top: 0 !important;
    padding: 0;
    border: none;
    background-color: #3f485c;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .modal_content_wrap {
    min-height: 100vh;
    padding: 0 0 0px;
  }

  .modal_image {
    min-height: 100vh;
    padding: 0 0 0px;
    position: fixed;
    width: 50%;
    left: 0;
    background-color: #beac90;
    background-size: cover;
    background-image: url("../img/render3.jpg");
    background-repeat: no-repeat;
    background-position: left center;
  }

  .modal_image_overlay {
  }

  .form_overlay {
    background-color: transparent;
  }

  .modal_content_wrap {
  }

  .top_row {
    position: relative;
    min-height: 330px;
  }

  .modal_stamp {
    display: block;
    margin: 50px auto 30px;
    max-width: min(90%, 100px);
  }

  .top_row h3 {
    text-align: center;
    max-width: min(90%, 550px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 50px;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.75em;
    display: block;
  }

  .modal_top_row {
  }

  .modal_top_col {
  }

  .bottom_row {
  }

  .agent_details {
    width: 100%;
    display: block;
  }

  .agent_details .cell {
  }

  .agent_details h5 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 0.95em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.2em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .agent_details h6 {
    text-align: center;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 8px auto 25px;
    line-height: 165%;
    font-size: 1.7em;
  }

  .form_row {
    width: 100%;
    display: block;
  }

  .form_row .cell {
  }
  .form_wrap {
    margin: 0 auto 20px;
    max-width: min(580px, 90%);
  }

  .disclaimer_text {
    width: 100%;
    display: block;
  }

  .disclaimer_text .cell {
  }

  .disclaimer_text h6 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 90px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 0.85em;
  }

  .disclaimer_text h6 a {
  }

  .client_logos {
    width: 100%;
    display: block;
    position: relative;
  }

  .client_logos .cell {
  }

  .earl_logo,
  .footer_earl {
    height: 70px;
    position: absolute;
    right: 0px;
    top: 0;
    margin: 0 0 0 auto;
    display: block;
  }

  .cl_wrap {
    text-align: center;
    margin: 0 auto 60px;
  }

  .cl {
    height: 42px;
    margin: 0 25px;
  }

  .cl1 {
  }

  .cl2 {
  }

  .cl3 {
  }

  .cl4 {
  }

  .cl5 {
  }

  .close-button {
    position: absolute;
    /* color: #ede8e2; */
    cursor: pointer;
    width: 45px;
    padding: 7px 7px 3px;
    right: 20px;
    top: 20px !important;
    background-color: #fff;
  }

  .close_modal {
    /* width: 35px; */
  }

  .close_modal .cls-1 {
    fill: #f0c591;
  }

  #preload {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: transparent;
    z-index: 99;
  }

  .preload_wrap {
    min-height: 100vh;
    position: relative;
    z-index: 10;
  }

  .preload_logo_row_wrap {
    position: relative;
    min-height: 400px;
  }

  .preload_logo_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .preload_logo_col {
  }

  .preload_logo {
    display: block;
    margin: 0px auto 40px;
    max-width: min(90%, 700px);
  }

  .preload_bottom_row_wrap {
    position: relative;
  }

  .preload_bottom_row {
    max-width: inherit;
    position: fixed;
    width: 100vw;
    height: 50%;
  }

  .preload_bottom_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .hero_ill {
    max-width: inherit;
    vertical-align: inherit;
    min-width: 100vw;
    min-height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    z-index: 0;
    object-position: top;
    left: 50%;
    transform: translateX(-50%);
  }

  .hero_ill2 {
  }

  .preload_overlay {
    position: fixed;
    z-index: 2;
    border-width: 0;
    background: rgba(20, 20, 40, 0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .preload_image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    max-height: 100vh;
    background-size: inherit;
    background-position: center center;
    z-index: 1;
    background-repeat: repeat;
    background-color: #c0c8c0;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    /* background-image: url("../img/sandpaper.png"); */
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    display: none;
  }

  #homepage {
    background-color: #3f485c;
    background-image: url("../img/egg-shell.png");
    background-repeat: repeat;
  }

  .vegas-slide,
  .vegas-slide-inner {
    background-position: top center !important;
  }

  .home_wrap {
    min-height: 100vh;
    padding: 0px 0 0;
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 39;
  }

  .home_top_row_wrap {
  }

  .home_top_row {
  }

  .home_top_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_top_row h4,
  .home_bottom_row h4 {
    text-transform: uppercase;
    text-align: center;
    max-width: min(90%, 500px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 40px auto 0px;
    line-height: 145%;
    letter-spacing: 0.2em;
    font-size: 1em;
    display: none;
  }

  .mobile_logo {
    display: none;
  }

  .home_middle_row_wrap {
    position: relative;
    min-height: 450px;
  }

  .home_middle_row {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
  }

  .hero_middle_col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home_text_wrap {
    border: solid #fff;
    border-width: 0px 0;
    margin: 0 auto 0;
    padding: 50px 0 0px;
  }

  .home_text_wrap h1 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    text-align: center;
    max-width: min(90%, 650px);
    font-weight: 400;
    color: #fff;
    font-family: "Louize trial";
    margin: 0 auto 50px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-size: 3em;
  }

  .home_text_wrap h2 {
    text-align: center;
    max-width: min(90%, 670px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 50px;
    line-height: 130%;
    letter-spacing: 0.02em;
    font-size: 1.75em;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
  }

  .home_bottom_row_wrap {
    border-bottom: 4px solid #8b6a41;
  }

  .home_bottom_row {
    border: solid #fff;
    border-width: 0px 0 0;
    padding: 0px 0 0 0;
    background-color: rgba(20, 20, 20, 0);
  }

  .home_bottom_row .cell {
  }

  .home_bottom_row h6,
  .home_top_row h6,
  .home_middle_row h6 {
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    font-size: 1em;
    /* text-decoration: underline; */
  }

  .enquire_btn {
    color: #fff;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.05em;
    letter-spacing: 0.185em;
    margin: 0px auto 0;
    display: inline-block;
    border: solid #8b6a41;
    border-width: 4px 4px 0px 4px;
    padding: 18px 40px 17px;
    background-color: #8b6a41;
    background-color: rgba(139, 106, 65, 0.9);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
  }

  .enquire_btn:hover {
    background-color: #8b6a41;
    color: #fff;
  }

  .right_colour_block {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    border: solid #fff;
    border-width: 0 0px 0 0;
  }

  .left_col_y_grid {
    position: absolute;
    min-height: 100vh;
    width: 100%;
    top: 0;
    height: 0;
    z-index: 5;
  }

  .left_grid_top_wrap {
    position: relative;
  }

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

  .left_grid_top_row .cell {
  }

  .left_grid_top_col {
  }

  .inner_logo_wrap {
  }

  .inner_logo {
    display: block;
    margin: 0 auto;
    max-width: min(90%, 515px);
  }

  .bottom_grid_top_wrap {
    position: relative;
    min-height: 398px;
  }

  .bottom_grid_top_row {
    max-width: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .bottom_grid_top_col {
  }

  .desktop_nav_wrap {
    position: absolute;
    z-index: 40;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 70px 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    transition-duration: 0.5s;
  }

  .desktop_nav_row {
  }

  .desktop_nav_row .cell {
  }

  .left_nav {
  }

  .desktop_nav_row ul,
  .fixed_nav_row ul {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    font-size: 1.15em;
    margin: 0 auto 20px;
    padding: 0 0 0 0;
    line-height: 180%;
    font-weight: 400;
    letter-spacing: 0.15em;
    color: #fff;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    margin-left: 0;
    list-style: none;
  }

  .subpage .desktop_nav_row ul {
    text-shadow: none;
    color: #beac90;
  }

  .subpage .desktop_nav_wrap {
  }

  .desktop_nav_row li {
    display: inline;
    margin: 0 20px;
  }

  .desktop_nav_row li:first-child {
    margin-left: 0;
  }

  .nav_logo {
    max-width: min(280px, 90%);
    margin: 0 auto 0;
    display: block;
  }

  .subpage .nav_logo {
    max-width: min(180px, 90%);
    margin: 0 auto 0;
  }

  .nav_logo .cls-1 {
    fill: #fff;
    stroke-width: 0px;
  }

  .subpage .nav_logo .cls-1 {
    fill: #f0c591;
    stroke-width: 0px;
  }

  .right_nav {
  }

  .right_nav ul {
    text-align: right;
  }

  .right_nav li {
    text-align: right;
  }

  .right_nav li:last-child {
    margin-right: 0;
  }

  .medium_nav {
    display: none !important;
  }

  .unscrolled {
  }

  .mobile_topbar {
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 45px;
    padding-right: 0;
    padding-left: 0;
  }

  .homepage .mobile_topbar {
  }

  .scrolled .mobile_topbar {
    background: #f1f0eb;
    background-color: #f1f0eb;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
  }

  .scrolled .homepage .mobile_topbar {
  }

  .homepage .mobile_logo {
  }

  .mobile_logo {
    width: 110px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .subpage .mobile_logo {
    opacity: 1;
  }

  .scrolled .mobile_logo {
    opacity: 1;
    margin: 0px 0 0 15px;
  }

  .scrolled .homepage .mobile_logo {
  }

  .mobile_topbar .cell {
  }

  .mobile_nav_icon {
    font-family: "ElegantIcons";
    color: #fff !important;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 30;
    padding: 9px;
    line-height: 100%;
    background: #222;
    border-radius: 0;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
    width: 45px;
  }

  .scrolled .mobile_nav_icon {
  }

  .hamburger {
  }

  .scrolled .hamburger {
  }

  .register_fixed_row {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 40;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .scrolled .register_fixed_row {
    bottom: 0;
    transition-delay: 6s;
  }

  .register_fixed_row h6 {
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #fff;
  }

  .fixed_register {
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "GT America Mono Regular";
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 14px 20px 16px;
    border: #222 solid;
    border-width: 1px 1px 0px;
    display: inline-block;
    width: auto;
    background: #222;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
  }

  .fixed_nav {
    position: fixed;
    bottom: -95px;
    font-size: 1em;
    left: 0;
    width: 100%;
    z-index: 90;
    top: inherit;
    background-color: #3f485c;
    border-top: 1px solid #f0c591;
    padding: 15px 40px 16px;
    -webkit-transition: top 0s ease-out;
    -moz-transition: top 0s ease-out;
    -o-transition: top 0s ease-out;
    transition: top 0s ease-out;
  }

  .scrolled .fixed_nav {
    bottom: 0;
    transition-delay: 2s;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
  }

  .fixed_nav_row {
  }

  .fixed_nav_row .cell {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .fixed_reg_desk {
  }

  .fixed_reg_desk span {
    position: relative;
  }

  .fixed_reg_desk span::before {
    content: "";
    position: absolute;
    height: 0px;
    bottom: -3px;
    left: 0;
    right: 0;
    background-color: #fff;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.7s ease-in-out;
  }

  .scrolled .fixed_reg_desk span::before {
    background-color: #005943;
  }

  .fixed_reg_desk span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .fixed_logo {
    max-width: 120px;
  }

  .fixed_nav_row ul {
    text-align: right;
    color: #beac90;
    text-shadow: none;
    font-size: 1em;
    margin: 0 auto 5px;
  }

  .fixed_nav_row li {
    display: inline;
    margin: 0 0 0 25px;
  }

  .fixed_nav_row li:last-child {
    margin-right: 0 !important;
  }

  .fixed_nav_row li a {
  }

  .register_fixed_row {
    position: fixed;
    bottom: -50px;
    position: fixed;
    /* bottom: 0px; */
    width: 100%;
    z-index: 20;
    background: #49594b;
    background-color: #49594b;
    text-align: center;
    padding: 10px 0 10px;
    -webkit-transition: bottom 1s ease-out;
    -moz-transition: bottom 1s ease-out;
    -o-transition: bottom 1s ease-out;
    transition: bottom 1s ease-out;
    max-width: 100vw;
  }

  .register_fixed_row h6 {
  }

  .fixed_register {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    /* margin: 20px 40px; */
    font-family: "Gotham Medium";
    font-size: 13px;
    color: #fff !important;
  }

  .scrolled .register_fixed_row {
    bottom: 0px;
  }

  .overlay {
    background-color: rgba(20, 20, 20, 0.95);
  }

  .overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
  }

  .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 92%;
  }

  .overlay .overlay-close {
    width: 35px;
    height: 35px;
    position: fixed;
    top: 10px;
    right: 10px;
    border: 0px solid #aaa;
    padding: 5px;
    font-size: inherit;
    z-index: 40;
  }

  .overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 75%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 6);
    min-height: 54px;
    text-align: center;
  }

  .overlay ul li a {
    list-style: none;
    display: inline;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 1.3em;
    font-family: "GT America Mono Regular";
    font-weight: 400;
    line-height: 125%;
    margin: 0 auto;
    padding: 0 0 0 0;
    max-width: inherit;
    text-align: center;
    text-shadow: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }

  .overlay ul li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    line-height: 125%;
  }

  .overlay_close_cross {
  }

  .mobile_register {
  }

  #homepage_imgage_holder {
    background-color: #beac90;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; /* display: none; */
  }

  .image_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgb(0, 0, 0);
    background: linear-gradient(
      180deg,
      rgba(0, 0, 30, 0.15) 30%,
      rgba(0, 0, 0, 0.55) 100%
    );
    mix-blend-mode: multiply;
  }

  #hero_image {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
  }

  .mobile_hero {
  }

  .homepage_option {
  }

  .homepage_loaded {
  }

  .hero_image {
  }

  .subsection_wrap {
    position: relative;
    z-index: 20;
    background-color: #3f485c;
  }

  .subsection {
    padding: 190px 0 0 0;
    border-top: 4px solid #f0c591;
  }

  .subsection .grid-x {
    max-width: min(100%, 100rem);
  }

  #design {
    padding: 110px 0 0 0;
  }

  .fade_gallery,
  .guide_img_wrap,
  .team_img_wrap,
  .intro_img_wrap {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .fullWidth .fade_gallery {
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }

  .fade_gallery img {
  }

  .fullWidth {
    max-width: 100% !important;
  }

  .fullWidth img {
  }

  .fullWidth .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .carousel_row {
    max-width: 100vw !important;
    padding: 0 0 !important;
    border: solid #111;
    border-width: 2px 0;
  }

  .carousel_col {
  }

  .carousel-container {
  }

  .carousel {
  }

  .carousel-cell {
    margin: 0 20px;
    /* background-color: #fff; */
  }

  .carousel-image {
    opacity: 1;
    transition: opacity 1.1s cubic-bezier(0.55, 0, 0.1, 1);
    height: 75vh;
    max-width: inherit;
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .is-selected .carousel-image {
    opacity: 1;
    mix-blend-mode: initial;
  }

  .carousel.is-fullscreen .carousel-image {
    height: auto;
    max-height: 100%;
  }

  .flickity-viewport {
  }

  .carousel-status {
    font-family: "GT America Regular";
    color: #9b6742;
    margin: 15px 30px 0px 0;
    max-width: 100%;
    line-height: 150%;
    font-weight: 400;
    font-size: 1.05em;
    padding: 0;
    letter-spacing: 0.05em;
    text-align: right;
    text-rendering: auto;
    text-transform: uppercase;
    display: none;
  }

  .caption {
    background: transparent;
    bottom: 25px;
    left: 0px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: center;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.85em;
    opacity: 0;
    width: 100%;
  }

  .is-selected .caption {
    opacity: 1;
  }

  .flickity-button {
    background-color: transparent;
    background-color: #beac90;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0 2px;
    border-radius: 0;
    color: #fff;
    outline: none !important;
    width: 60px;
    height: 100.2%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .flickity-prev-next-button.next {
    right: 0;
    border-right: 0;
  }

  .flickity-prev-next-button.previous {
    left: 0;
    border-left: 0;
    background-color: transparent !important;
  }

  .flickity-button:hover {
    background-color: #3f485c !important;
  }

  .flickity-button-icon {
    color: #3f485c;
  }

  .flickity-button:hover .flickity-button-icon {
    color: #beac90;
  }

  .next .flickity-button-icon {
    left: 10%;
  }

  .previous .flickity-button-icon {
    left: 25%;
  }

  .render_carousel {
    border-width: 0px 0;
  }

  .render_carousel .flickity-button {
    background-color: transparent;
    background-color: transparent;
    background-image: none;
    border: solid #f0c591;
    box-shadow: none !important;
    border-width: 0px 0px;
  }

  .render_carousel .flickity-prev-next-button.previous {
    border-left: 0 !important;
  }

  .render_carousel .flickity-prev-next-button.next {
    border-right: 0 !important;
  }

  .intro_row {
    margin-bottom: 100px;
  }

  .intro_row .cell {
  }

  .intro_row h1 {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 40px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.4em;
  }

  .intro_row h2,
  .quote_text_wrap h3 {
    max-width: min(90%, 800px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.7em;
  }

  .render_row {
  }

  .render_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .light_green_wrap {
    background-color: #ccd1c7c2;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
  }

  .quote_row {
    max-width: 100% !important;
  }

  .quote_row .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .quote_img_wrap {
  }

  .quote_img_wrap img {
  }

  .quote_text_wrap {
    margin: 0 auto;
    max-width: min(90%, 700px);
  }

  .arch {
    display: block;
    margin: 0 auto;
    max-width: min(90%, 200px);
    /* mix-blend-mode: multiply; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .arch1 {
  }

  .arch2 {
  }

  .quote_text_wrap h3 {
    font-size: 1.35em;
    line-height: 125%;
    margin: 40px auto 40px;
    max-width: 100%;
  }

  .sig {
    display: block;
    margin: 0 auto 25px;
    height: 50px;
  }

  .sig1 {
    height: 90px;
    margin: 0 auto 0;
  }

  .sig2 {
    height: 60px;
  }

  .quote_text_wrap h4 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 0.9em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.125em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .quote_row2 h3 {
  }

  .split_row {
    max-width: calc(100% - 80px) !important;
  }

  .split_img_col {
    position: relative;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .intro_img_wrap {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .intro_img_wrap img {
  }

  .split_img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }

  .split_img1 {
  }

  .split_img2 {
  }

  .split_img3 {
  }

  .split_img4 {
  }

  .split_img5 {
  }

  .split_img6 {
  }

  .split_img7 {
  }

  .split_img8 {
  }

  .split_img9 {
  }

  .split_img10 {
  }

  .split_img11 {
  }

  .split_img12 {
  }

  .split_img13 {
  }

  .split_img14 {
  }

  .split_img15 {
    /* display: none; */
  }

  .split_img16 {
  }

  .split_img17 {
    object-position: bottom;
  }

  .split_img18 {
  }

  .split_img19 {
  }

  .split_img20 {
  }

  .split_img21 {
  }

  .split_img22 {
  }

  .split_img23 {
  }

  .split_img24 {
  }

  .split_img25 {
  }

  .split_text_wrap {
    min-height: calc(100vh - 70px);
    padding: 80px 0 80px;
  }

  .split_title_wrap {
  }

  .split_title_wrap h1,
  .render_row h2,
  .icon_wrap h6,
  .lifestyle_intro_row h3,
  .guide_title_row h1,
  .team_text_wrap h4,
  .guide_text_wrap h2,
  .scheme_wrap h4 {
    text-align: center;
    margin: 0 auto 0px;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .body_copy_wrap {
    position: relative;
  }

  .icon_row_wrap {
    margin: 0 auto 30px;
    display: block;
    max-width: min(90%, 600px);
  }

  .icon_wrap {
    width: 24%;
    display: inline-block;
  }

  .icon_wrap h6 {
    margin: 15px auto 25px;
    line-height: 135%;
    font-size: 0.9em;
  }

  .icon {
    height: 55px;
    margin: 0 auto;
    display: block;
  }

  .body_copy_wrap h2,
  .team_text_wrap h3 {
    text-align: center;
    max-width: min(90%, 660px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 40px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-size: 2.4em;
  }

  .body_copy_wrap p,
  .render_grid_text_wrap p,
  .render_row p,
  .guide_text_wrap h3,
  .scheme_wrap h5,
  .team_text_wrap p {
    text-align: center;
    max-width: min(85%, 720px);
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    margin: 0 auto 0px;
    line-height: 140%;
    letter-spacing: 0.01em;
    font-size: 1.2em;
  }

  .render_row h2 {
    text-align: left;
    margin: 0 0 20px 0;
  }

  .render_row p {
    text-align: left;
    margin: 0 auto 40px 0;
  }

  .render_grid_row {
    max-width: calc(100% - 40px) !important;
  }

  .render_grid_row .cell {
  }

  .render_grid_row h1 {
    text-align: left;
    margin: 0 auto 40px 0;
    line-height: 165%;
    font-size: 1.15em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .smb {
  }

  .render_grid_text_wrap {
  }

  .render_grid_text_wrap p {
    margin: 0 auto 50px 0;
    text-align: left;
  }

  .nested_gallery {
  }

  .nested_gallery img {
  }

  .scheme_wrap {
  }

  .scheme_wrap .shrink {
  }

  .scheme_wrap h4 {
    margin: 40px auto 10px;
  }

  .scheme_wrap h5 {
    max-width: min(90%, 600px);
  }

  #lifestyle {
  }

  .lifestyle_intro_row {
  }

  .lifestyle_intro_row h1 {
  }

  .lifestyle_intro_row h2 {
    max-width: min(90%, 1000px);
    font-size: 1.5em;
  }

  .lifestyle_intro_row h3 {
    margin: 20px auto 0px;
    letter-spacing: 0.1em;
  }

  .lifestyle_intro_row h3 a span {
    position: relative;
  }

  .lifestyle_intro_row h3 a span::before {
    content: "";
    position: absolute;
    height: 1px;
    bottom: -2px;
    left: 0;
    right: 0;
    background-color: #beac90;
    transform-origin: bottom left;
    transform: scaleX(1);
    transition: transform 0.9s ease-in-out;
  }

  .lifestyle_intro_row h3 a span:hover::before {
    transform: scaleX(0);
    transform-origin: bottom right;
  }

  .aerial_row {
  }

  .aerial_row .cell {
  }

  .hs-tooltip h3,
  .hs-tooltip p {
    margin: 0;
    font-size: 14px !important;
    line-height: 27px !important;
    letter-spacing: 0.02em;
    text-align: left;
    color: #f0c591 !important;
    text-transform: uppercase;
    font-family: "Inter", sans-serif !important;
  }

  .hs-hotspot-oval,
  .hs-hotspot-rect,
  .hs-hotspot-spot {
  }

  .guide_title_row {
  }

  .guide_title_row .cell {
  }

  .guide_title_row h1 {
    margin: 70px auto 60px;
    font-size: 1.25em;
  }

  .guide_row {
    margin-bottom: 60px;
  }

  .guide_row1 {
  }

  .guide_row2 {
    margin-bottom: 150px;
  }

  .guide_row .cell {
  }

  .guide_img_wrap {
    margin: 0 auto;
    max-width: min(90%, 800px);
  }

  .guide_img_wrap img {
  }

  .guide_text_wrap {
  }

  .guide_text_wrap h2 {
    font-size: 1.25em;
    margin: 30px auto 0;
  }

  .guide_text_wrap hr {
    margin: 10px auto 20px;
    max-width: min(90%, 800px);
    border-bottom: 1px solid #f0c591;
  }

  .guide_text_wrap h3 {
  }

  #team {
  }

  .team_intro_row {
  }

  .team_intro_row h1 {
    display: none;
  }

  .team_intro_row h2 {
    max-width: min(90%, 850px);
  }

  .team_row {
  }

  .team_row .cell {
  }

  .team_img_wrap {
    margin: 0 auto;
    max-width: min(90%, 800px);
  }

  .team_img_wrap img {
  }

  .team_text_wrap {
  }

  .team_text_wrap h3 {
    margin: 40px auto 0px;
    font-size: 2.4em;
  }

  .team_text_wrap h4 {
    font-size: 1em;
    margin: 5px auto 25px;
  }

  .team_text_wrap p {
  }

  .team_row2 {
  }

  .team_row2 .team_img_wrap {
  }

  .team_row2 .team_img_wrap img {
  }

  .team_last_col {
  }

  .team_last_col h5 {
    text-align: center;
    margin: 40px auto 25px;
    line-height: 165%;
    font-size: 1.1em;
    font-weight: 400;
    color: #beac90;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .awards_logo_wrap {
  }

  .awards {
    max-width: min(90%, 200px);
    margin: 0 auto;
    display: block;
  }

  .footer {
    border-top: 1px solid #f0c591;
    background-color: #c0c8c0;
    background-color: #9aa29a;
    background-image: url(../img/egg-shell.png);
    background-repeat: repeat;
    padding: 50px 0 0px 0;
  }

  #footer {
  }

  .footer_top_row,
  .footer_content_row {
    padding: 0 40px;
    max-width: 100% !important;
  }

  .footer_top_row .cell,
  .footer_content_row .cell {
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }

  .footer_top_row h6 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: left;
    margin: 0 auto 0px 0;
    line-height: 165%;
    font-size: 0.8em;
    font-weight: 200;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.15em;
    max-width: 100%;
    text-transform: uppercase;
  }

  .footer_top_row h3 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    text-align: left;
    font-weight: 600;
    color: #fff;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.1em;
    max-width: 100%;
    text-transform: uppercase;
    margin: 8px auto 0px 0;
    line-height: 100%;
    font-size: 1.7em;
  }

  .footer_logo_wrap {
    text-align: right;
  }

  .tl {
    margin: 0 0 0 50px;
  }

  .tl1 {
  }

  .tl2 {
  }

  .tl3 {
  }

  .tl4 {
  }

  .footer_content_row {
  }

  .footer_divider_col {
  }

  .footer_divider_col hr {
    max-width: 100%;
    margin: 25px 0 0 0;
    border-bottom: 1px solid #fff;
  }

  .footer_content_row .cell {
  }

  .footer_content_row h2 {
    text-shadow: 0px 1px 1px rgb(0 0 0 / 5%);
    text-align: left;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 20px auto 5px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 1.5em;
    display: block;
  }

  .footer_content_row h5 {
    text-align: left;
    max-width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Inter", sans-serif;
    margin: 0 auto 100px 0;
    line-height: 130%;
    letter-spacing: 0.03em;
    font-size: 0.8em;
    display: block;
  }

  .footer_earl {
    height: 55px;
  }

  .body_copy_nested_row {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100% !important;
  }

  .body_copy_nested_col {
  }

  #tour {
    padding: 130px 0 0 0;
  }

  .tour_row {
  }

  .tour_row .cell {
  }

  #tour_iframe {
    height: calc(100vh - 130px);
  }

  .nav-item--logo {
    display: none !important;
  }

  .footer_ill_row {
    max-width: 100% !important;
    opacity: 0.9;
    min-height: 50px;
    background-image: url("../img/desktop_ill.svg");
    padding: 0 0 50px 0;
    background-size: 1000px;
    background-repeat: repeat-x;
  }

  .footer_ill_col {
  }

  .arch_caption {
    background: transparent;
    bottom: 25px;
    left: 35px;
    z-index: 10;
    position: absolute;
    text-rendering: auto;
    text-indent: 0;
    color: #3f485c;
    text-align: left;
    font-family: "Inter", sans-serif;
    text-shadow: 0px 1px 1px rgb(20 20 40 / 20%);
    font-weight: 400;
    margin: 0px 0 0 0;
    max-width: inherit;
    padding: 0 0 0 0;
    text-transform: uppercase;
    line-height: 145%;
    letter-spacing: 0.08em;
    font-size: 0.85em;
    opacity: 1;
    width: auto;
  }

  .stamp_large {
    height: 100vh;
    margin: 0 auto;
    display: block;
    opacity: 0.2;
  }

  .slick-dots {
    bottom: 25px !important;
  }
  .slick-dots li {
  }
  .slick-dots li button {
  }
  .slick-dots li button:before {
    font-size: 12px;
    color: #fff;
    opacity: 0.5;
  }

  .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
  }
  .fade button,
  .slider-for button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }

  .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }

  .rooftop_split_row {
    max-width: min(80%, 100rem) !important;
  }
  .rooftop_wrap {
    padding: 0 0 0;
    min-height: auto;
  }
  .rooftop_wrap .split_text_wrap {
  }
  .rooftop_wrap .split_title_wrap {
  }
  .rooftop_wrap .split_title_wrap h1 {
    margin: 0 auto 40px;
  }
  .rooftop_wrap .body_copy_wrap {
  }
  .rooftop_wrap .body_copy_wrap p {
    max-width: min(95%, 720px);
    margin: 80px auto 0;
  }
  .rooftop_split_row .body_copy_nested_row {
    position: relative;
  }
}