@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap);
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: "Lora";
  src: url("/app/themes/the-estate-makati/src/fonts/Lora-Regular.otf"), url("/app/themes/the-estate-makati/src/fonts/Lora-Regular.ttf") format("truetype"), url("/app/themes/the-estate-makati/src/fonts/Lora-Regular.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "Larsseit";
  src: url("/app/themes/the-estate-makati/src/fonts/Larsseit-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "Larsseit";
  src: url("/app/themes/the-estate-makati/src/fonts/Larsseit-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Larsseit";
  src: url("/app/themes/the-estate-makati/src/fonts/Larsseit-Light.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Larsseit";
  src: url("/app/themes/the-estate-makati/src/fonts/Larsseit-Thin.otf");
  font-weight: 200;
}
@font-face {
  font-family: "Larsseit";
  src: url("/app/themes/the-estate-makati/src/fonts/Larsseit.otf");
  font-weight: 400;
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

main {
  background-color: #FAFAFF;
}
main * {
  font-family: "Larsseit", sans-serif;
}

* {
  box-sizing: border-box;
  -webkit-appearance: none;
  outline: none;
}

a, p, td, span, li, label, div {
  font-family: "Larsseit", sans-serif;
}

p {
  color: #202020;
}

figure {
  margin: 0;
}

picture {
  display: inline-block;
  margin: 0;
}
picture img {
  margin: 0;
  display: block;
}

ol, ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

input {
  border: none;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
}

.flex {
  display: flex;
}

.flex-col {
  flex-flow: column;
}

.flex-row {
  flex-flow: row;
}

.display {
  font-family: "Montserrat", sans-serif;
  font-weight: 200;
  font-size: 58px;
  line-height: 96%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
@media (min-width: 1240px) {
  .display {
    font-size: 100px;
    line-height: 80%;
  }
}

h1, .h1 {
  font-family: "Montserrat", sans-serif;
  line-height: 110%;
  font-size: 40px;
  font-weight: 200;
  text-transform: uppercase;
}
@media (min-width: 1240px) {
  h1, .h1 {
    letter-spacing: -0.02em;
    font-size: 74px;
  }
}

h2, .h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 33px;
  line-height: 110%;
  font-weight: 200;
}
@media (min-width: 1240px) {
  h2, .h2 {
    letter-spacing: -0.01em;
    font-size: 44px;
    line-height: 98%;
  }
}

h3, .h3, .c-content-side-image h2, .c-post-text h2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 28px;
  line-height: 130%;
  letter-spacing: -0.02em;
}
@media (min-width: 1240px) {
  h3, .h3, .c-content-side-image h2, .c-post-text h2 {
    font-size: 38px;
    line-height: 120%;
  }
}

.h3--primary-font {
  font-family: "Montserrat", sans-serif;
}

h4, .h4, .c-content-side-image h3, .c-post-quote__content p, .c-post-text h3, .c-architect-section__scrolled .text-content p, .c-quotes__content p, .c-search-bar .custom-search-form input[type=text] {
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 26px;
  line-height: 130%;
  letter-spacing: -0.02em;
}

.h4--primary-font {
  font-family: "Montserrat", sans-serif;
}

h5, .h5, .c-content-side-image h4, .c-post-text h4, .c-hero-banner .banner-content p, .c-accordion-div .c-accordion {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 130%;
}
@media (min-width: 1240px) {
  h5, .h5, .c-content-side-image h4, .c-post-text h4, .c-hero-banner .banner-content p, .c-accordion-div .c-accordion {
    font-size: 21px;
    font-style: normal;
  }
}
h5--light, .h5--light {
  font-family: "Larsseit", sans-serif;
  font-weight: 200;
}

.overline, .c-lifestyle__post-wrap .post-item .author > span:first-child {
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 4.2px;
  text-transform: uppercase;
}
@media (min-width: 1240px) {
  .overline, .c-lifestyle__post-wrap .post-item .author > span:first-child {
    font-weight: 500;
  }
}

.o-input__field::-moz-placeholder, .o-input select::-moz-placeholder {
  font-family: "Larsseit", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
}

.body-1, .u-copy-notification, .c-bullet-list p, .c-content-right-image__left p, .c-post-text__content p, .foreword p, .c-breaker-content__heading p, .c-architect-person__wrapper .content p, .c-features .col-content p, .c-features__content-nav ul > li > a, .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-text *, .c-fixtures-finishes__header-text *, .c-floor-plans__header-text *, .c-key-sell-points__text *, .c-features-gallery__copy-block .copy-text *, .c-architect-section__m-wrapper .content p, .c-side-nav-features .col-content p, .c-side-nav-features__content-nav ul > li > a, .custom-search-form input[type=text], .c-neighborhood-map__navigation ul li > a, .c-accordion-div .c-panel *, .c-data-text__wrapper p, .o-custom-select .item, .o-custom-select .selected-item, .o-input input[type=text],
.o-input input[type=phone],
.o-input input[type=email],
.o-input input[type=password],
.o-input input[type=number],
.o-input textarea, .o-input__field::placeholder,
.o-input select::placeholder, .o-input__field,
.o-input select, .o-input__label {
  font-family: "Larsseit", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
}

.body-2, .c-footer .menu > li > a {
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 140%;
}

.button-1, .c-contact-us__form .o-button input, .o-button--primary {
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.35em;
  text-transform: uppercase;
}
@media (min-width: 1240px) {
  .button-1, .c-contact-us__form .o-button input, .o-button--primary {
    font-weight: 500;
  }
}

.button-2, .c-mobile-menu .menu-header-container #menu-mobile.menu > li > a, #header-menu li > a, .o-button--secondary {
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}
.link {
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
}
.meta, .c-contact-us__form label {
  font-family: "Larsseit", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}
@media (min-width: 768px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 1240px) {
  .container {
    padding-right: 80px;
    padding-left: 80px;
    margin-right: auto;
    margin-left: auto;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}
@media (min-width: 768px) {
  .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 1240px) {
  .container-fluid {
    padding-right: 80px;
    padding-left: 80px;
    margin-right: auto;
    margin-left: auto;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 767px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1240px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1365px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1700px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 767px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1240px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1365px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1700px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 767px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1240px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1365px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1700px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 767px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1240px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1365px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1700px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 767px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 1240px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1365px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1700px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.w-320px {
  width: "mb" !important;
}

.w-768px {
  width: "tb" !important;
}

.w-992px {
  width: "dt" !important;
}

.h-320px {
  height: "mb" !important;
}

.h-768px {
  height: "tb" !important;
}

.h-992px {
  height: "dt" !important;
}

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

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.section-edge {
  position: relative;
}
.section-edge::before, .section-edge::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(140, 153, 166, 0.5);
  z-index: 1;
}
.section-edge::before {
  left: 24px;
}
@media (min-width: 768px) {
  .section-edge::before {
    left: 40px;
  }
}
@media (min-width: 1240px) {
  .section-edge::before {
    left: 80px;
  }
}
.section-edge::after {
  right: 24px;
}
@media (min-width: 768px) {
  .section-edge::after {
    right: 40px;
  }
}
@media (min-width: 1240px) {
  .section-edge::after {
    right: 80px;
  }
}
.section-edge--invert::before, .section-edge--invert::after {
  opacity: 0.6;
  background-color: #FAFAFF;
}
.section-edge--white::before, .section-edge--white::after {
  background-color: white;
}

@media (max-width: 767px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.o-button {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.o-button--primary {
  padding: 16px 72px 16px 24px;
  background-color: #222434;
  transition: all 500ms ease-in-out;
  height: 56px;
  color: white;
}
@media (min-width: 1240px) {
  .o-button--primary {
    padding: 24px 72px 24px 40px;
    height: 70px;
  }
}
.o-button--primary:hover {
  background-color: #5F6391;
}
.o-button--primary:active, .o-button--primary:focus {
  background-color: #363953;
}
.o-button--primary::after {
  content: "";
  position: absolute;
  top: 26px;
  right: -24px;
  height: 2px;
  background-color: #A44E6A;
  width: 72px;
}
@media (min-width: 1240px) {
  .o-button--primary::after {
    top: 33px;
  }
}
.o-button--secondary {
  padding: 0px 72px 0px 40px;
  transition: all 500ms ease-in-out;
  color: white;
  align-items: center;
}
.o-button--secondary svg {
  margin-left: 16px;
}
.o-button--secondary:hover svg {
  stroke: #C98DA0;
}
.o-button--secondary:hover svg rect,
.o-button--secondary:hover svg path {
  stroke: #C98DA0;
}
.o-button--secondary:active svg rect,
.o-button--secondary:active svg path, .o-button--secondary:focus svg rect,
.o-button--secondary:focus svg path {
  stroke: #5D2C3C;
}
.o-button--secondary-linearbg {
  padding: 0px 72px 0px 40px;
  background: #222434;
  height: 64px;
}
@media (min-width: 1240px) {
  .o-button--secondary-linearbg {
    height: 82px;
  }
}
.o-button--secondary-med {
  padding: 0px 28px 0px 24px;
}
.o-button--secondary-download {
  padding: 11px 44px 11px 30px;
  width: 100%;
  height: 54px;
  background: linear-gradient(90deg, #181F33 4.03%, #26304F 100%);
  max-width: 280px;
  margin: 24px auto 0;
}
@media (min-width: 768px) {
  .o-button--secondary-download {
    padding: 29px 176px 29px 32px;
    background: linear-gradient(270deg, #181F33 4.03%, #26304F 100%);
    height: 80px;
    max-width: none;
    margin: 0;
    width: auto;
  }
}

.o-input {
  margin-bottom: 16px;
}
.o-input-group {
  display: flex;
  flex-flow: column nowrap;
}
.o-input__label {
  line-height: 20px;
  margin-bottom: 8px;
}
@media (min-width: 1240px) {
  .o-input__label {
    font-size: 16px;
    line-height: 23px;
  }
}
.o-input__field,
.o-input select {
  border: 1px solid rgba(74, 74, 77, 0.5);
  border: 1px solid #C8CDD1;
  border-radius: 4px;
  padding: 12px;
  width: 100%;
  color: #A7A7A7;
}
.o-input__field::-moz-placeholder, .o-input select::-moz-placeholder {
  color: #C5CCD3;
}
.o-input__field::placeholder,
.o-input select::placeholder {
  color: #C5CCD3;
}
.o-input__field:focus,
.o-input select:focus {
  border: 1px solid #979797;
}
.o-input input[type=text],
.o-input input[type=phone],
.o-input input[type=email],
.o-input input[type=password],
.o-input input[type=number],
.o-input textarea {
  color: #374048;
  background-color: #FAFAFF;
  border-radius: 2px;
  border: 1px solid #8C99A6;
  transition: all 600ms ease-in-out;
}
.o-input input[type=text]:focus, .o-input input[type=text]:active,
.o-input input[type=phone]:focus,
.o-input input[type=phone]:active,
.o-input input[type=email]:focus,
.o-input input[type=email]:active,
.o-input input[type=password]:focus,
.o-input input[type=password]:active,
.o-input input[type=number]:focus,
.o-input input[type=number]:active,
.o-input textarea:focus,
.o-input textarea:active {
  border: 1px solid #999CBC;
}
.o-input textarea {
  height: 155px;
}
.o-input--submit {
  margin-bottom: 0;
}
.o-input .ajax-loader {
  display: block;
  text-align: center;
  margin: 16px auto 0;
}

.wpcf7-response-output {
  display: none !important;
}

.wpcf7-list-item {
  margin-left: 0;
  position: relative;
  margin-bottom: 16px;
  margin-left: 32px;
}
.wpcf7-list-item .wpcf7-list-item-label {
  margin-left: -20px;
  padding-left: 20px;
  color: #093EA5;
}
.wpcf7-list-item .wpcf7-list-item-label::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-flex;
  background: transparent;
  border-radius: 4px;
  border: 1px #093EA5 solid;
  position: relative;
  top: 2px;
  left: -14px;
  z-index: -1;
}
.wpcf7-list-item input[type=checkbox] {
  margin: 0 0 0 -31px;
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  opacity: 0.01;
}
.wpcf7-list-item input[type=checkbox]:checked ~ span::before {
  content: url("/app/themes/rockwell-edades/src/images/check-ico.svg");
  background-color: #001959;
  padding-left: 1px;
  top: -1px;
  align-items: center;
}

.checkbox {
  display: flex;
}
.checkbox a {
  color: #FF4079;
}

.o-custom-select {
  width: 100%;
  position: relative;
}
.o-custom-select select {
  display: none;
}
.o-custom-select .selected-item {
  cursor: pointer;
  padding: 12px 20px 12px 16px;
  color: #374048;
  background-color: white;
  border-radius: 2px;
  border: 1px solid #8C99A6;
}
.o-custom-select .selected-item:after {
  content: "";
  position: absolute;
  top: 17px;
  right: 20px;
  transition: 0.5s;
  background-image: url("/app/themes/the-estate-makati/src/images/chev-down.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.o-custom-select .arrowanim.selected-item:after {
  transform: rotate(180deg);
}
.o-custom-select .arrowanim.selected-item {
  border-color: #999CBC;
}
.o-custom-select .item {
  padding: 8px 16px;
  cursor: pointer;
  border-bottom: 1px solid #8C99A6;
  position: relative;
  color: #374048;
}
.o-custom-select .item:hover {
  border-top: 1px solid rgba(74, 74, 77, 0.5);
  border-bottom: 1px solid rgba(74, 74, 77, 0.5);
}
.o-custom-select .item:hover::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  left: -1px;
  top: 0;
  bottom: 0;
  background-color: rgba(198, 92, 66, 0.5);
  z-index: 10;
}
.o-custom-select .item:hover::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  right: -1px;
  top: 0;
  bottom: 0;
  background-color: rgba(198, 92, 66, 0.5);
  z-index: 10;
}
.o-custom-select .all-items {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: white;
  border: 1px solid #8C99A6;
  border-top: 0;
  border-radius: 0 0 2px 2px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.o-custom-select .all-items > li:last-child {
  border-bottom: 0px;
}
.o-custom-select .all-items > li:first-child {
  display: none;
}
.o-custom-select.js-isrequired .all-items > li:nth-child(2) {
  display: none;
}
.o-custom-select .all-items-hide {
  display: none;
}

.c-policy .section-edge {
  padding-bottom: 16px;
}
@media (min-width: 1240px) {
  .c-policy .section-edge {
    padding-bottom: 56px;
  }
}
.c-policy::before {
  top: 80px;
}
@media (min-width: 1240px) {
  .c-policy::before {
    top: 96px;
  }
}
.c-policy::after {
  top: 80px;
}
@media (min-width: 1240px) {
  .c-policy::after {
    top: 96px;
  }
}
.c-policy__banner {
  height: 320px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (min-width: 1240px) {
  .c-policy__banner {
    height: 409px;
  }
}
.c-policy__banner picture {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.c-policy__banner picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-policy__content {
  max-width: calc(100% - 48px);
  width: 100%;
  position: relative;
  z-index: 10;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  padding: 40px 24px;
  margin: -70px auto 0;
}
@media (min-width: 768px) {
  .c-policy__content {
    max-width: calc(100% - 80px);
  }
}
@media (min-width: 1240px) {
  .c-policy__content {
    padding: 56px 102px 72px;
    margin: -105px auto 0;
    max-width: calc(100% - 160px);
  }
}
.c-policy__content h1, .c-policy__content p {
  margin: 0;
  color: white;
}
.c-policy__content h1 {
  margin-bottom: 24px;
  text-transform: capitalize;
}
.c-policy__content .h5, .c-policy__content .c-content-side-image h4, .c-content-side-image .c-policy__content h4, .c-policy__content .c-post-text h4, .c-post-text .c-policy__content h4, .c-policy__content .c-hero-banner .banner-content p, .c-hero-banner .banner-content .c-policy__content p, .c-policy__content .c-accordion-div .c-accordion, .c-accordion-div .c-policy__content .c-accordion {
  font-weight: 200;
}
@media (min-width: 1240px) {
  .c-policy__content .h5, .c-policy__content .c-content-side-image h4, .c-content-side-image .c-policy__content h4, .c-policy__content .c-post-text h4, .c-post-text .c-policy__content h4, .c-policy__content .c-hero-banner .banner-content p, .c-hero-banner .banner-content .c-policy__content p, .c-policy__content .c-accordion-div .c-accordion, .c-accordion-div .c-policy__content .c-accordion {
    font-weight: 300;
  }
}

.c-data-text {
  padding-left: 40px;
  padding-right: 40px;
}
@media (min-width: 1240px) {
  .c-data-text {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.c-data-text__wrapper {
  width: 100%;
  max-width: 796px;
  margin: 0 auto;
}
.c-data-text__wrapper > * {
  color: #16191D;
}
.c-data-text__wrapper h1, .c-data-text__wrapper h2, .c-data-text__wrapper h3, .c-data-text__wrapper h4, .c-data-text__wrapper h5 {
  margin: 0 0 16px 0;
}
.c-data-text a {
  text-decoration: none;
  color: #999CBC;
}
.c-data-text a:hover {
  text-decoration: underline;
}
.c-data-text h1, .c-data-text h2, .c-data-text h3, .c-data-text h4, .c-data-text h5 {
  font-family: "Montserrat", sans-serif;
}
.c-data-text p:not(:last-child) {
  margin-top: 0;
  margin-bottom: 24px;
}
.c-data-text ol {
  margin: 0 0 8px 0;
  list-style-type: decimal;
  font-weight: 300;
}
@media (min-width: 1240px) {
  .c-data-text ol {
    margin: 0 0 8px 24px;
  }
}
.c-data-text ol li {
  margin-left: 15px;
  padding-left: 16px;
}
@media (min-width: 1240px) {
  .c-data-text ol li {
    margin-left: 24px;
  }
}
.c-data-text ol li:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 1240px) {
  .c-data-text ol li:not(:last-child) {
    margin-bottom: 8px;
  }
}
.c-data-text ol li > ul, .c-data-text ol li > ol {
  list-style-type: lower-alpha;
  margin-top: 8px;
  margin-left: -30px;
}
@media (min-width: 1240px) {
  .c-data-text ol li > ul, .c-data-text ol li > ol {
    margin-left: 0;
  }
}
.c-data-text ol li::marker {
  color: #A44E6A;
}
.c-data-text ul {
  list-style: none;
  margin: 0 0 24px 24px;
}
@media (min-width: 1240px) {
  .c-data-text ul {
    margin: 0 0 24px 54px;
  }
}
.c-data-text ul li {
  position: relative;
}
.c-data-text ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -20px;
  width: 4px;
  height: 4px;
  background: #A44E6A;
  transform: rotate(45deg);
}
.c-data-text ul li:not(:last-child) {
  margin-bottom: 8px;
}

.page-template-page-default .main-navigation.c-nav-invert.bg-header,
.lifestyle-template-default .main-navigation.c-nav-invert.bg-header {
  background-color: transparent;
}
.page-template-page-default .main-navigation.c-nav-invert.bg-header > .wrapper::after,
.lifestyle-template-default .main-navigation.c-nav-invert.bg-header > .wrapper::after {
  background-color: #FAFAFF;
}

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(174, 175, 183, 0.5);
  z-index: 99999;
  opacity: 0;
  transition: all 300ms ease-out;
}
.c-modal--is-close {
  display: none;
}
.c-modal--is-open {
  opacity: 1;
}
.c-modal-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.c-modal--loading .c-modal__content {
  background: unset;
}
.c-modal--loading .c-modal__content > .c-modal__desc > img {
  height: 100px;
}
.c-modal--loading .c-modal__content > .c-modal__desc {
  display: flex;
  flex-direction: column;
  padding: 30px 44px 44px;
  width: 100%;
}
.c-modal--loading .c-modal__content > .c-modal__desc > p {
  color: white;
  text-align: center;
}
.c-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -35%);
  display: flex;
  flex-flow: column wrap;
  min-height: 200px;
  width: calc(100% - 48px);
  text-align: left;
  background-color: white;
  padding: 56px 16px 22px 16px;
}
@media (min-width: 1240px) {
  .c-modal__content {
    max-width: 800px;
    width: 100%;
    padding: 40px 64px;
  }
}
.c-modal__content h2, .c-modal__content h3, .c-modal__content h4, .c-modal__content h5 {
  color: #202020;
}
.c-modal__content--download {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}
.c-modal__content--download h4 {
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .c-modal__content--download h4 {
    font-size: 27px;
  }
}
.c-modal__content--download p {
  font-size: 14px;
  line-height: 160%;
  color: #202020;
  max-width: 434px;
  margin: 0 0 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .c-modal__content--download p {
    font-size: 16px;
    margin: 0 0 32px;
  }
}
.c-modal__content--download.c-form {
  width: 100%;
}
.c-modal__content--download.c-form > div {
  padding: 0;
}
.c-modal__content .c-form__container--full .o-input--checkbox .o-input-group .o-input__label {
  width: 20px;
  height: 20px;
}
.c-modal__content .c-form__container--full .o-input--checkbox .o-input-group p {
  font-size: 14px;
  display: inline-block;
  width: 90%;
}
.c-modal__close {
  display: inline-flex;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 99;
  color: white;
  border: 1px solid white;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  background-image: url("/app/themes/the-estate-makati/src/images/x-icon.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 7px;
}
@media (min-width: 1240px) {
  .c-modal__close {
    width: 44px;
    height: 44px;
    background-size: 24px;
    background-position: 9px;
  }
}

.c-modal--video .c-modal__content {
  min-height: 210px;
  height: 100%;
  padding: 0;
  background-color: transparent;
}
@media (min-width: 768px) {
  .c-modal--video .c-modal__content {
    min-height: 259px;
  }
}
.c-modal--video .c-modal__content iframe {
  width: 100% !important;
  height: 100vh !important;
}

.c-modal--success .c-modal__content {
  text-align: center;
  padding: 108px 24px 76px;
  max-width: 610px;
  box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  position: relative;
}
@media (min-width: 768px) {
  .c-modal--success .c-modal__content {
    padding: 108px 80px 76px;
  }
}
.c-modal--success .c-modal__content::after {
  content: "";
  background-image: url("/app/themes/the-estate-makati/src/images/diamonds_bg.png");
  background-size: 125%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.c-modal--success .c-modal__content span, .c-modal--success .c-modal__content p {
  position: relative;
  z-index: 1;
}

.c-modal--picture .c-modal__content {
  text-align: center;
  padding: 32px 24px;
  max-width: 610px;
  box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
  background: #374048;
  position: relative;
}
@media (min-width: 768px) {
  .c-modal--picture .c-modal__content {
    padding: 32px 24px;
  }
}
.c-modal--picture .c-modal__content::after {
  content: "";
  background-image: url("/app/themes/the-estate-makati/src/images/diamonds_bg.png");
  background-size: 125%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.c-modal--picture .c-modal__content span, .c-modal--picture .c-modal__content p {
  position: relative;
  z-index: 1;
}

header {
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.main-navigation {
  position: relative;
  z-index: 999;
}
.main-navigation .wrapper {
  display: flex;
  height: 80px;
  align-items: center;
  position: relative;
}
@media (min-width: 1240px) {
  .main-navigation .wrapper {
    height: 96px;
  }
}
.main-navigation .wrapper::after {
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background-color: #FAFAFF;
  z-index: 1;
}
.main-navigation .header-search {
  position: absolute;
  right: 70px;
  top: 33px;
}
@media (min-width: 1240px) {
  .main-navigation .header-search {
    right: 32px;
    top: 40px;
  }
}
.main-navigation .header-search .open-search {
  display: none;
}
.main-navigation .header-search.active .open-search {
  display: block;
}
.main-navigation .header-search.active .close-search {
  display: none;
}
.main-navigation .site-logo {
  max-width: 116px;
  width: 100%;
  display: inline-block;
  margin-left: 24px;
}
@media (min-width: 1240px) {
  .main-navigation .site-logo {
    max-width: 156px;
    margin-left: 32px;
    margin-top: 14px;
  }
}
.main-navigation .site-logo img {
  max-width: 116px;
  image-rendering: crisp-edges;
}
@media (min-width: 1240px) {
  .main-navigation .site-logo img {
    max-width: 156px;
  }
}
@media (min-width: 1240px) {
  .main-navigation .site-logo--mobile {
    display: none;
  }
}
@media (max-width: 1239px) {
  .main-navigation .site-logo--desktop {
    display: none;
  }
}
.main-navigation.bg-header {
  background-color: white;
  transition: all 0.3s ease;
}
.main-navigation.bg-header > .wrapper::after {
  background-color: #394A79;
}
.main-navigation.bg-header .header-search > svg path {
  stroke: #16191D;
}

.page-home .header-search svg path {
  stroke: #16191D;
}
.page-home .main-navigation.bg-header > .wrapper::after {
  background-color: white;
}

.c-nav-invert #header-menu li > a {
  color: white;
}
.c-nav-invert img {
  filter: invert(1);
}
.c-nav-invert .header-search svg path {
  stroke: white;
}
.c-nav-invert #nav-icon4 span {
  background: white;
}

#header-menu {
  margin-left: 180px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
#header-menu li:not(:last-child) {
  margin-right: 48px;
}
#header-menu li > a {
  position: relative;
  height: 96px;
  color: #16191D;
  transition: all 300ms ease-in;
  display: inline-flex;
  align-items: center;
}
#header-menu li > a::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -1px;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  padding-top: 4px;
  width: 100%;
  height: 2px;
  background-color: #A44E6A;
  z-index: 6;
}
#header-menu > li > a:hover,
#header-menu .current-menu-item > a {
  color: #16191D;
}
#header-menu > li > a:hover::after,
#header-menu .current-menu-item > a::after {
  transform: scaleX(1);
}

#menu-mobile {
  text-align: center;
}
#menu-mobile .arrow-ico {
  background-image: url("/app/themes/the-estate-makati/src/images/chevron_down.png");
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  margin: 10px 0 0 8px;
}
#menu-mobile.has-active > li > a {
  color: #16191D;
  opacity: 0.5;
}
#menu-mobile.has-active > li.is-active > a {
  color: #16191D;
  opacity: 1;
}

.menu-header-container {
  width: 100%;
}
.menu-header-container > ul#header-menu {
  display: none;
}
@media (min-width: 1240px) {
  .menu-header-container > ul#header-menu {
    display: flex;
  }
}
.menu-header-container > ul#menu-mobile {
  display: block;
}
@media (min-width: 1240px) {
  .menu-header-container > ul#menu-mobile {
    display: none;
  }
}

#nav-icon4 {
  margin-top: 6px;
  min-width: 24px;
  height: 24px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin-right: 24px;
  z-index: 999;
}
@media (min-width: 1240px) {
  #nav-icon4 {
    display: none;
  }
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 1px;
  width: 18px;
  background: #16191D;
  border-radius: 9px;
  opacity: 1;
  left: 5px;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#nav-icon4.is-active span {
  background-color: #FAFAFF;
}

#nav-icon4 span:nth-child(1) {
  top: 1px;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 6px;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 11px;
  transform-origin: left center;
}

#nav-icon4.is-active span:nth-child(1) {
  transform: rotate(45deg);
  top: 1px;
  left: 5px;
}

#nav-icon4.is-active span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.is-active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 14px;
  left: 5px;
}

.c-mobile-menu {
  position: fixed;
  opacity: 0;
  transition: visibility linear 400ms, opacity 400ms ease-in, height 400ms linear;
  visibility: hidden;
  height: 0;
  background-color: #383E3F;
  width: 100%;
  text-align: center;
  top: 0;
}
@media (min-width: 1240px) {
  .c-mobile-menu {
    display: none;
  }
}
.c-mobile-menu .menu-header-container {
  width: 100%;
  margin: 0 auto;
  padding-top: 4px;
  overflow-y: auto;
  border-top: 1px solid white;
  border-bottom: #985E6D solid 10px;
  box-sizing: border-box;
  position: relative;
  height: calc(100% - 162px);
}
.c-mobile-menu .menu-header-container::before, .c-mobile-menu .menu-header-container::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100vh;
  width: 1px;
  background-color: white;
  z-index: 1;
}
.c-mobile-menu .menu-header-container::before {
  left: 24px;
}
.c-mobile-menu .menu-header-container::after {
  right: 24px;
}
.c-mobile-menu .menu-header-container #menu-mobile.menu {
  text-align: left;
  margin: 0 24px;
}
.c-mobile-menu .menu-header-container #menu-mobile.menu > li {
  padding: 30px 40px 18px;
}
.c-mobile-menu .menu-header-container #menu-mobile.menu > li:not(:last-child) {
  border-bottom: 1px solid white;
}
.c-mobile-menu .menu-header-container #menu-mobile.menu > li > a {
  color: white;
}
.c-mobile-menu .mobile-logo {
  width: 142px;
  display: inline-block;
  margin: 48px auto 14px;
}
.c-mobile-menu .mobile-logo img {
  width: 142px;
}

.main-navigation {
  transition: all 600ms ease;
}

.mb-is-active {
  background-color: #293557;
}

.main-navigation.mb-is-active .c-mobile-menu {
  opacity: 1;
  height: 100vh;
  z-index: 110;
  transition-delay: 100ms;
  visibility: visible;
  top: 1px;
}

.c-search-bar {
  position: fixed;
  top: 81px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  text-align: center;
  z-index: 100;
  width: 100%;
  background: #E2E6E9;
  display: none;
  border-bottom: 1px solid rgba(153, 156, 188, 0.2);
  height: 65px;
}
@media (min-width: 1240px) {
  .c-search-bar {
    top: 97px;
    bottom: unset;
    padding: 0 24px 0;
    height: 82px;
  }
}
.c-search-bar > div {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.c-search-bar button, .c-search-bar .clear-search {
  background: none;
  border: 0;
  position: absolute;
  bottom: 13px;
  right: 10px;
}
@media (min-width: 1240px) {
  .c-search-bar button, .c-search-bar .clear-search {
    bottom: 20px;
  }
}
.c-search-bar .clear-search {
  cursor: pointer;
}
.c-search-bar .custom-search-form {
  position: relative;
  padding-left: 52px;
}
@media (min-width: 1240px) {
  .c-search-bar .custom-search-form {
    padding-left: 0;
  }
}
.c-search-bar .contact-mobile {
  width: calc(100% - 32px);
}
.c-search-bar .custom-search-form {
  max-width: 100%;
}
.c-search-bar .custom-search-form button {
  width: 32px;
  padding: 0;
  top: 14px;
  left: 16px;
}
@media (min-width: 1240px) {
  .c-search-bar .custom-search-form button {
    top: 20px;
    left: 12px;
  }
}
.c-search-bar .custom-search-form input[type=text] {
  background: none;
  border: 0;
  color: #303136;
  width: 100%;
  height: 65px;
  padding: 16px;
}
.c-search-bar .custom-search-form input[type=text]::-webkit-input-placeholder {
  color: #303136;
}
@media (min-width: 1240px) {
  .c-search-bar .custom-search-form input[type=text] {
    padding: 24px 24px 24px 72px;
    height: unset;
  }
}

.c-footer {
  position: relative;
  border-bottom: 10px solid #985E6D;
  z-index: 12;
  background: linear-gradient(180deg, #60616C 0%, #50585A 0.01%, #2B3031 100%);
}
.c-footer .menu-footer-container {
  position: relative;
}
.c-footer .menu-footer-container::after {
  content: "";
  position: absolute;
  background-color: #AEAFB7;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  opacity: 0.6;
}
@media (min-width: 1240px) {
  .c-footer .menu-footer-container::after {
    top: unset;
    bottom: 0;
  }
}
.c-footer__navigation {
  text-align: center;
  padding-top: 56px;
}
@media (min-width: 1240px) {
  .c-footer__navigation {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .c-footer .desktop-logo {
    border-bottom: 1px solid rgba(140, 153, 166, 0.6);
  }
}
.c-footer .menu {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding-top: 56px;
  padding-bottom: 40px;
}
@media (min-width: 1240px) {
  .c-footer .menu {
    padding-top: 40px;
  }
}
.c-footer .menu > li {
  display: block;
  width: 100%;
}
.c-footer .menu > li:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 1240px) {
  .c-footer .menu > li {
    width: unset;
    display: inline-block;
  }
  .c-footer .menu > li:not(:last-child) {
    margin-right: 64px;
    margin-bottom: unset;
  }
}
.c-footer .menu > li > a {
  color: white;
}
@media (min-width: 1240px) {
  .c-footer__logo {
    padding-top: 56px;
  }
}
.c-footer__logo .text-center > div {
  position: relative;
  padding-bottom: 56px;
}
.c-footer__logo .text-center > div::after {
  content: "";
  position: absolute;
  background-color: #AEAFB7;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  opacity: 0.6;
}
.c-footer__logo .site-logo img {
  width: 120px;
}
.c-footer__bottom {
  padding-top: 40px;
  padding-bottom: 48px;
}
@media (min-width: 1240px) {
  .c-footer__bottom {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.c-footer__bottom .row > div:last-child > a {
  position: relative;
  display: inline-block;
}
.c-footer__bottom .row > div:last-child > a:not(:last-child) {
  margin-right: 24px;
}
.c-footer .c-social-media li {
  display: inline-flex;
  width: 24px;
  height: 24px;
  margin-left: 0px;
}
.c-footer .c-social-media li svg {
  width: 24px;
  height: 24px;
}
.c-footer .c-social-media li:not(:last-child) {
  margin-right: 24px;
}
.c-footer__social {
  padding-bottom: 56px;
  border-top: 1px solid rgba(140, 153, 166, 0.6);
  margin-top: 40px;
}
@media (min-width: 1240px) {
  .c-footer__social {
    margin-top: 0;
    border: 0;
  }
}
.c-footer__social::after {
  content: "";
  position: absolute;
}
@media (min-width: 768px) {
  .c-footer__nosocial-desktop {
    padding-bottom: 32px;
  }
}
.c-footer .mobile-logo p {
  margin: 24px 0 0 0;
}
@media (min-width: 1240px) {
  .c-footer .mobile-logo,
.c-footer .mobile-nav {
    display: none;
  }
}
.c-footer .mobile-logo img,
.c-footer .mobile-nav img {
  width: 120px;
}
.c-footer .desktop-logo,
.c-footer .desktop-nav {
  display: none;
}
@media (min-width: 1240px) {
  .c-footer .desktop-logo,
.c-footer .desktop-nav {
    display: block;
  }
}

.error-404 {
  padding-top: 184px;
  padding-bottom: 82px;
}
@media (min-width: 1240px) {
  .error-404 {
    padding-top: 96px;
    padding-bottom: 0;
  }
}
.error-404 .container {
  background-image: url("/app/themes/the-estate-makati/src/images/diamonds_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (min-width: 1240px) {
  .error-404 .container {
    background-size: 665px 558px;
    padding-top: 178px;
    padding-bottom: 138px;
  }
}
.error-404 .container .col-lg-12 {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1240px) {
  .error-404 .container .col-lg-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.error-404 .display {
  font-family: "Montserrat", sans-serif;
  font-size: 64px;
  font-weight: 200;
  line-height: 100%; /* 64px */
  letter-spacing: -1.28px;
  text-transform: uppercase;
  color: #596673;
}
@media (min-width: 1240px) {
  .error-404 .display {
    font-size: 100px;
    line-height: 96%; /* 96px */
    letter-spacing: -2px;
  }
}
.error-404 .h3, .error-404 .c-content-side-image h2, .c-content-side-image .error-404 h2, .error-404 .c-post-text h2, .c-post-text .error-404 h2 {
  font-size: 28px;
  font-weight: 300;
  line-height: 120%; /* 33.6px */
  letter-spacing: -0.56px;
}
@media (min-width: 1240px) {
  .error-404 .h3, .error-404 .c-content-side-image h2, .c-content-side-image .error-404 h2, .error-404 .c-post-text h2, .c-post-text .error-404 h2 {
    font-size: 38px;
    line-height: 120%; /* 45.6px */
    letter-spacing: -0.76px;
  }
}
.error-404 p {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
.error-404 .row {
  margin: 0 auto;
}
@media (min-width: 1240px) {
  .error-404 .row {
    max-width: 591px;
  }
}
.error-404 .o-button--secondary {
  padding: 0;
}

.c-accordion-div .row-content {
  margin-top: 24px;
}
.c-accordion-div .row-content:first-child {
  margin-top: 40px;
}
.c-accordion-div .c-accordion {
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  cursor: pointer;
  padding: 24px 16px 24px 56px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  position: relative;
}
@media (min-width: 768px) {
  .c-accordion-div .c-accordion {
    font-weight: 300;
    padding-right: 32px;
  }
}
.c-accordion-div .active, .c-accordion-div .c-accordion:hover {
  background-color: #ccc;
}
.c-accordion-div .c-accordion:after {
  content: "";
  background-image: url(/app/themes/the-estate-makati/src/images/arrow-icon-white.svg);
  position: absolute;
  top: 24px;
  left: 16px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s;
}
.c-accordion-div .active:after {
  transform: translateY(-50%) rotate(90deg);
  top: 33px;
}
.c-accordion-div .c-panel {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
}
.c-accordion-div .c-panel *:first-child {
  margin-top: 0;
}
.c-accordion-div .c-panel *:last-child {
  margin-bottom: 0;
}
.c-accordion-div .c-panel .c-panel-inner {
  padding: 24px 32px 32px 56px;
  border-top: 0.5px solid rgba(140, 153, 166, 0.5);
}

.c-neighborhood-map {
  position: relative;
}
@media (min-width: 1240px) {
  .c-neighborhood-map {
    padding-bottom: 100px;
    padding-top: 128px;
    overflow: hidden;
  }
}
@media (max-width: 1239px) {
  .c-neighborhood-map .container {
    padding-left: 0;
    padding-right: 0;
  }
  .c-neighborhood-map.section-edge::before, .c-neighborhood-map.section-edge::after {
    display: none;
  }
}
.c-neighborhood-map__content {
  height: 768px;
  width: 100%;
}
.c-neighborhood-map .is-hide-pin {
  display: none;
}
.c-neighborhood-map__map {
  position: relative;
  transition: all 300ms ease-in;
  z-index: 2;
  height: 530px;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__map {
    height: unset;
  }
}
.c-neighborhood-map__map .pan-buttons {
  position: absolute;
  bottom: 86px;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  gap: 24px;
  display: none;
}
.c-neighborhood-map__map .pan-buttons > button {
  border: 0;
  background-color: #A44E6A;
  width: 64px;
  height: 64px;
}
@media (min-width: 1240px) {
  .c-neighborhood-map .is-enlarge {
    transform: scale(0.881);
    overflow: hidden;
  }
}
@media (min-width: 1440px) {
  .c-neighborhood-map .is-enlarge {
    transform: scale(0.895);
  }
}
.c-neighborhood-map__map--desktop {
  display: none;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__map--desktop {
    display: block;
  }
}
.c-neighborhood-map .wrap_svl {
  float: unset;
}
.c-neighborhood-map .map-wrapper {
  height: 600px;
  position: relative;
  overflow-x: scroll;
}
@media (min-width: 1240px) {
  .c-neighborhood-map .map-wrapper {
    height: unset;
    overflow-x: unset;
  }
}
.c-neighborhood-map .wrap_svl_center_box {
  height: 600px;
  width: 880px;
}
@media (min-width: 1240px) {
  .c-neighborhood-map .wrap_svl_center_box {
    height: unset;
    width: unset;
  }
}
.c-neighborhood-map .images_wrap::-webkit-scrollbar {
  width: auto;
}
.c-neighborhood-map .images_wrap::-webkit-scrollbar-track {
  display: none;
}
@media (min-width: 1240px) {
  .c-neighborhood-map .images_wrap {
    height: 767px;
    overflow: hidden;
  }
  .c-neighborhood-map .images_wrap img {
    min-width: 1427px;
    max-width: 1427px;
  }
}
.c-neighborhood-map .images_wrap > div {
  height: 731px;
  width: 1462px;
}
.c-neighborhood-map .images_wrap img {
  width: 100%;
  height: auto;
  display: block;
}
.c-neighborhood-map__navigation {
  padding: 24px 0px 5px 24px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  overflow-x: auto;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__navigation {
    padding: 32px 0;
    max-width: 216px;
    position: absolute;
    top: 50%;
    left: 56px;
    background-color: white;
    box-shadow: 4px 16px 54px 0px rgba(24, 31, 51, 0.24);
    display: none;
    transform: translateY(-50%);
  }
}
.c-neighborhood-map__navigation::-webkit-scrollbar {
  width: auto;
}
.c-neighborhood-map__navigation::-webkit-scrollbar-track {
  display: none;
}
.c-neighborhood-map__navigation ul {
  position: relative;
  display: flex;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__navigation ul {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
}
.c-neighborhood-map__navigation ul::after {
  content: " ";
  width: 24px;
  height: 42px;
  opacity: 0;
}
.c-neighborhood-map__navigation ul li {
  display: flex;
  align-items: center;
  height: 42px;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__navigation ul li {
    height: auto;
    padding-right: 24px;
  }
}
.c-neighborhood-map__navigation ul li:not(:last-child) {
  margin-right: 8px;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__navigation ul li:not(:last-child) {
    margin-right: 0;
  }
}
.c-neighborhood-map__navigation ul li > a {
  color: black;
  display: flex;
  position: relative;
  padding: 12px 24px 12px 27px;
  align-items: center;
  text-transform: capitalize;
  white-space: nowrap;
  background-color: white;
  border-radius: 64px;
  line-height: 140%;
  font-size: 16px;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__navigation ul li > a {
    color: #999CBC;
    white-space: normal;
    background-color: transparent;
    border-radius: 0;
  }
}
.c-neighborhood-map__navigation ul li > svg {
  display: none;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__navigation ul li > a:hover::before {
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    width: 3px;
    background-color: #A44E6A;
    display: inline-block;
  }
  .c-neighborhood-map__navigation ul li > a:hover + svg {
    display: block;
  }
}
.c-neighborhood-map__navigation ul li > a.is-active {
  color: #FFFFFF;
  background-color: #B86A84;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__navigation ul li > a.is-active {
    color: #16191D;
    background-color: transparent;
  }
  .c-neighborhood-map__navigation ul li > a.is-active::before {
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    width: 3px;
    background-color: #A44E6A;
    display: inline-block;
  }
  .c-neighborhood-map__navigation ul li > a.is-active + svg {
    display: block;
  }
}
.c-neighborhood-map__description {
  position: absolute;
  top: 90px;
  bottom: 0;
  height: calc(100vh - 87px);
  background-color: white;
  width: 100%;
  right: 0;
  z-index: -1;
  opacity: 0;
  transition: all 450ms ease-out;
  border-radius: 28px 28px 0 0;
  height: 100%;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__description {
    top: 128px;
    width: 386px;
    border: 0;
  }
}
.c-neighborhood-map__description.is-show {
  z-index: 99999;
  opacity: 1;
}
.c-neighborhood-map__description.is-height {
  height: 100vh;
  position: fixed;
  top: 0;
}
.c-neighborhood-map__description picture {
  width: 100%;
  height: 279px;
  margin-bottom: -5px;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__description picture {
    width: 386px;
    height: 287px;
  }
}
.c-neighborhood-map__description picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 25px 25px 0 0;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__description picture img {
    border-radius: 0;
  }
}
.c-neighborhood-map__description .close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
}
@media (min-width: 1240px) {
  .c-neighborhood-map__description .close-btn {
    top: 20px;
    right: 322px;
  }
}
.c-neighborhood-map__description .content {
  padding: 16px 24px;
  height: 369px;
  position: relative;
}
.c-neighborhood-map__description .content .h4, .c-neighborhood-map__description .content .c-content-side-image h3, .c-content-side-image .c-neighborhood-map__description .content h3, .c-neighborhood-map__description .content .c-post-quote__content p, .c-post-quote__content .c-neighborhood-map__description .content p, .c-neighborhood-map__description .content .c-post-text h3, .c-post-text .c-neighborhood-map__description .content h3, .c-neighborhood-map__description .content .c-architect-section__scrolled .text-content p, .c-architect-section__scrolled .text-content .c-neighborhood-map__description .content p, .c-neighborhood-map__description .content .c-quotes__content p, .c-quotes__content .c-neighborhood-map__description .content p, .c-neighborhood-map__description .content .c-search-bar .custom-search-form input[type=text], .c-search-bar .custom-search-form .c-neighborhood-map__description .content input[type=text] {
  font-family: "Montserrat", sans-serif;
  font-size: 23.04px;
  font-style: normal;
  font-weight: 275;
  line-height: 130%;
  letter-spacing: -0.461px;
}
.c-neighborhood-map__description .content p {
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #16191D;
  margin: 0 0 20px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 20px;
}
.c-neighborhood-map__description .content p:last-child {
  margin: 0;
}
.c-neighborhood-map__description .content address {
  margin-top: 4px;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  color: #596673;
}
.c-neighborhood-map__description .content .distance {
  position: relative;
  padding: 12px 0;
  margin: 16px 0 24px 0;
  display: flex;
  align-items: center;
}
.c-neighborhood-map__description .content .distance::before, .c-neighborhood-map__description .content .distance::after {
  content: "";
  position: absolute;
  left: -24px;
  right: 0;
  width: calc(100% + 48px);
  height: 1px;
  background-color: #E6E6E8;
  opacity: 0.5;
}
.c-neighborhood-map__description .content .distance::before {
  top: 0;
}
.c-neighborhood-map__description .content .distance::after {
  bottom: 0;
}
.c-neighborhood-map__description .content .distance span {
  display: inline-flex;
  align-items: center;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 140%;
  color: #5F6391;
}
.c-neighborhood-map__description .content .distance span svg {
  margin-right: 8px;
}
.c-neighborhood-map__description .content .distance span:not(:last-child) {
  margin-right: 24px;
}
.c-neighborhood-map__nav-description {
  display: flex;
  overflow-x: auto;
  margin-top: -56px;
  padding-bottom: 0px;
  padding-left: 24px;
  width: calc(100% + 0px);
  position: relative;
  z-index: 10;
}
.c-neighborhood-map__nav-description::-webkit-scrollbar {
  width: auto;
}
.c-neighborhood-map__nav-description::-webkit-scrollbar-track {
  display: none;
}
.c-neighborhood-map__nav-description ul {
  position: relative;
  padding-bottom: 40px;
}
.c-neighborhood-map__nav-description ul::after {
  content: " ";
  width: 24px;
  height: 42px;
  opacity: 0;
}
.c-neighborhood-map__nav-description picture {
  width: 138px;
  height: 103px;
}
.c-neighborhood-map__nav-description picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px 0px 0px 8px;
}
.c-neighborhood-map__nav-description li {
  display: flex;
  filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.25));
  background-color: #FAFAFF;
  height: 103px;
  border-radius: 8px;
  display: none;
}
.c-neighborhood-map__nav-description li div {
  width: 165px;
  padding: 22px 12px;
}
.c-neighborhood-map__nav-description li div > p {
  margin: 0 2px 0 0;
  font-size: 16px;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-neighborhood-map__nav-description li div > address {
  color: #92949C;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  height: 34px;
  font-style: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-neighborhood-map__nav-description li:not(:last-child) {
  margin-right: 12px;
}
.c-neighborhood-map__nav-description li.is-active {
  display: flex;
}
.c-neighborhood-map .tips {
  z-index: 0;
}
.c-neighborhood-map .tips.is-zIndex {
  z-index: 999;
}
.c-neighborhood-map .hover-pin {
  width: 111px;
  height: 111px;
  position: relative;
  z-index: 1;
  display: none;
  transition: all 300ms ease;
}
.c-neighborhood-map .hover-pin img {
  width: 100%;
  height: 100%;
  border-radius: 50% !important;
  position: absolute;
  left: -50%;
  top: -50%;
}
.c-neighborhood-map .hover-pin span {
  position: relative;
  z-index: 2;
  font-family: "Larsseit", sans-serif;
  font-weight: 500;
  color: #FAFAFF;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FAFAFF;
  text-align: left;
  display: block;
  text-shadow: 2px 2px 4px #000;
  width: 180px;
}
.c-neighborhood-map #powerTip {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.c-neighborhood-map .point_style {
  cursor: pointer;
}
.c-neighborhood-map .point_style > img {
  top: -32px !important;
  left: -32px !important;
}

.leaflet-tile {
  filter: brightness(0.9) invert(0.7) sepia(0.5) hue-rotate(900deg) saturate(200%);
}

.leaflet-marker-icon {
  border-radius: 100%;
}

.c-search__banner {
  width: 100%;
  height: 350px;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (min-width: 1240px) {
  .c-search__banner {
    height: 409px;
  }
}
.c-search__banner::before, .c-search__banner::after {
  background-color: white;
  top: 80px;
}
@media (min-width: 1240px) {
  .c-search__banner::before, .c-search__banner::after {
    top: 96px;
  }
}
.c-search__banner picture {
  position: absolute;
  width: 100%;
  height: 100%;
}
.c-search__banner picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-search__banner picture::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(54, 57, 83, 0.5), rgba(54, 57, 83, 0.5));
  background-blend-mode: multiply, normal;
}
.c-search__banner-form {
  position: relative;
  z-index: 10;
  text-align: center;
  width: calc(100% - 48px);
  margin-top: 152px;
}
@media (min-width: 1240px) {
  .c-search__banner-form {
    width: 100%;
    margin-top: 166px;
  }
}
.c-search__banner-form .h2 {
  color: white;
  margin: 0 0 29px;
}
@media (min-width: 1240px) {
  .c-search__banner-form .h2 {
    margin: 0 0 24px;
  }
}
.c-search__banner-form form {
  text-align: center;
  width: 100%;
  max-width: 796px;
  min-width: 100%;
}
.c-search__content {
  padding-top: 24px;
  padding-bottom: 40px;
}
@media (min-width: 1240px) {
  .c-search__content {
    padding-top: 40px;
    padding-bottom: 78px;
  }
}
.c-search__content--no-result {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 600px;
}
.c-search__content .diamond-svg-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-search__content .diamond-svg-wrap svg {
  max-width: 100%;
  padding: 0 24px;
  height: auto;
}
@media (min-width: 1240px) {
  .c-search__content .diamond-svg-wrap svg {
    padding: 0;
  }
}
.c-search__content .faq-no-results-text-content {
  padding: 0 29px 0 37px;
}
@media (min-width: 1240px) {
  .c-search__content .faq-no-results-text-content {
    padding: 0;
  }
}
.c-search .c-faqs__topics .c-faqs_topics-wrapper {
  width: 100%;
  max-width: 1366px;
  margin: 24px auto 0;
  position: relative;
}
@media (min-width: 768px) {
  .c-search .c-faqs__topics .c-faqs_topics-wrapper {
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(4, 1fr);
    --grid-gutter: 24px;
    grid-row-gap: var(--grid-gutter);
    --grid-row-height: 0;
    grid-auto-rows: var(--grid-row-height);
    grid-column-gap: 28px;
    padding-right: 0;
  }
}
.c-search .c-faqs__topics .c-faqs_topics-wrapper .c-faqs_topics-item {
  border-left: 4px solid #A44E6A;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  padding: 24px 20px;
  display: block;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .c-search .c-faqs__topics .c-faqs_topics-wrapper .c-faqs_topics-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: calc(25% - 28px);
    top: 0;
    left: 0;
    margin-top: 0;
  }
  .c-search .c-faqs__topics .c-faqs_topics-wrapper .c-faqs_topics-item.grid-item-ready {
    position: static;
    height: auto;
    width: auto;
  }
}
.c-search .c-faqs__topics .c-faqs_topics-wrapper .c-faqs_topics-item .search-category {
  display: flex;
}
.c-search .c-faqs__topics .c-faqs_topics-wrapper .c-faqs_topics-item .search-category span:not(:last-child) {
  margin-right: 8px;
}

.custom-search-form {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 796px;
}
.custom-search-form input[type=text] {
  background-color: #E2E6E9;
  color: #303136;
  padding: 16px 16px 16px 56px;
  border: 1px solid rgba(153, 156, 188, 0.2);
  width: 100%;
  height: 56px;
}
@media (min-width: 768px) {
  .custom-search-form input[type=text] {
    width: 796px;
  }
}
@media (min-width: 1240px) {
  .custom-search-form input[type=text] {
    height: 80px;
    padding: 24px 24px 24px 72px;
  }
}
.custom-search-form input[type=text]::-moz-placeholder {
  color: #303136;
}
.custom-search-form input[type=text]::placeholder {
  color: #303136;
}
.custom-search-form svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 1240px) {
  .custom-search-form svg {
    width: 32px;
    height: 32px;
  }
}
.custom-search-form button {
  position: absolute;
  left: 10px;
  top: 13px;
  border: 0;
  background-color: transparent;
}
@media (min-width: 1240px) {
  .custom-search-form button {
    left: 18px;
    top: 22px;
  }
}

/****** SECTION CONTAINER ******/
.c-hero-banner {
  position: relative;
  width: 100%;
  padding-top: 80px;
  display: flex;
  flex-flow: column;
  /****** BANNER CONTENT ******/
  /****** BANNER IMAGE ******/
}
@media (min-width: 1240px) {
  .c-hero-banner {
    padding-top: 96px;
  }
}
.c-hero-banner.section-edge::before, .c-hero-banner.section-edge::after {
  background-color: #FAFAFF;
  opacity: 0.5;
}
.c-hero-banner .section-edge::before, .c-hero-banner .section-edge::after {
  background-color: #8C99A6;
  opacity: 0.5;
}
.c-hero-banner .banner-content {
  display: flex;
  flex-flow: column;
  height: 412px;
  justify-content: center;
  /****** BANNER HEADING ******/
  /****** BANNER DESCRIPTION ******/
}
@media (min-width: 1240px) {
  .c-hero-banner .banner-content {
    align-items: center;
    flex-flow: row;
    height: 229px;
    justify-content: unset;
  }
}
.c-hero-banner .banner-content h1 {
  width: 100%;
  margin: 0;
  margin-bottom: 24px;
  font-size: 48px;
}
@media (min-width: 1240px) {
  .c-hero-banner .banner-content h1 {
    margin-right: 24px;
    margin-bottom: unset;
    font-size: 74px;
  }
}
.c-hero-banner .banner-content p {
  font-family: "Larsseit", sans-serif;
  width: 100%;
  margin: 0;
  font-weight: 200;
}
@media (min-width: 1240px) {
  .c-hero-banner .banner-content p {
    max-width: 520px;
    font-weight: 300;
  }
}
.c-hero-banner .image-wrapper {
  width: 100%;
  height: 100vh;
  max-height: 320px;
  display: block;
}
@media (min-width: 1240px) {
  .c-hero-banner .image-wrapper {
    max-height: 588px;
  }
}
.c-hero-banner .image-wrapper picture {
  width: 100%;
  height: 100%;
}
.c-hero-banner .image-wrapper picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-hero-banner__divider {
  display: none;
}

.c-neighborhood .c-hero-banner {
  height: 350px;
  align-items: center;
  box-shadow: 4px 16px 54px 0px rgba(24, 31, 51, 0.24);
}
@media (min-width: 1240px) {
  .c-neighborhood .c-hero-banner {
    height: 409px;
  }
}
.c-neighborhood .c-hero-banner__divider {
  width: 1px;
  height: 108px;
  position: absolute;
  bottom: -54px;
  background-color: #A44E6A;
}
@media (min-width: 1240px) {
  .c-neighborhood .c-hero-banner__divider {
    display: block;
  }
}
.c-neighborhood .c-hero-banner .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 350px;
}
@media (min-width: 1240px) {
  .c-neighborhood .c-hero-banner .image-wrapper {
    max-height: 409px;
  }
}
.c-neighborhood .c-hero-banner .image-wrapper picture {
  filter: grayscale(0.4) contrast(1.4) brightness(0.8);
}
.c-neighborhood .c-hero-banner .image-wrapper picture .overlay {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(54, 57, 83, 0.5) 0%, rgba(54, 57, 83, 0.5) 100%);
  background-blend-mode: multiply, normal;
}
.c-neighborhood .c-hero-banner .image-wrapper picture img {
  -o-object-position: top !important;
     object-position: top !important;
}
.c-neighborhood .c-hero-banner .container {
  padding-top: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
@media (min-width: 1240px) {
  .c-neighborhood .c-hero-banner .container {
    padding-top: 80px;
  }
}
.c-neighborhood .c-hero-banner .container .row {
  max-width: 796px;
  width: 100%;
}
.c-neighborhood .c-hero-banner .container .row > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-neighborhood .c-hero-banner .banner-title {
  margin: 0;
  color: #FAFAFF;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 1240px) {
  .c-neighborhood .c-hero-banner .banner-title {
    font-size: 74px;
    letter-spacing: -1.48px;
  }
}
.c-neighborhood .c-hero-banner .banner-description {
  margin: 12px 0 0;
  color: #FAFAFF;
  text-align: center;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  max-width: 488px;
}

.c-inquiry {
  border-top: 1px #AEAFB7 solid;
  border-bottom: 1px #AEAFB7 solid;
  background-color: #CCCCCC;
  position: relative;
  z-index: 5;
  padding-bottom: 56px;
  position: relative;
}
.c-inquiry::before {
  content: "";
  background: linear-gradient(78.73deg, #CCCCCC 53.7%, rgba(204, 204, 204, 0) 74.74%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media (min-width: 1240px) {
  .c-inquiry {
    height: 580px;
    padding-bottom: 0;
  }
}
.c-inquiry picture {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
}
@media (min-width: 1240px) {
  .c-inquiry picture {
    width: 824px;
  }
}
.c-inquiry picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right -130px bottom 0;
     object-position: right -130px bottom 0;
}
@media (min-width: 1240px) {
  .c-inquiry picture img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: unset;
       object-position: unset;
  }
}
.c-inquiry .container {
  padding-top: 56px;
  padding-left: 24px;
  position: relative;
  z-index: 12;
}
@media (min-width: 1240px) {
  .c-inquiry .container {
    padding-top: 130px;
    padding-bottom: 112px;
  }
}
.c-inquiry .container span {
  max-width: calc(100% - 87px);
  width: 100%;
}
@media (min-width: 1240px) {
  .c-inquiry .container span {
    max-width: 100%;
  }
}
.c-inquiry .container .o-input__field::-moz-placeholder, .c-inquiry .container .o-input select::-moz-placeholder, .o-input .c-inquiry .container select::-moz-placeholder {
  max-width: calc(100% - 87px);
}
.c-inquiry .container .body-1, .c-inquiry .container .u-copy-notification, .c-inquiry .container .c-bullet-list p, .c-bullet-list .c-inquiry .container p, .c-inquiry .container .c-content-right-image__left p, .c-content-right-image__left .c-inquiry .container p, .c-inquiry .container .c-post-text__content p, .c-post-text__content .c-inquiry .container p, .c-inquiry .container .foreword p, .foreword .c-inquiry .container p, .c-inquiry .container .c-breaker-content__heading p, .c-breaker-content__heading .c-inquiry .container p, .c-inquiry .container .c-architect-person__wrapper .content p, .c-architect-person__wrapper .content .c-inquiry .container p, .c-inquiry .container .c-features .col-content p, .c-features .col-content .c-inquiry .container p, .c-inquiry .container .c-features__content-nav ul > li > a, .c-features__content-nav .c-inquiry .container ul > li > a, .c-inquiry .container .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-text *, .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-text .c-inquiry .container *, .c-inquiry .container .c-fixtures-finishes__header-text *, .c-fixtures-finishes__header-text .c-inquiry .container *, .c-inquiry .container .c-floor-plans__header-text *, .c-floor-plans__header-text .c-inquiry .container *, .c-inquiry .container .c-key-sell-points__text *, .c-key-sell-points__text .c-inquiry .container *, .c-inquiry .container .c-features-gallery__copy-block .copy-text *, .c-features-gallery__copy-block .copy-text .c-inquiry .container *, .c-inquiry .container .c-architect-section__m-wrapper .content p, .c-architect-section__m-wrapper .content .c-inquiry .container p, .c-inquiry .container .c-side-nav-features .col-content p, .c-side-nav-features .col-content .c-inquiry .container p, .c-inquiry .container .c-side-nav-features__content-nav ul > li > a, .c-side-nav-features__content-nav .c-inquiry .container ul > li > a, .c-inquiry .container .o-input__label, .c-inquiry .container .o-input__field,
.c-inquiry .container .o-input select,
.o-input .c-inquiry .container select, .c-inquiry .container .o-input__field::placeholder,
.c-inquiry .container .o-input select::placeholder,
.o-input .c-inquiry .container select::placeholder, .c-inquiry .container .o-input input[type=text], .o-input .c-inquiry .container input[type=text],
.c-inquiry .container .o-input input[type=phone],
.o-input .c-inquiry .container input[type=phone],
.c-inquiry .container .o-input input[type=email],
.o-input .c-inquiry .container input[type=email],
.c-inquiry .container .o-input input[type=password],
.o-input .c-inquiry .container input[type=password],
.c-inquiry .container .o-input input[type=number],
.o-input .c-inquiry .container input[type=number],
.c-inquiry .container .o-input textarea,
.o-input .c-inquiry .container textarea, .c-inquiry .container .o-custom-select .selected-item, .o-custom-select .c-inquiry .container .selected-item, .c-inquiry .container .o-custom-select .item, .o-custom-select .c-inquiry .container .item, .c-inquiry .container .c-data-text__wrapper p, .c-data-text__wrapper .c-inquiry .container p, .c-inquiry .container .c-accordion-div .c-panel *, .c-accordion-div .c-panel .c-inquiry .container *, .c-inquiry .container .c-neighborhood-map__navigation ul li > a, .c-neighborhood-map__navigation ul .c-inquiry .container li > a, .c-inquiry .container .custom-search-form input[type=text], .custom-search-form .c-inquiry .container input[type=text] {
  max-width: calc(100% - 87px);
}
@media (min-width: 1240px) {
  .c-inquiry .container .o-input__field::-moz-placeholder, .c-inquiry .container .o-input select::-moz-placeholder, .o-input .c-inquiry .container select::-moz-placeholder {
    max-width: 387px;
  }
  .c-inquiry .container .body-1, .c-inquiry .container .u-copy-notification, .c-inquiry .container .c-bullet-list p, .c-bullet-list .c-inquiry .container p, .c-inquiry .container .c-content-right-image__left p, .c-content-right-image__left .c-inquiry .container p, .c-inquiry .container .c-post-text__content p, .c-post-text__content .c-inquiry .container p, .c-inquiry .container .foreword p, .foreword .c-inquiry .container p, .c-inquiry .container .c-breaker-content__heading p, .c-breaker-content__heading .c-inquiry .container p, .c-inquiry .container .c-architect-person__wrapper .content p, .c-architect-person__wrapper .content .c-inquiry .container p, .c-inquiry .container .c-features .col-content p, .c-features .col-content .c-inquiry .container p, .c-inquiry .container .c-features__content-nav ul > li > a, .c-features__content-nav .c-inquiry .container ul > li > a, .c-inquiry .container .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-text *, .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-text .c-inquiry .container *, .c-inquiry .container .c-fixtures-finishes__header-text *, .c-fixtures-finishes__header-text .c-inquiry .container *, .c-inquiry .container .c-floor-plans__header-text *, .c-floor-plans__header-text .c-inquiry .container *, .c-inquiry .container .c-key-sell-points__text *, .c-key-sell-points__text .c-inquiry .container *, .c-inquiry .container .c-features-gallery__copy-block .copy-text *, .c-features-gallery__copy-block .copy-text .c-inquiry .container *, .c-inquiry .container .c-architect-section__m-wrapper .content p, .c-architect-section__m-wrapper .content .c-inquiry .container p, .c-inquiry .container .c-side-nav-features .col-content p, .c-side-nav-features .col-content .c-inquiry .container p, .c-inquiry .container .c-side-nav-features__content-nav ul > li > a, .c-side-nav-features__content-nav .c-inquiry .container ul > li > a, .c-inquiry .container .o-input__label, .c-inquiry .container .o-input__field,
.c-inquiry .container .o-input select,
.o-input .c-inquiry .container select, .c-inquiry .container .o-input__field::placeholder,
.c-inquiry .container .o-input select::placeholder,
.o-input .c-inquiry .container select::placeholder, .c-inquiry .container .o-input input[type=text], .o-input .c-inquiry .container input[type=text],
.c-inquiry .container .o-input input[type=phone],
.o-input .c-inquiry .container input[type=phone],
.c-inquiry .container .o-input input[type=email],
.o-input .c-inquiry .container input[type=email],
.c-inquiry .container .o-input input[type=password],
.o-input .c-inquiry .container input[type=password],
.c-inquiry .container .o-input input[type=number],
.o-input .c-inquiry .container input[type=number],
.c-inquiry .container .o-input textarea,
.o-input .c-inquiry .container textarea, .c-inquiry .container .o-custom-select .selected-item, .o-custom-select .c-inquiry .container .selected-item, .c-inquiry .container .o-custom-select .item, .o-custom-select .c-inquiry .container .item, .c-inquiry .container .c-data-text__wrapper p, .c-data-text__wrapper .c-inquiry .container p, .c-inquiry .container .c-accordion-div .c-panel *, .c-accordion-div .c-panel .c-inquiry .container *, .c-inquiry .container .c-neighborhood-map__navigation ul li > a, .c-neighborhood-map__navigation ul .c-inquiry .container li > a, .c-inquiry .container .custom-search-form input[type=text], .custom-search-form .c-inquiry .container input[type=text] {
    max-width: 387px;
  }
}
.c-inquiry__tower {
  position: absolute;
  right: 16px;
  top: -35px;
  z-index: 10;
}
@media (min-width: 1240px) {
  .c-inquiry__tower {
    right: 143px;
    top: -51px;
  }
}
.c-inquiry__tower img {
  width: 108px;
}
@media (min-width: 1240px) {
  .c-inquiry__tower img {
    width: 153px;
  }
}
@media (min-width: 1240px) {
  .c-inquiry__content {
    padding-left: 94px;
  }
}

.c-side-nav-features {
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-side-nav-features {
    overflow: unset;
  }
}
.c-side-nav-features::before, .c-side-nav-features::after {
  z-index: 20;
}
.c-side-nav-features::before {
  background-color: rgba(140, 153, 166, 0.5);
  z-index: 14;
}
@media (min-width: 1240px) {
  .c-side-nav-features::before {
    z-index: 0;
  }
}
.c-side-nav-features__heading {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (min-width: 1240px) {
  .c-side-nav-features__heading {
    padding-top: 96px;
    padding-bottom: 88px;
  }
}
.c-side-nav-features__heading .h2 {
  max-width: 822px;
  margin: 0 auto;
}
.c-side-nav-features__content-wrap {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: column wrap;
  padding-top: 56px;
  padding-bottom: 64px;
}
@media (min-width: 1240px) {
  .c-side-nav-features__content-wrap {
    padding-top: 48px;
    padding-bottom: 80px;
  }
  .c-side-nav-features__content-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 300px;
    height: 100%;
    width: 1px;
    background-color: #A44E6A;
    z-index: 13;
    opacity: 0.5;
  }
}
.c-side-nav-features__content-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(140, 153, 166, 0.5);
}
.c-side-nav-features__content-nav {
  position: relative;
  width: 100%;
  max-width: 277px;
  padding-left: 35px;
  padding-top: 16px;
  display: none;
  z-index: 9;
}
@media (min-width: 1240px) {
  .c-side-nav-features__content-nav {
    display: block;
    padding-bottom: 60px;
  }
}
.c-side-nav-features__content-nav ul {
  list-style: none;
  position: sticky;
  top: 126px;
}
.c-side-nav-features__content-nav ul > li > a {
  height: 46px;
  position: relative;
  display: flex;
  align-items: center;
  color: #5F6391;
}
.c-side-nav-features__content-nav ul > li > a:hover,
.c-side-nav-features__content-nav ul > li.is-active > a {
  color: #16191D;
}
.c-side-nav-features__content-nav ul > li > a:hover::before,
.c-side-nav-features__content-nav ul > li.is-active > a::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #A44E6A;
  position: absolute;
  top: 0;
  left: -34px;
  bottom: 0;
}
.c-side-nav-features__content-nav ul > li > a::after {
  content: "";
  background-image: url("/app/themes/the-estate-makati/src/images/chevy-right-d.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-left: 32px;
  transition: all 500ms ease;
  opacity: 0;
}
.c-side-nav-features__content-nav ul > li > a:hover::after,
.c-side-nav-features__content-nav ul > li.is-active > a::after {
  opacity: 1;
}
.c-side-nav-features .col-content {
  position: relative;
  z-index: 2;
  width: 100%;
}
.c-side-nav-features .col-content-title {
  padding: 9px 0;
  min-height: 48px;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: white;
  width: calc(100% + 24px);
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 768px) {
  .c-side-nav-features .col-content-title {
    width: calc(100% + 40px);
  }
}
@media (min-width: 1240px) {
  .c-side-nav-features .col-content-title {
    width: calc(100% + 67px);
    min-height: 84px;
    margin-left: 0;
    background: linear-gradient(90deg, #374048 -7.73%, #596673 105.85%);
  }
}
.c-side-nav-features .col-content-sub {
  display: block;
  margin-top: 24px;
  color: #16191D;
  font-family: "Montserrat", sans-serif;
}
.c-side-nav-features .col-content p {
  margin: 12px 0 0 0;
  color: #16191D;
}
.c-side-nav-features .col-image {
  width: 100%;
  position: relative;
  z-index: 13;
  margin-bottom: 32px;
}
@media (min-width: 1240px) {
  .c-side-nav-features .col-image {
    max-width: 489px;
    margin-bottom: 0;
  }
}
.c-side-nav-features .col-image picture {
  min-height: 230px;
  max-height: 460px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin-left: 44px;
}
@media (min-width: 1240px) {
  .c-side-nav-features .col-image picture {
    margin-left: 0;
    height: 367px;
  }
}
.c-side-nav-features .col-image picture > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-side-nav-features .row-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  position: relative;
  flex-direction: column-reverse;
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content {
    flex-flow: row nowrap;
    flex-direction: row;
  }
}
@media (max-width: 1239px) {
  .c-side-nav-features .row-content:not(:last-child) {
    margin-bottom: 34px;
  }
}
.c-side-nav-features .row-content--left .col-content-sub,
.c-side-nav-features .row-content--left p {
  padding: 0 16px 0 16px;
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--left .col-content-sub,
.c-side-nav-features .row-content--left p {
    padding: 0 0 0 56px;
  }
}
.c-side-nav-features .row-content--left .col-content-title {
  padding-left: 39px;
  margin-left: -24px;
}
@media (min-width: 768px) {
  .c-side-nav-features .row-content--left .col-content-title {
    padding-left: 54px;
    margin-left: -40px;
  }
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--left .col-content-title {
    margin-left: 0;
    padding-left: 56px;
  }
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--left .col-image {
    padding-left: 40px;
  }
}
.c-side-nav-features .row-content--left .col-image > picture {
  width: 100%;
  position: relative;
  left: 0;
  margin-left: -44px;
  filter: drop-shadow(4px 16px 54px rgba(24, 31, 51, 0.24));
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--left .col-image > picture {
    width: calc(100% + 54px);
    margin-left: 26px;
    right: unset;
    filter: unset;
  }
}
.c-side-nav-features .row-content--right {
  flex-direction: column-reverse;
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--right {
    flex-direction: row-reverse;
  }
}
.c-side-nav-features .row-content--right .col-content {
  flex: 1;
}
.c-side-nav-features .row-content--right .col-content .col-content-title {
  padding-left: 40px;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--right .col-content .col-content-title {
    width: calc(100% + 80px);
    padding-left: 40px;
  }
}
.c-side-nav-features .row-content--right .col-content .col-content-sub,
.c-side-nav-features .row-content--right .col-content p {
  padding-left: 40px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--right .col-content .col-content-sub,
.c-side-nav-features .row-content--right .col-content p {
    max-width: calc(100% - 34px);
  }
}
.c-side-nav-features .row-content--right .col-image {
  position: relative;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--right .col-image {
    width: 482px;
  }
}
.c-side-nav-features .row-content--right .col-image > picture {
  width: 100%;
  position: relative;
  filter: drop-shadow(4px 16px 54px rgba(24, 31, 51, 0.24));
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content--right .col-image > picture {
    width: 100%;
    right: unset;
    position: unset;
  }
}
@media (min-width: 1240px) {
  .c-side-nav-features .row-content-1 {
    margin-bottom: 125px;
  }
  .c-side-nav-features .row-content-1 .col-image picture {
    box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
  }
  .c-side-nav-features .row-content-2, .c-side-nav-features .row-content:nth-child(2n+4) {
    margin-bottom: 115px;
  }
  .c-side-nav-features .row-content-3, .c-side-nav-features .row-content:nth-child(2n+5) {
    margin-bottom: 80px;
  }
  .c-side-nav-features .row-content-3 .col-image picture, .c-side-nav-features .row-content:nth-child(2n+5) .col-image picture {
    box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
  }
  .c-side-nav-features .row-content-4 .col-image {
    z-index: 0;
  }
}
.c-side-nav-features .row-content:last-child::before {
  display: none;
}
.c-side-nav-features__content-data {
  position: relative;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-side-nav-features__content-data > div:last-child {
    margin-bottom: 78px !important;
  }
}
.c-side-nav-features__content-data .o-button {
  margin-left: 36px;
  padding: 24px 72px 24px 40px;
  height: 70px;
}
@media (min-width: 1240px) {
  .c-side-nav-features__content-data .o-button {
    margin-left: 129px;
    padding: 16px 72px 16px 24px;
  }
}
.c-side-nav-features__content-data .o-button--primary::after {
  top: 33px;
}

.c-neighborhood-cta {
  position: relative;
  width: 100%;
  text-align: center;
  background-color: #E2E6E9;
}
.c-neighborhood-cta__wrapper {
  min-height: 400px;
  position: relative;
  padding-top: 56px;
  padding-bottom: 40px;
}
@media (min-width: 1240px) {
  .c-neighborhood-cta__wrapper {
    min-height: 580px;
    padding-top: 80px;
  }
}
.c-neighborhood-cta__wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(74, 77, 113, 0.5), rgba(74, 77, 113, 0.5));
  width: 100%;
  height: 100%;
  z-index: 11;
}
.c-neighborhood-cta__wrapper .overline, .c-neighborhood-cta__wrapper .c-lifestyle__post-wrap .post-item .author > span:first-child, .c-lifestyle__post-wrap .post-item .c-neighborhood-cta__wrapper .author > span:first-child {
  font-style: italic;
}
@media (min-width: 1240px) {
  .c-neighborhood-cta__wrapper .overline, .c-neighborhood-cta__wrapper .c-lifestyle__post-wrap .post-item .author > span:first-child, .c-lifestyle__post-wrap .post-item .c-neighborhood-cta__wrapper .author > span:first-child {
    font-style: normal;
  }
}
.c-neighborhood-cta__wrapper > picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-blend-mode: multiply, normal;
  z-index: 0;
  box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
}
@media (min-width: 1240px) {
  .c-neighborhood-cta__wrapper > picture {
    z-index: 10;
  }
}
.c-neighborhood-cta__wrapper > picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-neighborhood-cta__content {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  z-index: 10;
  margin: 0 auto;
  max-width: calc(100% - 80px);
  width: 100%;
  text-align: left;
  align-items: center;
  position: relative;
  z-index: 12;
}
@media (min-width: 1240px) {
  .c-neighborhood-cta__content {
    flex-flow: row nowrap;
    max-width: 937px;
    width: 100%;
    justify-content: space-between;
  }
}
.c-neighborhood-cta__content .left-content {
  width: 100%;
}
@media (min-width: 1240px) {
  .c-neighborhood-cta__content .left-content {
    max-width: calc(65% - 226px);
  }
}
.c-neighborhood-cta__content .right-content {
  width: 100%;
}
@media (min-width: 1240px) {
  .c-neighborhood-cta__content .right-content {
    width: 35%;
    margin-left: 101px;
    text-align: right;
  }
}
.c-neighborhood-cta__map {
  position: relative;
  padding-top: 88px;
}
.c-neighborhood-cta__map picture {
  width: 100%;
  height: 100%;
}
.c-neighborhood-cta__map picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-neighborhood-cta__mapimg {
  margin-top: 40px;
  padding-bottom: 36px;
}
@media (min-width: 1240px) {
  .c-neighborhood-cta__mapimg {
    margin-top: 96px;
    padding-bottom: 88px;
  }
}
.c-neighborhood-cta__mapimg picture {
  width: 100%;
  height: 100%;
}
.c-neighborhood-cta__mapimg picture > img {
  width: 100%;
  height: 100%;
}

.c-articles-section {
  padding-top: 56px;
  padding-bottom: 76px;
  border-top: 1px solid #8C99A6;
}
@media (min-width: 1240px) {
  .c-articles-section {
    padding-top: 136px;
    border: 0;
    margin-top: 0;
  }
}
.c-articles-section .u-photo {
  width: 100%;
  height: 290px;
}
.c-articles-section .u-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-articles-section .o-button {
  width: 100%;
}
.c-articles-section .article-card:nth-child(2) .o-button {
  margin-top: 58px;
}
.c-articles-section .article-card .article-title {
  min-height: 68px;
}

.c-quotes {
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  padding-top: 56px;
  padding-bottom: 56px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-quotes {
    padding-top: 73px;
    padding-bottom: 60px;
  }
}
.c-quotes__content {
  max-width: 998px;
  margin: 0 8px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1240px) {
  .c-quotes__content {
    margin: 0 auto;
  }
}
.c-quotes__content p {
  color: #FAFAFF;
  margin-top: 16px;
  margin-bottom: 24px;
  font-family: "Montserrat", sans-serif;
}
.c-quotes__bg {
  position: absolute;
  z-index: 0;
  top: 70px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 260px;
  height: 221.49px;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 1240px) {
  .c-quotes__bg {
    width: 452px;
    height: 338px;
    top: 20px;
    display: unset;
    justify-content: unset;
  }
}
.c-quotes__bg svg {
  transform: scale(1.6);
}
@media (min-width: 1240px) {
  .c-quotes__bg svg {
    transform: scale(1);
  }
}

.c-centered-gallery {
  position: relative;
  padding-top: 120px;
  padding-bottom: 130px;
  border: 0.5px solid rgba(140, 153, 166, 0.5);
}
@media (min-width: 1240px) {
  .c-centered-gallery {
    padding-bottom: 0;
  }
}
.c-centered-gallery::before {
  z-index: 1;
}
.c-centered-gallery__heading {
  position: relative;
}
.c-centered-gallery__heading::before {
  content: "";
  position: absolute;
  top: -200px;
  left: 0;
  right: 0;
  width: 2px;
  height: 160px;
  margin: 0 auto;
  display: inline-block;
  z-index: 5;
  background-color: #A44E6A;
}
@media (min-width: 1240px) {
  .c-centered-gallery__heading::before {
    top: -200px;
  }
}
.c-centered-gallery__heading .h2 {
  max-width: 591px;
  margin: 0 auto;
}
.c-centered-gallery__images {
  display: none;
}
@media (min-width: 1240px) {
  .c-centered-gallery__images {
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 72px;
    padding-bottom: 104px;
  }
  .c-centered-gallery__images::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 136px;
    right: 0;
    height: 0.5px;
    width: 100%;
    background-color: rgba(140, 153, 166, 0.5);
  }
  .c-centered-gallery__images .slider-caption-wrap {
    display: none;
  }
  .c-centered-gallery__images .slide-visible .slider-caption-wrap {
    display: block;
  }
  .c-centered-gallery .slider {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 506px;
    margin-bottom: 72px;
  }
  .c-centered-gallery .slider__slide {
    color: white;
    height: 506px;
    width: 677px;
    border-radius: 0px;
    position: absolute;
    box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
  }
  .c-centered-gallery .slider > .slider__slide.slide-visible {
    position: initial;
    z-index: 10;
  }
  .c-centered-gallery .slider > .slider__slide.slide-visible.next-transition {
    animation: next;
  }
  @keyframes next {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-100% - 25px));
    }
  }
  .c-centered-gallery .slider > .slider__slide.slide-visible.prev-transition {
    animation: prev;
  }
  @keyframes prev {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(100% + 25px));
    }
  }
  .c-centered-gallery .slider .slider__slide.end-deck {
    transform: translate(15px, 15px);
    right: 0;
  }
  .c-centered-gallery .slider .slider__slide.start-deck {
    transform: translate(-15px, 15px);
    left: 0;
  }
  .c-centered-gallery .slider__control {
    display: flex;
    -moz-column-gap: 10px;
         column-gap: 10px;
    position: relative;
    z-index: 10;
  }
  .c-centered-gallery .slider__control.prev {
    margin-right: 22px;
  }
  .c-centered-gallery .slider__control.prev, .c-centered-gallery .slider__control.next {
    height: 64px;
    width: 64px;
    background-color: #FFFBFC;
    border-radius: 50px;
    cursor: pointer;
    border: 2px solid #A44E6A;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-centered-gallery .slider__control.disable.prev, .c-centered-gallery .slider__control.disable.next {
    pointer-events: none;
    border: 1px solid #A44E6A;
  }
  .c-centered-gallery .slider__control.wait-transition {
    pointer-events: none;
  }
  .c-centered-gallery .slider__control.wait-transition.prev, .c-centered-gallery .slider__control.wait-transition.next {
    border: 1px solid #A44E6A;
  }
  .c-centered-gallery picture {
    width: 100%;
    height: 100%;
  }
  .c-centered-gallery picture > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0px;
  }
  .c-centered-gallery .prev-1 {
    width: 600px;
    height: 448px;
    transform: translate(-68px, 29px) !important;
  }
  .c-centered-gallery .prev-2 {
    width: 523px;
    height: 391px;
    transform: translate(-128px, 68px) !important;
  }
  .c-centered-gallery .prev-3 {
    width: 446px;
    height: 333px;
    transform: translate(-179px, 98px) !important;
  }
  .c-centered-gallery .prev-4 {
    width: 378px;
    height: 282px;
    transform: translate(-213px, 124px) !important;
  }
  .c-centered-gallery div.slide-visible + div {
    width: 600px;
    height: 448px;
    transform: translate(68px, 29px) !important;
    z-index: 4;
  }
  .c-centered-gallery div.slide-visible + div + div {
    width: 523px;
    height: 391px;
    transform: translate(128px, 68px) !important;
    z-index: 3;
  }
  .c-centered-gallery div.slide-visible + div + div + div {
    width: 446px;
    height: 333px;
    transform: translate(179px, 98px) !important;
    z-index: 2;
  }
  .c-centered-gallery div.slide-visible + div + div + div + div {
    width: 378px;
    height: 282px;
    transform: translate(213px, 124px) !important;
    z-index: 1;
  }
  .c-centered-gallery div.slide-visible + div::after,
.c-centered-gallery .prev-1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  }
  .c-centered-gallery div.slide-visible + div + div::after,
.c-centered-gallery .prev-2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(51, 37, 37, 0.4));
  }
  .c-centered-gallery div.slide-visible + div + div + div::after,
.c-centered-gallery .prev-3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(51, 37, 37, 0.5));
  }
  .c-centered-gallery div.slide-visible + div + div + div + div::after,
.c-centered-gallery .prev-4::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(51, 37, 37, 0.6));
  }
}
.c-centered-gallery__images-mobile {
  padding-top: 56px;
}
@media (min-width: 1240px) {
  .c-centered-gallery__images-mobile {
    display: none;
  }
}
.c-centered-gallery__images-mobile > a {
  margin-top: 12px;
}
.c-centered-gallery__images-mobile .mobile-slider {
  box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
}
.c-centered-gallery__images-mobile picture {
  width: 100%;
  height: 245px;
}
.c-centered-gallery__images-mobile picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-centered-gallery__images-mobile .bg-item {
  position: absolute;
  bottom: 86px;
  right: 82px;
}
.c-centered-gallery__images-mobile-arrows {
  display: flex;
  padding-top: 38px;
  margin: 0 auto;
  position: relative;
  justify-content: center;
}
.c-centered-gallery__images-mobile-arrows::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 21px;
  right: 0;
  height: 0.5px;
  width: 100%;
  background-color: rgba(140, 153, 166, 0.5);
}
.c-centered-gallery__images-mobile-arrows > li {
  height: 42px;
  width: 42px;
  background-color: #FFFBFC;
  border-radius: 50px;
  cursor: pointer;
  border: 2px solid #A44E6A;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  position: relative;
  z-index: 2;
}
.c-centered-gallery__images-mobile-arrows > li:first-child {
  margin-right: 24px;
}
.c-centered-gallery__images-mobile-arrows svg {
  width: 14px;
  height: 14px;
}
.c-centered-gallery.flats-page-bottom-gallery {
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 56px;
  z-index: 0;
}
@media (min-width: 1240px) {
  .c-centered-gallery.flats-page-bottom-gallery {
    background: transparent;
    padding-bottom: 108px;
  }
}
.c-centered-gallery.flats-page-bottom-gallery::before {
  z-index: 2;
}
.c-centered-gallery.flats-page-bottom-gallery .c-centered-gallery__heading {
  z-index: 1;
}
.c-centered-gallery.flats-page-bottom-gallery .c-centered-gallery__heading .h2 {
  max-width: 732px;
}
.c-centered-gallery.flats-page-bottom-gallery .bg-item {
  display: none;
}
.c-centered-gallery.flats-page-bottom-gallery .c-centered-gallery__images {
  padding-top: 58px;
}
.c-centered-gallery.flats-page-bottom-gallery .c-centered-gallery__images:before {
  content: none;
}
@media (min-width: 1240px) {
  .c-centered-gallery.flats-page-bottom-gallery .c-centered-gallery__images {
    padding-bottom: 0;
  }
  .c-centered-gallery.flats-page-bottom-gallery .c-centered-gallery__images::after {
    bottom: 32px;
  }
}
.c-centered-gallery.flats-page-bottom-gallery picture {
  display: block;
}
.c-centered-gallery.flats-page-bottom-gallery .slider {
  height: 474px;
}
.c-centered-gallery.flats-page-bottom-gallery .slider__slide {
  width: 634px;
  height: 474px;
}
.c-centered-gallery.flats-page-bottom-gallery .prev-1 {
  width: 562px;
  height: 420px;
  transform: translate(-64px, 27px) !important;
}
.c-centered-gallery.flats-page-bottom-gallery .prev-2 {
  width: 490px;
  height: 366px;
  transform: translate(-120px, 64px) !important;
}
.c-centered-gallery.flats-page-bottom-gallery .prev-3 {
  width: 418px;
  height: 312px;
  transform: translate(-168px, 92px) !important;
}
.c-centered-gallery.flats-page-bottom-gallery .prev-4 {
  width: 354px;
  height: 264px;
  transform: translate(-200px, 116px) !important;
}
.c-centered-gallery.flats-page-bottom-gallery div.slide-visible + div {
  width: 562px;
  height: 420px;
  transform: translate(64px, 27px) !important;
  z-index: 4;
}
.c-centered-gallery.flats-page-bottom-gallery div.slide-visible + div + div {
  width: 490px;
  height: 366px;
  transform: translate(120px, 64px) !important;
  z-index: 3;
}
.c-centered-gallery.flats-page-bottom-gallery div.slide-visible + div + div + div {
  width: 418px;
  height: 312px;
  transform: translate(168px, 92px) !important;
  z-index: 2;
}
.c-centered-gallery.flats-page-bottom-gallery div.slide-visible + div + div + div + div {
  width: 354px;
  height: 264px;
  transform: translate(200px, 116px) !important;
  z-index: 1;
}
.c-centered-gallery.flats-page-bottom-gallery .c-centered-gallery__images-mobile > a {
  margin-top: 25px;
}
.c-centered-gallery.flats-page-bottom-gallery .c-centered-gallery__images-mobile picture img {
  z-index: 0;
  position: relative;
}

.page-home .c-centered-gallery .slider-caption-wrap,
.page-home .mobile-slider .text-left {
  display: none;
}

.c-architect-section {
  overflow: hidden;
  position: relative;
  background-color: #374048;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.c-architect-section__wrapper {
  display: none;
}
@media (min-width: 1240px) {
  .c-architect-section__wrapper {
    display: block;
  }
}
.c-architect-section__wrapper .row {
  height: 812px;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.c-architect-section .left {
  flex: 1 0 510px;
  position: relative;
  padding: 114px 10px 0 12px;
}
.c-architect-section .left .intro {
  margin-left: 182px;
}
.c-architect-section .left picture {
  width: 579px;
  height: 579px;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 10;
}
.c-architect-section .left picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-architect-section .left .display {
  color: #708090;
  font-family: "Montserrat", sans-serif;
  opacity: 0.4;
  max-width: 472px;
  display: inline-block;
  font-size: 120px;
  position: absolute;
  left: 466px;
  top: 348px;
  font-weight: 200;
  font-size: 100px;
  line-height: 96%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.c-architect-section .right {
  padding-left: 10px;
  padding-right: 12px;
  position: relative;
  max-width: 776px;
  width: 100%;
}
.c-architect-section__scrolled {
  height: 100%;
  width: 100%;
  padding-top: 485px;
  position: relative;
}
.c-architect-section__scrolled::before {
  content: "";
  border: 1px solid #A44E6A;
  left: 66px;
  position: absolute;
  bottom: 229px;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 50px;
}
.c-architect-section__scrolled::after {
  content: "";
  position: absolute;
  top: 390px;
  left: 55px;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  border: 1px #A44E6A solid;
}
.c-architect-section__scrolled::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.c-architect-section__scrolled .d-flex {
  max-width: 620px;
  margin: 0 auto;
}
.c-architect-section__scrolled .text-content {
  padding: 0 40px 64px 36px;
  text-align: center;
  position: relative;
  flex: 1 0 322px;
}
.c-architect-section__scrolled .text-content::before {
  content: "";
  background-color: #A44E6A;
  left: 0;
  position: absolute;
  top: -738px;
  width: 1px;
  height: 190%;
}
.c-architect-section__scrolled .text-content p {
  color: white;
  margin: 0 0 64px 0;
  text-align: left;
}
.c-architect-section__scrolled .text-content svg {
  margin: 0 auto;
}
.c-architect-section__scrolled .text-content svg rect {
  fill: transparent;
}
.c-architect-section__scrolled .img-1 {
  height: 581px;
  width: 776px;
  margin-bottom: 68px;
  position: relative;
  z-index: 5;
}
.c-architect-section__scrolled .img-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-architect-section__scrolled .img-2 {
  height: 257px;
  width: 257px;
  margin-bottom: 32px;
}
.c-architect-section__scrolled .img-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-architect-section__scrolled .img-3 {
  height: 350px;
  width: 257px;
}
.c-architect-section__scrolled .img-3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-architect-section__m-wrapper {
  height: 667px;
}
@media (min-width: 1240px) {
  .c-architect-section__m-wrapper {
    display: none;
  }
}
.c-architect-section__m-wrapper .m-scrolled {
  height: 812px;
  overflow-y: auto;
  background-color: #374048;
  padding-top: 112px;
  width: calc(100% + 16px);
  overflow-x: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.c-architect-section__m-wrapper .m-scrolled::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
@media (min-width: 1240px) {
  .c-architect-section__m-wrapper .m-scrolled {
    display: none;
  }
}
.c-architect-section__m-wrapper .name {
  font-family: "Montserrat", sans-serif;
  font-weight: 200;
  font-size: 64px;
  line-height: 100%;
  display: flex;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #F9FAFB;
  text-align: left;
  text-shadow: 0px 0px 10px rgba(41, 53, 87, 0.5);
  margin-left: 40px;
  position: relative;
  top: 160px;
}
.c-architect-section__m-wrapper .architect-photo {
  position: relative;
  top: 149px;
  left: -16px;
  width: calc(100% + 16px);
  height: 500px;
}
.c-architect-section__m-wrapper .architect-photo img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  width: 100%;
  height: 500px;
}
.c-architect-section__m-wrapper .title {
  padding-left: 48px;
}
.c-architect-section__m-wrapper .content {
  position: relative;
  z-index: 1;
  top: -236px;
  margin-bottom: -94px;
}
.c-architect-section__m-wrapper .content::before {
  content: "";
  background-color: #A44E6A;
  left: 40px;
  position: absolute;
  top: 24px;
  width: 1px;
  height: 100%;
}
.c-architect-section__m-wrapper .content::after {
  content: "";
  border: 1px solid #A44E6A;
  left: 28px;
  position: absolute;
  top: 12px;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 50px;
}
.c-architect-section__m-wrapper .content p {
  color: white;
  padding-left: 4px;
  margin: 0;
}
.c-architect-section__m-wrapper .content > div {
  /* max-width: 287px; */
  max-width: calc(100% - 105px);
  width: 100%;
  margin-left: 64px;
}
.c-architect-section__m-wrapper .img-1 {
  height: 245px;
  width: calc(100% - 64px);
  margin-bottom: 64px;
  position: relative;
  z-index: 5;
  margin-top: 156px;
  margin-left: 24px;
  filter: drop-shadow(4px 16px 54px rgba(24, 31, 51, 0.24));
}
.c-architect-section__m-wrapper .img-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-architect-section__m-wrapper .img-2 {
  width: 173px;
  height: 231px;
  float: right;
  margin: -67px 0 64px 8px;
}
.c-architect-section__m-wrapper .img-3 {
  height: 195px;
  width: 260px;
  margin-top: 38px;
  margin-left: 90px;
}
.c-architect-section__m-wrapper .img-3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-architect-section_overlay {
  position: absolute;
  inset: 0;
}
.c-architect-section_overlay > picture > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-architect-section_overlay > picture:first-child {
  display: none;
}
@media (min-width: 1240px) {
  .c-architect-section_overlay > picture:first-child {
    display: block;
  }
}
.c-architect-section_overlay > picture:last-child {
  display: block;
}
@media (min-width: 1240px) {
  .c-architect-section_overlay > picture:last-child {
    display: none;
  }
}

.c-features-gallery {
  position: relative;
  padding-top: 88px;
}
@media (min-width: 768px) {
  .c-features-gallery {
    padding-bottom: 100px;
  }
}
@media (min-width: 1240px) {
  .c-features-gallery {
    padding-top: 160px;
    padding-bottom: 0;
  }
}
.c-features-gallery::before {
  z-index: 1;
}
.c-features-gallery__heading {
  position: relative;
  overflow: hidden;
}
.c-features-gallery__heading::before {
  content: "";
  position: absolute;
  top: -200px;
  left: 0;
  right: 0;
  width: 2px;
  height: 160px;
  margin: 0 auto;
  display: inline-block;
  background-color: #A44E6A;
  z-index: 5;
}
.c-features-gallery__heading .h2 {
  max-width: 591px;
  margin: 0 auto;
  line-height: 110%;
}
@media (min-width: 1240px) {
  .c-features-gallery__heading .h2 {
    line-height: 98%;
  }
}
.c-features-gallery__second-row {
  padding-bottom: 96px;
  margin: 16px 0 0 0;
  position: relative;
}
@media (min-width: 1240px) {
  .c-features-gallery__second-row {
    margin-top: 96px;
    padding-bottom: 194px;
  }
}
.c-features-gallery__second-row:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 80px;
  width: 1173px;
  height: 559px;
  background: linear-gradient(-90deg, #A9B3BC 57.38%, #FAFAFF 100%);
}
@media (min-width: 1240px) {
  .c-features-gallery__second-row:before {
    top: unset;
    right: -80px;
    width: calc(100% - 162px);
    height: calc(100% - 79px);
  }
}
.c-features-gallery__copy-block {
  padding: 16px 16px 0;
}
@media (min-width: 1240px) {
  .c-features-gallery__copy-block {
    padding: 124px 0 0 0;
  }
}
.c-features-gallery__copy-block .copy-block-wrap {
  max-width: 387px;
}
@media (min-width: 1240px) {
  .c-features-gallery__copy-block .copy-block-wrap {
    max-width: 280px;
  }
}
@media (min-width: 1366px) {
  .c-features-gallery__copy-block .copy-block-wrap {
    max-width: 387px;
  }
}
.c-features-gallery__copy-block .copy-text * {
  margin: 8px 0 0;
  color: #16191D;
}
.c-features-gallery__images {
  display: none;
}
.c-features-gallery .slider1__control.lined {
  margin-top: 22px;
}
@media (min-width: 1240px) {
  .c-features-gallery .slider1__control.lined {
    margin-top: 0;
  }
}
.c-features-gallery .slider1__control.lined:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #8C99A6;
  height: 0.5%;
  opacity: 0.5;
  width: 100%;
  z-index: 0;
}
.c-features-gallery .slider1__control {
  display: flex;
  position: relative;
  z-index: 10;
  justify-content: flex-end;
  transition: 0.5s;
  transform-origin: center;
}
@media (min-width: 1240px) {
  .c-features-gallery .slider1__control {
    justify-content: flex-start;
  }
}
.c-features-gallery .slider1__control.prev {
  margin-right: 24px;
}
.c-features-gallery .slider1__control.next {
  margin-right: 24px;
}
.c-features-gallery .slider1__control.prev, .c-features-gallery .slider1__control.next {
  height: 42px;
  width: 42px;
  border-radius: 50px;
  cursor: pointer;
  border: 2px solid #A44E6A;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D5DAE1;
}
@media (min-width: 1240px) {
  .c-features-gallery .slider1__control.prev, .c-features-gallery .slider1__control.next {
    height: 64px;
    width: 64px;
    background: #FAFAFF;
  }
}
.c-features-gallery .slider1__control.disable.prev, .c-features-gallery .slider1__control.disable.next {
  pointer-events: none;
  border: none;
  transform: scale(0);
  width: 0;
  margin: 0;
  padding: 0;
}
.c-features-gallery .slider1__control.wait-transition {
  pointer-events: none;
}
.c-features-gallery .slider1__control.wait-transition.prev, .c-features-gallery .slider1__control.wait-transition.next {
  border: 1px solid #A44E6A;
}
@media (min-width: 1240px) {
  .c-features-gallery__images {
    display: flex;
    justify-content: center;
    align-items: end;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 48px;
  }
  .c-features-gallery .slider1 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 474px;
    margin-bottom: 40px;
  }
  .c-features-gallery .slider1__slide {
    color: white;
    height: 474px;
    width: 634px;
    border-radius: 0px;
    position: absolute;
    box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
  }
  .c-features-gallery .slider1 > .slider1__slide.slide-visible {
    position: initial;
    z-index: 10;
  }
  .c-features-gallery .slider1 > .slider1__slide.slide-visible.next-transition {
    animation: next;
  }
  @keyframes next {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-100% - 25px));
    }
  }
  .c-features-gallery .slider1 > .slider1__slide.slide-visible.prev-transition {
    animation: prev;
  }
  @keyframes prev {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(100% + 25px));
    }
  }
  .c-features-gallery .slider1 .slider1__slide.end-deck {
    transform: translate(15px, 15px);
    right: 0;
  }
  .c-features-gallery .slider1 .slider1__slide.start-deck {
    transform: translate(-15px, 15px);
    left: 0;
  }
  .c-features-gallery picture {
    width: 100%;
    height: 100%;
  }
  .c-features-gallery picture > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0px;
  }
  .c-features-gallery .prev-1 {
    width: 562px;
    height: 420px;
    transform: translate(-44px, 26px) !important;
  }
  .c-features-gallery .prev-2 {
    width: 490px;
    height: 366px;
    transform: translate(-76px, 52px) !important;
  }
  .c-features-gallery .prev-3 {
    width: 418px;
    height: 312px;
    transform: translate(-100px, 78px) !important;
  }
  .c-features-gallery .prev-4 {
    width: 378px;
    height: 282px;
    transform: translate(-213px, 124px) !important;
  }
  .c-features-gallery div.slide-visible + div {
    width: 562px;
    height: 420px;
    transform: translate(44px, 26px) !important;
    z-index: 4;
  }
  .c-features-gallery div.slide-visible + div + div {
    width: 490px;
    height: 366px;
    transform: translate(76px, 52px) !important;
    z-index: 3;
  }
  .c-features-gallery div.slide-visible + div + div + div {
    width: 418px;
    height: 312px;
    transform: translate(100px, 78px) !important;
    z-index: 2;
  }
  .c-features-gallery div.slide-visible + div + div + div + div {
    width: 378px;
    height: 282px;
    transform: translate(213px, 124px) !important;
    z-index: 1;
  }
  .c-features-gallery div.slide-visible + div::after,
.c-features-gallery .prev-1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  }
  .c-features-gallery div.slide-visible + div + div::after,
.c-features-gallery .prev-2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(51, 37, 37, 0.4));
  }
  .c-features-gallery div.slide-visible + div + div + div::after,
.c-features-gallery .prev-3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(51, 37, 37, 0.5));
  }
  .c-features-gallery div.slide-visible + div + div + div + div::after,
.c-features-gallery .prev-4::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(51, 37, 37, 0.6));
  }
}
.c-features-gallery__images-mobile {
  padding-top: 14px;
  position: relative;
}
@media (min-width: 1240px) {
  .c-features-gallery__images-mobile {
    display: none;
  }
}
.c-features-gallery__images-mobile > a {
  margin-top: 12px;
}
.c-features-gallery__images-mobile .tns-item {
  height: 245px;
}
@media (min-width: 1240px) {
  .c-features-gallery__images-mobile .tns-item {
    display: none;
  }
}
.c-features-gallery__images-mobile picture {
  width: 100%;
  height: 245px;
  box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
}
.c-features-gallery__images-mobile picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-features-gallery__images-mobile .bg-item {
  position: absolute;
  bottom: -56px;
  right: -90px;
}

.c-key-sell-points {
  margin-top: -40px;
}
@media (min-width: 768px) {
  .c-key-sell-points {
    margin-top: unset;
    padding-bottom: 88px;
  }
}
.c-key-sell-points__col1 {
  z-index: 0;
}
.c-key-sell-points__col1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% + 24px);
  height: 58px;
  transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 768px) {
  .c-key-sell-points__col1:before {
    content: none;
  }
}
@media (min-width: 768px) {
  .c-key-sell-points__col1 {
    margin-top: -120px;
  }
}
@media (min-width: 768px) {
  .c-key-sell-points__col3 {
    margin-top: -120px;
  }
}
.c-key-sell-points span.h5, .c-key-sell-points .c-accordion-div span.c-accordion, .c-accordion-div .c-key-sell-points span.c-accordion {
  font-weight: 500;
}
@media (min-width: 768px) {
  .c-key-sell-points span.h5, .c-key-sell-points .c-accordion-div span.c-accordion, .c-accordion-div .c-key-sell-points span.c-accordion {
    font-weight: 300;
  }
}
.c-key-sell-points__subtitle {
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  padding: 32px 24px 32px 20px;
  border-left: 4px solid #A44E6A;
}
.c-key-sell-points picture {
  width: 100%;
  height: 209.25px;
}
@media (min-width: 768px) {
  .c-key-sell-points picture {
    height: 290px;
  }
}
.c-key-sell-points picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .c-key-sell-points picture img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.c-layouts {
  padding-top: 79px;
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-layouts {
    padding-top: 80px;
  }
}
.c-layouts.section-edge:before {
  z-index: 0;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts-container {
    padding: 0;
    position: relative;
    z-index: 2;
  }
}
.c-layouts__heading {
  position: relative;
  height: 404px;
}
.c-layouts__heading-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 200;
  font-size: 64px;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -1.28px;
  display: inline-block;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-layouts__heading-title {
    font-size: 75px;
    line-height: 80%;
    letter-spacing: -3px;
  }
}
@media (min-width: 1240px) {
  .c-layouts__heading-title {
    font-size: 150px;
  }
}
.c-layouts__heading-title-line1 {
  margin: 0 0 -9px -31px;
  text-align: right;
  position: relative;
}
@media (min-width: 768px) {
  .c-layouts__heading-title-line1 {
    margin: 0;
    padding-bottom: 30px;
    padding-right: 220px;
    right: 0;
  }
}
@media (min-width: 1240px) {
  .c-layouts__heading-title-line1 {
    text-align: right;
  }
}
.c-layouts__heading-title-line2 {
  z-index: 0;
  text-align: right;
  position: relative;
  right: -24px;
}
@media (min-width: 768px) {
  .c-layouts__heading-title-line2 {
    right: 0;
  }
}
@media (min-width: 1240px) {
  .c-layouts__heading-title-line2 {
    right: 26px;
  }
}
.c-layouts__heading-text {
  max-width: 264px;
  z-index: 1;
  position: absolute;
  top: 170px;
}
@media (min-width: 768px) {
  .c-layouts__heading-text {
    max-width: 485px;
    top: 198px;
    left: 80px;
    margin-top: unset;
  }
}
.c-layouts__heading-text * {
  font-family: inherit;
  color: inherit;
  margin: 0;
  font-size: 23px;
}
@media (min-width: 768px) {
  .c-layouts__heading-text * {
    font-size: 26px;
  }
}
.c-layouts .c-layouts__items {
  position: relative;
  flex-direction: column;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__items {
    flex-direction: row;
    height: 500px;
    padding-top: unset;
  }
}
.c-layouts .c-layouts__items:before {
  content: "";
  background: #A44E6A;
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 56%;
  height: 2px;
  transform: translateY(-50%);
  right: -24px;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__items:before {
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 215px;
    right: auto;
  }
}
.c-layouts .c-layouts__items .c-layouts__item-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 240px;
  width: 100%;
  max-width: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  transition: 1s;
  cursor: pointer;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__items .c-layouts__item-wrap {
    flex: 1;
    height: 500px;
    max-width: none;
    width: 50%;
  }
}
.c-layouts .c-layouts__items .c-layouts__item-wrap.c-layouts__item-wrap1 {
  left: -24px;
  background-position: right center;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__items .c-layouts__item-wrap.c-layouts__item-wrap1 {
    left: auto;
    top: 125px;
    border-right: 2px solid #FAFAFF;
  }
}
.c-layouts .c-layouts__items .c-layouts__item-wrap.c-layouts__item-wrap2 {
  right: -24px;
  z-index: 2;
  align-self: flex-end;
  background-position: center center;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__items .c-layouts__item-wrap.c-layouts__item-wrap2 {
    z-index: 0;
    right: auto;
    top: 0;
  }
}
.c-layouts .c-layouts__items .c-layouts__item-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(141.19deg, rgba(34, 36, 52, 0.4) -3.29%, rgba(74, 77, 113, 0.4) 113.82%);
  z-index: -1;
}
.c-layouts .c-layouts__items .c-layouts__item-wrap .c-layouts__item-text {
  display: none;
}
.c-layouts .c-layouts__items .c-layouts__item-wrap.active {
  border-right: none;
}
.c-layouts .c-layouts__items .c-layouts__item-wrap.active .c-layouts__item-text {
  display: flex;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .c-layouts .c-layouts__items.active:before {
    right: 50%;
    transform: translate(50%, -50%);
    width: calc(100% + 48px);
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap {
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    align-self: flex-start;
    flex-direction: column;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.active {
    height: 502px;
    justify-content: flex-end;
    padding: 67px 24px;
    background-blend-mode: normal;
    background-color: transparent;
    z-index: 1;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.active:before {
    background: rgba(0, 0, 0, 0.4);
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.inactive {
    height: 102px;
  }
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__items:hover .c-layouts__item-wrap, .c-layouts .c-layouts__items.active .c-layouts__item-wrap {
    top: 35px !important;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap {
    flex-direction: column;
    background-blend-mode: normal;
    background-color: transparent;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.active {
    position: absolute;
    width: 88%;
    z-index: 1;
    justify-content: center;
    align-items: flex-start;
    padding: 0 15% 0 72px;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.active:before {
    background: rgba(0, 0, 0, 0.4);
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.active .c-layouts__item-title,
.c-layouts .c-layouts__items.active .c-layouts__item-wrap.active .c-layouts__item-text {
    max-width: 31%;
    min-width: 376px;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.c-layouts__item-wrap2.active {
    right: 0;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.inactive {
    position: absolute;
    width: 15%;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.inactive .c-layouts__item-title {
    opacity: 0;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.inactive.c-layouts__item-wrap1 {
    left: 0;
  }
  .c-layouts .c-layouts__items.active .c-layouts__item-wrap.inactive.c-layouts__item-wrap2 {
    right: 0;
  }
}
.c-layouts .c-layouts__end-text-wrap {
  padding: 112px 24px 0;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__end-text-wrap {
    padding: 245px 24px 35px;
  }
}
.c-layouts .c-layouts__end-text-wrap .c-layouts__end-text {
  max-width: 591px;
  display: inline-block;
  margin: 0 auto;
  z-index: 1;
  line-height: 110%;
  padding: 0 5px;
  position: relative;
  transition: 1s;
  top: 0;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__end-text-wrap .c-layouts__end-text {
    line-height: 98%;
    padding: 0;
  }
}
.c-layouts .c-layouts__end-text-wrap .c-layouts__colored-box {
  width: 100%;
  max-width: 1001px;
  height: 207px;
  background: linear-gradient(90deg, #FAFAFF -7.75%, #A9B3BC 75.54%);
  z-index: 0;
  top: -85px;
  position: relative;
  margin: 0 auto;
  transition: 1s;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__end-text-wrap .c-layouts__colored-box {
    height: 250px;
  }
}
.c-layouts .c-layouts__end-text-wrap .c-layouts__colored-box:before {
  content: "";
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 170px;
  bottom: -85px;
  background: #A44E6A;
  position: absolute;
  transition: 1s;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__end-text-wrap .c-layouts__colored-box:before {
    height: 240px;
    bottom: -120px;
  }
}
.c-layouts .c-layouts__end-text-wrap.el-visible .c-layouts__end-text {
  top: 65px;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__end-text-wrap.el-visible .c-layouts__end-text {
    top: 85px;
  }
}
.c-layouts .c-layouts__end-text-wrap.el-visible .c-layouts__colored-box:before {
  height: 46px;
  bottom: -23px;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__end-text-wrap.el-visible .c-layouts__colored-box:before {
    height: 64px;
    bottom: -32px;
  }
}
.c-layouts .c-layouts__item-title, .c-layouts .c-layouts__end-text {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 33px;
  line-height: 110%;
}
@media (min-width: 768px) {
  .c-layouts .c-layouts__item-title, .c-layouts .c-layouts__end-text {
    font-size: 44px;
    letter-spacing: -0.01em;
    line-height: 98%;
  }
}
.c-layouts .c-layouts__item-title {
  font-weight: 200;
  font-size: 32px;
  line-height: 98%;
  letter-spacing: -0.01em;
}
@media (min-width: 1240px) {
  .c-layouts .c-layouts__item-title {
    font-size: 59px;
  }
}
.c-layouts.variation-2 {
  background-color: #303136;
  padding-bottom: 113px;
  position: relative;
  padding-top: 0;
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-layouts.variation-2 {
    padding-bottom: 217px;
  }
}
.c-layouts.variation-2 .c-layouts__background {
  position: absolute;
  top: 0;
  right: 0;
  width: 968px;
  height: 100%;
}
.c-layouts.variation-2 .c-layouts__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.05;
  filter: grayscale(1);
}
.c-layouts.variation-2 .c-layouts__items {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .c-layouts.variation-2 .c-layouts__items {
    margin-top: 92px;
  }
}
@media (min-width: 1240px) {
  .c-layouts.variation-2 .c-layouts__items {
    margin-top: 40px;
  }
}
.c-layouts.variation-2 .c-layouts__items:hover .c-layouts__item-wrap figure {
  opacity: 1;
}
.c-layouts.variation-2 .c-layouts__item-wrap::before {
  background: linear-gradient(141deg, rgba(34, 36, 52, 0.5) -3.29%, rgba(74, 77, 113, 0.5) 113.82%);
}
.c-layouts.variation-2 .c-layouts__item-wrap.active figure {
  opacity: 1;
}
.c-layouts.variation-2 .c-layouts__item-wrap figure {
  opacity: 0;
  z-index: -1;
  transition: 600ms ease-out;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.c-layouts.variation-2 .c-layouts__item-wrap figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-layouts.variation-2 .c-layouts__item-wrap figure .overlay {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(141deg, rgba(34, 36, 52, 0.4) -3.29%, rgba(74, 77, 113, 0.4) 113.82%);
}
.c-layouts.variation-2 .c-layouts__background-title {
  position: absolute;
  top: 80px;
  display: flex;
  flex-direction: column;
  right: 0;
}
@media (min-width: 768px) {
  .c-layouts.variation-2 .c-layouts__background-title {
    gap: 30px;
  }
}
.c-layouts.variation-2 .c-layouts__background-title span {
  color: #596673;
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .c-layouts.variation-2 .c-layouts__background-title span {
    font-size: 100px;
    line-height: 80%;
    letter-spacing: -3px;
  }
}
@media (min-width: 1240px) {
  .c-layouts.variation-2 .c-layouts__background-title span {
    font-size: 150px;
  }
}
.c-layouts.variation-2 .c-layouts__background-title span:first-child {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .c-layouts.variation-2 .c-layouts__background-title span:first-child {
    margin-left: -20px;
  }
}
.c-layouts.variation-2 .c-layouts__background-title span:last-child {
  margin-left: 20px;
  margin-top: -10px;
}
@media (min-width: 768px) {
  .c-layouts.variation-2 .c-layouts__background-title span:last-child {
    margin-top: unset;
  }
}
.c-layouts.variation-2 .c-layouts__content {
  display: flex;
  flex-direction: column;
  max-width: 591px;
  width: 100%;
  margin: 0;
  padding-top: 194px;
}
@media (min-width: 768px) {
  .c-layouts.variation-2 .c-layouts__content {
    padding-top: 300px;
    margin: 0 0 0 40px;
  }
}
@media (min-width: 1240px) {
  .c-layouts.variation-2 .c-layouts__content {
    padding-top: 382px;
    margin: 0 0 0 80px;
  }
}
.c-layouts.variation-2 .c-layouts__content .section-overline {
  color: #A44E6A;
  font-family: "Larsseit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 4.2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.c-layouts.variation-2 .c-layouts__content .section-heading {
  font-family: "Montserrat", sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%;
  color: #FAFAFF;
  margin: 0;
}
@media (min-width: 1240px) {
  .c-layouts.variation-2 .c-layouts__content .section-heading {
    line-height: 98%;
    font-size: 44px;
    letter-spacing: -0.44px;
  }
}
.c-layouts.variation-2 .c-layouts__content p {
  color: #FAFAFF;
  font-family: "Larsseit", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  max-width: 485px;
  width: 100%;
  margin: 22px 0 0;
}
@media (min-width: 768px) {
  .c-layouts.variation-2 .c-layouts__content p {
    font-size: 21px;
    font-weight: 300;
  }
}

.c-floor-plans {
  padding-top: 32px;
  padding-bottom: 22px;
  overflow: hidden;
  background: #374048;
}
.c-floor-plans.mobile-active {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .c-floor-plans {
    padding-top: 74px;
  }
}
@media (min-width: 1240px) {
  .c-floor-plans {
    padding-bottom: 36px;
  }
}
.c-floor-plans__header {
  padding: 32px 24px;
  border-top: 0.5px solid rgba(140, 153, 166, 0.5);
  border-bottom: 0.5px solid rgba(140, 153, 166, 0.5);
}
@media (min-width: 768px) {
  .c-floor-plans__header {
    padding: 54px 0 32px;
  }
}
.c-floor-plans__header .o-button--secondary-download {
  background: #222434;
  z-index: 2;
}
@media (min-width: 768px) {
  .c-floor-plans__header .o-button--secondary-download {
    margin-right: -24px;
  }
}
.c-floor-plans__header-text {
  max-width: 454px;
}
.c-floor-plans__header-text * {
  margin: 8px 0 0;
}
.c-floor-plans__sidebar {
  padding: 32px 24px;
}
@media (min-width: 1240px) {
  .c-floor-plans__sidebar {
    padding: 48px 0;
  }
}
.c-floor-plans__sidebar .c-floor-plans__sidebar-group + .c-floor-plans__sidebar-group {
  margin-top: 56px;
}
.c-floor-plans__sidebar--plan-group-link {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: 2px solid transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.35em;
  text-transform: uppercase;
}
@media (min-width: 1240px) {
  .c-floor-plans__sidebar--plan-group-link {
    font-size: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}
.c-floor-plans__sidebar--plan-group-link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 12px);
  transform: translateY(-50%);
  background: url(/app/themes/the-estate-makati/src/images/periwinkle-arrow-down.svg) no-repeat scroll right center/contain transparent;
  height: 5px;
  width: 9px;
}
.c-floor-plans__sidebar--plan-group-link.active {
  color: #fff;
}
.c-floor-plans__sidebar--plan-group-link.active.selected {
  border-bottom: 2px solid #A44E6A;
}
.c-floor-plans__sidebar--plan-group-link.active:before {
  background: url(/app/themes/the-estate-makati/src/images/white-arrow-up.svg) no-repeat scroll right center/contain transparent;
}
.c-floor-plans__sidebar--plan-item-wrap {
  padding: 0;
  margin-top: 32px;
  display: none;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.c-floor-plans__sidebar--plan-item-wrap.active {
  display: flex;
}
@media (min-width: 1240px) {
  .c-floor-plans__sidebar--plan-item-wrap {
    padding: 24px 32px 0;
    margin-top: 0;
    display: none;
  }
  .c-floor-plans__sidebar--plan-item-wrap.active {
    display: block;
  }
}
.c-floor-plans__sidebar--plan-item-wrap .mobile-floor-plan-link:before {
  content: "";
  background: linear-gradient(21.37deg, rgba(24, 31, 51, 0.85) 23.02%, rgba(41, 53, 87, 0.2465) 95.26%);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-floor-plans__sidebar--plan-item-wrap .mobile-floor-plan-link:before {
    content: none;
  }
}
.c-floor-plans__sidebar--plan-item-wrap .mobile-floor-plan-link:after {
  content: "";
  background: url(/app/themes/the-estate-makati/src/images/enlarge-icon.png) no-repeat scroll right center/cover transparent;
  position: absolute;
  top: -8px;
  right: 8px;
  height: 28px;
  width: 28px;
}
@media (min-width: 1240px) {
  .c-floor-plans__sidebar--plan-item-wrap .mobile-floor-plan-link:after {
    content: none;
  }
}
.c-floor-plans__sidebar--plan-item-wrap .mobile-floor-plan-link.c-floor-plans__sidebar--plan-item-link:after {
  height: 20px;
  width: 20px;
}
.c-floor-plans__sidebar--plan-item-link {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 127px;
  height: 115px;
  position: relative;
}
@media (min-width: 1240px) {
  .c-floor-plans__sidebar--plan-item-link {
    background: none !important;
    height: auto;
    width: auto;
    margin-bottom: 8px;
    border-bottom: 2px solid transparent;
    padding-bottom: 6px;
  }
}
.c-floor-plans__sidebar--plan-item-link span {
  position: absolute;
  left: 8px;
  bottom: 8px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}
@media (min-width: 1240px) {
  .c-floor-plans__sidebar--plan-item-link span {
    position: relative;
    font-family: "Larsseit", sans-serif;
    line-height: 140%;
    font-weight: 500;
    bottom: auto;
    left: auto;
  }
}
.c-floor-plans__sidebar--plan-item-link.active.selected {
  border-bottom: 2px solid #A44E6A;
}
.c-floor-plans__sidebar--plan-item-link.active span {
  color: #fff;
}
.c-floor-plans__sidebar--plan-group-link-mobile {
  width: 280px;
  height: 212px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (min-width: 1240px) {
  .c-floor-plans__sidebar--plan-group-link-mobile {
    display: none;
  }
}
.c-floor-plans__sidebar--plan-group-link-mobile span {
  position: absolute;
  left: 12px;
  bottom: 13px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 120%;
}
.c-floor-plans .c-zoom-buttons-wrap {
  max-width: 735px;
  gap: 16px;
  margin-top: 24px;
}
.c-floor-plans .c-zoom-buttons-wrap .c-zoom-button {
  cursor: pointer;
  background: #A44E6A;
  box-shadow: 0px 8px 12px rgba(24, 31, 51, 0.32);
  height: 48px;
  width: 48px;
}
.c-floor-plans .c-zoom-buttons-wrap .c-zoom-button.disabled {
  cursor: not-allowed;
}
.c-floor-plans .c-floor-main-image {
  transition: 1s;
  cursor: grab;
}
.c-floor-plans .c-floor-main-image.darken {
  opacity: 0.7;
}
.c-floor-plans__side-images-wrap {
  position: absolute;
  padding-top: 48px;
  z-index: 2;
  display: none;
  bottom: -60px;
  top: auto;
  right: auto;
  gap: 13px;
  transition: 1s;
}
@media (min-width: 1240px) {
  .c-floor-plans__side-images-wrap {
    display: none;
    flex-direction: column;
    top: 0;
    right: -245px;
    gap: unset;
    bottom: auto;
  }
}
.c-floor-plans__side-images-wrap.visible {
  display: flex;
}
.c-floor-plans__side-images-wrap picture {
  cursor: pointer;
  width: 157px;
  height: 119px;
}
@media (min-width: 1240px) {
  .c-floor-plans__side-images-wrap picture {
    width: 258px;
    height: 193px;
    margin-top: 15px;
  }
}
@media (min-width: 1240px) {
  .c-floor-plans__side-images-wrap picture:first-of-type {
    margin-top: 0;
  }
}
.c-floor-plans__side-images-wrap picture:first-of-type + picture {
  margin-left: 0;
  margin-top: -14px;
  transition: 0.5s;
}
@media (min-width: 1240px) {
  .c-floor-plans__side-images-wrap picture:first-of-type + picture {
    margin-top: 15px;
    margin-left: -47px;
  }
}
.c-floor-plans__side-images-wrap picture img {
  width: 100%;
  height: 119px;
  -o-object-fit: cover;
     object-fit: cover;
  filter: drop-shadow(4px 16px 54px rgba(24, 31, 51, 0.24));
  opacity: 0.5;
  transition: 1s;
}
@media (min-width: 1240px) {
  .c-floor-plans__side-images-wrap picture img {
    width: 258px;
    height: 193px;
  }
}
.c-floor-plans__side-images-wrap .c-slide-in-icon {
  cursor: pointer;
  position: absolute;
  transform: translateX(50%) rotate(90deg);
  right: 50%;
  top: -45px;
  width: 46px;
  height: 46px;
}
@media (min-width: 1240px) {
  .c-floor-plans__side-images-wrap .c-slide-in-icon {
    right: calc(100% + 63px);
    top: calc(50% + 24px);
    transform: translateY(-50%);
  }
}
.c-floor-plans__side-images-wrap .c-slide-in-icon svg {
  transition: 0.5s;
}
.c-floor-plans__side-images-wrap .c-slide-in-icon svg:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.c-floor-plans__side-images-wrap.active {
  right: auto;
  bottom: 0;
}
@media (min-width: 1240px) {
  .c-floor-plans__side-images-wrap.active {
    right: 12px;
    bottom: auto;
  }
}
.c-floor-plans__side-images-wrap.active picture:first-of-type + picture {
  margin-top: 0;
}
@media (min-width: 1240px) {
  .c-floor-plans__side-images-wrap.active picture:first-of-type + picture {
    margin-left: 0;
    margin-top: 15px;
  }
}
.c-floor-plans__side-images-wrap.active picture img {
  opacity: 1;
}
.c-floor-plans__side-images-wrap.active .c-slide-in-icon svg:first-child {
  opacity: 0;
}
.c-floor-plans__side-images-wrap.active .c-slide-in-icon svg:last-child {
  opacity: 1;
}
.c-floor-plans__image-row .c-close-icon {
  display: none;
}
@media screen and (max-width: 1239px) {
  .c-floor-plans__image-row.mobile-active {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    z-index: 999;
    height: auto;
    padding: 0;
    background: #374048;
    width: calc(100% + 48px);
    margin: 0;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-group.parent-active-plan-link {
    margin-top: 0;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar {
    padding: 32px 12px;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col {
    background-color: #181F33;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .c-floor-plans__sidebar--plan-item-wrap.active {
    background-color: #FAFAFF;
    max-width: none;
    padding: 17px 10px;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .c-floor-plans__sidebar-group:not(.parent-active-plan-link) {
    display: none;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .c-floor-plans__sidebar--plan-group-link-mobile {
    display: none;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .c-floor-plans__sidebar--plan-group-link:before {
    transform: translateY(-150%) rotate(90deg);
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .mobile-floor-plan-link {
    background: none !important;
    height: auto;
    width: auto;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .mobile-floor-plan-link::before, .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .mobile-floor-plan-link::after {
    content: none;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .mobile-floor-plan-link .link-item-label {
    position: relative;
    bottom: auto;
    left: auto;
    color: #5F6391;
    font-family: "Larsseit", sans-serif;
    font-weight: 300;
    line-height: 140%;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__sidebar-col .mobile-floor-plan-link.active .link-item-label {
    color: #181F33;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__image-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 999;
    min-height: 590px;
    height: 100%;
    padding: 0;
    background: #374048;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__image-col .c-zoom-buttons-wrap {
    margin-top: 32px;
  }
  .c-floor-plans__image-row.mobile-active .c-floor-plans__image-col .c-zoom-buttons-wrap .c-zoom-button {
    width: 32px;
    height: 32px;
  }
  .c-floor-plans__image-row.mobile-active.full-modal .c-floor-plans__sidebar--plan-item-wrap,
.c-floor-plans__image-row.mobile-active.full-modal .c-floor-plans__side-images-wrap {
    display: none;
  }
  .c-floor-plans__image-row.mobile-active.full-modal .c-floor-plans__image-col {
    padding: 16px 16px 32px;
    min-height: auto;
  }
  .c-floor-plans__image-row.mobile-active.full-modal .c-floor-plans__image-col .c-floorplan-image.active {
    height: 75%;
    max-height: 669px;
  }
  .c-floor-plans__image-row.mobile-active .c-close-icon {
    position: absolute;
    display: block;
    top: 32px;
    right: 32px;
    cursor: pointer;
  }
}
.c-floor-plans__image-col {
  display: none;
}
@media (min-width: 1240px) {
  .c-floor-plans__image-col {
    display: block;
  }
}
.c-floor-plans__image-col .c-floorplan-image {
  display: none;
}
.c-floor-plans__image-col .c-floorplan-image.active {
  display: block;
  animation: fadeIn 1s;
  width: 100%;
  height: 321px;
  overflow: auto;
  position: relative;
}
@media (min-width: 1240px) {
  .c-floor-plans__image-col .c-floorplan-image.active {
    width: 735px;
    height: 551px;
  }
}
.c-floor-plans__image-col .c-floorplan-image.active img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.c-floor-plans__image-col .c-floor-item-image {
  display: none;
}
.c-floor-plans__image-col.cloned-modal {
  position: fixed;
  height: calc(100% - 102px);
  width: calc(100% - 160px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  box-shadow: 0 0px 25px 0px rgba(0, 0, 0, 0.25);
  background-color: #374048;
}
.c-floor-plans__image-col.cloned-modal .c-floorplan-image.active {
  height: 100%;
  width: 100%;
}
.c-floor-plans__image-col.cloned-modal .c-floorplan-image.active img {
  height: 100%;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-floor-plans__image-col.cloned-modal .c-zoom-buttons-wrap {
  position: absolute;
  bottom: 46px;
  left: 105px;
}
.c-floor-plans__image-col.cloned-modal .c-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
@media (min-width: 1240px) {
  .c-floor-plans .c-side-design-border {
    position: absolute;
    right: 36px;
    bottom: 0;
    height: 593px;
    width: 1px;
    background: #A44E6A;
    opacity: 0;
    transition: 1s;
  }
  .c-floor-plans .c-side-design-border::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    width: 24px;
    height: 24px;
    background: transparent;
    border: 1px solid #A44E6A;
    border-radius: 50%;
    transform: translateX(-50%);
  }
  .c-floor-plans .c-side-design-border.active {
    opacity: 1;
  }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.c-floorplan-image::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.c-floorplan-image {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.c-fixtures-finishes {
  z-index: 1;
  overflow: hidden;
}
.c-fixtures-finishes__header {
  padding: 56px 24px 24px;
  border-bottom: 0.5px solid rgba(140, 153, 166, 0.5);
}
@media (min-width: 768px) {
  .c-fixtures-finishes__header {
    padding: 72px 0 40px;
  }
}
.c-fixtures-finishes__header-text {
  max-width: 536px;
}
.c-fixtures-finishes__header-text * {
  margin: 8px 0 0;
}
.c-fixtures-finishes__brands-heading {
  font-style: normal;
  font-weight: 200;
  font-size: 19px;
  line-height: 130%;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__brands-heading {
    font-weight: 300;
    font-size: 21px;
  }
}
.c-fixtures-finishes__brands-wrap {
  margin-top: 24px;
  gap: 28px;
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__brands-wrap {
    gap: 24px;
  }
}
.c-fixtures-finishes .c-circle-holder:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 36px;
  border: 1px solid #A44E6A;
  border-radius: 50%;
  background: transparent;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
}
@media (min-width: 768px) {
  .c-fixtures-finishes .c-circle-holder:before {
    left: 116px;
  }
}
.c-fixtures-finishes__items-wrap {
  padding: 0;
  position: relative;
  z-index: 2;
  padding-bottom: 55px;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__items-wrap {
    padding: 40px 115px 110px 72px;
    z-index: 0;
  }
}
.c-fixtures-finishes__items-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 36px;
  width: 1px;
  height: 100%;
  background: #A44E6A;
  z-index: -1;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__items-wrap:before {
    left: 116px;
  }
}
.c-fixtures-finishes__items-wrap:after {
  position: absolute;
  top: 0;
  left: 301px;
  width: 1px;
  height: 100%;
  background: rgba(140, 153, 166, 0.5);
  z-index: -1;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__items-wrap:after {
    content: "";
  }
}
.c-fixtures-finishes__item-wrap {
  gap: 24px;
  align-items: flex-start;
  margin-top: 40px;
  flex-flow: column;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__item-wrap {
    align-items: flex-end;
    margin-top: 80px;
    flex-flow: unset;
  }
}
.c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-image-wrap picture img {
  box-shadow: 4px 16px 54px rgba(24, 31, 51, 0.24);
}
.c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-content-wrap {
  max-width: 387px;
  margin-left: 36px;
}
@media (min-width: 1700px) {
  .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-content-wrap {
    margin-left: unset;
    max-width: 50%;
  }
}
.c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-content-wrap.even-item {
  max-width: 337px;
}
@media (min-width: 1700px) {
  .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-content-wrap.even-item {
    max-width: 50%;
  }
}
.c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-title {
  font-size: 23px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%; /* 29.952px */
  letter-spacing: -0.461px;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 1240px) {
  .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-title {
    font-size: 38px;
    line-height: 120%;
    letter-spacing: -0.76px;
  }
}
.c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-text {
  margin-top: 12px;
  margin-bottom: 55px;
}
.c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-brand-wrap {
  gap: 24px;
}
.c-fixtures-finishes__item-wrap1 .c-fixtures-finishes__item-image-wrap {
  width: 75%;
  min-width: 246px;
  font-size: 0;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__item-wrap1 .c-fixtures-finishes__item-image-wrap {
    width: auto;
  }
}
.c-fixtures-finishes__item-wrap1 .c-fixtures-finishes__item-image-wrap img {
  max-width: 100%;
  width: 246px;
  height: 187px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__item-wrap1 .c-fixtures-finishes__item-image-wrap img {
    width: auto;
    height: auto;
  }
}
.c-fixtures-finishes__item-wrap2 {
  position: relative;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__item-wrap2 {
    justify-content: flex-start;
    margin-right: 0;
    margin-top: 80px;
  }
}
.c-fixtures-finishes__item-wrap2 .c-fixtures-finishes__item-image-wrap {
  align-self: flex-end;
  margin-right: -24px;
  min-width: 194px;
  font-size: 0;
  width: 194px;
  height: 255px;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__item-wrap2 .c-fixtures-finishes__item-image-wrap {
    align-self: unset;
    margin-right: unset;
    width: auto;
    height: auto;
  }
}
.c-fixtures-finishes__item-wrap2 .c-fixtures-finishes__item-image-wrap img {
  width: 194px;
  height: 255px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__item-wrap2 .c-fixtures-finishes__item-image-wrap img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}
.c-fixtures-finishes__item-wrap3 .c-fixtures-finishes__item-image-wrap {
  margin-left: 56px;
  font-size: 0;
}
.c-fixtures-finishes__item-wrap3 .c-fixtures-finishes__item-image-wrap img {
  min-width: 245px;
  width: 245px;
  height: 187px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .c-fixtures-finishes__item-wrap3 .c-fixtures-finishes__item-image-wrap img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.c-fixtures-finishes .c-fixtures-finishes__item-image-middle {
  width: 142px;
  height: 109px;
  overflow: hidden;
  margin-top: 28px;
  margin-left: 90px;
  margin-left: auto;
  margin-right: 119px;
  position: relative;
  z-index: 1;
  display: none;
}
.c-fixtures-finishes .c-fixtures-finishes__item-image-middle img {
  max-width: 100%;
  width: 100%;
}
.c-fixtures-finishes .c-fixtures-finishes__brands-col-desktop {
  display: none;
}
@media (min-width: 768px) {
  .c-fixtures-finishes .c-fixtures-finishes__brands-col-desktop {
    display: flex;
    flex-direction: column;
    max-width: 554px;
    margin-left: auto;
  }
}
.c-fixtures-finishes .c-fixtures-finishes__brands-col-mobile {
  background: #8C99A6;
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 24px);
  position: relative;
  padding: 32px 16px;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .c-fixtures-finishes .c-fixtures-finishes__brands-col-mobile {
    display: none;
  }
}
.c-fixtures-finishes .c-fixtures-finishes__brands-col-mobile .c-fixtures-finishes__brands-wrap {
  flex-wrap: wrap;
  justify-content: center;
}
.c-fixtures-finishes .c-fixtures-finishes__brands-col-mobile .c-fixtures-finishes__brands-wrap img {
  max-width: 63px;
  max-height: 27px;
}

@media (min-width: 1240px) {
  .c-partners::before {
    display: none;
  }
}
.c-partners .container-fluid {
  padding: 0;
}
.c-partners .row {
  min-height: 830px;
  margin: 0;
}
.c-partners__left {
  position: relative;
  height: 287px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-partners__left {
    flex: 1 0 calc(30% - 24px);
    height: unset;
  }
}
.c-partners__left picture {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
}
.c-partners__left picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-partners__right {
  width: 100%;
  position: relative;
  margin-top: 72px;
  padding: 0 46px 78px;
}
@media (min-width: 1240px) {
  .c-partners__right {
    flex: 1 0 70%;
    padding: 80px 0 96px 92px;
  }
  .c-partners__right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: calc(100% - 80px);
    background-color: rgba(140, 153, 166, 0.5);
    z-index: 1;
  }
}
.c-partners__list {
  padding-top: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row wrap;
}
@media (min-width: 1240px) {
  .c-partners__list {
    padding-top: 56px;
    width: 100%;
    max-width: 658px;
    -moz-column-gap: 54px;
         column-gap: 54px;
  }
}
.c-partners__list span {
  display: block;
  color: #16191D;
  line-height: 140%;
}
@media (min-width: 768px) {
  .c-partners__list li {
    flex: 0 0 45%;
  }
}
.c-partners__list li > span:first-child {
  margin-bottom: 4px;
  font-weight: 500;
}
.c-partners__list li > span:last-child {
  font-weight: 300;
  margin-bottom: 18px;
}

.c-video-banner {
  position: relative;
  overflow: hidden;
}
.c-video-banner__content {
  position: absolute;
  top: 299px;
  max-width: 797px;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 3;
  opacity: 1;
  transition: all 600ms ease-in-out;
}
.c-video-banner__content h1 {
  margin: 0 0 12px;
  padding: 0 24px;
}
.c-video-banner__content p {
  font-family: "Larsseit", sans-serif;
  margin: 0;
  font-weight: 300;
  font-size: 21px;
  line-height: 130%;
}
.c-video-banner__wrap {
  position: relative;
  overflow: hidden;
  width: calc(100vw - 48px);
  height: calc(100vh - 80px);
  top: 0;
  left: 24px;
  transition: all 600ms ease;
}
@media (min-width: 1240px) {
  .c-video-banner__wrap {
    width: calc(100vw - 160px);
    height: calc(100vh - 96px);
    left: 80px;
  }
}
.c-video-banner__wrap .c-video-shadow {
  display: block;
  background: linear-gradient(0deg, rgba(55, 64, 72, 0.5), rgba(55, 64, 72, 0.5));
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 600ms ease-in-out;
  opacity: 1;
}
.c-video-banner__wrap--expand {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.c-video-banner__wrap--expand .c-video-shadow {
  opacity: 0;
}
.c-video-banner__wrap--expand + .c-video-banner__content {
  opacity: 1;
}
.c-video-banner__wrap--expand + .c-video-banner__content--hide {
  opacity: 0;
}
.c-video-banner video {
  position: absolute;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-video-banner video::-webkit-media-controls {
  display: none !important;
}
.c-video-banner + section {
  z-index: 10;
  background-color: #FAFAFF;
}

#video-desktop {
  display: none;
}
@media (min-width: 768px) {
  #video-desktop {
    display: block;
  }
}

#video-mobile {
  display: block;
}
@media (min-width: 768px) {
  #video-mobile {
    display: none;
  }
}

#video-mobile-img {
  display: block;
}
@media (min-width: 768px) {
  #video-mobile-img {
    display: none;
  }
}

.c-home-overview .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #8C99A6;
  padding-bottom: 1px;
}
.c-home-overview__heading {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 40px 0;
}
@media (min-width: 1240px) {
  .c-home-overview__heading {
    padding: 64px 0;
    max-width: 639px;
  }
}
.c-home-overview__heading .title {
  margin: 0;
  letter-spacing: -0.44px;
}
.c-home-overview__heading .description {
  margin: 0;
  max-width: 432px;
  width: 100%;
}
.c-home-overview__cards {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
@media (min-width: 1240px) {
  .c-home-overview__cards {
    border-top: 1px solid #8C99A6;
    border-bottom: 1px solid #8C99A6;
  }
}
.c-home-overview__cards .card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 300ms ease-out;
  border-bottom: 1px solid #8C99A6;
  border-top: 1px solid #8C99A6;
  width: 100%;
  height: 200px;
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card {
    width: 50%;
    height: 240px;
  }
}
.c-home-overview__cards .card:hover {
  background-color: #FAFAFF;
  height: auto;
  padding-top: 0;
  border-top: 0;
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card:hover {
    padding-top: 16px;
    height: 240px;
  }
}
.c-home-overview__cards .card:hover .short-content {
  display: none;
}
.c-home-overview__cards .card:hover .full-content {
  opacity: 1;
  top: 0;
  height: unset;
}
.c-home-overview__cards .card:hover .card-image {
  opacity: 1;
  height: 259px;
  margin-bottom: 24px;
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card:hover .card-image {
    height: 100%;
    margin-bottom: unset;
  }
}
.c-home-overview__cards .card.inactive .short-content {
  display: none;
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card:first-child {
    border-top: none;
    border-right: 1px solid #8C99A6;
  }
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card:nth-child(2) {
    border-top: none;
  }
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card:nth-child(3) {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #8C99A6;
  }
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card:last-child {
    border-top: none;
    border-bottom: none;
  }
}
.c-home-overview__cards .card .short-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.c-home-overview__cards .card .full-content {
  opacity: 0;
  height: 0;
  top: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 300ms ease-out;
}
.c-home-overview__cards .card .card-image {
  width: 100%;
  height: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: calc(100% + 32px + 48px);
  -o-object-position: center;
     object-position: center;
  transition: 300ms ease-out;
  opacity: 0;
}
@media (min-width: 768px) {
  .c-home-overview__cards .card .card-image {
    width: calc(100% + 32px + 80px);
  }
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card .card-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    width: 100%;
  }
}
.c-home-overview__cards .card .card-title {
  margin: 8px 0 0;
  letter-spacing: -0.76px;
}
.c-home-overview__cards .card .card-description {
  margin: 8px 0 0;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card .card-description {
    white-space: unset;
    font-size: 18px;
    line-height: 150%;
  }
}
.c-home-overview__cards .card .card-anchor {
  margin-top: 24px;
}
@media (min-width: 1240px) {
  .c-home-overview__cards .card .card-anchor {
    margin-top: 8px;
  }
}

.c-prime-location {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.c-prime-location .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.c-prime-location .container .divider {
  height: 40px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-prime-location .container .divider {
    max-width: 791px;
    height: 80px;
    border-left: 1px solid #8C99A6;
    border-right: 1px solid #8C99A6;
  }
}
.c-prime-location__background {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.c-prime-location__background img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0.3;
  filter: grayscale(1);
}
.c-prime-location__background .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(9deg, rgba(249, 250, 251, 0) 7.23%, #F9FAFB 74.8%);
  background-blend-mode: normal, luminosity, normal;
}
.c-prime-location__heading {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding: 40px 0 48px;
  max-width: 791px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-prime-location__heading {
    padding: 80px 76px 48px;
    border-left: 1px solid #8C99A6;
    border-right: 1px solid #8C99A6;
  }
}
.c-prime-location__heading .heading-overline {
  color: #A44E6A;
  white-space: nowrap;
}
.c-prime-location__heading .heading-title {
  margin: 12px 0 0;
  letter-spacing: -0.44px;
}
.c-prime-location__heading .heading-description {
  margin: 32px 0 0;
  max-width: 432px;
  width: 100%;
}
.c-prime-location__image {
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 1px solid #8C99A6;
  border-bottom: 1px solid #8C99A6;
  width: calc(100% + 48px);
  align-items: center;
  height: 546px;
}
@media (min-width: 768px) {
  .c-prime-location__image {
    width: 100%;
  }
}
.c-prime-location__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  padding: 0 24px;
}
@media (min-width: 768px) {
  .c-prime-location__image img {
    padding: 0;
    max-width: 791px;
  }
}
@media (min-width: 1240px) {
  .c-prime-location__image img {
    border-left: 1px solid #8C99A6;
    border-right: 1px solid #8C99A6;
  }
}

.c-unit-details {
  position: relative;
  overflow: hidden;
  background-color: #FAFAFF;
  border-bottom: 1px solid rgba(140, 153, 166, 0.5019607843);
  border-top: 1px solid rgba(140, 153, 166, 0.5019607843);
}
.c-unit-details .container {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.c-unit-details__background {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 66%;
  height: 100%;
}
@media (min-width: 1240px) {
  .c-unit-details__background {
    display: block;
  }
}
.c-unit-details__background img {
  filter: grayscale(1);
  opacity: 0.1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-unit-details__background .overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(92deg, #FAFAFF 2.43%, rgba(250, 250, 255, 0) 57.09%);
  background-blend-mode: normal, luminosity;
}
.c-unit-details__wrapper {
  max-width: 821px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 606px;
  padding: 48px 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-unit-details__wrapper {
    padding: 96px 0 0;
    gap: 80px;
    min-height: 679px;
  }
}
@media (min-width: 902px) {
  .c-unit-details__wrapper::before {
    content: "";
    width: 1px;
    height: 100%;
    right: 861px;
    top: 0;
    position: absolute;
    background-color: #C5CCD3;
    z-index: 2;
  }
}
@media (min-width: 1240px) {
  .c-unit-details__wrapper::before {
    right: 901px;
  }
}
.c-unit-details__heading {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
  z-index: 2;
}
.c-unit-details__heading .heading-overline {
  color: #A44E6A;
}
.c-unit-details__heading .heading-title {
  margin: 0;
  letter-spacing: -0.44px;
}
.c-unit-details__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}
@media (min-width: 768px) {
  .c-unit-details__content {
    gap: 0;
    flex-direction: row;
    gap: 16px;
  }
}
.c-unit-details__zones {
  max-width: 215px;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
@media (min-width: 768px) {
  .c-unit-details__zones {
    gap: 0;
    flex-direction: column;
  }
}
.c-unit-details__zones .zone {
  padding: 0;
  font-family: "Larsseit";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  cursor: pointer;
  display: flex;
  gap: 32px;
  align-items: center;
  padding: 0 0 8px;
  border-bottom: 2px solid transparent;
  color: #60616C;
}
@media (min-width: 768px) {
  .c-unit-details__zones .zone {
    color: #5F6391;
    padding: 12px 32px;
    border-bottom: none;
    border-left: 3px solid transparent;
    font-weight: 300;
  }
}
.c-unit-details__zones .zone svg {
  display: none;
}
@media (min-width: 1240px) {
  .c-unit-details__zones .zone:hover {
    color: #16191D;
    border-color: #a44e6a;
  }
}
@media (min-width: 1240px) {
  .c-unit-details__zones .zone:hover svg {
    display: block;
  }
}
.c-unit-details__zones .zone.active {
  color: #394A79;
  border-color: #394A79;
}
@media (min-width: 768px) {
  .c-unit-details__zones .zone.active {
    color: #16191D;
    border-color: #a44e6a;
  }
}
@media (min-width: 768px) {
  .c-unit-details__zones .zone.active svg {
    display: block;
  }
}
.c-unit-details__zone-details {
  max-width: 489px;
  width: 100%;
}
.c-unit-details__zone-details .details {
  display: none;
  flex-direction: column;
}
.c-unit-details__zone-details .details.active {
  display: flex;
}
.c-unit-details__zone-details .details > * {
  z-index: 2;
}
.c-unit-details__zone-details .details-image {
  position: absolute;
  left: -51px;
  top: 114px;
  max-width: 465px;
  width: 100%;
  height: 606px;
  z-index: 1;
  opacity: 0.2;
}
@media (min-width: 1115px) {
  .c-unit-details__zone-details .details-image {
    left: 0;
    top: 51px;
    height: 628px;
    opacity: 1;
  }
}
.c-unit-details__zone-details .details-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
}
.c-unit-details__zone-details .details-image .overlay {
  opacity: 0.95;
  background: linear-gradient(91deg, rgba(239, 239, 245, 0) 50.54%, #F9F9FE 97.78%);
  background-blend-mode: normal, luminosity;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.c-unit-details__zone-details .details-title {
  margin: 0;
  letter-spacing: -0.76px;
}
.c-unit-details__zone-details .details-floors {
  font-family: "Larsseit";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-top: 8px;
}
.c-unit-details__zone-details .details-description {
  margin: 16px 0 0;
  font-family: "Larsseit";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
.c-unit-details__zone-details .details-units {
  margin-top: 24px;
  padding: 10px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .c-unit-details__zone-details .details-units {
    gap: 8px;
  }
}
.c-unit-details__zone-details .details-units .unit {
  font-family: "Larsseit";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #a44e6a;
  height: 32px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 284px;
  width: 100%;
}
.c-unit-details__zone-details .details-units .unit .unit-button {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  border: 1px solid #a44e6a;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-unit-details__zone-details .details-units .unit:hover {
  color: #B86A84;
}
.c-unit-details__zone-details .details-units .unit:hover .unit-button {
  border-color: #B86A84;
}
.c-unit-details__zone-details .details-units .unit:hover .unit-button svg path, .c-unit-details__zone-details .details-units .unit:hover .unit-button svg rect {
  stroke: #B86A84;
}

.c-units-hero-banner {
  border-bottom: 1px solid #8C99A6;
}
.c-units-hero-banner .container {
  display: flex;
  flex-direction: column;
}
.c-units-hero-banner__banner {
  width: 100%;
  height: 607px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1240px) {
  .c-units-hero-banner__banner {
    height: 495px;
  }
}
.c-units-hero-banner__banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-units-hero-banner__heading {
  width: 100%;
  max-width: 899px;
  display: flex;
  flex-direction: column;
  padding: 32px 0;
}
@media (min-width: 1240px) {
  .c-units-hero-banner__heading {
    padding: 56px 0;
  }
}
.c-units-hero-banner__heading .banner-title {
  margin: 0;
  letter-spacing: -1.48px;
  font-size: 48px;
}
@media (min-width: 1240px) {
  .c-units-hero-banner__heading .banner-title {
    font-size: 74px;
  }
}
.c-units-hero-banner__heading .banner-overline {
  color: #a44e6a;
  margin-bottom: 8px;
}
.c-units-hero-banner__heading .banner-availability {
  font-family: "Larsseit";
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin-top: 24px;
  padding: 8px 24px;
  background-color: #E2E6E9;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 40px;
}

.c-masterfully-crafted {
  background-color: #E2E6E9;
  position: relative;
  border-top: 1px solid #93949F;
}
.c-masterfully-crafted .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 241px;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted .container {
    padding-top: 139px;
  }
}
.c-masterfully-crafted__background {
  position: absolute;
  width: 336px;
  height: 252px;
  top: 0;
  right: 0;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__background {
    top: 17px;
    width: 724px;
    height: 543px;
  }
}
.c-masterfully-crafted__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  filter: grayscale(1);
  opacity: 0.45;
}
.c-masterfully-crafted__background .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(226, 230, 233, 0) 0%, #E2E6E9 100%);
  background-blend-mode: normal, luminosity;
}
.c-masterfully-crafted .section-overline {
  color: #A44E6A;
  margin-bottom: 12px;
}
.c-masterfully-crafted__first-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
}
.c-masterfully-crafted__first-section .section-content {
  max-width: 610px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__first-section .section-content {
    margin-left: 5px;
  }
}
.c-masterfully-crafted__first-section .section-heading {
  margin: 0;
  letter-spacing: -0.44px;
}
.c-masterfully-crafted__first-section .section-description {
  margin: 32px 0 0;
  font-weight: 300;
  font-family: "Larsseit";
  font-size: 16px;
  line-height: 140%;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__first-section .section-description {
    margin: 40px 0 0;
    font-size: 21px;
    line-height: 130%;
  }
}
.c-masterfully-crafted__first-section .section-button {
  margin: 32px 0 0;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 6px;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__first-section .section-button {
    margin: 40px 0 0;
  }
}
.c-masterfully-crafted__first-section .section-images {
  display: none;
  flex-direction: row;
  gap: 79px;
  justify-content: space-between;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__first-section .section-images {
    display: flex;
  }
}
.c-masterfully-crafted__first-section .section-images .left-image {
  max-width: calc(42.5% + 80px);
  width: 100%;
  height: 590px;
  margin: 65px 0 0 -80px;
}
.c-masterfully-crafted__first-section .section-images .right-image {
  max-width: calc(57.5% + 80px);
  width: 100%;
  height: 514px;
  margin: 0 -80px 0 0;
}
.c-masterfully-crafted__first-section .section-images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 4px 16px 54px 0px rgba(24, 31, 51, 0.24);
}
.c-masterfully-crafted__second-section {
  width: 100%;
  padding: 40px 0;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__second-section {
    padding: 80px 0;
  }
}
.c-masterfully-crafted__second-section .section-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 40px;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__second-section .section-content {
    flex-direction: row;
    gap: 24px;
    padding-bottom: 49px;
    border-bottom: 1px solid #8C99A6;
  }
}
.c-masterfully-crafted__second-section .section-content .left-content {
  display: flex;
  flex-direction: column;
  max-width: 627px;
  width: 100%;
}
.c-masterfully-crafted__second-section .section-content .right-content {
  display: flex;
  flex-direction: column;
  max-width: 510px;
  width: 100%;
}
.c-masterfully-crafted__second-section .section-heading {
  margin: 0;
}
.c-masterfully-crafted__second-section .section-description {
  margin: 0;
  font-weight: 300;
}
.c-masterfully-crafted__second-section .section-button {
  margin: 24px 0 0;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 6px;
}
.c-masterfully-crafted__second-section .section-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__second-section .section-cards {
    flex-direction: row;
    padding-top: 31px;
    align-items: unset;
  }
}
.c-masterfully-crafted__second-section .section-cards:hover .card:nth-child(2) {
  margin-top: 0;
}
.c-masterfully-crafted__second-section .section-cards .card {
  width: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  transition: 300ms ease-in-out;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__second-section .section-cards .card {
    width: 33.3333333333%;
  }
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__second-section .section-cards .card:nth-child(2) {
    margin-top: 56px;
  }
}
.c-masterfully-crafted__second-section .section-cards .card:nth-child(2) img {
  box-shadow: 4px 16px 54px 0px rgba(24, 31, 51, 0.24);
}
.c-masterfully-crafted__second-section .section-cards .card figure {
  width: 100%;
  min-height: 209px;
  height: 100%;
  max-height: 418px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-masterfully-crafted__second-section .section-cards .card figure {
    min-height: 290px;
    max-height: 580px;
  }
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__second-section .section-cards .card figure {
    height: 290px;
  }
}
.c-masterfully-crafted__second-section .section-cards .card figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-masterfully-crafted__second-section .section-cards .card .card-heading {
  margin: 24px 0 0;
  font-family: "Montserrat";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (min-width: 1240px) {
  .c-masterfully-crafted__second-section .section-cards .card .card-heading {
    font-size: 21px;
    font-weight: 200;
  }
}
.c-masterfully-crafted__second-section .section-cards .card .card-description {
  margin: 12px 0 0;
  font-family: "Larsseit";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
}
.c-masterfully-crafted__second-section .section-cards .card .card-highlight {
  margin-top: 24px;
  padding: 32px 24px 32px 20px;
  background: linear-gradient(270deg, #374048 -7.73%, #596673 105.85%);
  font-family: "Larsseit";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  border-left: 4px solid #A44E6A;
}

.single-units .crisp-client .cc-nsge, .single-construction-updates .crisp-client .cc-nsge, .single-lifestyle .crisp-client .cc-nsge, .single-press-release .crisp-client .cc-nsge {
  margin-bottom: 72px !important;
}
@media (min-width: 768px) {
  .single-units .crisp-client .cc-nsge, .single-construction-updates .crisp-client .cc-nsge, .single-lifestyle .crisp-client .cc-nsge, .single-press-release .crisp-client .cc-nsge {
    margin-bottom: 0 !important;
  }
}

.o-goto-top {
  display: flex;
  position: fixed;
  padding: 8px 16px;
  color: #222434;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  gap: 8px;
  box-shadow: 0px 8px 12px 0px rgba(24, 31, 51, 0.32);
  background-color: white;
  border: none;
  bottom: 24px;
  right: 24px;
  align-items: center;
  z-index: 13;
}
@media (min-width: 768px) {
  .o-goto-top {
    display: none;
  }
}

.c-units-overview {
  padding: 40px 0;
  background-color: white;
}
@media (min-width: 1240px) {
  .c-units-overview {
    padding: 0;
    background-color: #FAFAFF;
  }
}
.c-units-overview .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (min-width: 1240px) {
  .c-units-overview .container {
    gap: 0;
  }
}
.c-units-overview__heading {
  display: flex;
  flex-direction: column-reverse;
  gap: 40px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-units-overview__heading {
    flex-direction: row;
    gap: 103px;
  }
}
.c-units-overview__heading .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .c-units-overview__heading .content {
    padding-top: 80px;
    max-width: 512px;
  }
}
.c-units-overview__heading .content .overview-overline {
  margin-bottom: 12px;
  color: #a44e6a;
}
.c-units-overview__heading .content .overview-heading {
  margin: 0;
}
.c-units-overview__heading .content .overview-description {
  margin: 16px 0 0;
}
@media (min-width: 1240px) {
  .c-units-overview__heading .content .overview-description {
    margin: 24px 0 0;
  }
}
.c-units-overview__heading figure {
  min-height: 264px;
  max-height: 528px;
  height: 100%;
  width: calc(100% + 24px);
  margin-left: -24px;
  box-shadow: 4px 16px 54px 0px rgba(24, 31, 51, 0.24);
  overflow: hidden;
  display: flex;
}
@media (min-width: 768px) {
  .c-units-overview__heading figure {
    width: calc(100% + 40px);
    margin-left: -40px;
  }
}
@media (min-width: 1240px) {
  .c-units-overview__heading figure {
    width: 100%;
    max-width: 671px;
    max-height: unset;
    height: 446px;
    margin: 0 -80px 0 0;
    box-shadow: none;
  }
}
.c-units-overview__heading figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-units-overview__features {
  display: flex;
  flex-direction: column;
  background-color: #FAFAFF;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  width: calc(100% + 24px);
  margin-left: -24px;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-units-overview__features {
    width: calc(100% + 40px);
    margin-left: -40px;
  }
}
@media (min-width: 1240px) {
  .c-units-overview__features {
    height: 220px;
    max-width: 1124px;
    padding-left: 80px;
    flex-direction: row;
    margin: -46px 0 0 -240px;
  }
}
.c-units-overview__features .feature {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 16px 67px 16px 91px;
  gap: 16px;
}
@media (min-width: 1240px) {
  .c-units-overview__features .feature {
    flex-direction: column;
    padding: 40px;
    max-width: 261px;
    align-items: center;
  }
}
.c-units-overview__features .feature:not(:last-child) {
  border-bottom: 1px solid #E2E6E9;
}
@media (min-width: 1240px) {
  .c-units-overview__features .feature:not(:last-child) {
    border-bottom: none;
    border-right: 1px solid #E2E6E9;
  }
}
.c-units-overview__features .feature figure {
  height: 32px;
  width: 32px;
  min-width: 32px;
}
@media (min-width: 1240px) {
  .c-units-overview__features .feature figure {
    width: 56px;
    height: 56px;
  }
}
.c-units-overview__features .feature figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-units-overview__features .feature .feature-description {
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.461px;
  text-align: left;
}
@media (min-width: 1240px) {
  .c-units-overview__features .feature .feature-description {
    letter-spacing: -0.52px;
    text-align: center;
  }
}

.c-units-inclusions {
  padding: 24px 0 40px;
  border-bottom: 1px solid #93949F;
  background-color: white;
}
@media (min-width: 1240px) {
  .c-units-inclusions {
    padding: 80px 0;
  }
}
.c-units-inclusions .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-units-inclusions .inclusions-overline {
  margin-bottom: 12px;
  max-width: 640px;
  width: 100%;
  text-align: center;
  color: #a44e6a;
}
.c-units-inclusions .inclusions-heading {
  margin: 0;
  max-width: 640px;
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
}
.c-units-inclusions__slides {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 24px;
}
@media (min-width: 1240px) {
  .c-units-inclusions__slides {
    border-bottom: 1px solid #8C99A6;
    border-top: 1px solid #8C99A6;
    flex-direction: row;
    gap: 0;
  }
}
.c-units-inclusions__slide-image {
  width: calc(100% + 24px);
  min-height: 264px;
  max-height: 528px;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
}
@media (min-width: 768px) {
  .c-units-inclusions__slide-image {
    width: calc(100% + 40px);
  }
}
@media (min-width: 1240px) {
  .c-units-inclusions__slide-image {
    box-shadow: 4px 16px 54px 0px rgba(24, 31, 51, 0.24);
    width: 100%;
    max-width: 671px;
    margin-left: -80px;
    height: 446px;
    max-height: unset;
  }
}
.c-units-inclusions__slide-image .images-wrapper {
  display: flex;
  transition: 300ms ease-out;
  width: 100%;
}
.c-units-inclusions__slide-image img {
  width: 100%;
  min-width: 352px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}
.c-units-inclusions__slide-image img.active {
  display: flex;
}
@media (min-width: 1240px) {
  .c-units-inclusions__slide-image img {
    display: flex;
    min-width: 671px;
  }
}
.c-units-inclusions__slide-content {
  height: 382px;
  padding: 24px 0;
  width: 100%;
  position: relative;
}
@media (min-width: 1240px) {
  .c-units-inclusions__slide-content {
    border-left: 1px solid #8C99A6;
    margin: 0 0 -81px 24px;
    padding: 40px 78px;
    border-left: 1px solid #8C99A6;
    height: 527px;
    max-width: 591px;
  }
}
.c-units-inclusions__slide-content .content {
  flex-direction: column;
  opacity: 0;
  display: flex;
  transition: 300ms ease-out;
  position: absolute;
}
@media (min-width: 1240px) {
  .c-units-inclusions__slide-content .content {
    right: 78px;
    left: 78px;
  }
}
.c-units-inclusions__slide-content .content.active {
  opacity: 1;
}
.c-units-inclusions__slide-content .content .content-brand {
  width: 102px;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.c-units-inclusions__slide-content .content .content-heading {
  margin: 0;
}
.c-units-inclusions__slide-content .content .content-short-heading {
  display: none;
}
.c-units-inclusions__slide-content .content .content-description {
  margin: 24px 0 0;
}
.c-units-inclusions__slide-controls {
  position: absolute;
  display: flex;
  flex-direction: row;
  bottom: 24px;
  right: 0;
  justify-content: space-between;
  gap: 16px;
}
@media (min-width: 1240px) {
  .c-units-inclusions__slide-controls {
    width: 100%;
    right: 78px;
    max-width: 434px;
    gap: 24px;
  }
}
.c-units-inclusions__slide-controls button {
  align-items: center;
  padding: 0;
  width: 100%;
  gap: 16px;
  display: flex;
  flex-direction: row;
  border: none;
  background-color: transparent;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1240px) {
  .c-units-inclusions__slide-controls button {
    max-width: 205px;
  }
}
.c-units-inclusions__slide-controls button:hover span {
  color: #C98DA0;
}
.c-units-inclusions__slide-controls button:hover svg rect, .c-units-inclusions__slide-controls button:hover svg path {
  stroke: #C98DA0;
}
.c-units-inclusions__slide-controls button.active {
  opacity: 1;
  pointer-events: all;
}
.c-units-inclusions__slide-controls button:first-child {
  text-align: left;
}
.c-units-inclusions__slide-controls button:last-child {
  text-align: right;
}
.c-units-inclusions__slide-controls button svg {
  min-width: 64px;
}
.c-units-inclusions__slide-controls button span {
  width: 100%;
  font-family: "Larsseit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  display: none;
}
@media (min-width: 1240px) {
  .c-units-inclusions__slide-controls button span {
    display: block;
    transition: none;
    opacity: 0;
  }
}
.c-units-inclusions__slide-controls button span.active {
  transition: 300ms ease-out;
  opacity: 1;
}

.c-units-amenities {
  padding: 40px 0;
  border-bottom: 1px solid #8C99A6;
  background-color: #F1F2F3;
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-units-amenities {
    padding: 80px 0;
  }
}
.c-units-amenities .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.c-units-amenities__heading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 24px;
}
@media (min-width: 1240px) {
  .c-units-amenities__heading {
    flex-direction: row;
    gap: 0;
  }
}
.c-units-amenities__heading .content {
  max-width: 590px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.c-units-amenities__heading .content .heading-overline {
  margin-bottom: 12px;
  color: #a44e6a;
}
.c-units-amenities__heading .content .heading-title {
  margin: 0;
}
.c-units-amenities__heading .content .heading-description {
  margin: 24px 0 0;
}
.c-units-amenities__heading .o-button {
  padding: 16px 66px 16px 24px;
}
@media (min-width: 1240px) {
  .c-units-amenities__heading .o-button {
    padding: 24px 72px 24px 40px;
    margin-right: 24px;
  }
}
.c-units-amenities__amenities {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities {
    padding: 0 102px;
  }
}
.c-units-amenities__amenities .amenity {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  gap: 32px;
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity {
    flex-direction: row;
    gap: 0;
  }
}
.c-units-amenities__amenities .amenity .content {
  /* max-width: 516px; */
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity .content {
    width: 51.6%;
    padding: 78px 0 72px;
  }
}
.c-units-amenities__amenities .amenity .content .amenity-heading {
  color: white;
  margin: 0;
  padding: 9px 39px;
  background: linear-gradient(270deg, #374048 -7.73%, #596673 105.85%);
  width: calc(100% + 24px);
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 768px) {
  .c-units-amenities__amenities .amenity .content .amenity-heading {
    width: calc(100% + 40px);
  }
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity .content .amenity-heading {
    background: linear-gradient(-270deg, #374048 -7.73%, #596673 105.85%);
    width: 100%;
    padding: 26px 31px 24px 56px;
  }
}
.c-units-amenities__amenities .amenity .content .amenity-description {
  margin: 0;
  padding: 0 0 0 40px;
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity .content .amenity-description {
    padding: 0 31px 0 56px;
  }
}
.c-units-amenities__amenities .amenity figure {
  min-height: 230px;
  max-height: 460px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  margin-left: 44px;
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity figure {
    width: 48.4%;
    min-height: 367px;
    max-height: 550px;
    margin-left: 0;
  }
}
.c-units-amenities__amenities .amenity figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.c-units-amenities__amenities .amenity:nth-child(even) .content .amenity-heading {
  margin-left: -24px;
}
@media (min-width: 768px) {
  .c-units-amenities__amenities .amenity:nth-child(even) .content .amenity-heading {
    padding: 9px 54px;
    margin-left: -40px;
  }
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity:nth-child(even) .content .amenity-heading {
    margin-left: 0;
    padding: 26px 49px 24px 38px;
  }
}
.c-units-amenities__amenities .amenity:nth-child(even) .content .amenity-description {
  padding: 0 16px 0 16px;
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity:nth-child(even) .content .amenity-description {
    padding: 0 114px 0 38px;
  }
}
.c-units-amenities__amenities .amenity:nth-child(even) figure {
  margin: 0 0 0 -44px;
}
@media (min-width: 1240px) {
  .c-units-amenities__amenities .amenity:nth-child(even) figure {
    margin: 0;
  }
}

.c-units-floorplan {
  padding: 40px 0;
  background-color: #F9FAFB;
}
@media (min-width: 1240px) {
  .c-units-floorplan {
    padding: 80px 0;
  }
}
.c-units-floorplan .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 48px;
}
@media (min-width: 1240px) {
  .c-units-floorplan .container {
    flex-direction: row;
    gap: 25px;
  }
}
.c-units-floorplan .file-download {
  margin: 40px 0 0;
  max-width: 410px;
  width: 100%;
  padding: 24px 32px;
  background-color: #222434;
  color: white;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  gap: 16px;
  align-items: center;
  transition: all 500ms ease-in-out;
}
.c-units-floorplan .file-download:hover {
  background-color: #5F6391;
}
.c-units-floorplan .file-download.desktop {
  margin: 40px 0 0;
  display: none;
}
@media (min-width: 1240px) {
  .c-units-floorplan .file-download.desktop {
    display: flex;
  }
}
.c-units-floorplan .file-download.mobile {
  margin: 48px 0 0;
  display: flex;
}
@media (min-width: 1240px) {
  .c-units-floorplan .file-download.mobile {
    display: none;
  }
}
.c-units-floorplan .file-download .icon {
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 32px;
  border: 1px solid #a44e6a;
}
.c-units-floorplan__content {
  display: flex;
  flex-direction: column;
  max-width: 489px;
  width: 100%;
}
.c-units-floorplan__content .content-overline {
  color: #a44e6a;
  margin-bottom: 12px;
  font-family: "Larsseit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 4.2px;
  text-transform: uppercase;
}
.c-units-floorplan__content .content-heading {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%;
}
@media (min-width: 1240px) {
  .c-units-floorplan__content .content-heading {
    font-size: 44px;
    line-height: 98%;
    letter-spacing: -0.44px;
  }
}
.c-units-floorplan__content .content-description {
  margin: 24px 0 0;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
.c-units-floorplan__plan {
  max-width: 692px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1240px) {
  .c-units-floorplan__plan {
    gap: 24px;
    align-items: end;
  }
}
.c-units-floorplan__plan figure {
  max-width: 692px;
  width: 100%;
}
.c-units-floorplan__plan figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-units-floorplan__plan button {
  border: 0;
  background-color: transparent;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  color: #a44e6a;
  margin-top: 16px;
}
@media (min-width: 1240px) {
  .c-units-floorplan__plan button {
    margin-top: 0;
  }
}
.c-units-floorplan__plan button span {
  border-bottom: 1px solid #A44E6A;
}
.c-units-floorplan__modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
  width: 100%;
  top: 0;
  z-index: -1;
  opacity: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.c-units-floorplan__modal.modal-active {
  z-index: 1000001;
  opacity: 1;
}
.c-units-floorplan__modal-exit {
  position: fixed;
  right: 24px;
  top: 24px;
  background-color: transparent;
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  .c-units-floorplan__modal-exit {
    right: 42px;
    top: 40px;
  }
}
.c-units-floorplan__modal .content {
  max-width: 796px;
  height: 661px;
  width: 100%;
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding: 0 24px;
  justify-content: center;
}
.c-units-floorplan__modal .content img {
  width: 100%;
  height: 100%;
  min-height: 242px;
  max-height: 484px;
  background-color: white;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .c-units-floorplan__modal .content img {
    height: 589px;
    min-height: 100%;
    max-height: 100%;
  }
}
.c-units-floorplan__modal .content .zoomist-container {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.c-units-floorplan__modal .content .zoomist-zoomer {
  display: flex;
  gap: 16px;
  bottom: -68px;
  top: unset;
  right: unset;
  border-radius: unset;
}
.c-units-floorplan__modal .content .zoomist-zoomer .zoomist-zoomer-button {
  background-color: #A44E6A;
}
.c-units-floorplan__modal .content .zoomist-zoomer .zoomist-zoomer-button svg polygon, .c-units-floorplan__modal .content .zoomist-zoomer .zoomist-zoomer-button svg rect {
  stroke: #FAFAFF;
}
.c-units-floorplan__modal .content .zoomist-zoomer .zoomist-zoomer-reset {
  display: none;
}

.c-units-neighborhood {
  padding: 40px 0;
  background-color: #E2E6E9;
  border-top: 1px solid #8C99A6;
}
@media (min-width: 1240px) {
  .c-units-neighborhood {
    padding: 80px 0;
  }
}
.c-units-neighborhood .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.c-units-neighborhood__heading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 24px;
}
@media (min-width: 1240px) {
  .c-units-neighborhood__heading {
    flex-direction: row;
    align-items: center;
  }
}
.c-units-neighborhood__heading .content {
  max-width: 590px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.c-units-neighborhood__heading .content .content-overline {
  color: #a44e6a;
  margin-bottom: 12px;
}
.c-units-neighborhood__heading .content .content-heading {
  margin: 0;
}
.c-units-neighborhood__heading .content .content-description {
  margin: 24px 0 0;
}
.c-units-neighborhood__heading .o-button {
  max-width: 295px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-units-neighborhood__heading .o-button {
    margin-right: 24px;
  }
}
.c-units-neighborhood__list {
  width: 100%;
}
@media (min-width: 768px) {
  .c-units-neighborhood__list {
    padding: 0 102px;
    -moz-columns: 2;
         columns: 2;
  }
}
.c-units-neighborhood__list .list {
  max-width: 408px;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 24px;
  margin-bottom: 24px;
}
.c-units-neighborhood__list .list:last-child {
  margin-bottom: 0;
}
.c-units-neighborhood__list .list figure {
  min-width: 24px;
  height: 24px;
}
.c-units-neighborhood__list .list figure img {
  width: 100%;
  height: 100%;
}
.c-units-neighborhood__list .list .list-text {
  font-family: "Larsseit", sans-serif;
  margin: 0;
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
}

.c-units-gallery {
  padding: 24px 0 100px;
  position: relative;
}
@media (min-width: 1240px) {
  .c-units-gallery {
    padding: 80px 0;
  }
}
.c-units-gallery__item {
  /* height: 409px;

  @include maxpoint ($desktop) {
      height: 542px;
  } */
}
.c-units-gallery__item figure {
  width: 295px;
  height: 140px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .c-units-gallery__item figure {
    width: 590px;
    height: 280px;
  }
}
@media (min-width: 1240px) {
  .c-units-gallery__item figure {
    margin-top: 0;
    width: 796px;
    height: 448px;
    max-height: unset;
  }
}
.c-units-gallery__item figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-units-gallery__item .item-title {
  margin: 12px 0 0;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: none;
}
@media (min-width: 1240px) {
  .c-units-gallery__item .item-title {
    margin: 24px 0 0;
  }
}
.c-units-gallery__item .item-description {
  margin: 12px 0 0;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  display: none;
}
.c-units-gallery__item.current .item-title, .c-units-gallery__item.current .item-description {
  display: block;
}
.c-units-gallery__item.current figure {
  height: 200px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .c-units-gallery__item.current figure {
    height: 400px;
  }
}
@media (min-width: 1240px) {
  .c-units-gallery__item.current figure {
    height: 448px;
  }
}
.c-units-gallery__controls {
  position: absolute;
  padding: 0 38px;
  left: 0;
  bottom: 24px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 1240px) {
  .c-units-gallery__controls {
    top: 260px;
    left: 0;
    padding: 0 40px;
  }
}
.c-units-gallery__controls button {
  border: 0;
  background-color: transparent;
  padding: 0;
}
.c-units-gallery__controls button .desktop {
  display: none;
}
@media (min-width: 1240px) {
  .c-units-gallery__controls button .desktop {
    display: block;
  }
}
.c-units-gallery__controls button .mobile {
  display: block;
}
@media (min-width: 1240px) {
  .c-units-gallery__controls button .mobile {
    display: none;
  }
}
.c-units-gallery__overlay-left {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  top: 80px;
  left: 0;
  height: 448px;
  width: 253px;
  position: absolute;
  display: none;
}
@media (min-width: 1240px) {
  .c-units-gallery__overlay-left {
    display: block;
  }
}
.c-units-gallery__overlay-right {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  top: 80px;
  right: 0;
  height: 448px;
  width: 253px;
  position: absolute;
  display: none;
}
@media (min-width: 1240px) {
  .c-units-gallery__overlay-right {
    display: block;
  }
}
.c-units-gallery .tns-nav {
  position: absolute;
  bottom: 50px;
  display: flex;
  justify-content: center;
  gap: 16px;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
.c-units-gallery .tns-nav button {
  width: 12px;
  height: 12px;
  border: 0;
  background-color: #8C99A6;
  pointer-events: all;
  display: block !important;
}
.c-units-gallery .tns-nav button.tns-nav-active {
  background-color: #985E6D;
}

.c-units-explore {
  background-color: #303136;
  padding: 40px 0;
}
@media (min-width: 1240px) {
  .c-units-explore {
    padding: 56px 0;
  }
}
.c-units-explore .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.c-units-explore .content-heading {
  width: 100%;
  margin: 0;
  text-align: center;
}
@media (min-width: 1240px) {
  .c-units-explore .content-heading {
    text-align: left;
  }
}
.c-units-explore__cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-units-explore__cards {
    gap: 20px;
    flex-direction: row;
  }
}
.c-units-explore__cards .card {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .c-units-explore__cards .card {
    width: 33.3333333333%;
  }
}
.c-units-explore__cards .card figure {
  height: 195px;
}
.c-units-explore__cards .card figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-units-explore__cards .card .card-link {
  padding: 24px 16px;
  background-color: #E4E4E7;
  color: #A44E6A;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  gap: 16px;
  display: flex;
  align-items: center;
  transition: all 500ms ease-in-out;
}
.c-units-explore__cards .card .card-link:hover {
  color: #B86A84;
}
.c-units-explore__cards .card .card-link:hover svg rect, .c-units-explore__cards .card .card-link:hover svg path {
  stroke: #B86A84;
}

.c-construction-heading {
  margin-top: -70px;
}
@media (min-width: 1240px) {
  .c-construction-heading {
    margin-top: -96px;
  }
}
.c-construction-heading__content {
  padding: 40px 24px;
  background: linear-gradient(270deg, #374048 -7.73%, #596673 105.85%);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .c-construction-heading__content {
    padding: 56px 102px 72px;
  }
}
.c-construction-heading__content .content-overline {
  font-family: "Larsseit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 4.2px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 16px;
}
.c-construction-heading__content .content-title {
  margin: 0;
  text-transform: unset;
}
.c-construction-heading__content .content-category {
  margin-top: 24px;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  padding: 8px 24px;
  background-color: #C5CCD3;
  border-radius: 40px;
  width: -moz-fit-content;
  width: fit-content;
}

.c-construction-foreword {
  padding-bottom: 40px;
}
.c-construction-foreword .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-construction-foreword .content {
  max-width: 796px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.c-construction-foreword .content > * {
  color: #16191D;
  font-family: "Larsseit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  margin: 0;
}

.c-construction-share {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px;
}
@media (min-width: 1240px) {
  .c-construction-share {
    padding: 0 80px;
  }
}
.c-construction-share .share-article {
  margin: 0;
  background-color: #596673;
}
.c-construction-share .share-article span {
  font-weight: 500;
}

.c-construction-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.c-construction-image picture {
  height: 212px;
  max-width: calc(100% - 80px);
  width: 100%;
}
@media (min-width: 1240px) {
  .c-construction-image picture {
    height: 496px;
    max-width: 796px;
  }
}
.c-construction-image picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-construction-image .caption {
  max-width: 796px;
  width: 100%;
  color: #596673;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin: 0;
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-construction-image .caption {
    padding: 0;
  }
}

.c-construction-updates__content > :first-child {
  padding-top: 40px !important;
}
@media (min-width: 1240px) {
  .c-construction-updates__content > :first-child {
    padding-top: 71px !important;
  }
}
.c-construction-updates__content > :last-child {
  padding-bottom: 40px !important;
}
@media (min-width: 1240px) {
  .c-construction-updates__content > :last-child {
    padding-bottom: 80px !important;
  }
}
.c-construction-updates__content > :not(:first-child) {
  padding-top: 24px !important;
}
@media (min-width: 1240px) {
  .c-construction-updates__content > :not(:first-child) {
    padding-top: 40px !important;
  }
}
.c-construction-updates .c-post-banner {
  max-height: 350px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-post-banner {
    max-height: 600px;
  }
}
.c-construction-updates .c-post-banner.section-edge::after, .c-construction-updates .c-post-banner.section-edge::before {
  background-color: rgba(250, 250, 255, 0.5);
}
.c-construction-updates .c-post-text {
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-post-text {
    padding: 0 80px;
  }
}
.c-construction-updates .c-post-text__content > * {
  color: #16191D;
  font-family: "Larsseit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.c-construction-updates .c-post-text__content ul {
  list-style: unset;
  list-style-position: inside;
}
.c-construction-updates .c-post-text__content ol {
  list-style: decimal;
  list-style-position: inside;
}
.c-construction-updates .c-content-right-image {
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-right-image {
    padding: 0 80px;
  }
}
.c-construction-updates .c-content-right-image__wrapper {
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-right-image__wrapper {
    gap: 0;
    flex-direction: row;
  }
}
.c-construction-updates .c-content-right-image__left p {
  color: #16191D;
}
.c-construction-updates .c-content-right-image__right {
  width: 288px;
}
.c-construction-updates .c-content-right-image__right::before {
  display: block;
  background: #C5CCD3;
  left: -40px;
  right: 0;
  width: 375px;
  height: 200px;
  top: 40px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-right-image__right::before {
    left: 0;
    width: 568px;
    height: 280px;
    top: 48px;
  }
}
.c-construction-updates .c-content-right-image__right picture {
  width: 210px;
  height: 280px;
  margin-left: -40px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-right-image__right picture {
    width: 100%;
    height: 377px;
    margin: 0;
  }
}
.c-construction-updates .c-content-right-image__right .u-caption {
  color: #596673;
  margin: 0 -16px 0;
  width: calc(100% + 39px);
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-right-image__right .u-caption {
    margin: 0;
    width: 100%;
  }
}
.c-construction-updates .c-content-side-image__main {
  margin-bottom: 24px;
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-side-image__main {
    margin-bottom: 56px;
  }
}
.c-construction-updates .c-content-side-image__main p {
  color: #16191D;
  font-family: "Larsseit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.c-construction-updates .c-content-side-image__wrapper__right::before {
  background: #C5CCD3;
}
.c-construction-updates .c-content-side-image__wrapper__left {
  margin: 0 0 20px 0 !important;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-side-image__wrapper__left {
    margin: 0 0 0 28px !important;
    width: 47%;
  }
}
.c-construction-updates .c-content-side-image__wrapper__left p {
  color: #16191D;
  font-family: "Larsseit", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.c-construction-updates .c-content-side-image__wrapper__right {
  margin: 0 !important;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-side-image__wrapper__right {
    margin: 0 28px 0 0 !important;
    width: 51.3%;
  }
}
.c-construction-updates .c-content-side-image__wrapper__right picture {
  width: 100%;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-side-image__wrapper__right picture {
    width: calc(100% - 12px);
  }
}
.c-construction-updates .c-content-side-image__wrapper-left {
  flex-direction: column;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-content-side-image__wrapper-left {
    flex-direction: row-reverse;
  }
}
.c-construction-updates .c-content-side-image__wrapper-left > div:last-child::before {
  left: -321px;
}
.c-construction-updates .c-post-gallery {
  padding-bottom: 0;
}
.c-construction-updates .c-post-gallery .slick-slide {
  width: 295px;
  margin-right: 0;
  padding-top: 30px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-post-gallery .slick-slide {
    width: 796px;
    padding-top: 0;
    margin-right: 32px;
  }
}
.c-construction-updates .c-post-gallery .slick-slide::before, .c-construction-updates .c-post-gallery .slick-slide::after {
  display: none;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-post-gallery .slick-slide::before, .c-construction-updates .c-post-gallery .slick-slide::after {
    display: block;
  }
}
.c-construction-updates .c-post-gallery .slick-slide picture {
  height: 140px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-post-gallery .slick-slide picture {
    height: 448px;
  }
}
.c-construction-updates .c-post-gallery .slick-slide.slick-current {
  padding-top: 0;
}
.c-construction-updates .c-post-gallery .slick-slide.slick-current picture {
  height: 200px;
}
@media (min-width: 1240px) {
  .c-construction-updates .c-post-gallery .slick-slide.slick-current picture {
    height: 448px;
  }
}
.c-construction-updates .c-post-gallery .slick-current .slider-caption.o-input__field::-moz-placeholder, .c-construction-updates .c-post-gallery .slick-current .o-input select.slider-caption::-moz-placeholder, .o-input .c-construction-updates .c-post-gallery .slick-current select.slider-caption::-moz-placeholder {
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #16191D;
}
.c-construction-updates .c-post-gallery .slick-current .slider-caption.body-1, .c-construction-updates .c-post-gallery .slick-current .slider-caption.u-copy-notification, .c-construction-updates .c-post-gallery .slick-current .c-bullet-list p.slider-caption, .c-bullet-list .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-content-right-image__left p.slider-caption, .c-content-right-image__left .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-post-text__content p.slider-caption, .c-post-text__content .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .foreword p.slider-caption, .foreword .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-breaker-content__heading p.slider-caption, .c-breaker-content__heading .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-architect-person__wrapper .content p.slider-caption, .c-architect-person__wrapper .content .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-features .col-content p.slider-caption, .c-features .col-content .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-features__content-nav ul > li > a.slider-caption, .c-features__content-nav .c-construction-updates .c-post-gallery .slick-current ul > li > a.slider-caption, .c-construction-updates .c-post-gallery .slick-current .slider-caption.o-input__label, .c-construction-updates .c-post-gallery .slick-current .slider-caption.o-input__field,
.c-construction-updates .c-post-gallery .slick-current .o-input select.slider-caption,
.o-input .c-construction-updates .c-post-gallery .slick-current select.slider-caption, .c-construction-updates .c-post-gallery .slick-current .slider-caption.o-input__field::placeholder,
.c-construction-updates .c-post-gallery .slick-current .o-input select.slider-caption::placeholder,
.o-input .c-construction-updates .c-post-gallery .slick-current select.slider-caption::placeholder, .c-construction-updates .c-post-gallery .slick-current .o-input input.slider-caption[type=text], .o-input .c-construction-updates .c-post-gallery .slick-current input.slider-caption[type=text],
.c-construction-updates .c-post-gallery .slick-current .o-input input.slider-caption[type=phone],
.o-input .c-construction-updates .c-post-gallery .slick-current input.slider-caption[type=phone],
.c-construction-updates .c-post-gallery .slick-current .o-input input.slider-caption[type=email],
.o-input .c-construction-updates .c-post-gallery .slick-current input.slider-caption[type=email],
.c-construction-updates .c-post-gallery .slick-current .o-input input.slider-caption[type=password],
.o-input .c-construction-updates .c-post-gallery .slick-current input.slider-caption[type=password],
.c-construction-updates .c-post-gallery .slick-current .o-input input.slider-caption[type=number],
.o-input .c-construction-updates .c-post-gallery .slick-current input.slider-caption[type=number],
.c-construction-updates .c-post-gallery .slick-current .o-input textarea.slider-caption,
.o-input .c-construction-updates .c-post-gallery .slick-current textarea.slider-caption, .c-construction-updates .c-post-gallery .slick-current .o-custom-select .slider-caption.selected-item, .o-custom-select .c-construction-updates .c-post-gallery .slick-current .slider-caption.selected-item, .c-construction-updates .c-post-gallery .slick-current .o-custom-select .slider-caption.item, .o-custom-select .c-construction-updates .c-post-gallery .slick-current .slider-caption.item, .c-construction-updates .c-post-gallery .slick-current .c-data-text__wrapper p.slider-caption, .c-data-text__wrapper .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-accordion-div .c-panel .slider-caption, .c-accordion-div .c-panel .c-construction-updates .c-post-gallery .slick-current .slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-neighborhood-map__navigation ul li > a.slider-caption, .c-neighborhood-map__navigation ul .c-construction-updates .c-post-gallery .slick-current li > a.slider-caption, .c-construction-updates .c-post-gallery .slick-current .custom-search-form input.slider-caption[type=text], .custom-search-form .c-construction-updates .c-post-gallery .slick-current input.slider-caption[type=text], .c-construction-updates .c-post-gallery .slick-current .c-side-nav-features__content-nav ul > li > a.slider-caption, .c-side-nav-features__content-nav .c-construction-updates .c-post-gallery .slick-current ul > li > a.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-side-nav-features .col-content p.slider-caption, .c-side-nav-features .col-content .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-architect-section__m-wrapper .content p.slider-caption, .c-architect-section__m-wrapper .content .c-construction-updates .c-post-gallery .slick-current p.slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-features-gallery__copy-block .copy-text .slider-caption, .c-features-gallery__copy-block .copy-text .c-construction-updates .c-post-gallery .slick-current .slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-key-sell-points__text .slider-caption, .c-key-sell-points__text .c-construction-updates .c-post-gallery .slick-current .slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-floor-plans__header-text .slider-caption, .c-floor-plans__header-text .c-construction-updates .c-post-gallery .slick-current .slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-fixtures-finishes__header-text .slider-caption, .c-fixtures-finishes__header-text .c-construction-updates .c-post-gallery .slick-current .slider-caption, .c-construction-updates .c-post-gallery .slick-current .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-text .slider-caption, .c-fixtures-finishes__item-wrap .c-fixtures-finishes__item-text .c-construction-updates .c-post-gallery .slick-current .slider-caption {
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #16191D;
}
.c-construction-updates .c-post-gallery .slick-current .slider-caption.body-2, .c-construction-updates .c-post-gallery .slick-current .c-footer .menu > li > a.slider-caption, .c-footer .c-construction-updates .c-post-gallery .slick-current .menu > li > a.slider-caption {
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  color: #596673;
}
.c-construction-updates .c-post-landscape {
  padding-bottom: 0;
}
.c-construction-updates .c-post-quote {
  overflow: hidden;
  margin-top: 24px;
  padding: 56px 32px !important;
  background: linear-gradient(270deg, #374048 -7.73%, #596673 105.85%);
}
@media (min-width: 1240px) {
  .c-construction-updates .c-post-quote {
    margin-top: 40px;
    padding: 72px 0 103px !important;
  }
}
.c-construction-updates .c-post-quote__content p {
  color: #FAFAFF;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  letter-spacing: -0.52px;
}

.c-construction-articles {
  border-top: 1px solid rgba(140, 153, 166, 0.5);
  padding: 56px 0 146px;
}
@media (min-width: 1240px) {
  .c-construction-articles {
    padding: 96px 0 102px;
  }
}
.c-construction-articles .container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-construction-articles .container {
    gap: 40px;
    padding: 0 80px;
  }
}
.c-construction-articles .content-heading {
  margin: 0;
  letter-spacing: -0.76px;
  text-align: center;
}
@media (min-width: 1240px) {
  .c-construction-articles .content-heading {
    text-align: left;
  }
}
.c-construction-articles__cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1240px) {
  .c-construction-articles__cards {
    flex-direction: row;
  }
}
.c-construction-articles__cards .card {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .c-construction-articles__cards .card {
    width: 33.3333333333%;
  }
}
.c-construction-articles__cards .card figure {
  width: 100%;
  height: 221px;
  margin-bottom: 16px;
}
@media (min-width: 1240px) {
  .c-construction-articles__cards .card figure {
    height: 290px;
    margin-bottom: 24px;
  }
}
.c-construction-articles__cards .card figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-construction-articles__cards .card .card-date {
  color: #a44e6a;
  font-family: "Larsseit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 4.2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.c-construction-articles__cards .card .card-title {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  letter-spacing: -0.52px;
}
.c-construction-articles__cards .card .card-button {
  margin-top: 24px;
  width: 100%;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  gap: 16px;
  align-items: center;
  background-color: #222434;
  padding: 15px 24px;
  transition: all 500ms ease-in-out;
}
@media (min-width: 1240px) {
  .c-construction-articles__cards .card .card-button {
    padding: 24px 25px;
  }
}
.c-construction-articles__cards .card .card-button:hover {
  background-color: #5F6391;
}
@media (min-width: 1240px) {
  .c-construction-articles__cards .card:nth-child(2) .card-button {
    margin-top: 58px;
  }
}

.c-whats-new .c-lifestyle__header {
  padding: 180px 0 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-whats-new .c-lifestyle__header {
    padding: 165px 0 0;
  }
}
.c-whats-new .c-lifestyle__header.section-edge::before, .c-whats-new .c-lifestyle__header.section-edge::after {
  display: block;
}
.c-whats-new .c-lifestyle__header .banner-heading {
  margin: 0;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%;
  letter-spacing: -1.48px;
  text-transform: uppercase;
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-whats-new .c-lifestyle__header .banner-heading {
    font-size: 74px;
    padding: 0 80px;
  }
}
.c-whats-new .c-lifestyle__header .banner-subheading {
  margin: 12px 0 0;
  max-width: 488px;
  text-align: center;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-whats-new .c-lifestyle__header .banner-subheading {
    padding: 0 80px;
  }
}
.c-whats-new .c-lifestyle__header .banner-slider {
  margin-top: 39px;
}
.c-whats-new .c-lifestyle__header .divider {
  width: calc(100% - 24px - 24px);
  height: 1px;
  background-color: rgba(140, 153, 166, 0.5019607843);
  position: absolute;
  bottom: 40px;
}
@media (min-width: 1240px) {
  .c-whats-new .c-lifestyle__header .divider {
    display: none;
  }
}
.c-whats-new__latest {
  padding: 64px 0 40px;
}
@media (min-width: 1240px) {
  .c-whats-new__latest {
    padding: 80px 0;
  }
}
.c-whats-new__latest.section-edge > ::before, .c-whats-new__latest.section-edge > ::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(140, 153, 166, 0.5);
  z-index: 1;
}
.c-whats-new__latest.section-edge > ::after {
  right: 24px;
}
.c-whats-new__latest .container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1240px) {
  .c-whats-new__latest .container {
    gap: 32px;
    flex-direction: row;
  }
}
.c-whats-new__latest-left {
  width: 100%;
  gap: 40px;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-left {
    gap: 0;
  }
}
.c-whats-new__latest-right {
  max-width: 386px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-top: 40px;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-right {
    padding-top: 0;
  }
}
.c-whats-new__latest-right .construction-heading {
  color: #16191D;
  font-family: "Montserrat", sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%;
  margin: 0;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-right .construction-heading {
    font-size: 44px;
    line-height: 98%;
    letter-spacing: -0.44px;
  }
}
.c-whats-new__latest-heading .latest-heading {
  color: #16191D;
  font-family: "Montserrat", sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%;
  letter-spacing: -0.44px;
  margin: 0 0 32px;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-heading .latest-heading {
    margin: 0 0 40px;
    font-size: 44px;
    line-height: 98%;
  }
}
.c-whats-new__latest-heading .latest-filter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-heading .latest-filter {
    flex-direction: row;
  }
}
.c-whats-new__latest-heading .latest-filter .sort-type {
  display: none;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-heading .latest-filter .sort-type {
    display: flex;
  }
}
.c-whats-new__latest-heading .latest-filter .sort-type span {
  color: #787A87;
  font-family: "Larsseit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 4.2px;
  text-transform: uppercase;
}
.c-whats-new__latest-heading .latest-filter .sort-type ul {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.c-whats-new__latest-heading .latest-filter .sort-type ul li {
  color: #60616C;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  cursor: pointer;
  padding-bottom: 8px;
  border-bottom: 2px solid transparent;
}
.c-whats-new__latest-heading .latest-filter .sort-type ul li.active {
  color: #394A79;
  border-color: #394A79;
}
.c-whats-new__latest-heading .latest-filter .sort-recency {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-heading .latest-filter .sort-recency {
    max-width: 277px;
  }
}
.c-whats-new__latest-heading .latest-filter .sort-recency span {
  color: #787A87;
  font-family: "Larsseit", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 4.2px;
  text-transform: uppercase;
  font-style: italic;
}
.c-whats-new__latest-heading .latest-filter .sort-recency span.mobile {
  display: block;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-heading .latest-filter .sort-recency span.mobile {
    display: none;
  }
}
.c-whats-new__latest-heading .latest-filter .sort-recency button {
  padding: 12px 8px;
  border: 1px solid #8F9BBD;
  display: flex;
  justify-content: space-between;
  color: #484951;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  background-color: white;
  width: 100%;
}
.c-whats-new__latest-heading .latest-filter .dropdown {
  position: relative;
}
.c-whats-new__latest-heading .latest-filter .dropdown.mobile {
  display: block;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-heading .latest-filter .dropdown.mobile {
    display: none;
  }
}
.c-whats-new__latest-heading .latest-filter .dropdown-menu {
  position: absolute;
  background-color: white;
  border: 1px solid #8F9BBD;
  width: 100%;
  margin-top: -1px;
  display: none;
  z-index: 1;
}
.c-whats-new__latest-heading .latest-filter .dropdown-menu.active {
  display: block;
}
.c-whats-new__latest-heading .latest-filter .dropdown-menu li {
  padding: 12px 8px;
  cursor: pointer;
  color: #484951;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
.c-whats-new__latest-heading .latest-filter .dropdown-menu li:hover {
  background-color: #FAFAFF;
}
.c-whats-new__latest-heading .latest-filter .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #8F9BBD;
}
.c-whats-new__latest-listing {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 72px;
  align-items: center;
  padding-bottom: 64px;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-listing {
    gap: 24px;
    padding-bottom: 0;
  }
}
.c-whats-new__latest-listing .listing {
  gap: 32px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-listing .listing {
    gap: 16px;
  }
}
.c-whats-new__latest-listing .latest-card {
  width: 100%;
  min-height: 402px;
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-listing .latest-card {
    width: calc(50% - 8px);
    min-height: 547px;
    padding: 0;
  }
}
.c-whats-new__latest-listing .latest-card:hover figure img {
  width: 120%;
  height: 120%;
}
.c-whats-new__latest-listing .latest-card.inactive {
  display: none;
}
.c-whats-new__latest-listing .latest-card figure {
  height: 217px;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-listing .latest-card figure {
    height: 290px;
  }
}
.c-whats-new__latest-listing .latest-card figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: 300ms ease-out;
}
.c-whats-new__latest-listing .latest-card .card-category {
  color: #A44E6A;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.c-whats-new__latest-listing .latest-card .card-title {
  color: #303136;
  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  letter-spacing: -0.461px;
  margin: 0 0 16px;
}
@media (min-width: 1240px) {
  .c-whats-new__latest-listing .latest-card .card-title {
    font-size: 26px;
    letter-spacing: -0.52px;
  }
}
.c-whats-new__latest-listing .latest-card .card-details {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.c-whats-new__latest-listing .latest-card .card-date {
  color: #374048;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}
.c-whats-new__latest-listing .latest-card .card-author {
  color: #374048;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  margin: 0;
  padding-left: 15px;
  border-left: 1px solid #A44E6A;
}
.c-whats-new__latest-listing .latest-card .card-author strong {
  font-weight: 500;
}
.c-whats-new__latest-listing button {
  display: none;
  height: 54px;
  padding: 0 48px 0 24px;
  max-width: 240px;
  width: 100%;
  border: none;
  color: #FAFAFF;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 5.6px;
  text-transform: uppercase;
}
.c-whats-new__latest-listing button::after {
  top: 25px;
}
.c-whats-new__latest-listing button.active {
  display: block;
}
.c-whats-new__construction-updates {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.c-whats-new__construction-updates .construction-card {
  padding: 16px;
  border: 1px solid #8C99A6;
  background: white;
  display: flex;
  flex-direction: column;
}
.c-whats-new__construction-updates .construction-card .construction-date {
  color: #495F9C;
  font-family: "Larsseit", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.c-whats-new__construction-updates .construction-card .construction-title {
  color: #303136;
  font-family: "Montserrat", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%;
  margin: 0;
}
@media (min-width: 1240px) {
  .c-whats-new__construction-updates .construction-card .construction-title {
    font-size: 21px;
  }
}
.c-whats-new__construction-updates .construction-card .construction-button {
  margin-top: 16px;
  color: #A44E6A;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  gap: 16px;
  transition: 300ms ease-out;
}
@media (min-width: 1240px) {
  .c-whats-new__construction-updates .construction-card .construction-button {
    margin-top: 24px;
  }
}
.c-whats-new__construction-updates .construction-card .construction-button svg {
  padding: 8px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 94px;
  border: 1px solid #A44E6A;
}
.c-whats-new__construction-updates .construction-card .construction-button:hover {
  color: #B86A84;
}
.c-whats-new__construction-updates .construction-card .construction-button:hover svg {
  border-color: #B86A84;
}
.c-whats-new__construction-updates .construction-card .construction-button:hover svg rect, .c-whats-new__construction-updates .construction-card .construction-button:hover svg path {
  stroke: #B86A84;
}

.c-contact-us__banner {
  position: relative;
}
.c-contact-us__banner .image-wrapper {
  width: 100%;
  height: 100vh;
  max-height: 350px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 1240px) {
  .c-contact-us__banner .image-wrapper {
    max-height: 409px;
  }
}
.c-contact-us__banner .image-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(128.69deg, rgba(24, 31, 51, 0.65) 2.96%, rgba(24, 31, 51, 0) 72.23%);
}
.c-contact-us__banner .image-wrapper picture {
  width: 100%;
  height: 100%;
}
.c-contact-us__banner .image-wrapper picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-contact-us__banner .container {
  position: relative;
  z-index: 10;
  height: 100vh;
  max-height: 350px;
  padding-top: 128px;
}
@media (min-width: 1240px) {
  .c-contact-us__banner .container {
    max-height: 409px;
    padding-top: 176px;
  }
}
.c-contact-us__banner .container h1 {
  margin: 0 auto;
  max-width: 797px;
}
.c-contact-us__banner .container.section-edge::before, .c-contact-us__banner .container.section-edge::after {
  top: 80px;
  height: calc(100% - 80px);
}
@media (min-width: 1240px) {
  .c-contact-us__banner .container.section-edge::before, .c-contact-us__banner .container.section-edge::after {
    top: 96px;
    height: calc(100% - 96px);
  }
}
.c-contact-us__info .d-flex {
  align-items: center;
  flex-flow: column nowrap;
}
@media (min-width: 1240px) {
  .c-contact-us__info .d-flex {
    flex-flow: row nowrap;
    height: 647px;
  }
}
.c-contact-us__info .d-flex > div.left {
  order: 2;
  margin-top: 24px;
}
@media (min-width: 1240px) {
  .c-contact-us__info .d-flex > div.left {
    order: 1;
    flex: 1 0 calc(53.1% + 80px);
    padding-left: 101px;
    margin-top: 0;
  }
}
.c-contact-us__info .d-flex > div.right {
  z-index: 10;
  order: 1;
  width: 100%;
  margin-top: -70px;
}
@media (min-width: 1240px) {
  .c-contact-us__info .d-flex > div.right {
    order: 2;
    flex: 1 0 46.9%;
    margin-left: -80px;
    margin-top: -39px;
    height: 684px;
  }
}
.c-contact-us__info picture {
  height: 100%;
  width: 100%;
  position: relative;
}
@media (min-width: 1240px) {
  .c-contact-us__info picture {
    right: -80px;
    height: 686px;
  }
}
.c-contact-us__info picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1240px) {
  .c-contact-us__info picture img {
    height: 686px;
  }
}
.c-contact-us__info dl {
  margin-top: 24px;
  margin-bottom: 32px;
}
@media (min-width: 1240px) {
  .c-contact-us__info dl {
    margin-top: 48px;
    margin-bottom: 0;
  }
}
.c-contact-us__info dd {
  margin: 0;
}
.c-contact-us__info dd:not(:last-child) {
  margin-bottom: 32px;
}
.c-contact-us__info dd a {
  color: #001959;
}
.c-contact-us__info dt {
  margin-bottom: 8px;
}
.c-contact-us__form {
  overflow: hidden;
}
.c-contact-us__form .section-edge::before {
  z-index: 1;
}
.c-contact-us__form-heading {
  padding: 24px;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  border-bottom: 1px #FAFAFF solid;
  position: relative;
}
@media (min-width: 1240px) {
  .c-contact-us__form-heading {
    padding: 71px 0 64px 0;
  }
}
.c-contact-us__form-heading::before {
  content: "";
  background-color: #8C99A6;
  position: absolute;
  left: -24px;
  right: 0;
  width: 150%;
  height: 1px;
  top: 0;
  opacity: 0.5;
}
@media (min-width: 1240px) {
  .c-contact-us__form-heading::before {
    left: -80px;
  }
}
.c-contact-us__form-heading span {
  width: 100%;
  max-width: 796px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.c-contact-us__form #contact-form {
  max-width: 591px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 48px;
  padding-top: 32px;
}
@media (min-width: 1240px) {
  .c-contact-us__form #contact-form {
    padding-bottom: 96px;
    padding-top: 64px;
  }
}
.c-contact-us__form label {
  color: #16191D;
}
.c-contact-us__form .field-name-wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.c-contact-us__form .field-name-wrap > div:first-child {
  width: calc(30% - 8px);
}
@media (min-width: 1240px) {
  .c-contact-us__form .field-name-wrap > div:first-child {
    width: calc(18% - 8px);
  }
}
.c-contact-us__form .field-name-wrap > div:last-child {
  width: calc(70% - 8px);
}
@media (min-width: 1240px) {
  .c-contact-us__form .field-name-wrap > div:last-child {
    width: calc(82% - 8px);
  }
}
.c-contact-us__form .field-name-wrap > div {
  width: 100%;
}
.c-contact-us__form .o-button {
  width: 100%;
  max-width: 289px;
  height: 70px;
  padding: 0;
  margin-top: 24px;
}
@media (min-width: 1240px) {
  .c-contact-us__form .o-button {
    margin-top: 0;
    max-width: 408px;
  }
}
.c-contact-us__form .o-button::after {
  top: 33px;
}
.c-contact-us__form .o-button input {
  width: 100%;
  cursor: pointer;
  background: transparent;
  color: white;
  text-align: left;
  padding-left: 24px;
  padding-top: 5px;
  font-size: 12px;
}
@media (min-width: 1240px) {
  .c-contact-us__form .o-button input {
    padding-left: 40px;
    font-size: 16px;
  }
}
.c-contact-us__form .wpcf7-spinner {
  display: none;
}

.intl-tel-input.allow-dropdown input {
  padding-left: 12px !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

.intl-tel-input.allow-dropdown .flag-container {
  right: 8px;
  left: auto;
}

.c-faqs__banner {
  position: relative;
}
.c-faqs__banner .c-faqs_title {
  margin-bottom: 29px;
}
@media (min-width: 1240px) {
  .c-faqs__banner .c-faqs_title {
    margin-bottom: 24px;
  }
}
.c-faqs__banner .image-wrapper {
  width: 100%;
  height: 100vh;
  max-height: 350px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 1240px) {
  .c-faqs__banner .image-wrapper {
    max-height: 409px;
  }
}
.c-faqs__banner .image-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(128.69deg, rgba(24, 31, 51, 0.65) 2.96%, rgba(24, 31, 51, 0) 72.23%);
}
.c-faqs__banner .image-wrapper picture {
  width: 100%;
  height: 100%;
}
.c-faqs__banner .image-wrapper picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-faqs__banner .container {
  position: relative;
  z-index: 10;
  height: 100vh;
  max-height: 350px;
  padding-top: 152px;
}
@media (min-width: 1240px) {
  .c-faqs__banner .container {
    max-height: 409px;
    padding-top: 166px;
  }
}
.c-faqs__banner .container.section-edge::before, .c-faqs__banner .container.section-edge::after {
  top: 80px;
  height: calc(100% - 80px);
}
@media (min-width: 1240px) {
  .c-faqs__banner .container.section-edge::before, .c-faqs__banner .container.section-edge::after {
    top: 96px;
    height: calc(100% - 96px);
  }
}
.c-faqs .c-faqs_search-form {
  position: relative;
}
.c-faqs .c-faqs_search {
  width: 100%;
  max-width: 796px;
  height: 56px;
  background-color: #E2E6E9;
  color: #303136;
  background-image: url("/app/themes/the-estate-makati/src/images/search-icon-32px.svg");
  border: 1px solid rgba(153, 156, 188, 0.2);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 15px 13px;
  padding-left: 56px;
}
@media (min-width: 768px) {
  .c-faqs .c-faqs_search {
    padding-left: 72px;
    background-size: 32px;
    background-position: 28px center;
    height: 80px;
  }
}
.c-faqs .c-faqs_search::-moz-placeholder {
  color: #303136;
}
.c-faqs .c-faqs_search::placeholder {
  color: #303136;
}
.c-faqs .c-faqs__topics {
  padding-top: 24px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .c-faqs .c-faqs__topics {
    padding-top: 40px;
    padding-bottom: 111px;
  }
}
.c-faqs .c-faqs__topics .c-faqs_topics-wrapper {
  width: 100%;
  max-width: 1366px;
  margin: 24px auto 0;
  position: relative;
}
@media (min-width: 768px) {
  .c-faqs .c-faqs__topics .c-faqs_topics-wrapper {
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(4, 1fr);
    --grid-gutter: 24px;
    grid-row-gap: var(--grid-gutter);
    --grid-row-height: 0;
    grid-auto-rows: var(--grid-row-height);
    grid-column-gap: 28px;
    padding-right: 0;
  }
}
.c-faqs .c-faqs__topics .c-faqs_topics-wrapper .c-faqs_topics-item {
  border-left: 4px solid #A44E6A;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  padding: 24px 20px;
  display: block;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .c-faqs .c-faqs__topics .c-faqs_topics-wrapper .c-faqs_topics-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: calc(25% - 28px);
    top: 0;
    left: 0;
    margin-top: 0;
  }
  .c-faqs .c-faqs__topics .c-faqs_topics-wrapper .c-faqs_topics-item.grid-item-ready {
    position: static;
    height: auto;
    width: auto;
  }
}
.c-faqs .faq-results-wrapper {
  max-width: 796px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 1240px) {
  .c-faqs .faq-results-wrapper {
    padding: 0;
  }
}
.c-faqs .faq-results-wrapper .c-accordion-div .row-content:first-child {
  margin-top: 32px;
}
.c-faqs .faq-results-wrapper .c-accordion-div .row-content:last-child {
  margin-bottom: 8px;
}
.c-faqs .faq-results-wrapper .c-panel-inner {
  padding-right: 19px;
}
.c-faqs .faq-results-wrapper .diamond-svg-wrap svg {
  max-width: 100%;
  padding: 0 24px;
  height: auto;
}
@media (min-width: 1240px) {
  .c-faqs .faq-results-wrapper .diamond-svg-wrap svg {
    padding: 0;
  }
}
.c-faqs .faq-results-wrapper .faq-no-results-text-content {
  padding: 0 29px 0 37px;
  margin-top: -83px;
}
@media (min-width: 1240px) {
  .c-faqs .faq-results-wrapper .faq-no-results-text-content {
    padding: 0;
    margin-top: 0;
  }
}
.c-faqs .faq-results-wrapper .faq-no-results-text-content .h3, .c-faqs .faq-results-wrapper .faq-no-results-text-content .c-content-side-image h2, .c-content-side-image .c-faqs .faq-results-wrapper .faq-no-results-text-content h2, .c-faqs .faq-results-wrapper .faq-no-results-text-content .c-post-text h2, .c-post-text .c-faqs .faq-results-wrapper .faq-no-results-text-content h2 {
  font-weight: 300;
}
.c-faqs .faq-results-wrapper .faq-no-results-text-content .c-subhead {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .c-faqs .faq-results-wrapper .faq-no-results-text-content .c-subhead {
    margin-top: 0;
  }
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features::before, .c-faqs .c-faqs__accordions .c-faqs-side-nav-features::after {
  z-index: 20;
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features::before {
  background-color: #A44E6A;
  z-index: 0;
}
@media (min-width: 1240px) {
  .c-faqs .c-faqs__accordions .c-faqs-side-nav-features::before {
    background-color: #394A79;
  }
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__heading {
  padding-top: 56px;
  padding-bottom: 56px;
}
@media (min-width: 1240px) {
  .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__heading {
    padding-top: 96px;
    padding-bottom: 88px;
  }
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__heading .h2 {
  max-width: 822px;
  margin: 0 auto;
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 1240px) {
  .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap {
    padding-top: 63.28px;
    padding-bottom: 104px;
    flex-direction: row;
  }
  .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 300px;
    height: 100%;
    width: 1px;
    background-color: #A44E6A;
    z-index: 12;
  }
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(140, 153, 166, 0.5);
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap .h3, .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap .c-content-side-image h2, .c-content-side-image .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap h2, .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap .c-post-text h2, .c-post-text .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-wrap h2 {
  font-weight: 300;
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav {
  position: relative;
  width: 100%;
  padding-left: 24px;
  padding-top: 16px;
  z-index: 999;
  border-bottom: 0.5px solid #A44E6A;
  margin-bottom: 32px;
  display: none;
}
@media (min-width: 1240px) {
  .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav {
    display: block;
    border-bottom: none;
    max-width: 300px;
    min-width: 300px;
    margin-bottom: 0;
    padding-left: 27px;
  }
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav ul {
  list-style: none;
  position: sticky;
  top: 126px;
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav ul > li > a {
  height: 46px;
  position: relative;
  display: flex;
  align-items: center;
  color: #5F6391;
  width: -moz-fit-content;
  width: fit-content;
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav ul > li > a:hover,
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav ul > li.is-active > a {
  color: #16191D;
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav ul > li > a:hover::before,
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav ul > li.is-active > a::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #A44E6A;
  position: absolute;
  top: calc(100% - 3px);
  left: 0;
}
@media (min-width: 1240px) {
  .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav ul > li > a:hover::before,
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav ul > li.is-active > a::before {
    width: 3px;
    height: 100%;
    top: 0;
    left: -26px;
  }
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav .c-white-arrow {
  display: none;
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-nav .is-active .c-white-arrow {
  display: block;
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-data {
  position: relative;
  padding: 0 16px;
  display: none;
}
@media (min-width: 1240px) {
  .c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-data {
    padding: 0 48px;
  }
}
.c-faqs .c-faqs__accordions .c-faqs-side-nav-features__content-data.active {
  display: block;
}

.dd-for-mobile {
  padding-left: 24px;
  padding-top: 16px;
  border-bottom: 0.5px solid #A44E6A;
  margin-bottom: 40px;
  z-index: 1;
}
@media (min-width: 1240px) {
  .dd-for-mobile {
    display: none;
  }
}
.dd-for-mobile .button-dropdown {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 170px;
}
.dd-for-mobile .button-dropdown > a {
  display: inline-block;
}
.dd-for-mobile .button-dropdown > a:before {
  content: "";
  width: calc(100% - 35px);
  height: 3px;
  background-color: #A44E6A;
  position: absolute;
  top: calc(100% - 3px);
  left: 0;
}
.dd-for-mobile li a {
  display: block;
  background: linear-gradient(141.19deg, #181F33 -3.29%, #363953 113.82%);
  padding: 10px 20px;
  text-decoration: none;
}
.dd-for-mobile li a span {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  color: #999;
}
.dd-for-mobile li a:hover, .dd-for-mobile li a.dropdown-toggle.active {
  background-color: #289dcc;
  color: #fff;
}
.dd-for-mobile .dropdown-menu {
  display: none;
  position: absolute;
  position: absolute;
  top: -10px;
  left: calc(100% + 10px);
  padding: 0;
  margin: 0;
  width: -moz-max-content;
  width: max-content;
}
.dd-for-mobile .dropdown-menu.active {
  display: block;
}
.dd-for-mobile .dropdown-menu a {
  max-width: 170px;
}

.c-white-arrow {
  background: url(/app/themes/the-estate-makati/src/images/arrow-side-white.svg) no-repeat scroll right center/5px 10px transparent;
  width: 5px;
  height: 10px;
  padding-left: 35px;
}

@media (max-width: 1239px) {
  .c-lifestyle > section.section-edge::before, .c-lifestyle > section.section-edge::after {
    display: none;
  }
}
.c-lifestyle__header {
  padding-top: 92px;
  text-align: center;
  padding-bottom: 159px;
  background-color: #374048;
}
@media (min-width: 1240px) {
  .c-lifestyle__header {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
.c-lifestyle__header.section-edge::before, .c-lifestyle__header.section-edge::after {
  top: 80px;
  height: calc(100% - 80px);
}
@media (min-width: 1240px) {
  .c-lifestyle__header.section-edge::before, .c-lifestyle__header.section-edge::after {
    top: 96px;
    height: calc(100% - 96px);
  }
}
.c-lifestyle__header .content {
  position: relative;
  z-index: 100;
  margin-left: 24px;
  margin-right: 24px;
}
.c-lifestyle__header .content span {
  max-width: 488px;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}
.c-lifestyle__header .banner-slider {
  position: relative;
  z-index: 10;
  margin-top: -24px;
  height: 280px;
}
@media (min-width: 1240px) {
  .c-lifestyle__header .banner-slider {
    height: 597px;
  }
}
.c-lifestyle__header .banner-slider picture {
  height: 100%;
  width: 100%;
}
.c-lifestyle__header .banner-slider picture > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-lifestyle__header .banner-slider .slick-slide {
  width: 208px;
}
@media (min-width: 1240px) {
  .c-lifestyle__header .banner-slider .slick-slide {
    width: 511px;
  }
}
.c-lifestyle__header .banner-slider .slick-slide > div {
  height: 280px;
  display: flex;
  align-items: center;
}
@media (min-width: 1240px) {
  .c-lifestyle__header .banner-slider .slick-slide > div {
    height: 597px;
  }
}
.c-lifestyle__header .banner-slider .slick-slide picture {
  height: 156px;
  position: relative;
}
@media (min-width: 1240px) {
  .c-lifestyle__header .banner-slider .slick-slide picture {
    height: 309px;
  }
}
.c-lifestyle__header .banner-slider .slick-slide picture::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.c-lifestyle__header .banner-slider .slick-current picture {
  transform: scale(1.419, 1.795);
  transition: all 600ms ease-out;
  z-index: 10;
}
@media (min-width: 1240px) {
  .c-lifestyle__header .banner-slider .slick-current picture {
    transform: scale(1.558, 1.933);
  }
}
.c-lifestyle__header .banner-slider .slick-current picture::after {
  display: none;
}
.c-lifestyle__header .banner-slider .paginator-center {
  margin-right: 48px;
  padding-top: 40px;
  position: relative;
}
.c-lifestyle__header .banner-slider .paginator-center::after {
  content: "";
  position: absolute;
  right: -48px;
  top: 62px;
  width: calc(100% + 24px);
  height: 1px;
  background-color: #6378B6;
}
@media (min-width: 1240px) {
  .c-lifestyle__header .banner-slider .paginator-center {
    display: none;
  }
}
.c-lifestyle__header .banner-slider .paginator-center > ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
.c-lifestyle__header .banner-slider .paginator-center > ul > li {
  background-color: #181F33;
}
.c-lifestyle__header .banner-slider .paginator-center > ul > li:first-child {
  margin-right: 24px;
}
@media (min-width: 1240px) {
  .c-lifestyle__feat-post {
    border-bottom: 1px solid #363953;
    padding-bottom: 97px;
  }
}
.c-lifestyle__feat-post .u-photo {
  height: 316px;
  width: 100%;
  position: relative;
}
.c-lifestyle__feat-post .u-photo::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #181F33 0%, rgba(24, 31, 51, 0) 43.15%), linear-gradient(90deg, rgba(24, 31, 51, 0.54) 0%, rgba(24, 31, 51, 0) 100%);
}
@media (min-width: 1240px) {
  .c-lifestyle__feat-post .u-photo::after {
    display: none;
  }
}
@media (min-width: 768px) {
  .c-lifestyle__feat-post .u-photo {
    height: 480px;
  }
}
@media (min-width: 1240px) {
  .c-lifestyle__feat-post .u-photo {
    height: 672px;
  }
}
.c-lifestyle__feat-post .u-photo > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-lifestyle__feat-post .content {
  width: calc(100% - 48px);
  background-color: #F1F2F3;
  padding: 24px 8px 24px 38px;
  margin: -48px auto 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 1240px) {
  .c-lifestyle__feat-post .content {
    position: absolute;
    right: 12px;
    bottom: -97px;
    width: 100%;
    max-width: 743px;
    padding: 48px;
  }
}
@media (max-width: 1239px) {
  .c-lifestyle__feat-post .content::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 24px;
    height: calc(100% - 48px);
    width: 4px;
    background-color: #A44E6A;
  }
}
.c-lifestyle__feat-post .content .h3, .c-lifestyle__feat-post .content .c-content-side-image h2, .c-content-side-image .c-lifestyle__feat-post .content h2, .c-lifestyle__feat-post .content .c-post-text h2, .c-post-text .c-lifestyle__feat-post .content h2 {
  position: relative;
}
@media (min-width: 1240px) {
  .c-lifestyle__feat-post .content .h3, .c-lifestyle__feat-post .content .c-content-side-image h2, .c-content-side-image .c-lifestyle__feat-post .content h2, .c-lifestyle__feat-post .content .c-post-text h2, .c-post-text .c-lifestyle__feat-post .content h2 {
    padding-left: 24px;
  }
  .c-lifestyle__feat-post .content .h3::before, .c-lifestyle__feat-post .content .c-content-side-image h2::before, .c-content-side-image .c-lifestyle__feat-post .content h2::before, .c-lifestyle__feat-post .content .c-post-text h2::before, .c-post-text .c-lifestyle__feat-post .content h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: #A44E6A;
  }
}
.c-lifestyle__post-wrap .col-lg-8 {
  position: relative;
  padding-top: 28px;
  padding-bottom: 90px;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .col-lg-8 {
    padding-top: 72px;
    padding-bottom: 120px;
  }
  .c-lifestyle__post-wrap .col-lg-8::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    height: 100%;
    width: 1px;
    background-color: #999CBC;
    z-index: 1;
  }
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .col-lg-4 {
    padding-top: 72px;
  }
}
.c-lifestyle__post-wrap.section-edge::before {
  background-color: #999CBC;
  opacity: 1;
}
.c-lifestyle__post-wrap .post-item {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  padding-left: 4px;
  padding-right: 4px;
  justify-content: space-between;
  background-color: #374048;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .post-item {
    flex-flow: row nowrap;
    padding-left: 0px;
    padding-right: 0px;
  }
  .c-lifestyle__post-wrap .post-item::before, .c-lifestyle__post-wrap .post-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #999CBC;
    z-index: 1;
  }
  .c-lifestyle__post-wrap .post-item::after {
    bottom: 0;
  }
}
.c-lifestyle__post-wrap .post-item .h5, .c-lifestyle__post-wrap .post-item .c-content-side-image h4, .c-content-side-image .c-lifestyle__post-wrap .post-item h4, .c-lifestyle__post-wrap .post-item .c-post-text h4, .c-post-text .c-lifestyle__post-wrap .post-item h4, .c-lifestyle__post-wrap .post-item .c-accordion-div .c-accordion, .c-accordion-div .c-lifestyle__post-wrap .post-item .c-accordion, .c-lifestyle__post-wrap .post-item .c-hero-banner .banner-content p, .c-hero-banner .banner-content .c-lifestyle__post-wrap .post-item p {
  font-weight: 200;
}
.c-lifestyle__post-wrap .post-item .content {
  padding: 28px 16px 0;
  order: 2;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .post-item .content {
    order: 1;
    padding: 32px;
  }
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .post-item .author > span:first-child {
    font-family: "Larsseit", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    text-transform: unset;
    letter-spacing: 0;
  }
}
.c-lifestyle__post-wrap .post-item picture {
  width: 100%;
  height: 116px;
  order: 1;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .post-item picture {
    order: 2;
    height: 228px;
    max-width: 307px;
    width: 100%;
  }
}
.c-lifestyle__post-wrap .post-item picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-lifestyle__post-wrap .post-item:not(:last-child) {
  margin-bottom: 36px;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .post-item:not(:last-child) {
    margin-bottom: 24px;
  }
}
.c-lifestyle__post-wrap .event-item {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  padding-top: 54px;
  margin-bottom: 24px;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item {
    flex-flow: row nowrap;
  }
}
.c-lifestyle__post-wrap .event-item .left {
  position: relative;
  margin-right: 24px;
}
.c-lifestyle__post-wrap .event-item .left picture {
  width: 119px;
  height: 119px;
  margin-bottom: 32px;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .left picture {
    width: 179px;
    height: 179px;
    margin-bottom: 0;
  }
}
.c-lifestyle__post-wrap .event-item .left picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 150px;
}
.c-lifestyle__post-wrap .event-item .left .date {
  position: absolute;
  top: -34px;
  left: 13px;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .left .date {
    left: 39px;
  }
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .left .date {
    top: -56px;
    left: 39px;
  }
}
.c-lifestyle__post-wrap .event-item .left .date > span:first-child {
  font-family: "Montserrat", sans-serif;
  line-height: 110%;
  font-size: 40px;
  font-weight: 400;
  color: #A44E6A;
  display: block;
  position: relative;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .left .date > span:first-child {
    font-family: "Montserrat", sans-serif;
    line-height: 110%;
    letter-spacing: -0.01em;
    font-size: 44px;
  }
}
.c-lifestyle__post-wrap .event-item .left .date > span:first-child::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 41px;
  width: 1px;
  height: 64px;
  background-color: #A44E6A;
  transform: rotate(45deg);
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .left .date > span:first-child::before {
    top: 19px;
    left: 55px;
    background-color: #999CBC;
  }
}
.c-lifestyle__post-wrap .event-item .left .date > span:last-child {
  position: relative;
  font-family: "Montserrat", sans-serif;
  line-height: 46px;
  font-size: 40px;
  font-weight: 200;
  color: #7A7EA8;
  left: 41px;
  top: -8px;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .left .date > span:last-child {
    font-family: "Larsseit", sans-serif;
    font-style: normal;
    font-size: 38px;
    left: 63px;
    top: -11px;
  }
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .right {
    padding-right: 12px;
    margin-top: -16px;
  }
}
.c-lifestyle__post-wrap .event-item .right > span:first-child {
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 18.2px;
}
.c-lifestyle__post-wrap .event-item .right > a:nth-child(2) {
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 19px;
  line-height: 24.7px;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .right > a:nth-child(2) {
    font-family: "Larsseit", sans-serif;
    font-size: 21px;
    line-height: 27.3px;
  }
}
.c-lifestyle__post-wrap .event-item .right > a:nth-child(2) > span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.c-lifestyle__post-wrap .event-item .right .d-flex > span {
  border-bottom: 1px solid #A44E6A;
  display: inline-block;
  font-family: "Larsseit", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}
@media (min-width: 1240px) {
  .c-lifestyle__post-wrap .event-item .right .d-flex > span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
  }
}
.c-lifestyle__post-wrap .slick-dots {
  display: flex;
  justify-content: center;
  margin-bottom: 58px;
  margin-top: 42px;
}
.c-lifestyle__post-wrap .slick-dots button {
  background-color: #293557;
  width: 12px;
  height: 12px;
  border: 0;
  text-indent: -9999px;
}
.c-lifestyle__post-wrap .slick-dots li:not(:last-child) {
  margin-right: 16px;
}
.c-lifestyle__post-wrap .slick-dots .slick-active > button {
  background-color: #985E6D;
}

.c-amenities-expandable {
  padding-top: 48px;
  background-color: #F9FAFB;
  border-bottom: 1px solid rgba(89, 102, 115, 0.4);
}
@media (min-width: 1240px) {
  .c-amenities-expandable {
    padding-top: 66px;
  }
}
.c-amenities-expandable.section-edge::before, .c-amenities-expandable.section-edge::after {
  background-color: #8C99A6;
  opacity: 0.5;
}
.c-amenities-expandable__item {
  flex: 1 0 32%;
  position: relative;
  transition: all 1000ms ease;
  padding-bottom: 24px;
  overflow: hidden;
}
.c-amenities-expandable__item:not(:first-child) {
  margin-top: 24px;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__item:not(:first-child) {
    margin-top: 0;
  }
}
@media (min-width: 1240px) {
  .c-amenities-expandable__item {
    padding-bottom: 0px;
  }
  .c-amenities-expandable__item:not(:last-child) {
    margin-right: 24px;
  }
}
.c-amenities-expandable__item::before, .c-amenities-expandable__item::after {
  content: "";
  position: absolute;
  transition: all 600ms ease;
}
.c-amenities-expandable__item::before {
  content: "";
  background-color: #A44E6A;
  left: 16px;
  position: absolute;
  top: 186px;
  width: 1px;
  height: calc(100% - 186px);
  z-index: 1;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__item::before {
    top: 800px;
  }
}
.c-amenities-expandable__item::after {
  content: "";
  border: 1px solid #A44E6A;
  left: 10px;
  position: absolute;
  top: 180px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50px;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__item::after {
    left: 13px;
    top: 164px;
    width: 24px;
    height: 24px;
    top: 800px;
  }
}
.c-amenities-expandable__item picture {
  width: 100%;
  height: 250px;
  transition: all 600ms ease;
  position: relative;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__item picture {
    height: 444px;
  }
}
.c-amenities-expandable__item picture::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(0deg, #222434 0%, rgba(34, 36, 52, 0) 100%);
  height: 100%;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__item picture::before {
    display: none;
  }
}
.c-amenities-expandable__item picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-amenities-expandable__item .content {
  margin-top: 16px;
  transition: all 600ms ease;
  position: relative;
  z-index: 1;
  padding-left: 16px;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__item .content {
    padding-left: unset;
    margin-top: 24px;
    padding-bottom: 46px;
  }
}
.c-amenities-expandable__item .content p {
  display: block;
  transition: all 600ms ease;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__item .content p {
    display: none;
  }
}
.c-amenities-expandable__wrapper {
  width: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 2px;
  margin: 0 auto;
  flex-flow: column wrap;
  padding-bottom: 48px;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__wrapper {
    flex-flow: row nowrap;
    padding-bottom: 0;
  }
}
.c-amenities-expandable__wrapper:hover > div {
  flex: 1 0 10%;
}
.c-amenities-expandable__wrapper > div:hover {
  flex: 1 0 35.63%;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__wrapper > div:hover > .content {
    padding-left: 50px;
  }
}
@media (min-width: 1240px) {
  .c-amenities-expandable__wrapper > div:hover picture {
    height: 444px;
  }
}
.c-amenities-expandable__wrapper > div:hover > .content p {
  display: block;
}
@media (min-width: 1240px) {
  .c-amenities-expandable__wrapper > div:hover::before {
    left: 50px;
    top: 270px;
  }
}
@media (min-width: 1240px) {
  .c-amenities-expandable__wrapper > div:hover::after {
    top: 258px;
    left: 38px;
  }
}

.c-features {
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-features {
    overflow: unset;
  }
}
.c-features .container .row {
  margin: 0;
}
@media (min-width: 1240px) {
  .c-features::before, .c-features::after {
    z-index: 20;
  }
}
.c-features::before {
  background-color: #8C99A6;
  opacity: 0.5;
  z-index: 0;
}
@media (min-width: 1240px) {
  .c-features::before {
    background-color: #8C99A6;
  }
}
.c-features__heading {
  padding: 24px 0;
  position: relative;
}
@media (min-width: 1240px) {
  .c-features__heading {
    padding-top: 80px;
    padding-bottom: 112px;
  }
}
.c-features__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 0;
  width: calc(100% - 48px);
  height: 1px;
  opacity: 0.5;
  background-color: #394A79;
}
@media (min-width: 1240px) {
  .c-features__heading::after {
    display: none;
  }
}
.c-features__heading .h2 {
  max-width: 822px;
  margin: 0 auto;
}
.c-features__heading .row {
  justify-content: center;
}
.c-features__heading .col-lg-12 {
  max-width: 591px;
}
.c-features__content {
  margin-top: 24px;
}
@media (min-width: 1240px) {
  .c-features__content {
    margin-top: 0;
  }
}
.c-features__content-wrap {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: column wrap;
  padding-bottom: 58px;
}
@media (min-width: 1240px) {
  .c-features__content-wrap {
    padding-bottom: 96px;
  }
  .c-features__content-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #8C99A6;
    z-index: 12;
    opacity: 0.5;
  }
  .c-features__content-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 300px;
    height: 100%;
    width: 1px;
    background-color: #A44E6A;
    z-index: 12;
    opacity: 0.5;
  }
}
.c-features__content-nav {
  position: relative;
  width: 100%;
  max-width: 277px;
  padding-left: 35px;
  padding-top: 16px;
  display: none;
  z-index: 9;
}
@media (min-width: 1240px) {
  .c-features__content-nav {
    display: block;
  }
}
.c-features__content-nav ul {
  list-style: none;
  position: sticky;
  top: 126px;
  max-width: 277px;
}
.c-features__content-nav ul span {
  height: 30px;
}
.c-features__content-nav ul > li > a {
  height: 46px;
  position: relative;
  display: flex;
  align-items: center;
  color: #5F6391;
}
.c-features__content-nav ul > li > a::after {
  opacity: 0;
  content: "";
  background-image: url("/app/themes/the-estate-makati/src/images/chevy-right-d.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-left: 32px;
  transition: all 500ms ease;
}
.c-features__content-nav ul > li > a:hover,
.c-features__content-nav ul > li.is-active > a {
  color: #16191D;
}
.c-features__content-nav ul > li > a:hover::before,
.c-features__content-nav ul > li.is-active > a::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #A44E6A;
  position: absolute;
  top: 0;
  left: -34px;
  bottom: 0;
}
.c-features__content-nav ul > li > a:hover::after,
.c-features__content-nav ul > li.is-active > a::after {
  opacity: 1;
}
.c-features__content-dropdown {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 8px;
}
@media (min-width: 1240px) {
  .c-features__content-dropdown {
    display: none;
  }
}
.c-features .col-content {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-features .col-content {
    margin-right: -48px;
  }
}
.c-features .col-content-title {
  height: 48px;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: white;
  width: calc(100% + 24px);
}
@media (min-width: 1240px) {
  .c-features .col-content-title {
    width: calc(100% + 114px);
    height: 84px;
    background: linear-gradient(-270.34deg, #374048 -7.73%, #596673 105.85%);
  }
}
.c-features .col-content-sub {
  display: block;
  margin-top: 24px;
}
.c-features .col-content p {
  margin: 24px 0 0 0;
}
.c-features .col-image {
  width: 100%;
  position: relative;
  z-index: 13;
  margin-bottom: 24px;
  height: 230px;
}
@media (min-width: 1240px) {
  .c-features .col-image {
    max-width: 489px;
    height: 367px;
    margin-bottom: 0;
    z-index: 5;
  }
}
.c-features .col-image picture {
  height: 100%;
  width: 100%;
}
.c-features .col-image picture > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-features .row-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  position: relative;
  flex-direction: column-reverse;
}
@media (min-width: 1240px) {
  .c-features .row-content {
    flex-flow: row nowrap;
    flex-direction: row;
  }
}
@media (max-width: 1239px) {
  .c-features .row-content:not(:last-child) {
    margin-bottom: 34px;
  }
}
.c-features .row-content--left .col-content-sub,
.c-features .row-content--left p {
  padding-left: 40px;
}
@media (min-width: 1240px) {
  .c-features .row-content--left .col-content-sub,
.c-features .row-content--left p {
    padding-left: 56px;
  }
}
.c-features .row-content--left .col-content-title {
  padding-left: 40px;
}
@media (min-width: 1240px) {
  .c-features .row-content--left .col-content-title {
    padding-left: 56px;
  }
}
.c-features .row-content--left .col-image > picture {
  width: calc(100% - 20px);
  position: relative;
  right: -48px;
  filter: drop-shadow(4px 16px 54px rgba(24, 31, 51, 0.24));
}
@media (min-width: 1240px) {
  .c-features .row-content--left .col-image > picture {
    width: 100%;
    margin-left: 44px;
  }
}
.c-features .row-content--right {
  flex-direction: column-reverse;
}
@media (min-width: 1240px) {
  .c-features .row-content--right {
    flex-direction: row-reverse;
  }
}
.c-features .row-content--right .col-content {
  flex: 1;
}
.c-features .row-content--right .col-content .col-content-title {
  padding-left: 40px;
  background: linear-gradient(270.34deg, #374048 -7.73%, #596673 105.85%);
  margin-left: -24px;
}
@media (min-width: 1240px) {
  .c-features .row-content--right .col-content .col-content-title {
    width: calc(100% + 68px);
    background: linear-gradient(-270.34deg, #374048 -7.73%, #596673 105.85%);
  }
}
.c-features .row-content--right .col-content .col-content-sub,
.c-features .row-content--right .col-content p {
  padding-left: 16px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-features .row-content--right .col-content .col-content-sub,
.c-features .row-content--right .col-content p {
    max-width: 87.5%;
  }
}
.c-features .row-content--right .col-image {
  position: relative;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-features .row-content--right .col-image {
    width: 489px;
  }
}
.c-features .row-content--right .col-image > picture {
  width: calc(100% - 20px);
  position: relative;
  left: -24px;
  filter: drop-shadow(4px 16px 54px rgba(24, 31, 51, 0.24));
}
@media (min-width: 1240px) {
  .c-features .row-content--right .col-image > picture {
    width: 100%;
    left: unset;
    position: unset;
  }
}
@media (min-width: 1240px) {
  .c-features .row-content-1 {
    margin-bottom: 125px;
  }
  .c-features .row-content-1::before {
    content: "";
    position: absolute;
    top: 186px;
    left: 150px;
    width: 461.44px;
    height: 461.44px;
    filter: blur(75px);
    transform: rotate(-60deg);
    z-index: 0r;
  }
  .c-features .row-content-1::after {
    content: "";
    position: absolute;
    top: 0;
    right: 303px;
    height: 572px;
    width: 1px;
    z-index: 3;
  }
  .c-features .row-content-2, .c-features .row-content:nth-child(2n+4) {
    margin-bottom: 115px;
  }
  .c-features .row-content-2::before, .c-features .row-content:nth-child(2n+4)::before {
    content: "";
    position: absolute;
    top: 199px;
    left: -124px;
    width: 461.44px;
    height: 461.44px;
    filter: blur(75px);
    transform: matrix(-0.5, -0.87, -0.87, 0.5, 0, 0);
  }
  .c-features .row-content-2::after, .c-features .row-content:nth-child(2n+4)::after {
    content: "";
    position: absolute;
    top: 370px;
    left: 301px;
    height: 202px;
    width: 1px;
    z-index: 3;
  }
  .c-features .row-content-3, .c-features .row-content:nth-child(2n+5) {
    margin-bottom: 129px;
  }
  .c-features .row-content-3::before, .c-features .row-content:nth-child(2n+5)::before {
    content: "";
    position: absolute;
    top: 186px;
    left: 306px;
    width: 461.44px;
    height: 461.44px;
    filter: blur(75px);
    transform: rotate(-60deg);
    z-index: 0r;
  }
  .c-features .row-content-3::after, .c-features .row-content:nth-child(2n+5)::after {
    content: "";
    position: absolute;
    top: 380px;
    right: 303px;
    height: 187px;
    width: 1px;
    z-index: 3;
  }
}
.c-features .row-content:last-child::before {
  display: none;
}
.c-features__content-data {
  position: relative;
}
.c-features__content-data > div:last-child {
  margin-bottom: 12px !important;
}

.c-architect-person {
  background-color: #374048;
  overflow: hidden;
  height: 812px;
}
@media (min-width: 1240px) {
  .c-architect-person {
    height: 100%;
  }
}
.c-architect-person::before {
  display: none;
}
@media (min-width: 1240px) {
  .c-architect-person::before {
    display: block;
    background-color: #A44E6A;
    opacity: 0.5;
  }
}
.c-architect-person::after {
  display: none;
}
.c-architect-person-title {
  position: absolute;
  left: -18px;
  top: 104px;
  max-width: 1025px;
  width: 100%;
  opacity: 0.2;
  line-height: 64px;
  font-size: 64px;
  letter-spacing: -1.28px;
}
@media (min-width: 1240px) {
  .c-architect-person-title {
    line-height: 96px;
    left: -33px;
    top: 138px;
    font-size: 100px;
    font-weight: 200;
    line-height: 96px;
    letter-spacing: -2px;
    text-transform: uppercase;
  }
}
.c-architect-person-bg {
  position: absolute;
  right: 0;
  bottom: -65px;
  z-index: 0;
}
.c-architect-person-bg--desktop {
  display: none;
}
@media (min-width: 1240px) {
  .c-architect-person-bg--desktop {
    display: block;
    bottom: 0;
  }
}
@media (min-width: 1240px) {
  .c-architect-person-bg--mobile {
    display: none;
  }
}
.c-architect-person__wrapper {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-top: 212px;
}
@media (min-width: 1240px) {
  .c-architect-person__wrapper {
    padding-top: 0;
  }
}
.c-architect-person__wrapper .row {
  min-height: 600px;
}
@media (min-width: 1240px) {
  .c-architect-person__wrapper .row {
    min-height: 650px;
    align-items: flex-end;
  }
}
.c-architect-person__wrapper .content {
  margin-bottom: 124px;
  width: 100%;
  max-width: 538px;
}
.c-architect-person__wrapper .content .h3, .c-architect-person__wrapper .content .c-content-side-image h2, .c-content-side-image .c-architect-person__wrapper .content h2, .c-architect-person__wrapper .content .c-post-text h2, .c-post-text .c-architect-person__wrapper .content h2 {
  transition: all 600ms ease-in-out;
  opacity: 0;
}
@media (min-width: 1240px) {
  .c-architect-person__wrapper .content .h3, .c-architect-person__wrapper .content .c-content-side-image h2, .c-content-side-image .c-architect-person__wrapper .content h2, .c-architect-person__wrapper .content .c-post-text h2, .c-post-text .c-architect-person__wrapper .content h2 {
    opacity: 1;
  }
}
.c-architect-person__wrapper .content p {
  margin: 8px 0 0 0;
  color: #C9CACF;
  transition: all 600ms ease-in-out;
  opacity: 0;
}
@media (min-width: 1240px) {
  .c-architect-person__wrapper .content p {
    opacity: 1;
  }
}
.c-architect-person__wrapper picture {
  transform: scale(1.3);
  position: absolute;
  bottom: 55px;
  left: -8px;
  opacity: 1;
  transition: all 600ms ease-in-out;
}
@media (min-width: 1240px) {
  .c-architect-person__wrapper picture {
    width: 581px;
    height: 581px;
    margin-bottom: -6px;
    transform: unset;
    position: unset;
    bottom: unset;
  }
}
.c-architect-person__wrapper picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-architect-person__wrapper .bottom-arrow {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 30px;
  display: inline-block;
  width: 65px;
  cursor: pointer;
}
@media (min-width: 1240px) {
  .c-architect-person__wrapper .bottom-arrow {
    display: none;
  }
}
.c-architect-person input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  bottom: 30px;
  left: -9999px;
}
.c-architect-person input[type=checkbox]:checked ~ .row .content .h3, .c-architect-person input[type=checkbox]:checked ~ .row .content .c-content-side-image h2, .c-content-side-image .c-architect-person input[type=checkbox]:checked ~ .row .content h2, .c-architect-person input[type=checkbox]:checked ~ .row .content .c-post-text h2, .c-post-text .c-architect-person input[type=checkbox]:checked ~ .row .content h2, .c-architect-person input[type=checkbox]:checked ~ .row .content p {
  opacity: 1;
}
.c-architect-person input[type=checkbox]:checked ~ .row picture {
  opacity: 0;
}

.c-architect-about {
  background-color: #FAFAFF;
  overflow: hidden;
  border-bottom: 1px #8C99A6 solid;
}
.c-architect-about__heading {
  position: relative;
  background-color: #FAFAFF;
  width: 100%;
}
.c-architect-about__heading-wrap {
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 60px 24px;
  border-bottom: 1px solid rgb(140, 153, 167);
}
@media (min-width: 1240px) {
  .c-architect-about__heading-wrap {
    padding: 94px 0 104px;
    width: calc(100% - 570px);
    border: 0;
  }
}
.c-architect-about__heading-wrap::before {
  content: "";
  position: absolute;
  left: 34.4827586207%;
  top: 0;
  height: 100%;
  background-color: #8C99A6;
  opacity: 0.5;
  width: 1px;
}
@media (min-width: 1240px) {
  .c-architect-about__heading-wrap::before {
    height: 400%;
    left: 78px;
  }
}
.c-architect-about__heading-wrap::after {
  content: "";
  position: absolute;
  right: 34.4827586207%;
  top: 0;
  height: 100%;
  background-color: #8C99A6;
  opacity: 0.5;
  width: 1px;
}
@media (min-width: 1240px) {
  .c-architect-about__heading-wrap::after {
    height: 400%;
    right: 78px;
  }
}
@media (min-width: 1240px) {
  .c-architect-about__heading .line1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 400%;
    margin: 0 auto;
    background-color: #8C99A6;
    opacity: 0.5;
    width: 1px;
  }
}
.c-architect-about__heading p {
  margin: 0;
}
.c-architect-about__content {
  background: #FAFAFF;
  padding: 56px 24px;
}
@media (min-width: 1240px) {
  .c-architect-about__content {
    padding: 40px 182px 64px;
  }
}
.c-architect-about__content-wrap {
  display: flex;
  position: relative;
  z-index: 1;
  flex-flow: column nowrap;
}
@media (min-width: 1240px) {
  .c-architect-about__content-wrap {
    flex-flow: row nowrap;
    margin-left: -12px;
    margin-right: -12px;
  }
}
.c-architect-about__content-wrap picture {
  width: 100%;
  height: 245px;
  margin-bottom: -4px;
}
@media (min-width: 1240px) {
  .c-architect-about__content-wrap picture {
    height: 367px;
  }
}
.c-architect-about__content-wrap picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .c-architect-about__content-wrap > div {
    padding-left: 12px;
    padding-right: 12px;
    width: 50%;
  }
}
.c-architect-about__content-wrap .h5, .c-architect-about__content-wrap .c-content-side-image h4, .c-content-side-image .c-architect-about__content-wrap h4, .c-architect-about__content-wrap .c-post-text h4, .c-post-text .c-architect-about__content-wrap h4, .c-architect-about__content-wrap .c-accordion-div .c-accordion, .c-accordion-div .c-architect-about__content-wrap .c-accordion, .c-architect-about__content-wrap .c-hero-banner .banner-content p, .c-hero-banner .banner-content .c-architect-about__content-wrap p {
  font-weight: 200;
}

.c-architect-space {
  padding: 56px 0 24px;
}
@media (min-width: 1240px) {
  .c-architect-space {
    padding: 96px 0 64px;
  }
}
.c-architect-space__header {
  padding-bottom: 56px;
  border-bottom: 1px #8C99A6 solid;
  text-align: center;
}
@media (min-width: 1240px) {
  .c-architect-space__header {
    padding-bottom: 104px;
  }
}
.c-architect-space__header-text {
  max-width: 686px;
  margin: 0 auto;
}
.c-architect-space__content {
  padding-top: 40px;
  text-align: left;
}
@media (min-width: 1240px) {
  .c-architect-space__content {
    padding-top: 80px;
  }
}
.c-architect-space__content picture {
  width: 100%;
  height: 245px;
}
@media (min-width: 1240px) {
  .c-architect-space__content picture {
    height: 290px;
  }
}
.c-architect-space__content picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1240px) {
  .c-architect-space__content-item-2 {
    margin-top: 80px;
  }
}
@media (min-width: 1240px) {
  .c-architect-space__content-item-3 {
    margin-top: 160px;
  }
}

.c-pastWorks {
  background: #f9fafb;
  overflow: hidden;
}
.c-pastWorks.section-edge::after, .c-pastWorks.section-edge::before {
  content: unset;
}
.c-pastWorks .o-container {
  margin: 0 auto;
  padding: 0 5rem;
}
.c-pastWorks .o-border-container {
  position: relative;
  padding: 5rem 0;
  border-left: 1px solid rgba(140, 153, 166, 0.6);
  border-right: 1px solid rgba(140, 153, 166, 0.6);
}
.c-pastWorks .o-wrapper {
  position: relative;
  margin: 70px 0;
  border-top: 1px solid rgb(140, 153, 166);
  border-bottom: 1px solid rgb(140, 153, 166);
}
.c-pastWorks .o-content-wrapper {
  max-width: 1247px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 148px;
  margin-left: auto;
  margin-right: auto;
}
.c-pastWorks .content {
  max-width: 284px;
  color: #16191d;
}
.c-pastWorks .content .content__overline {
  margin-bottom: 12px;
  color: #a44e6a;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 4.2px;
  text-transform: uppercase;
}
.c-pastWorks .content .content__title {
  font-size: 28px;
  font-family: "Larsseit", sans-serif;
  font-weight: 300;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.56px;
  color: #16191D;
}
@media (min-width: 1240px) {
  .c-pastWorks .content .content__title {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 200;
    line-height: 120%;
    letter-spacing: -0.76px;
  }
}
.c-pastWorks .content .content__description {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #16191D;
}
.c-pastWorks .content > div {
  transition: 600ms all ease-in-out;
  animation: fadeinout 3s normal;
}
.c-pastWorks .slider {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.c-pastWorks .slider .slider-item {
  position: absolute;
  width: 283px;
  height: 377px;
  transition: all 600ms ease-out;
}
.c-pastWorks .slider .slider-item::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
}
.c-pastWorks .slider picture {
  width: 218px;
  height: 291px;
}
@media (min-width: 1240px) {
  .c-pastWorks .slider picture {
    width: 283px;
    height: 377px;
  }
}
.c-pastWorks .slider picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-pastWorks .slider .img1 {
  z-index: 4 !important;
  right: 100%;
  transform: translateX(100%) scale(1.36);
}
.c-pastWorks .slider .img1 > picture {
  width: 302px;
  height: 403px;
}
.c-pastWorks .slider .img2 {
  z-index: 3;
  right: 180px;
}
.c-pastWorks .slider .img2::before {
  background: rgba(0, 0, 0, 0.6);
}
.c-pastWorks .slider .img3 {
  z-index: 2;
  right: 90px;
}
.c-pastWorks .slider .img3::before {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
}
.c-pastWorks .slider .img4 {
  z-index: 1;
  right: 0;
}
.c-pastWorks .slider .img4::before {
  background: rgba(0, 0, 0, 0.8);
}
.c-pastWorks .slider .next-arrow {
  position: absolute;
  right: -43px;
  display: flex;
  align-items: center;
}
.c-pastWorks .slider .next-arrow::before {
  content: "";
  background-color: #8c99a6;
  height: 284px;
  width: 284px;
  position: absolute;
  right: -40px;
}
.c-pastWorks .slider .next-arrow .arrow {
  position: relative;
  z-index: 10;
}
.c-pastWorks .slider-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 378px;
  margin-right: 90px;
}
.c-pastWorks .slider-dots {
  position: absolute;
  bottom: 56px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 1rem;
}
.c-pastWorks .slider-dots .slider__dot {
  height: 12px;
  width: 12px;
  background-color: #8c99a6;
}
.c-pastWorks .slider-dots .slider__dot.slider__dot--active {
  background-color: #985e6d;
}
@media (max-width: 1100px) {
  .c-pastWorks .o-container {
    padding: 0 1.5rem;
  }
  .c-pastWorks .o-border-container {
    padding-bottom: 0;
  }
  .c-pastWorks .o-wrapper {
    margin: 0;
  }
  .c-pastWorks .o-content-wrapper {
    flex-direction: column-reverse;
    border: none;
    gap: 0;
  }
  .c-pastWorks .content {
    max-width: none;
    width: 100%;
    padding: 56px 0;
    border-top: 1px solid rgba(140, 153, 166, 0.5);
  }
}
@media (min-width: 501px) and (max-width: 1100px) {
  .c-pastWorks .slider {
    padding-top: 40px;
    padding-bottom: 155px;
  }
  .c-pastWorks .slider .slider-item picture {
    width: 218px;
    height: 291px;
  }
}
@media (min-width: 501px) and (max-width: 1100px) and (min-width: 1240px) {
  .c-pastWorks .slider .slider-item picture {
    height: 327px;
  }
}
@media (min-width: 501px) and (max-width: 1100px) {
  .c-pastWorks .slider .slider-item picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 501px) and (max-width: 1100px) {
  .c-pastWorks .slider .img1 > picture {
    width: 302px;
    height: 403px;
    transform: translate(50%, -40px);
    right: 50%;
  }
  .c-pastWorks .slider .img1 > picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 501px) and (max-width: 1100px) {
  .c-pastWorks .slider-wrapper {
    margin-right: 0;
    height: 327px;
  }
}
@media (max-width: 767px) {
  .c-pastWorks .slider {
    padding-top: 40px;
    padding-bottom: 184px;
  }
  .c-pastWorks .slider .next-arrow {
    right: -0.5rem;
  }
  .c-pastWorks .slider .next-arrow svg {
    width: 100px;
    height: 64px;
  }
  .c-pastWorks .slider .next-arrow::before {
    content: none;
  }
  .c-pastWorks .slider .slider-item {
    width: 218px;
    height: 291px;
    top: 16px;
  }
  .c-pastWorks .slider .slider-item img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .c-pastWorks .slider .slider-item::before {
    content: none;
  }
  .c-pastWorks .slider .img2 {
    right: -1.5rem !important;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 767px) and (min-width: 1240px) {
  .c-pastWorks .slider .img2 {
    box-shadow: none;
  }
}
@media (max-width: 767px) {
  .c-pastWorks .slider .img1 {
    width: 302px;
    height: 403px;
    transform: translate(100%, -40px);
    top: 0;
  }
}
@media (max-width: 767px) {
  .c-pastWorks .slider-wrapper {
    margin-right: 0;
    height: 291px;
  }
}
@media (max-width: 767px) {
  .c-pastWorks .img3 {
    right: -1.5rem !important;
  }
}
@media (max-width: 767px) {
  .c-pastWorks .img4 {
    right: -1.5rem !important;
  }
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.c-snackable-content {
  background-color: #374048;
  padding: 24px 24px;
}
@media (min-width: 1240px) {
  .c-snackable-content {
    padding: 72px 0 28px;
  }
}

.c-breaker-content {
  padding: 56px 0 0 0;
}
@media (min-width: 1240px) {
  .c-breaker-content {
    padding: 80px 0 0;
  }
}
.c-breaker-content__heading {
  text-align: center;
  border-bottom: 1px solid rgb(140, 153, 167);
  margin: 0 24px;
}
@media (min-width: 1240px) {
  .c-breaker-content__heading {
    margin: 0 80px;
  }
}
.c-breaker-content__heading > div {
  padding-bottom: 56px;
  max-width: 619px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-breaker-content__heading > div {
    padding-bottom: 72px;
    margin: 0 auto;
  }
}
.c-breaker-content__heading p {
  margin: 8px 0 0 0;
  color: #16191D;
}
.c-breaker-content__heading p:not(:last-child) {
  margin-bottom: 24px;
}
.c-breaker-content__images {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-top: 44px;
  padding-bottom: 114px;
}
@media (min-width: 1240px) {
  .c-breaker-content__images {
    padding-top: 74px;
    padding-bottom: 117px;
  }
}
.c-breaker-content__images::before {
  content: "";
  width: 202px;
  position: absolute;
  left: 0;
  right: 0;
  height: 290px;
  margin: 0 auto;
  background-color: #A9B3BC;
  z-index: 2;
}
@media (min-width: 1240px) {
  .c-breaker-content__images::before {
    width: 386px;
    height: 100%;
  }
}
.c-breaker-content__images::after {
  content: "";
  width: 1px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  margin: 0 auto;
  background-color: #A44E6A;
  z-index: 1;
  opacity: 0.5;
}
.c-breaker-content__images-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  margin-top: 35px;
  position: relative;
  z-index: 10;
}
@media (min-width: 1240px) {
  .c-breaker-content__images-wrapper {
    margin-top: 75px;
  }
}
.c-breaker-content__images-wrapper picture {
  height: 128px;
}
@media (min-width: 1240px) {
  .c-breaker-content__images-wrapper picture {
    height: 309px;
  }
}
.c-breaker-content__images-wrapper picture img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 128px;
}
@media (min-width: 1240px) {
  .c-breaker-content__images-wrapper picture img {
    height: 309px;
  }
}
.c-breaker-content__images-wrapper picture:nth-child(2) {
  height: 221px;
}
@media (min-width: 1240px) {
  .c-breaker-content__images-wrapper picture:nth-child(2) {
    height: 597px;
  }
}
.c-breaker-content__images-wrapper picture:nth-child(2) img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 221px;
  width: 290px;
}
@media (min-width: 1240px) {
  .c-breaker-content__images-wrapper picture:nth-child(2) img {
    width: 796px;
    height: 597px;
  }
}

.c-adaptive-living {
  background: linear-gradient(282deg, #374048 0%, #596673 100%);
  overflow: hidden;
}
.c-adaptive-living__wrapper {
  position: relative;
}
@media (min-width: 1240px) {
  .c-adaptive-living__wrapper {
    padding: 156px 0 46px;
  }
}
.c-adaptive-living__wrapper > span {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(140, 153, 166, 0.5);
  z-index: 1;
  display: block;
  opacity: 0.5;
}
.c-adaptive-living__wrapper .line-1 {
  left: 104px;
}
@media (min-width: 1240px) {
  .c-adaptive-living__wrapper .line-1 {
    left: 260px;
  }
}
.c-adaptive-living__wrapper .line-2 {
  display: none;
}
@media (min-width: 1240px) {
  .c-adaptive-living__wrapper .line-2 {
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
  }
}
.c-adaptive-living__wrapper .line-3 {
  right: 107px;
}
@media (min-width: 1240px) {
  .c-adaptive-living__wrapper .line-3 {
    right: 289px;
  }
}
.c-adaptive-living__slider {
  width: 100%;
  padding-bottom: 95px;
  height: 704px;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider {
    padding-bottom: 0;
    height: 700px;
  }
}
.c-adaptive-living__slider .tns-item {
  width: 100%;
  height: 704px;
  position: absolute;
  text-align: center;
  transition: all 600ms ease-in-out;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider .tns-item {
    height: 700px;
    width: 993px;
  }
}
.c-adaptive-living__slider .tns-item span {
  display: inline-block;
  margin: 0 auto;
}
.c-adaptive-living__slider .tns-item .slide-item {
  position: relative;
  width: 100%;
  height: 704px;
  margin: 0 auto;
  opacity: 0;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider .tns-item .slide-item {
    width: 800px;
  }
}
.c-adaptive-living__slider .tns-item picture {
  width: 100%;
  height: 704px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider .tns-item picture {
    top: 26px;
    width: 800px;
    height: 690px;
  }
}
.c-adaptive-living__slider .tns-item picture::after {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  width: 800px;
  height: 704px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider .tns-item picture::after {
    height: 690px;
  }
}
.c-adaptive-living__slider .tns-item picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.25;
}
.c-adaptive-living__slider .tns-item .slide-sub-header {
  font-family: "Montserrat", sans-serif;
  max-width: 385px;
  width: 100%;
  font-size: 19px;
  font-weight: 200;
  line-height: 130%;
  margin-top: 64px;
  color: white;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider .tns-item .slide-sub-header {
    font-family: "Larsseit", sans-serif;
    font-weight: 300;
    font-size: 21px;
    line-height: 27px;
    margin-top: 0;
    color: #FAFAFF;
  }
}
.c-adaptive-living__slider .tns-item .slide-number {
  margin-top: 80px;
  color: #A44E6A;
  font-size: 33px;
  font-weight: 200;
  line-height: 110%;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider .tns-item .slide-number {
    margin-top: 88px;
    font-size: 59px;
    font-weight: 300;
    line-height: 58px;
  }
}
.c-adaptive-living__slider .tns-item .slide-title {
  margin-top: 32px;
  font-size: 58px;
  font-weight: 200;
  line-height: 58px;
  font-family: "Montserrat", sans-serif;
  max-width: 993px;
  width: 100%;
  color: white;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider .tns-item .slide-title {
    font-size: 135px;
    line-height: 120px;
    margin-top: 48px;
    color: #FAFAFF;
  }
}
.c-adaptive-living__slider .tns-item .slide-desc {
  font-weight: 300;
  font-family: "Larsseit", sans-serif;
  font-size: 16px;
  line-height: 22px;
  max-width: 591px;
  width: 100%;
  margin: 16px auto 0;
  color: #FAFAFF;
}
@media (min-width: 1240px) {
  .c-adaptive-living__slider .tns-item .slide-desc {
    margin: 24px auto 0;
  }
}
.c-adaptive-living__slider .tns-item.tns-slide-active > .slide-item {
  opacity: 1;
}
.c-adaptive-living__slider-content {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
}
.c-adaptive-living .tns-nav {
  margin: 0 auto 0;
  width: 100%;
  max-width: calc(100% - 80px);
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  padding-top: 0;
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
}
@media (min-width: 1240px) {
  .c-adaptive-living .tns-nav {
    padding-top: 107px;
    position: unset;
    bottom: unset;
    max-width: calc(100% - 128px);
  }
}
.c-adaptive-living .tns-nav button {
  background-color: #7A7EA8;
  border: 0;
  width: 33%;
  height: 2px;
}
@media (min-width: 1240px) {
  .c-adaptive-living .tns-nav button {
    height: 3px;
  }
}
.c-adaptive-living .tns-nav .tns-nav-active {
  background-color: #A44E6A;
}
.c-adaptive-living__controllers {
  margin: 0 auto 0;
  width: 100%;
  position: absolute;
  bottom: 57px;
}
@media (min-width: 1240px) {
  .c-adaptive-living__controllers {
    margin: -35px auto 0;
    position: unset;
    bottom: unset;
  }
}
.c-adaptive-living__controllers ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.c-adaptive-living__controllers ul > li {
  cursor: pointer;
}
.c-adaptive-living__controllers ul > li > svg {
  width: 40px;
  height: 40px;
}
@media (min-width: 1240px) {
  .c-adaptive-living__controllers ul > li > svg {
    width: 64px;
    height: 64px;
  }
}

.c-philosophies {
  padding-top: 56px;
  padding-bottom: 24px;
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-philosophies {
    padding-top: 140px;
    padding-bottom: 96px;
  }
}
.c-philosophies .container {
  max-width: 1366px;
}
.c-philosophies__wrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  width: 100%;
  padding-top: 40px;
  border-top: 1px solid rgba(140, 153, 166, 0.5);
  position: relative;
}
@media (min-width: 1240px) {
  .c-philosophies__wrapper {
    flex-flow: row nowrap;
    gap: 20px;
    width: calc(100% - 48px);
    margin-left: 24px;
    padding-top: 0;
    border: 0;
    height: 774px;
  }
  .c-philosophies__wrapper .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(169, 179, 188); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgb(169, 179, 188) 41%, rgb(250, 250, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a9b3bc", endColorstr="#fafaff",GradientType=1 ); /* IE6-9 */
    width: 100%;
    height: 493px;
    z-index: 0;
    display: none;
  }
}
.c-philosophies__wrapper.is-active > .overlay {
  display: block;
}
.c-philosophies__item {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-philosophies__item {
    cursor: pointer;
    max-width: 369px;
  }
}
.c-philosophies__item .item-title {
  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  font-weight: 200;
  line-height: 130%;
  letter-spacing: -0.461px;
}
@media (min-width: 1240px) {
  .c-philosophies__item .item-title {
    font-size: 44px;
    font-weight: 200;
    line-height: 98%;
    letter-spacing: -0.44px;
  }
}
.c-philosophies__item > picture {
  width: 100%;
  height: 254px;
}
@media (min-width: 1240px) {
  .c-philosophies__item > picture {
    width: 369px;
    height: 493px;
  }
}
.c-philosophies__item > picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1240px) {
  .c-philosophies__item-2 {
    margin-top: 140px;
  }
}
.c-philosophies__item.is-active {
  display: none !important;
}
.c-philosophies__item-mobile-content {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  color: #16191D;
  margin: 8px 0 32px;
}
@media (min-width: 1240px) {
  .c-philosophies__item-mobile-content {
    display: none;
  }
}
.c-philosophies__tab {
  position: absolute;
  top: 0;
  left: 0px;
  height: 100%;
  overflow-x: auto;
  display: none;
  width: calc(100% + 118px);
}
.c-philosophies__tab::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.c-philosophies__tab::-webkit-scrollbar-thumb {
  background: transparent;
}
.c-philosophies__tab::-webkit-scrollbar-track {
  background: transparent;
}
.c-philosophies__tab-2 {
  margin-top: 140px;
}
.c-philosophies__tab > div {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
}
.c-philosophies__tab > div > div {
  position: relative;
  z-index: 10;
}
.c-philosophies__tab .tab-item-1 {
  cursor: pointer;
}
@media (min-width: 1240px) {
  .c-philosophies__tab .tab-item-1 picture {
    width: 369px;
    height: 493.23px;
  }
}
.c-philosophies__tab .tab-item-1 picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-philosophies__tab .tab-item-2 {
  margin-left: 96px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  height: 493px;
}
.c-philosophies__tab .tab-item-2 > picture {
  width: 413px;
  height: 310px;
}
.c-philosophies__tab .tab-item-2 > picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-philosophies__tab .tab-item-2 .subtitle {
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.76px;
  color: #16191D;
  display: block;
  max-width: 387px;
  width: 100%;
}
.c-philosophies__tab .tab-item-2 p {
  margin: 8px 0 32px;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  max-width: 387px;
  width: 100%;
  color: #16191D;
}
.c-philosophies__tab .tab-item-3 {
  align-self: flex-start;
  display: flex;
  flex-flow: nowrap row;
  padding-left: 32px;
  padding-right: 94px;
}
.c-philosophies__tab .tab-item-3 .portrait {
  width: 300px;
  min-width: 300px;
  height: 400px;
  margin-right: 38px;
  margin-top: 40px;
}
.c-philosophies__tab .tab-item-3 .portrait img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-philosophies__tab .tab-item-3 .landscape {
  width: 400px;
  min-width: 400px;
  height: 300px;
  margin-left: 38px;
  margin-top: 140px;
}
.c-philosophies__tab .tab-item-3 .landscape img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-philosophies__tab .tab-item-3 p.description {
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #16191D;
  max-width: 307px;
  min-width: 307px;
  width: 100%;
  margin: 182px 48px 0 0;
}
.c-philosophies__tab .tab-item-3 .text-description {
  margin: 182px 32px 0 0;
}
.c-philosophies__tab .tab-item-3 .text-description > span {
  font-size: 38px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.76px;
  color: #16191D;
}
.c-philosophies__tab .tab-item-3 .text-description p {
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  margin: 0;
  color: #16191D;
}
.c-philosophies__tab.is-tab-active {
  margin-top: 0;
}
.c-philosophies__mobile-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 9999;
  background-color: white;
  display: none;
  overflow-y: auto;
}
@media (min-width: 1240px) {
  .c-philosophies__mobile-modal {
    display: none;
  }
}
.c-philosophies__mobile-modal .modal-close {
  display: inline-flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 8px 12px 0px rgba(24, 31, 51, 0.32);
  border-radius: 32px;
  margin-right: 24px;
  margin-top: 24px;
  background-color: #5F6391;
}
.c-philosophies__mobile-modal-drop-down {
  padding: 0 24px;
}
.c-philosophies__mobile-modal-content {
  margin-top: 32px;
  position: relative;
  padding-left: 24px;
  height: calc(100% - 207px);
}
.c-philosophies__mobile-modal-content::before {
  content: "";
  background: linear-gradient(270deg, #FAFAFF 0%, #A9B3BC 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  top: 40px;
  display: block;
  height: 100%;
  width: 100%;
}
.c-philosophies__mobile-modal .scrollable-content {
  position: relative;
  z-index: 2;
  height: 501px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: block;
}
.c-philosophies__mobile-modal .scrollable-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.c-philosophies__mobile-modal .scrollable-content::-webkit-scrollbar-thumb {
  background: transparent;
}
.c-philosophies__mobile-modal .scrollable-content::-webkit-scrollbar-track {
  background: transparent;
}
.c-philosophies__mobile-modal .scrollable-content > div {
  position: absolute;
  height: 501px;
  display: flex;
  flex-flow: nowrap;
  align-items: flex-start;
}
.c-philosophies__mobile-modal .scrollable-content__main-img {
  width: calc(100vw - 48px);
  height: 245px;
  margin-bottom: 94px;
  align-self: flex-end;
}
@media (min-width: 768px) {
  .c-philosophies__mobile-modal .scrollable-content__main-img {
    width: 400px;
  }
}
.c-philosophies__mobile-modal .scrollable-content__main-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: calc(100vw - 48px);
  height: 100%;
  vertical-align: bottom;
}
.c-philosophies__mobile-modal .scrollable-content__main-content {
  max-width: 307px;
  min-width: 307px;
  white-space: normal;
  width: 100%;
  margin: 210px 32px 0;
}
.c-philosophies__mobile-modal .scrollable-content__main-content .subtitle {
  font-family: "Larsseit", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.56px;
  color: #16191D;
}
.c-philosophies__mobile-modal .scrollable-content__main-content p {
  font-size: 16px;
  color: #16191D;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 22.4px */
}
.c-philosophies__mobile-modal .scrollable-content__repeated {
  display: flex;
  flex-flow: row nowrap;
}
.c-philosophies__mobile-modal .scrollable-content__repeated .portrait {
  min-height: 501px;
  max-height: 501px;
  width: 375px;
  margin-right: 32px;
}
.c-philosophies__mobile-modal .scrollable-content__repeated .portrait img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-philosophies__mobile-modal .scrollable-content__repeated .landscape {
  min-width: 510px;
  max-width: 510px;
  height: 381px;
  margin-right: 32px;
  margin-top: 140px;
}
.c-philosophies__mobile-modal .scrollable-content__repeated .landscape img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-philosophies__mobile-modal .scrollable-content__repeated p.description {
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #16191D;
  max-width: 257px;
  min-width: 257px;
  width: 100%;
  align-self: center;
  white-space: normal;
}
.c-philosophies__mobile-modal .scrollable-content__repeated .text-description {
  align-self: center;
  margin-right: 32px;
  min-width: 305px;
  max-width: 305px;
  white-space: normal;
  margin-top: 210px;
}
.c-philosophies__mobile-modal .scrollable-content__repeated .text-description > span {
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.56px;
  color: #16191D;
}
.c-philosophies__mobile-modal .scrollable-content__repeated .text-description p {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 150% */
  letter-spacing: -0.176px;
  margin: 0;
  color: #16191D;
}
.c-philosophies__mobile-modal .scrollable-content__description {
  margin: 210px 32px 0 0;
  max-height: 300px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.c-philosophies__mobile-modal-control {
  position: relative;
  z-index: 3;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 20px;
}
.c-philosophies__mobile-modal-control::before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 1px;
  width: calc(100% - 24px);
  background-color: rgba(140, 153, 166, 0.5);
  z-index: 1;
}
.c-philosophies__mobile-modal-control .prev, .c-philosophies__mobile-modal-control .next {
  height: 64px;
  width: 64px;
  background-color: transparent;
  border-radius: 50px;
  cursor: pointer;
  border: 2px solid #A44E6A;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 4;
}
.c-philosophies__mobile-modal-control .prev {
  margin-right: 24px;
  margin-left: 12px;
  background-color: #B5BDC5;
}
.c-philosophies__mobile-modal-control .next {
  background-color: #C2C9D0;
}

.c-post-banner {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 350px;
}
@media (min-width: 1240px) {
  .c-post-banner {
    max-height: 600px;
  }
}
.c-post-banner .image-wrapper {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.c-post-banner .image-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(24, 31, 51, 0.5) 0%, rgba(24, 31, 51, 0) 50%), linear-gradient(0deg, rgba(34, 36, 52, 0.25), rgba(34, 36, 52, 0.25));
  background-blend-mode: multiply, multiply, normal;
}
.c-post-banner .image-wrapper picture {
  width: 100%;
  height: 100%;
}
.c-post-banner .image-wrapper picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-post-banner.section-edge::before, .c-post-banner.section-edge::after {
  top: 80px;
  height: calc(100% - 80px);
  background-color: white;
}
@media (min-width: 1240px) {
  .c-post-banner.section-edge::before, .c-post-banner.section-edge::after {
    top: 96px;
    height: calc(100% - 96px);
  }
}

.c-post-heading.section-edge::before, .c-post-heading.section-edge::after {
  top: 80px;
  height: calc(100% - 80px);
}
@media (min-width: 1240px) {
  .c-post-heading.section-edge::before, .c-post-heading.section-edge::after {
    top: 40px;
    height: calc(100% - 40px);
  }
}
.c-post-heading__content {
  margin: -102px auto 0;
  max-width: calc(100% - 48px);
  padding: 40px 24px;
  position: relative;
}
@media (min-width: 1240px) {
  .c-post-heading__content {
    max-width: calc(100% - 160px);
    padding: 56px 102px 72px;
  }
}
.c-post-heading__content::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(270deg, #374048 -7.73%, #596673 105.85%);
  z-index: 0;
}
.c-post-heading__content h1 {
  text-transform: unset;
}
.c-post-heading__content .author-name {
  font-family: "Larsseit";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 18.2px */
  letter-spacing: 4.2px;
  text-transform: uppercase;
  color: white;
}
.c-post-heading .excerpt {
  margin-top: 16px;
}
.c-post-heading .excerpt p {
  color: white;
  font-family: "Montserrat", sans-serif;
  font-size: 19px;
  font-weight: 200;
  line-height: 130%;
  margin: 0;
}
@media (min-width: 1240px) {
  .c-post-heading .excerpt p {
    font-family: "Larsseit", sans-serif;
    font-size: 21px;
    font-weight: 300;
  }
}

.share-article {
  border-left: 4px solid #A44E6A;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 24px;
  padding-right: 32px;
  background-color: #596673;
  margin-top: 24px;
  position: relative;
  z-index: 1;
  max-width: 792px;
  width: calc(100% - 48px);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1240px) {
  .share-article {
    width: 100%;
  }
}
.share-article span {
  font-weight: 500;
}

.foreword {
  max-width: 1000px;
  margin: 24px auto 64px;
  padding-left: 102px;
  padding-right: 102px;
}
.foreword p {
  margin: 0;
  color: white;
  font-size: 18px;
  line-height: 150%;
}
.foreword p:not(:last-child) {
  margin-bottom: 24px;
}

.c-post-landscape::before, .c-post-landscape::after {
  z-index: 10;
}
.c-post-landscape-beyond_border picture {
  height: 232px;
  width: 100%;
  position: relative;
  z-index: 5;
}
@media (min-width: 1240px) {
  .c-post-landscape-beyond_border picture {
    height: 340px;
  }
}
.c-post-landscape-beyond_border picture > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-post-landscape-center .wrapper {
  max-width: 796px;
  width: 100%;
  margin: 0 auto;
}
.c-post-landscape-center picture {
  height: 340px;
  width: 100%;
  position: relative;
  z-index: 5;
}
@media (min-width: 1240px) {
  .c-post-landscape-center picture {
    height: 496px;
  }
}
.c-post-landscape-center picture > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-post-landscape-video .wrapper {
  max-width: 796px;
  width: 100%;
  margin: 0 auto;
}
.c-post-landscape-video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: calc(100% - 80px);
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1240px) {
  .c-post-landscape-video .embed-container {
    max-width: 100%;
  }
}
.c-post-landscape-video .embed-container iframe,
.c-post-landscape-video .embed-container object,
.c-post-landscape-video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .c-post-landscape .u-caption {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 48px);
  }
}

.c-post-text {
  padding-bottom: 28px;
}
.c-post-text__content {
  max-width: 796px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-post-text__content {
    padding: 0;
  }
}
.c-post-text__content h1, .c-post-text__content h2, .c-post-text__content h3, .c-post-text__content h4, .c-post-text__content h5 {
  margin: 0 0 24px 0;
}
.c-post-text__content p {
  margin: 0;
  color: #16191D;
  font-size: 18px;
  line-height: 150%;
  font-weight: 300;
}
.c-post-text__content p:not(:last-child) {
  margin-bottom: 24px;
}

.c-content-right-image {
  padding-bottom: 64px;
}
.c-content-right-image__wrapper {
  max-width: 796px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1240px) {
  .c-content-right-image__wrapper {
    flex-flow: row nowrap;
  }
}
.c-content-right-image__left {
  max-width: 457px;
  width: 100%;
}
.c-content-right-image__left p {
  margin: 0;
  color: white;
  font-size: 18px;
  line-height: 150%;
}
.c-content-right-image__left p:not(:last-child) {
  margin-bottom: 24px;
}
.c-content-right-image__right {
  position: relative;
  width: 283px;
}
.c-content-right-image__right picture {
  height: 377px;
  width: 100%;
  position: relative;
  z-index: 5;
}
.c-content-right-image__right picture > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-content-right-image__right::before {
  content: "";
  background: linear-gradient(90deg, #181F33 4.03%, #26304F 100%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  width: 200%;
  height: 329px;
  position: absolute;
  top: 24px;
  left: -24px;
  z-index: 4;
}

.c-post-gallery__slider {
  position: relative;
  z-index: 3;
  padding-top: 24px;
}
.c-post-gallery__slider .slider-caption {
  display: none;
}
.c-post-gallery .slick-slide {
  width: 295px;
  margin-right: 0px;
  position: relative;
}
@media (min-width: 1240px) {
  .c-post-gallery .slick-slide {
    width: 796px;
    margin-right: 32px;
  }
}
.c-post-gallery .slick-slide picture {
  width: 100%;
  height: 140px;
  position: relative;
  margin-top: 30px;
  transition: all 300ms ease-in;
}
@media (min-width: 1240px) {
  .c-post-gallery .slick-slide picture {
    height: 448px;
  }
}
.c-post-gallery .slick-slide picture::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}
.c-post-gallery .slick-slide picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-post-gallery .slick-current .slider-caption {
  display: block;
}
.c-post-gallery .slick-current::before {
  display: none;
}
.c-post-gallery .slick-current picture::before {
  display: none;
}
@media (max-width: 767px) {
  .c-post-gallery .slick-current picture {
    z-index: 10;
    width: 295px;
    height: 200px;
    margin-top: 0;
  }
}
.c-post-gallery .slick-arrow {
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-82%);
}
.c-post-gallery .postPrev {
  left: 40px;
}
.c-post-gallery .postNext {
  right: 40px;
}
.c-post-gallery .slick-dots {
  display: flex;
  margin-top: 24px;
  gap: 16px;
  justify-content: center;
}
.c-post-gallery .slick-dots button {
  border: 0;
  background: #8C99A6;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
}
.c-post-gallery .slick-dots .slick-active button {
  background: #985E6D;
}
@media (max-width: 767px) {
  .c-post-gallery .slick-list {
    height: auto !important;
  }
}

.c-post-quote {
  background: linear-gradient(270deg, #374048 -7.73%, #596673 105.85%);
  padding: 56px 32px;
  position: relative;
  min-height: 378px;
  overflow: hidden;
}
@media (min-width: 1240px) {
  .c-post-quote {
    padding: 72px 0 94px;
  }
}
.c-post-quote .quote-bg {
  position: absolute;
  left: 50%;
  top: 12px;
  transform: translateX(-50%);
}
.c-post-quote__content {
  max-width: 998px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.c-post-quote__content svg {
  display: inline-block;
  margin-bottom: 16px;
}
.c-post-quote__content p {
  margin: 0;
  color: white;
  letter-spacing: -0.52px;
}

.c-content-side-image {
  overflow: hidden;
}
.c-content-side-image.section-edge::before, .c-content-side-image.section-edge::after {
  z-index: 5;
}
.c-content-side-image__main {
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  max-width: 796px;
  margin-bottom: 24px;
}
@media (min-width: 1240px) {
  .c-content-side-image__main {
    padding: 0;
  }
}
.c-content-side-image__main h1, .c-content-side-image__main h2, .c-content-side-image__main h3, .c-content-side-image__main h4, .c-content-side-image__main h5 {
  margin: 0 0 24px 0;
}
.c-content-side-image__main p {
  margin: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  color: #16191D;
}
.c-content-side-image__wrapper {
  padding: 0 40px;
  max-width: 796px;
  margin: 0 auto;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-content-side-image__wrapper {
    padding: 0 0px;
    gap: 56px;
    display: flex;
    flex-flow: row nowrap;
  }
}
.c-content-side-image__wrapper__left {
  width: 100%;
  max-width: 457px;
}
.c-content-side-image__wrapper__left p {
  margin: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  color: #16191D;
}
.c-content-side-image__wrapper__left p:not(:last-child) {
  margin-bottom: 24px;
}
.c-content-side-image__wrapper__right {
  position: relative;
  width: 100%;
  text-align: left;
  padding-top: 24px;
}
@media (min-width: 1240px) {
  .c-content-side-image__wrapper__right {
    width: 51.3%;
    padding-top: 0;
  }
}
.c-content-side-image__wrapper__right::before {
  content: "";
  position: absolute;
  background: #C5CCD3;
  height: 200px;
  display: block;
  left: 0;
  top: 64px;
  width: calc(100% + 16px);
  z-index: 1;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
@media (min-width: 1240px) {
  .c-content-side-image__wrapper__right::before {
    top: 24px;
    height: 242px;
    width: 300%;
  }
}
.c-content-side-image__wrapper__right picture {
  position: relative;
  z-index: 2;
  width: 210px;
  height: 280px;
  margin-left: -16px;
}
@media (min-width: 1240px) {
  .c-content-side-image__wrapper__right picture {
    height: 377px;
    width: 283px;
    margin-left: 0;
  }
}
.c-content-side-image__wrapper__right picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-content-side-image__wrapper-left {
  flex-direction: row-reverse;
}
.c-content-side-image__wrapper-left > div:last-child::before {
  left: unset;
  right: 0;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
@media (max-width: 767px) {
  .c-content-side-image__wrapper-left .c-content-side-image__wrapper__right {
    text-align: right;
  }
  .c-content-side-image__wrapper-left .c-content-side-image__wrapper__right picture {
    margin-right: -16px;
  }
  .c-content-side-image__wrapper-left .c-content-side-image__wrapper__right span {
    display: block;
    text-align: left;
  }
}
@media (min-width: 1240px) {
  .c-content-side-image--no_bg .c-content-side-image__wrapper {
    align-items: center;
    gap: 61px;
  }
}
.c-content-side-image--no_bg .c-content-side-image__wrapper h1, .c-content-side-image--no_bg .c-content-side-image__wrapper h2, .c-content-side-image--no_bg .c-content-side-image__wrapper h3, .c-content-side-image--no_bg .c-content-side-image__wrapper h4, .c-content-side-image--no_bg .c-content-side-image__wrapper h5 {
  margin: 0 0 24px 0;
}
.c-content-side-image--no_bg .c-content-side-image__wrapper__right {
  padding-top: 24px;
  width: 100%;
}
@media (min-width: 1240px) {
  .c-content-side-image--no_bg .c-content-side-image__wrapper__right {
    padding-top: 0;
  }
}
.c-content-side-image--no_bg .c-content-side-image__wrapper__right picture {
  width: calc(100% + 32px);
  height: 413px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1240px) {
  .c-content-side-image--no_bg .c-content-side-image__wrapper__right picture {
    width: 390px;
    height: 544px;
  }
}
.c-content-side-image--no_bg .c-content-side-image__wrapper__right::before {
  display: none;
}

.c-article-catagory {
  text-align: center;
  padding-bottom: 40px;
}
@media (min-width: 1240px) {
  .c-article-catagory {
    padding-bottom: 0;
  }
}
.c-article-catagory span {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  color: #16191D;
  display: block;
}
.c-article-catagory ul {
  margin: 0 auto;
  display: inline-flex;
  margin-top: 16px;
}
.c-article-catagory ul li {
  background-color: #596673;
  color: #F9FAFB;
}

.c-bullet-list {
  padding-top: 0px;
}
@media (min-width: 1240px) {
  .c-bullet-list {
    padding-top: 40px;
  }
}
.c-bullet-list ul li:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 1240px) {
  .c-bullet-list ul li:not(:last-child) {
    margin-bottom: 40px;
  }
}
.c-bullet-list-wrapper {
  max-width: 796px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}
@media (min-width: 1240px) {
  .c-bullet-list-wrapper {
    padding: 0;
  }
}
.c-bullet-list h4 {
  position: relative;
  padding-left: 28px;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 24px 0;
  font-size: 28px;
}
@media (min-width: 1240px) {
  .c-bullet-list h4 {
    margin: 0 0 16px 0;
    font-size: 26px;
  }
}
.c-bullet-list h4::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #A44E6A;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
}
.c-bullet-list p {
  margin: 0;
  color: #16191D;
}
.c-bullet-list p:not(:last-child) {
  margin-bottom: 24px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .u-dn-mb {
    display: none;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .u-dn-tb {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 2000px) {
  .u-dn-dt {
    display: none;
  }
}
@media (min-width: 320px) {
  .mb-p-0 {
    padding: 0px;
  }
  .mb-pt-0 {
    padding-top: 0px;
  }
  .mb-pb-0 {
    padding-bottom: 0px;
  }
  .mb-pl-0 {
    padding-left: 0px;
  }
  .mb-pr-0 {
    padding-right: 0px;
  }
  .mb-px-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .mb-m-0 {
    margin: 0px;
  }
  .mb-mt-0 {
    margin-top: 0px;
  }
  .mb-mb-0 {
    margin-bottom: 0px;
  }
  .mb-ml-0 {
    margin-left: 0px;
  }
  .mb-mr-0 {
    margin-right: 0px;
  }
  .mb-mx-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .mb-p-4 {
    padding: 4px;
  }
  .mb-pt-4 {
    padding-top: 4px;
  }
  .mb-pb-4 {
    padding-bottom: 4px;
  }
  .mb-pl-4 {
    padding-left: 4px;
  }
  .mb-pr-4 {
    padding-right: 4px;
  }
  .mb-px-4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .mb-m-4 {
    margin: 4px;
  }
  .mb-mt-4 {
    margin-top: 4px;
  }
  .mb-mb-4 {
    margin-bottom: 4px;
  }
  .mb-ml-4 {
    margin-left: 4px;
  }
  .mb-mr-4 {
    margin-right: 4px;
  }
  .mb-mx-4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .mb-p-8 {
    padding: 8px;
  }
  .mb-pt-8 {
    padding-top: 8px;
  }
  .mb-pb-8 {
    padding-bottom: 8px;
  }
  .mb-pl-8 {
    padding-left: 8px;
  }
  .mb-pr-8 {
    padding-right: 8px;
  }
  .mb-px-8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .mb-m-8 {
    margin: 8px;
  }
  .mb-mt-8 {
    margin-top: 8px;
  }
  .mb-mb-8 {
    margin-bottom: 8px;
  }
  .mb-ml-8 {
    margin-left: 8px;
  }
  .mb-mr-8 {
    margin-right: 8px;
  }
  .mb-mx-8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .mb-p-12 {
    padding: 12px;
  }
  .mb-pt-12 {
    padding-top: 12px;
  }
  .mb-pb-12 {
    padding-bottom: 12px;
  }
  .mb-pl-12 {
    padding-left: 12px;
  }
  .mb-pr-12 {
    padding-right: 12px;
  }
  .mb-px-12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .mb-m-12 {
    margin: 12px;
  }
  .mb-mt-12 {
    margin-top: 12px;
  }
  .mb-mb-12 {
    margin-bottom: 12px;
  }
  .mb-ml-12 {
    margin-left: 12px;
  }
  .mb-mr-12 {
    margin-right: 12px;
  }
  .mb-mx-12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .mb-p-16 {
    padding: 16px;
  }
  .mb-pt-16 {
    padding-top: 16px;
  }
  .mb-pb-16 {
    padding-bottom: 16px;
  }
  .mb-pl-16 {
    padding-left: 16px;
  }
  .mb-pr-16 {
    padding-right: 16px;
  }
  .mb-px-16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .mb-m-16 {
    margin: 16px;
  }
  .mb-mt-16 {
    margin-top: 16px;
  }
  .mb-mb-16 {
    margin-bottom: 16px;
  }
  .mb-ml-16 {
    margin-left: 16px;
  }
  .mb-mr-16 {
    margin-right: 16px;
  }
  .mb-mx-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .mb-p-20 {
    padding: 20px;
  }
  .mb-pt-20 {
    padding-top: 20px;
  }
  .mb-pb-20 {
    padding-bottom: 20px;
  }
  .mb-pl-20 {
    padding-left: 20px;
  }
  .mb-pr-20 {
    padding-right: 20px;
  }
  .mb-px-20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .mb-m-20 {
    margin: 20px;
  }
  .mb-mt-20 {
    margin-top: 20px;
  }
  .mb-mb-20 {
    margin-bottom: 20px;
  }
  .mb-ml-20 {
    margin-left: 20px;
  }
  .mb-mr-20 {
    margin-right: 20px;
  }
  .mb-mx-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .mb-p-24 {
    padding: 24px;
  }
  .mb-pt-24 {
    padding-top: 24px;
  }
  .mb-pb-24 {
    padding-bottom: 24px;
  }
  .mb-pl-24 {
    padding-left: 24px;
  }
  .mb-pr-24 {
    padding-right: 24px;
  }
  .mb-px-24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .mb-m-24 {
    margin: 24px;
  }
  .mb-mt-24 {
    margin-top: 24px;
  }
  .mb-mb-24 {
    margin-bottom: 24px;
  }
  .mb-ml-24 {
    margin-left: 24px;
  }
  .mb-mr-24 {
    margin-right: 24px;
  }
  .mb-mx-24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .mb-p-28 {
    padding: 28px;
  }
  .mb-pt-28 {
    padding-top: 28px;
  }
  .mb-pb-28 {
    padding-bottom: 28px;
  }
  .mb-pl-28 {
    padding-left: 28px;
  }
  .mb-pr-28 {
    padding-right: 28px;
  }
  .mb-px-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .mb-m-28 {
    margin: 28px;
  }
  .mb-mt-28 {
    margin-top: 28px;
  }
  .mb-mb-28 {
    margin-bottom: 28px;
  }
  .mb-ml-28 {
    margin-left: 28px;
  }
  .mb-mr-28 {
    margin-right: 28px;
  }
  .mb-mx-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mb-p-32 {
    padding: 32px;
  }
  .mb-pt-32 {
    padding-top: 32px;
  }
  .mb-pb-32 {
    padding-bottom: 32px;
  }
  .mb-pl-32 {
    padding-left: 32px;
  }
  .mb-pr-32 {
    padding-right: 32px;
  }
  .mb-px-32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .mb-m-32 {
    margin: 32px;
  }
  .mb-mt-32 {
    margin-top: 32px;
  }
  .mb-mb-32 {
    margin-bottom: 32px;
  }
  .mb-ml-32 {
    margin-left: 32px;
  }
  .mb-mr-32 {
    margin-right: 32px;
  }
  .mb-mx-32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .mb-p-36 {
    padding: 36px;
  }
  .mb-pt-36 {
    padding-top: 36px;
  }
  .mb-pb-36 {
    padding-bottom: 36px;
  }
  .mb-pl-36 {
    padding-left: 36px;
  }
  .mb-pr-36 {
    padding-right: 36px;
  }
  .mb-px-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .mb-m-36 {
    margin: 36px;
  }
  .mb-mt-36 {
    margin-top: 36px;
  }
  .mb-mb-36 {
    margin-bottom: 36px;
  }
  .mb-ml-36 {
    margin-left: 36px;
  }
  .mb-mr-36 {
    margin-right: 36px;
  }
  .mb-mx-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mb-p-40 {
    padding: 40px;
  }
  .mb-pt-40 {
    padding-top: 40px;
  }
  .mb-pb-40 {
    padding-bottom: 40px;
  }
  .mb-pl-40 {
    padding-left: 40px;
  }
  .mb-pr-40 {
    padding-right: 40px;
  }
  .mb-px-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .mb-m-40 {
    margin: 40px;
  }
  .mb-mt-40 {
    margin-top: 40px;
  }
  .mb-mb-40 {
    margin-bottom: 40px;
  }
  .mb-ml-40 {
    margin-left: 40px;
  }
  .mb-mr-40 {
    margin-right: 40px;
  }
  .mb-mx-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .mb-p-44 {
    padding: 44px;
  }
  .mb-pt-44 {
    padding-top: 44px;
  }
  .mb-pb-44 {
    padding-bottom: 44px;
  }
  .mb-pl-44 {
    padding-left: 44px;
  }
  .mb-pr-44 {
    padding-right: 44px;
  }
  .mb-px-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .mb-m-44 {
    margin: 44px;
  }
  .mb-mt-44 {
    margin-top: 44px;
  }
  .mb-mb-44 {
    margin-bottom: 44px;
  }
  .mb-ml-44 {
    margin-left: 44px;
  }
  .mb-mr-44 {
    margin-right: 44px;
  }
  .mb-mx-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mb-p-48 {
    padding: 48px;
  }
  .mb-pt-48 {
    padding-top: 48px;
  }
  .mb-pb-48 {
    padding-bottom: 48px;
  }
  .mb-pl-48 {
    padding-left: 48px;
  }
  .mb-pr-48 {
    padding-right: 48px;
  }
  .mb-px-48 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .mb-m-48 {
    margin: 48px;
  }
  .mb-mt-48 {
    margin-top: 48px;
  }
  .mb-mb-48 {
    margin-bottom: 48px;
  }
  .mb-ml-48 {
    margin-left: 48px;
  }
  .mb-mr-48 {
    margin-right: 48px;
  }
  .mb-mx-48 {
    margin-right: 48px;
    margin-left: 48px;
  }
  .mb-p-52 {
    padding: 52px;
  }
  .mb-pt-52 {
    padding-top: 52px;
  }
  .mb-pb-52 {
    padding-bottom: 52px;
  }
  .mb-pl-52 {
    padding-left: 52px;
  }
  .mb-pr-52 {
    padding-right: 52px;
  }
  .mb-px-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .mb-m-52 {
    margin: 52px;
  }
  .mb-mt-52 {
    margin-top: 52px;
  }
  .mb-mb-52 {
    margin-bottom: 52px;
  }
  .mb-ml-52 {
    margin-left: 52px;
  }
  .mb-mr-52 {
    margin-right: 52px;
  }
  .mb-mx-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mb-p-56 {
    padding: 56px;
  }
  .mb-pt-56 {
    padding-top: 56px;
  }
  .mb-pb-56 {
    padding-bottom: 56px;
  }
  .mb-pl-56 {
    padding-left: 56px;
  }
  .mb-pr-56 {
    padding-right: 56px;
  }
  .mb-px-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .mb-m-56 {
    margin: 56px;
  }
  .mb-mt-56 {
    margin-top: 56px;
  }
  .mb-mb-56 {
    margin-bottom: 56px;
  }
  .mb-ml-56 {
    margin-left: 56px;
  }
  .mb-mr-56 {
    margin-right: 56px;
  }
  .mb-mx-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mb-p-60 {
    padding: 60px;
  }
  .mb-pt-60 {
    padding-top: 60px;
  }
  .mb-pb-60 {
    padding-bottom: 60px;
  }
  .mb-pl-60 {
    padding-left: 60px;
  }
  .mb-pr-60 {
    padding-right: 60px;
  }
  .mb-px-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .mb-m-60 {
    margin: 60px;
  }
  .mb-mt-60 {
    margin-top: 60px;
  }
  .mb-mb-60 {
    margin-bottom: 60px;
  }
  .mb-ml-60 {
    margin-left: 60px;
  }
  .mb-mr-60 {
    margin-right: 60px;
  }
  .mb-mx-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mb-p-64 {
    padding: 64px;
  }
  .mb-pt-64 {
    padding-top: 64px;
  }
  .mb-pb-64 {
    padding-bottom: 64px;
  }
  .mb-pl-64 {
    padding-left: 64px;
  }
  .mb-pr-64 {
    padding-right: 64px;
  }
  .mb-px-64 {
    padding-right: 64px;
    padding-left: 64px;
  }
  .mb-m-64 {
    margin: 64px;
  }
  .mb-mt-64 {
    margin-top: 64px;
  }
  .mb-mb-64 {
    margin-bottom: 64px;
  }
  .mb-ml-64 {
    margin-left: 64px;
  }
  .mb-mr-64 {
    margin-right: 64px;
  }
  .mb-mx-64 {
    margin-right: 64px;
    margin-left: 64px;
  }
  .mb-p-68 {
    padding: 68px;
  }
  .mb-pt-68 {
    padding-top: 68px;
  }
  .mb-pb-68 {
    padding-bottom: 68px;
  }
  .mb-pl-68 {
    padding-left: 68px;
  }
  .mb-pr-68 {
    padding-right: 68px;
  }
  .mb-px-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .mb-m-68 {
    margin: 68px;
  }
  .mb-mt-68 {
    margin-top: 68px;
  }
  .mb-mb-68 {
    margin-bottom: 68px;
  }
  .mb-ml-68 {
    margin-left: 68px;
  }
  .mb-mr-68 {
    margin-right: 68px;
  }
  .mb-mx-68 {
    margin-right: 68px;
    margin-left: 68px;
  }
  .mb-p-72 {
    padding: 72px;
  }
  .mb-pt-72 {
    padding-top: 72px;
  }
  .mb-pb-72 {
    padding-bottom: 72px;
  }
  .mb-pl-72 {
    padding-left: 72px;
  }
  .mb-pr-72 {
    padding-right: 72px;
  }
  .mb-px-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .mb-m-72 {
    margin: 72px;
  }
  .mb-mt-72 {
    margin-top: 72px;
  }
  .mb-mb-72 {
    margin-bottom: 72px;
  }
  .mb-ml-72 {
    margin-left: 72px;
  }
  .mb-mr-72 {
    margin-right: 72px;
  }
  .mb-mx-72 {
    margin-right: 72px;
    margin-left: 72px;
  }
  .mb-p-76 {
    padding: 76px;
  }
  .mb-pt-76 {
    padding-top: 76px;
  }
  .mb-pb-76 {
    padding-bottom: 76px;
  }
  .mb-pl-76 {
    padding-left: 76px;
  }
  .mb-pr-76 {
    padding-right: 76px;
  }
  .mb-px-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .mb-m-76 {
    margin: 76px;
  }
  .mb-mt-76 {
    margin-top: 76px;
  }
  .mb-mb-76 {
    margin-bottom: 76px;
  }
  .mb-ml-76 {
    margin-left: 76px;
  }
  .mb-mr-76 {
    margin-right: 76px;
  }
  .mb-mx-76 {
    margin-right: 76px;
    margin-left: 76px;
  }
  .mb-p-80 {
    padding: 80px;
  }
  .mb-pt-80 {
    padding-top: 80px;
  }
  .mb-pb-80 {
    padding-bottom: 80px;
  }
  .mb-pl-80 {
    padding-left: 80px;
  }
  .mb-pr-80 {
    padding-right: 80px;
  }
  .mb-px-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .mb-m-80 {
    margin: 80px;
  }
  .mb-mt-80 {
    margin-top: 80px;
  }
  .mb-mb-80 {
    margin-bottom: 80px;
  }
  .mb-ml-80 {
    margin-left: 80px;
  }
  .mb-mr-80 {
    margin-right: 80px;
  }
  .mb-mx-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .mb-p-84 {
    padding: 84px;
  }
  .mb-pt-84 {
    padding-top: 84px;
  }
  .mb-pb-84 {
    padding-bottom: 84px;
  }
  .mb-pl-84 {
    padding-left: 84px;
  }
  .mb-pr-84 {
    padding-right: 84px;
  }
  .mb-px-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .mb-m-84 {
    margin: 84px;
  }
  .mb-mt-84 {
    margin-top: 84px;
  }
  .mb-mb-84 {
    margin-bottom: 84px;
  }
  .mb-ml-84 {
    margin-left: 84px;
  }
  .mb-mr-84 {
    margin-right: 84px;
  }
  .mb-mx-84 {
    margin-right: 84px;
    margin-left: 84px;
  }
  .mb-p-88 {
    padding: 88px;
  }
  .mb-pt-88 {
    padding-top: 88px;
  }
  .mb-pb-88 {
    padding-bottom: 88px;
  }
  .mb-pl-88 {
    padding-left: 88px;
  }
  .mb-pr-88 {
    padding-right: 88px;
  }
  .mb-px-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .mb-m-88 {
    margin: 88px;
  }
  .mb-mt-88 {
    margin-top: 88px;
  }
  .mb-mb-88 {
    margin-bottom: 88px;
  }
  .mb-ml-88 {
    margin-left: 88px;
  }
  .mb-mr-88 {
    margin-right: 88px;
  }
  .mb-mx-88 {
    margin-right: 88px;
    margin-left: 88px;
  }
  .mb-p-92 {
    padding: 92px;
  }
  .mb-pt-92 {
    padding-top: 92px;
  }
  .mb-pb-92 {
    padding-bottom: 92px;
  }
  .mb-pl-92 {
    padding-left: 92px;
  }
  .mb-pr-92 {
    padding-right: 92px;
  }
  .mb-px-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .mb-m-92 {
    margin: 92px;
  }
  .mb-mt-92 {
    margin-top: 92px;
  }
  .mb-mb-92 {
    margin-bottom: 92px;
  }
  .mb-ml-92 {
    margin-left: 92px;
  }
  .mb-mr-92 {
    margin-right: 92px;
  }
  .mb-mx-92 {
    margin-right: 92px;
    margin-left: 92px;
  }
  .mb-p-96 {
    padding: 96px;
  }
  .mb-pt-96 {
    padding-top: 96px;
  }
  .mb-pb-96 {
    padding-bottom: 96px;
  }
  .mb-pl-96 {
    padding-left: 96px;
  }
  .mb-pr-96 {
    padding-right: 96px;
  }
  .mb-px-96 {
    padding-right: 96px;
    padding-left: 96px;
  }
  .mb-m-96 {
    margin: 96px;
  }
  .mb-mt-96 {
    margin-top: 96px;
  }
  .mb-mb-96 {
    margin-bottom: 96px;
  }
  .mb-ml-96 {
    margin-left: 96px;
  }
  .mb-mr-96 {
    margin-right: 96px;
  }
  .mb-mx-96 {
    margin-right: 96px;
    margin-left: 96px;
  }
  .mb-p-100 {
    padding: 100px;
  }
  .mb-pt-100 {
    padding-top: 100px;
  }
  .mb-pb-100 {
    padding-bottom: 100px;
  }
  .mb-pl-100 {
    padding-left: 100px;
  }
  .mb-pr-100 {
    padding-right: 100px;
  }
  .mb-px-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
  .mb-m-100 {
    margin: 100px;
  }
  .mb-mt-100 {
    margin-top: 100px;
  }
  .mb-mb-100 {
    margin-bottom: 100px;
  }
  .mb-ml-100 {
    margin-left: 100px;
  }
  .mb-mr-100 {
    margin-right: 100px;
  }
  .mb-mx-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
  .mb-p-104 {
    padding: 104px;
  }
  .mb-pt-104 {
    padding-top: 104px;
  }
  .mb-pb-104 {
    padding-bottom: 104px;
  }
  .mb-pl-104 {
    padding-left: 104px;
  }
  .mb-pr-104 {
    padding-right: 104px;
  }
  .mb-px-104 {
    padding-right: 104px;
    padding-left: 104px;
  }
  .mb-m-104 {
    margin: 104px;
  }
  .mb-mt-104 {
    margin-top: 104px;
  }
  .mb-mb-104 {
    margin-bottom: 104px;
  }
  .mb-ml-104 {
    margin-left: 104px;
  }
  .mb-mr-104 {
    margin-right: 104px;
  }
  .mb-mx-104 {
    margin-right: 104px;
    margin-left: 104px;
  }
  .mb-p-108 {
    padding: 108px;
  }
  .mb-pt-108 {
    padding-top: 108px;
  }
  .mb-pb-108 {
    padding-bottom: 108px;
  }
  .mb-pl-108 {
    padding-left: 108px;
  }
  .mb-pr-108 {
    padding-right: 108px;
  }
  .mb-px-108 {
    padding-right: 108px;
    padding-left: 108px;
  }
  .mb-m-108 {
    margin: 108px;
  }
  .mb-mt-108 {
    margin-top: 108px;
  }
  .mb-mb-108 {
    margin-bottom: 108px;
  }
  .mb-ml-108 {
    margin-left: 108px;
  }
  .mb-mr-108 {
    margin-right: 108px;
  }
  .mb-mx-108 {
    margin-right: 108px;
    margin-left: 108px;
  }
  .mb-p-112 {
    padding: 112px;
  }
  .mb-pt-112 {
    padding-top: 112px;
  }
  .mb-pb-112 {
    padding-bottom: 112px;
  }
  .mb-pl-112 {
    padding-left: 112px;
  }
  .mb-pr-112 {
    padding-right: 112px;
  }
  .mb-px-112 {
    padding-right: 112px;
    padding-left: 112px;
  }
  .mb-m-112 {
    margin: 112px;
  }
  .mb-mt-112 {
    margin-top: 112px;
  }
  .mb-mb-112 {
    margin-bottom: 112px;
  }
  .mb-ml-112 {
    margin-left: 112px;
  }
  .mb-mr-112 {
    margin-right: 112px;
  }
  .mb-mx-112 {
    margin-right: 112px;
    margin-left: 112px;
  }
  .mb-p-116 {
    padding: 116px;
  }
  .mb-pt-116 {
    padding-top: 116px;
  }
  .mb-pb-116 {
    padding-bottom: 116px;
  }
  .mb-pl-116 {
    padding-left: 116px;
  }
  .mb-pr-116 {
    padding-right: 116px;
  }
  .mb-px-116 {
    padding-right: 116px;
    padding-left: 116px;
  }
  .mb-m-116 {
    margin: 116px;
  }
  .mb-mt-116 {
    margin-top: 116px;
  }
  .mb-mb-116 {
    margin-bottom: 116px;
  }
  .mb-ml-116 {
    margin-left: 116px;
  }
  .mb-mr-116 {
    margin-right: 116px;
  }
  .mb-mx-116 {
    margin-right: 116px;
    margin-left: 116px;
  }
  .mb-p-120 {
    padding: 120px;
  }
  .mb-pt-120 {
    padding-top: 120px;
  }
  .mb-pb-120 {
    padding-bottom: 120px;
  }
  .mb-pl-120 {
    padding-left: 120px;
  }
  .mb-pr-120 {
    padding-right: 120px;
  }
  .mb-px-120 {
    padding-right: 120px;
    padding-left: 120px;
  }
  .mb-m-120 {
    margin: 120px;
  }
  .mb-mt-120 {
    margin-top: 120px;
  }
  .mb-mb-120 {
    margin-bottom: 120px;
  }
  .mb-ml-120 {
    margin-left: 120px;
  }
  .mb-mr-120 {
    margin-right: 120px;
  }
  .mb-mx-120 {
    margin-right: 120px;
    margin-left: 120px;
  }
}
@media (min-width: 769px) {
  .tb-p-0 {
    padding: 0px;
  }
  .tb-pt-0 {
    padding-top: 0px;
  }
  .tb-pb-0 {
    padding-bottom: 0px;
  }
  .tb-pl-0 {
    padding-left: 0px;
  }
  .tb-pr-0 {
    padding-right: 0px;
  }
  .tb-px-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .tb-m-0 {
    margin: 0px;
  }
  .tb-mt-0 {
    margin-top: 0px;
  }
  .tb-mb-0 {
    margin-bottom: 0px;
  }
  .tb-ml-0 {
    margin-left: 0px;
  }
  .tb-mr-0 {
    margin-right: 0px;
  }
  .tb-mx-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .tb-p-4 {
    padding: 4px;
  }
  .tb-pt-4 {
    padding-top: 4px;
  }
  .tb-pb-4 {
    padding-bottom: 4px;
  }
  .tb-pl-4 {
    padding-left: 4px;
  }
  .tb-pr-4 {
    padding-right: 4px;
  }
  .tb-px-4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .tb-m-4 {
    margin: 4px;
  }
  .tb-mt-4 {
    margin-top: 4px;
  }
  .tb-mb-4 {
    margin-bottom: 4px;
  }
  .tb-ml-4 {
    margin-left: 4px;
  }
  .tb-mr-4 {
    margin-right: 4px;
  }
  .tb-mx-4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .tb-p-8 {
    padding: 8px;
  }
  .tb-pt-8 {
    padding-top: 8px;
  }
  .tb-pb-8 {
    padding-bottom: 8px;
  }
  .tb-pl-8 {
    padding-left: 8px;
  }
  .tb-pr-8 {
    padding-right: 8px;
  }
  .tb-px-8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .tb-m-8 {
    margin: 8px;
  }
  .tb-mt-8 {
    margin-top: 8px;
  }
  .tb-mb-8 {
    margin-bottom: 8px;
  }
  .tb-ml-8 {
    margin-left: 8px;
  }
  .tb-mr-8 {
    margin-right: 8px;
  }
  .tb-mx-8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .tb-p-12 {
    padding: 12px;
  }
  .tb-pt-12 {
    padding-top: 12px;
  }
  .tb-pb-12 {
    padding-bottom: 12px;
  }
  .tb-pl-12 {
    padding-left: 12px;
  }
  .tb-pr-12 {
    padding-right: 12px;
  }
  .tb-px-12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .tb-m-12 {
    margin: 12px;
  }
  .tb-mt-12 {
    margin-top: 12px;
  }
  .tb-mb-12 {
    margin-bottom: 12px;
  }
  .tb-ml-12 {
    margin-left: 12px;
  }
  .tb-mr-12 {
    margin-right: 12px;
  }
  .tb-mx-12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .tb-p-16 {
    padding: 16px;
  }
  .tb-pt-16 {
    padding-top: 16px;
  }
  .tb-pb-16 {
    padding-bottom: 16px;
  }
  .tb-pl-16 {
    padding-left: 16px;
  }
  .tb-pr-16 {
    padding-right: 16px;
  }
  .tb-px-16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .tb-m-16 {
    margin: 16px;
  }
  .tb-mt-16 {
    margin-top: 16px;
  }
  .tb-mb-16 {
    margin-bottom: 16px;
  }
  .tb-ml-16 {
    margin-left: 16px;
  }
  .tb-mr-16 {
    margin-right: 16px;
  }
  .tb-mx-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .tb-p-20 {
    padding: 20px;
  }
  .tb-pt-20 {
    padding-top: 20px;
  }
  .tb-pb-20 {
    padding-bottom: 20px;
  }
  .tb-pl-20 {
    padding-left: 20px;
  }
  .tb-pr-20 {
    padding-right: 20px;
  }
  .tb-px-20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .tb-m-20 {
    margin: 20px;
  }
  .tb-mt-20 {
    margin-top: 20px;
  }
  .tb-mb-20 {
    margin-bottom: 20px;
  }
  .tb-ml-20 {
    margin-left: 20px;
  }
  .tb-mr-20 {
    margin-right: 20px;
  }
  .tb-mx-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .tb-p-24 {
    padding: 24px;
  }
  .tb-pt-24 {
    padding-top: 24px;
  }
  .tb-pb-24 {
    padding-bottom: 24px;
  }
  .tb-pl-24 {
    padding-left: 24px;
  }
  .tb-pr-24 {
    padding-right: 24px;
  }
  .tb-px-24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .tb-m-24 {
    margin: 24px;
  }
  .tb-mt-24 {
    margin-top: 24px;
  }
  .tb-mb-24 {
    margin-bottom: 24px;
  }
  .tb-ml-24 {
    margin-left: 24px;
  }
  .tb-mr-24 {
    margin-right: 24px;
  }
  .tb-mx-24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .tb-p-28 {
    padding: 28px;
  }
  .tb-pt-28 {
    padding-top: 28px;
  }
  .tb-pb-28 {
    padding-bottom: 28px;
  }
  .tb-pl-28 {
    padding-left: 28px;
  }
  .tb-pr-28 {
    padding-right: 28px;
  }
  .tb-px-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .tb-m-28 {
    margin: 28px;
  }
  .tb-mt-28 {
    margin-top: 28px;
  }
  .tb-mb-28 {
    margin-bottom: 28px;
  }
  .tb-ml-28 {
    margin-left: 28px;
  }
  .tb-mr-28 {
    margin-right: 28px;
  }
  .tb-mx-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .tb-p-32 {
    padding: 32px;
  }
  .tb-pt-32 {
    padding-top: 32px;
  }
  .tb-pb-32 {
    padding-bottom: 32px;
  }
  .tb-pl-32 {
    padding-left: 32px;
  }
  .tb-pr-32 {
    padding-right: 32px;
  }
  .tb-px-32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .tb-m-32 {
    margin: 32px;
  }
  .tb-mt-32 {
    margin-top: 32px;
  }
  .tb-mb-32 {
    margin-bottom: 32px;
  }
  .tb-ml-32 {
    margin-left: 32px;
  }
  .tb-mr-32 {
    margin-right: 32px;
  }
  .tb-mx-32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .tb-p-36 {
    padding: 36px;
  }
  .tb-pt-36 {
    padding-top: 36px;
  }
  .tb-pb-36 {
    padding-bottom: 36px;
  }
  .tb-pl-36 {
    padding-left: 36px;
  }
  .tb-pr-36 {
    padding-right: 36px;
  }
  .tb-px-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .tb-m-36 {
    margin: 36px;
  }
  .tb-mt-36 {
    margin-top: 36px;
  }
  .tb-mb-36 {
    margin-bottom: 36px;
  }
  .tb-ml-36 {
    margin-left: 36px;
  }
  .tb-mr-36 {
    margin-right: 36px;
  }
  .tb-mx-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .tb-p-40 {
    padding: 40px;
  }
  .tb-pt-40 {
    padding-top: 40px;
  }
  .tb-pb-40 {
    padding-bottom: 40px;
  }
  .tb-pl-40 {
    padding-left: 40px;
  }
  .tb-pr-40 {
    padding-right: 40px;
  }
  .tb-px-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .tb-m-40 {
    margin: 40px;
  }
  .tb-mt-40 {
    margin-top: 40px;
  }
  .tb-mb-40 {
    margin-bottom: 40px;
  }
  .tb-ml-40 {
    margin-left: 40px;
  }
  .tb-mr-40 {
    margin-right: 40px;
  }
  .tb-mx-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .tb-p-44 {
    padding: 44px;
  }
  .tb-pt-44 {
    padding-top: 44px;
  }
  .tb-pb-44 {
    padding-bottom: 44px;
  }
  .tb-pl-44 {
    padding-left: 44px;
  }
  .tb-pr-44 {
    padding-right: 44px;
  }
  .tb-px-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .tb-m-44 {
    margin: 44px;
  }
  .tb-mt-44 {
    margin-top: 44px;
  }
  .tb-mb-44 {
    margin-bottom: 44px;
  }
  .tb-ml-44 {
    margin-left: 44px;
  }
  .tb-mr-44 {
    margin-right: 44px;
  }
  .tb-mx-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .tb-p-48 {
    padding: 48px;
  }
  .tb-pt-48 {
    padding-top: 48px;
  }
  .tb-pb-48 {
    padding-bottom: 48px;
  }
  .tb-pl-48 {
    padding-left: 48px;
  }
  .tb-pr-48 {
    padding-right: 48px;
  }
  .tb-px-48 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .tb-m-48 {
    margin: 48px;
  }
  .tb-mt-48 {
    margin-top: 48px;
  }
  .tb-mb-48 {
    margin-bottom: 48px;
  }
  .tb-ml-48 {
    margin-left: 48px;
  }
  .tb-mr-48 {
    margin-right: 48px;
  }
  .tb-mx-48 {
    margin-right: 48px;
    margin-left: 48px;
  }
  .tb-p-52 {
    padding: 52px;
  }
  .tb-pt-52 {
    padding-top: 52px;
  }
  .tb-pb-52 {
    padding-bottom: 52px;
  }
  .tb-pl-52 {
    padding-left: 52px;
  }
  .tb-pr-52 {
    padding-right: 52px;
  }
  .tb-px-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .tb-m-52 {
    margin: 52px;
  }
  .tb-mt-52 {
    margin-top: 52px;
  }
  .tb-mb-52 {
    margin-bottom: 52px;
  }
  .tb-ml-52 {
    margin-left: 52px;
  }
  .tb-mr-52 {
    margin-right: 52px;
  }
  .tb-mx-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .tb-p-56 {
    padding: 56px;
  }
  .tb-pt-56 {
    padding-top: 56px;
  }
  .tb-pb-56 {
    padding-bottom: 56px;
  }
  .tb-pl-56 {
    padding-left: 56px;
  }
  .tb-pr-56 {
    padding-right: 56px;
  }
  .tb-px-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .tb-m-56 {
    margin: 56px;
  }
  .tb-mt-56 {
    margin-top: 56px;
  }
  .tb-mb-56 {
    margin-bottom: 56px;
  }
  .tb-ml-56 {
    margin-left: 56px;
  }
  .tb-mr-56 {
    margin-right: 56px;
  }
  .tb-mx-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .tb-p-60 {
    padding: 60px;
  }
  .tb-pt-60 {
    padding-top: 60px;
  }
  .tb-pb-60 {
    padding-bottom: 60px;
  }
  .tb-pl-60 {
    padding-left: 60px;
  }
  .tb-pr-60 {
    padding-right: 60px;
  }
  .tb-px-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .tb-m-60 {
    margin: 60px;
  }
  .tb-mt-60 {
    margin-top: 60px;
  }
  .tb-mb-60 {
    margin-bottom: 60px;
  }
  .tb-ml-60 {
    margin-left: 60px;
  }
  .tb-mr-60 {
    margin-right: 60px;
  }
  .tb-mx-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .tb-p-64 {
    padding: 64px;
  }
  .tb-pt-64 {
    padding-top: 64px;
  }
  .tb-pb-64 {
    padding-bottom: 64px;
  }
  .tb-pl-64 {
    padding-left: 64px;
  }
  .tb-pr-64 {
    padding-right: 64px;
  }
  .tb-px-64 {
    padding-right: 64px;
    padding-left: 64px;
  }
  .tb-m-64 {
    margin: 64px;
  }
  .tb-mt-64 {
    margin-top: 64px;
  }
  .tb-mb-64 {
    margin-bottom: 64px;
  }
  .tb-ml-64 {
    margin-left: 64px;
  }
  .tb-mr-64 {
    margin-right: 64px;
  }
  .tb-mx-64 {
    margin-right: 64px;
    margin-left: 64px;
  }
  .tb-p-68 {
    padding: 68px;
  }
  .tb-pt-68 {
    padding-top: 68px;
  }
  .tb-pb-68 {
    padding-bottom: 68px;
  }
  .tb-pl-68 {
    padding-left: 68px;
  }
  .tb-pr-68 {
    padding-right: 68px;
  }
  .tb-px-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .tb-m-68 {
    margin: 68px;
  }
  .tb-mt-68 {
    margin-top: 68px;
  }
  .tb-mb-68 {
    margin-bottom: 68px;
  }
  .tb-ml-68 {
    margin-left: 68px;
  }
  .tb-mr-68 {
    margin-right: 68px;
  }
  .tb-mx-68 {
    margin-right: 68px;
    margin-left: 68px;
  }
  .tb-p-72 {
    padding: 72px;
  }
  .tb-pt-72 {
    padding-top: 72px;
  }
  .tb-pb-72 {
    padding-bottom: 72px;
  }
  .tb-pl-72 {
    padding-left: 72px;
  }
  .tb-pr-72 {
    padding-right: 72px;
  }
  .tb-px-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .tb-m-72 {
    margin: 72px;
  }
  .tb-mt-72 {
    margin-top: 72px;
  }
  .tb-mb-72 {
    margin-bottom: 72px;
  }
  .tb-ml-72 {
    margin-left: 72px;
  }
  .tb-mr-72 {
    margin-right: 72px;
  }
  .tb-mx-72 {
    margin-right: 72px;
    margin-left: 72px;
  }
  .tb-p-76 {
    padding: 76px;
  }
  .tb-pt-76 {
    padding-top: 76px;
  }
  .tb-pb-76 {
    padding-bottom: 76px;
  }
  .tb-pl-76 {
    padding-left: 76px;
  }
  .tb-pr-76 {
    padding-right: 76px;
  }
  .tb-px-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .tb-m-76 {
    margin: 76px;
  }
  .tb-mt-76 {
    margin-top: 76px;
  }
  .tb-mb-76 {
    margin-bottom: 76px;
  }
  .tb-ml-76 {
    margin-left: 76px;
  }
  .tb-mr-76 {
    margin-right: 76px;
  }
  .tb-mx-76 {
    margin-right: 76px;
    margin-left: 76px;
  }
  .tb-p-80 {
    padding: 80px;
  }
  .tb-pt-80 {
    padding-top: 80px;
  }
  .tb-pb-80 {
    padding-bottom: 80px;
  }
  .tb-pl-80 {
    padding-left: 80px;
  }
  .tb-pr-80 {
    padding-right: 80px;
  }
  .tb-px-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .tb-m-80 {
    margin: 80px;
  }
  .tb-mt-80 {
    margin-top: 80px;
  }
  .tb-mb-80 {
    margin-bottom: 80px;
  }
  .tb-ml-80 {
    margin-left: 80px;
  }
  .tb-mr-80 {
    margin-right: 80px;
  }
  .tb-mx-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .tb-p-84 {
    padding: 84px;
  }
  .tb-pt-84 {
    padding-top: 84px;
  }
  .tb-pb-84 {
    padding-bottom: 84px;
  }
  .tb-pl-84 {
    padding-left: 84px;
  }
  .tb-pr-84 {
    padding-right: 84px;
  }
  .tb-px-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .tb-m-84 {
    margin: 84px;
  }
  .tb-mt-84 {
    margin-top: 84px;
  }
  .tb-mb-84 {
    margin-bottom: 84px;
  }
  .tb-ml-84 {
    margin-left: 84px;
  }
  .tb-mr-84 {
    margin-right: 84px;
  }
  .tb-mx-84 {
    margin-right: 84px;
    margin-left: 84px;
  }
  .tb-p-88 {
    padding: 88px;
  }
  .tb-pt-88 {
    padding-top: 88px;
  }
  .tb-pb-88 {
    padding-bottom: 88px;
  }
  .tb-pl-88 {
    padding-left: 88px;
  }
  .tb-pr-88 {
    padding-right: 88px;
  }
  .tb-px-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .tb-m-88 {
    margin: 88px;
  }
  .tb-mt-88 {
    margin-top: 88px;
  }
  .tb-mb-88 {
    margin-bottom: 88px;
  }
  .tb-ml-88 {
    margin-left: 88px;
  }
  .tb-mr-88 {
    margin-right: 88px;
  }
  .tb-mx-88 {
    margin-right: 88px;
    margin-left: 88px;
  }
  .tb-p-92 {
    padding: 92px;
  }
  .tb-pt-92 {
    padding-top: 92px;
  }
  .tb-pb-92 {
    padding-bottom: 92px;
  }
  .tb-pl-92 {
    padding-left: 92px;
  }
  .tb-pr-92 {
    padding-right: 92px;
  }
  .tb-px-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .tb-m-92 {
    margin: 92px;
  }
  .tb-mt-92 {
    margin-top: 92px;
  }
  .tb-mb-92 {
    margin-bottom: 92px;
  }
  .tb-ml-92 {
    margin-left: 92px;
  }
  .tb-mr-92 {
    margin-right: 92px;
  }
  .tb-mx-92 {
    margin-right: 92px;
    margin-left: 92px;
  }
  .tb-p-96 {
    padding: 96px;
  }
  .tb-pt-96 {
    padding-top: 96px;
  }
  .tb-pb-96 {
    padding-bottom: 96px;
  }
  .tb-pl-96 {
    padding-left: 96px;
  }
  .tb-pr-96 {
    padding-right: 96px;
  }
  .tb-px-96 {
    padding-right: 96px;
    padding-left: 96px;
  }
  .tb-m-96 {
    margin: 96px;
  }
  .tb-mt-96 {
    margin-top: 96px;
  }
  .tb-mb-96 {
    margin-bottom: 96px;
  }
  .tb-ml-96 {
    margin-left: 96px;
  }
  .tb-mr-96 {
    margin-right: 96px;
  }
  .tb-mx-96 {
    margin-right: 96px;
    margin-left: 96px;
  }
  .tb-p-100 {
    padding: 100px;
  }
  .tb-pt-100 {
    padding-top: 100px;
  }
  .tb-pb-100 {
    padding-bottom: 100px;
  }
  .tb-pl-100 {
    padding-left: 100px;
  }
  .tb-pr-100 {
    padding-right: 100px;
  }
  .tb-px-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
  .tb-m-100 {
    margin: 100px;
  }
  .tb-mt-100 {
    margin-top: 100px;
  }
  .tb-mb-100 {
    margin-bottom: 100px;
  }
  .tb-ml-100 {
    margin-left: 100px;
  }
  .tb-mr-100 {
    margin-right: 100px;
  }
  .tb-mx-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
  .tb-p-104 {
    padding: 104px;
  }
  .tb-pt-104 {
    padding-top: 104px;
  }
  .tb-pb-104 {
    padding-bottom: 104px;
  }
  .tb-pl-104 {
    padding-left: 104px;
  }
  .tb-pr-104 {
    padding-right: 104px;
  }
  .tb-px-104 {
    padding-right: 104px;
    padding-left: 104px;
  }
  .tb-m-104 {
    margin: 104px;
  }
  .tb-mt-104 {
    margin-top: 104px;
  }
  .tb-mb-104 {
    margin-bottom: 104px;
  }
  .tb-ml-104 {
    margin-left: 104px;
  }
  .tb-mr-104 {
    margin-right: 104px;
  }
  .tb-mx-104 {
    margin-right: 104px;
    margin-left: 104px;
  }
  .tb-p-108 {
    padding: 108px;
  }
  .tb-pt-108 {
    padding-top: 108px;
  }
  .tb-pb-108 {
    padding-bottom: 108px;
  }
  .tb-pl-108 {
    padding-left: 108px;
  }
  .tb-pr-108 {
    padding-right: 108px;
  }
  .tb-px-108 {
    padding-right: 108px;
    padding-left: 108px;
  }
  .tb-m-108 {
    margin: 108px;
  }
  .tb-mt-108 {
    margin-top: 108px;
  }
  .tb-mb-108 {
    margin-bottom: 108px;
  }
  .tb-ml-108 {
    margin-left: 108px;
  }
  .tb-mr-108 {
    margin-right: 108px;
  }
  .tb-mx-108 {
    margin-right: 108px;
    margin-left: 108px;
  }
  .tb-p-112 {
    padding: 112px;
  }
  .tb-pt-112 {
    padding-top: 112px;
  }
  .tb-pb-112 {
    padding-bottom: 112px;
  }
  .tb-pl-112 {
    padding-left: 112px;
  }
  .tb-pr-112 {
    padding-right: 112px;
  }
  .tb-px-112 {
    padding-right: 112px;
    padding-left: 112px;
  }
  .tb-m-112 {
    margin: 112px;
  }
  .tb-mt-112 {
    margin-top: 112px;
  }
  .tb-mb-112 {
    margin-bottom: 112px;
  }
  .tb-ml-112 {
    margin-left: 112px;
  }
  .tb-mr-112 {
    margin-right: 112px;
  }
  .tb-mx-112 {
    margin-right: 112px;
    margin-left: 112px;
  }
  .tb-p-116 {
    padding: 116px;
  }
  .tb-pt-116 {
    padding-top: 116px;
  }
  .tb-pb-116 {
    padding-bottom: 116px;
  }
  .tb-pl-116 {
    padding-left: 116px;
  }
  .tb-pr-116 {
    padding-right: 116px;
  }
  .tb-px-116 {
    padding-right: 116px;
    padding-left: 116px;
  }
  .tb-m-116 {
    margin: 116px;
  }
  .tb-mt-116 {
    margin-top: 116px;
  }
  .tb-mb-116 {
    margin-bottom: 116px;
  }
  .tb-ml-116 {
    margin-left: 116px;
  }
  .tb-mr-116 {
    margin-right: 116px;
  }
  .tb-mx-116 {
    margin-right: 116px;
    margin-left: 116px;
  }
  .tb-p-120 {
    padding: 120px;
  }
  .tb-pt-120 {
    padding-top: 120px;
  }
  .tb-pb-120 {
    padding-bottom: 120px;
  }
  .tb-pl-120 {
    padding-left: 120px;
  }
  .tb-pr-120 {
    padding-right: 120px;
  }
  .tb-px-120 {
    padding-right: 120px;
    padding-left: 120px;
  }
  .tb-m-120 {
    margin: 120px;
  }
  .tb-mt-120 {
    margin-top: 120px;
  }
  .tb-mb-120 {
    margin-bottom: 120px;
  }
  .tb-ml-120 {
    margin-left: 120px;
  }
  .tb-mr-120 {
    margin-right: 120px;
  }
  .tb-mx-120 {
    margin-right: 120px;
    margin-left: 120px;
  }
}
@media (min-width: 924px) {
  .dt-p-0 {
    padding: 0px;
  }
  .dt-pt-0 {
    padding-top: 0px;
  }
  .dt-pb-0 {
    padding-bottom: 0px;
  }
  .dt-pl-0 {
    padding-left: 0px;
  }
  .dt-pr-0 {
    padding-right: 0px;
  }
  .dt-px-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .dt-m-0 {
    margin: 0px;
  }
  .dt-mt-0 {
    margin-top: 0px;
  }
  .dt-mb-0 {
    margin-bottom: 0px;
  }
  .dt-ml-0 {
    margin-left: 0px;
  }
  .dt-mr-0 {
    margin-right: 0px;
  }
  .dt-mx-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .dt-p-4 {
    padding: 4px;
  }
  .dt-pt-4 {
    padding-top: 4px;
  }
  .dt-pb-4 {
    padding-bottom: 4px;
  }
  .dt-pl-4 {
    padding-left: 4px;
  }
  .dt-pr-4 {
    padding-right: 4px;
  }
  .dt-px-4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .dt-m-4 {
    margin: 4px;
  }
  .dt-mt-4 {
    margin-top: 4px;
  }
  .dt-mb-4 {
    margin-bottom: 4px;
  }
  .dt-ml-4 {
    margin-left: 4px;
  }
  .dt-mr-4 {
    margin-right: 4px;
  }
  .dt-mx-4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .dt-p-8 {
    padding: 8px;
  }
  .dt-pt-8 {
    padding-top: 8px;
  }
  .dt-pb-8 {
    padding-bottom: 8px;
  }
  .dt-pl-8 {
    padding-left: 8px;
  }
  .dt-pr-8 {
    padding-right: 8px;
  }
  .dt-px-8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .dt-m-8 {
    margin: 8px;
  }
  .dt-mt-8 {
    margin-top: 8px;
  }
  .dt-mb-8 {
    margin-bottom: 8px;
  }
  .dt-ml-8 {
    margin-left: 8px;
  }
  .dt-mr-8 {
    margin-right: 8px;
  }
  .dt-mx-8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .dt-p-12 {
    padding: 12px;
  }
  .dt-pt-12 {
    padding-top: 12px;
  }
  .dt-pb-12 {
    padding-bottom: 12px;
  }
  .dt-pl-12 {
    padding-left: 12px;
  }
  .dt-pr-12 {
    padding-right: 12px;
  }
  .dt-px-12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .dt-m-12 {
    margin: 12px;
  }
  .dt-mt-12 {
    margin-top: 12px;
  }
  .dt-mb-12 {
    margin-bottom: 12px;
  }
  .dt-ml-12 {
    margin-left: 12px;
  }
  .dt-mr-12 {
    margin-right: 12px;
  }
  .dt-mx-12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .dt-p-16 {
    padding: 16px;
  }
  .dt-pt-16 {
    padding-top: 16px;
  }
  .dt-pb-16 {
    padding-bottom: 16px;
  }
  .dt-pl-16 {
    padding-left: 16px;
  }
  .dt-pr-16 {
    padding-right: 16px;
  }
  .dt-px-16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .dt-m-16 {
    margin: 16px;
  }
  .dt-mt-16 {
    margin-top: 16px;
  }
  .dt-mb-16 {
    margin-bottom: 16px;
  }
  .dt-ml-16 {
    margin-left: 16px;
  }
  .dt-mr-16 {
    margin-right: 16px;
  }
  .dt-mx-16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .dt-p-20 {
    padding: 20px;
  }
  .dt-pt-20 {
    padding-top: 20px;
  }
  .dt-pb-20 {
    padding-bottom: 20px;
  }
  .dt-pl-20 {
    padding-left: 20px;
  }
  .dt-pr-20 {
    padding-right: 20px;
  }
  .dt-px-20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .dt-m-20 {
    margin: 20px;
  }
  .dt-mt-20 {
    margin-top: 20px;
  }
  .dt-mb-20 {
    margin-bottom: 20px;
  }
  .dt-ml-20 {
    margin-left: 20px;
  }
  .dt-mr-20 {
    margin-right: 20px;
  }
  .dt-mx-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .dt-p-24 {
    padding: 24px;
  }
  .dt-pt-24 {
    padding-top: 24px;
  }
  .dt-pb-24 {
    padding-bottom: 24px;
  }
  .dt-pl-24 {
    padding-left: 24px;
  }
  .dt-pr-24 {
    padding-right: 24px;
  }
  .dt-px-24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .dt-m-24 {
    margin: 24px;
  }
  .dt-mt-24 {
    margin-top: 24px;
  }
  .dt-mb-24 {
    margin-bottom: 24px;
  }
  .dt-ml-24 {
    margin-left: 24px;
  }
  .dt-mr-24 {
    margin-right: 24px;
  }
  .dt-mx-24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .dt-p-28 {
    padding: 28px;
  }
  .dt-pt-28 {
    padding-top: 28px;
  }
  .dt-pb-28 {
    padding-bottom: 28px;
  }
  .dt-pl-28 {
    padding-left: 28px;
  }
  .dt-pr-28 {
    padding-right: 28px;
  }
  .dt-px-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .dt-m-28 {
    margin: 28px;
  }
  .dt-mt-28 {
    margin-top: 28px;
  }
  .dt-mb-28 {
    margin-bottom: 28px;
  }
  .dt-ml-28 {
    margin-left: 28px;
  }
  .dt-mr-28 {
    margin-right: 28px;
  }
  .dt-mx-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .dt-p-32 {
    padding: 32px;
  }
  .dt-pt-32 {
    padding-top: 32px;
  }
  .dt-pb-32 {
    padding-bottom: 32px;
  }
  .dt-pl-32 {
    padding-left: 32px;
  }
  .dt-pr-32 {
    padding-right: 32px;
  }
  .dt-px-32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .dt-m-32 {
    margin: 32px;
  }
  .dt-mt-32 {
    margin-top: 32px;
  }
  .dt-mb-32 {
    margin-bottom: 32px;
  }
  .dt-ml-32 {
    margin-left: 32px;
  }
  .dt-mr-32 {
    margin-right: 32px;
  }
  .dt-mx-32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .dt-p-36 {
    padding: 36px;
  }
  .dt-pt-36 {
    padding-top: 36px;
  }
  .dt-pb-36 {
    padding-bottom: 36px;
  }
  .dt-pl-36 {
    padding-left: 36px;
  }
  .dt-pr-36 {
    padding-right: 36px;
  }
  .dt-px-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .dt-m-36 {
    margin: 36px;
  }
  .dt-mt-36 {
    margin-top: 36px;
  }
  .dt-mb-36 {
    margin-bottom: 36px;
  }
  .dt-ml-36 {
    margin-left: 36px;
  }
  .dt-mr-36 {
    margin-right: 36px;
  }
  .dt-mx-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .dt-p-40 {
    padding: 40px;
  }
  .dt-pt-40 {
    padding-top: 40px;
  }
  .dt-pb-40 {
    padding-bottom: 40px;
  }
  .dt-pl-40 {
    padding-left: 40px;
  }
  .dt-pr-40 {
    padding-right: 40px;
  }
  .dt-px-40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .dt-m-40 {
    margin: 40px;
  }
  .dt-mt-40 {
    margin-top: 40px;
  }
  .dt-mb-40 {
    margin-bottom: 40px;
  }
  .dt-ml-40 {
    margin-left: 40px;
  }
  .dt-mr-40 {
    margin-right: 40px;
  }
  .dt-mx-40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .dt-p-44 {
    padding: 44px;
  }
  .dt-pt-44 {
    padding-top: 44px;
  }
  .dt-pb-44 {
    padding-bottom: 44px;
  }
  .dt-pl-44 {
    padding-left: 44px;
  }
  .dt-pr-44 {
    padding-right: 44px;
  }
  .dt-px-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .dt-m-44 {
    margin: 44px;
  }
  .dt-mt-44 {
    margin-top: 44px;
  }
  .dt-mb-44 {
    margin-bottom: 44px;
  }
  .dt-ml-44 {
    margin-left: 44px;
  }
  .dt-mr-44 {
    margin-right: 44px;
  }
  .dt-mx-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .dt-p-48 {
    padding: 48px;
  }
  .dt-pt-48 {
    padding-top: 48px;
  }
  .dt-pb-48 {
    padding-bottom: 48px;
  }
  .dt-pl-48 {
    padding-left: 48px;
  }
  .dt-pr-48 {
    padding-right: 48px;
  }
  .dt-px-48 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .dt-m-48 {
    margin: 48px;
  }
  .dt-mt-48 {
    margin-top: 48px;
  }
  .dt-mb-48 {
    margin-bottom: 48px;
  }
  .dt-ml-48 {
    margin-left: 48px;
  }
  .dt-mr-48 {
    margin-right: 48px;
  }
  .dt-mx-48 {
    margin-right: 48px;
    margin-left: 48px;
  }
  .dt-p-52 {
    padding: 52px;
  }
  .dt-pt-52 {
    padding-top: 52px;
  }
  .dt-pb-52 {
    padding-bottom: 52px;
  }
  .dt-pl-52 {
    padding-left: 52px;
  }
  .dt-pr-52 {
    padding-right: 52px;
  }
  .dt-px-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .dt-m-52 {
    margin: 52px;
  }
  .dt-mt-52 {
    margin-top: 52px;
  }
  .dt-mb-52 {
    margin-bottom: 52px;
  }
  .dt-ml-52 {
    margin-left: 52px;
  }
  .dt-mr-52 {
    margin-right: 52px;
  }
  .dt-mx-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .dt-p-56 {
    padding: 56px;
  }
  .dt-pt-56 {
    padding-top: 56px;
  }
  .dt-pb-56 {
    padding-bottom: 56px;
  }
  .dt-pl-56 {
    padding-left: 56px;
  }
  .dt-pr-56 {
    padding-right: 56px;
  }
  .dt-px-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .dt-m-56 {
    margin: 56px;
  }
  .dt-mt-56 {
    margin-top: 56px;
  }
  .dt-mb-56 {
    margin-bottom: 56px;
  }
  .dt-ml-56 {
    margin-left: 56px;
  }
  .dt-mr-56 {
    margin-right: 56px;
  }
  .dt-mx-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .dt-p-60 {
    padding: 60px;
  }
  .dt-pt-60 {
    padding-top: 60px;
  }
  .dt-pb-60 {
    padding-bottom: 60px;
  }
  .dt-pl-60 {
    padding-left: 60px;
  }
  .dt-pr-60 {
    padding-right: 60px;
  }
  .dt-px-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .dt-m-60 {
    margin: 60px;
  }
  .dt-mt-60 {
    margin-top: 60px;
  }
  .dt-mb-60 {
    margin-bottom: 60px;
  }
  .dt-ml-60 {
    margin-left: 60px;
  }
  .dt-mr-60 {
    margin-right: 60px;
  }
  .dt-mx-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .dt-p-64 {
    padding: 64px;
  }
  .dt-pt-64 {
    padding-top: 64px;
  }
  .dt-pb-64 {
    padding-bottom: 64px;
  }
  .dt-pl-64 {
    padding-left: 64px;
  }
  .dt-pr-64 {
    padding-right: 64px;
  }
  .dt-px-64 {
    padding-right: 64px;
    padding-left: 64px;
  }
  .dt-m-64 {
    margin: 64px;
  }
  .dt-mt-64 {
    margin-top: 64px;
  }
  .dt-mb-64 {
    margin-bottom: 64px;
  }
  .dt-ml-64 {
    margin-left: 64px;
  }
  .dt-mr-64 {
    margin-right: 64px;
  }
  .dt-mx-64 {
    margin-right: 64px;
    margin-left: 64px;
  }
  .dt-p-68 {
    padding: 68px;
  }
  .dt-pt-68 {
    padding-top: 68px;
  }
  .dt-pb-68 {
    padding-bottom: 68px;
  }
  .dt-pl-68 {
    padding-left: 68px;
  }
  .dt-pr-68 {
    padding-right: 68px;
  }
  .dt-px-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .dt-m-68 {
    margin: 68px;
  }
  .dt-mt-68 {
    margin-top: 68px;
  }
  .dt-mb-68 {
    margin-bottom: 68px;
  }
  .dt-ml-68 {
    margin-left: 68px;
  }
  .dt-mr-68 {
    margin-right: 68px;
  }
  .dt-mx-68 {
    margin-right: 68px;
    margin-left: 68px;
  }
  .dt-p-72 {
    padding: 72px;
  }
  .dt-pt-72 {
    padding-top: 72px;
  }
  .dt-pb-72 {
    padding-bottom: 72px;
  }
  .dt-pl-72 {
    padding-left: 72px;
  }
  .dt-pr-72 {
    padding-right: 72px;
  }
  .dt-px-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .dt-m-72 {
    margin: 72px;
  }
  .dt-mt-72 {
    margin-top: 72px;
  }
  .dt-mb-72 {
    margin-bottom: 72px;
  }
  .dt-ml-72 {
    margin-left: 72px;
  }
  .dt-mr-72 {
    margin-right: 72px;
  }
  .dt-mx-72 {
    margin-right: 72px;
    margin-left: 72px;
  }
  .dt-p-76 {
    padding: 76px;
  }
  .dt-pt-76 {
    padding-top: 76px;
  }
  .dt-pb-76 {
    padding-bottom: 76px;
  }
  .dt-pl-76 {
    padding-left: 76px;
  }
  .dt-pr-76 {
    padding-right: 76px;
  }
  .dt-px-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .dt-m-76 {
    margin: 76px;
  }
  .dt-mt-76 {
    margin-top: 76px;
  }
  .dt-mb-76 {
    margin-bottom: 76px;
  }
  .dt-ml-76 {
    margin-left: 76px;
  }
  .dt-mr-76 {
    margin-right: 76px;
  }
  .dt-mx-76 {
    margin-right: 76px;
    margin-left: 76px;
  }
  .dt-p-80 {
    padding: 80px;
  }
  .dt-pt-80 {
    padding-top: 80px;
  }
  .dt-pb-80 {
    padding-bottom: 80px;
  }
  .dt-pl-80 {
    padding-left: 80px;
  }
  .dt-pr-80 {
    padding-right: 80px;
  }
  .dt-px-80 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .dt-m-80 {
    margin: 80px;
  }
  .dt-mt-80 {
    margin-top: 80px;
  }
  .dt-mb-80 {
    margin-bottom: 80px;
  }
  .dt-ml-80 {
    margin-left: 80px;
  }
  .dt-mr-80 {
    margin-right: 80px;
  }
  .dt-mx-80 {
    margin-right: 80px;
    margin-left: 80px;
  }
  .dt-p-84 {
    padding: 84px;
  }
  .dt-pt-84 {
    padding-top: 84px;
  }
  .dt-pb-84 {
    padding-bottom: 84px;
  }
  .dt-pl-84 {
    padding-left: 84px;
  }
  .dt-pr-84 {
    padding-right: 84px;
  }
  .dt-px-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .dt-m-84 {
    margin: 84px;
  }
  .dt-mt-84 {
    margin-top: 84px;
  }
  .dt-mb-84 {
    margin-bottom: 84px;
  }
  .dt-ml-84 {
    margin-left: 84px;
  }
  .dt-mr-84 {
    margin-right: 84px;
  }
  .dt-mx-84 {
    margin-right: 84px;
    margin-left: 84px;
  }
  .dt-p-88 {
    padding: 88px;
  }
  .dt-pt-88 {
    padding-top: 88px;
  }
  .dt-pb-88 {
    padding-bottom: 88px;
  }
  .dt-pl-88 {
    padding-left: 88px;
  }
  .dt-pr-88 {
    padding-right: 88px;
  }
  .dt-px-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .dt-m-88 {
    margin: 88px;
  }
  .dt-mt-88 {
    margin-top: 88px;
  }
  .dt-mb-88 {
    margin-bottom: 88px;
  }
  .dt-ml-88 {
    margin-left: 88px;
  }
  .dt-mr-88 {
    margin-right: 88px;
  }
  .dt-mx-88 {
    margin-right: 88px;
    margin-left: 88px;
  }
  .dt-p-92 {
    padding: 92px;
  }
  .dt-pt-92 {
    padding-top: 92px;
  }
  .dt-pb-92 {
    padding-bottom: 92px;
  }
  .dt-pl-92 {
    padding-left: 92px;
  }
  .dt-pr-92 {
    padding-right: 92px;
  }
  .dt-px-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .dt-m-92 {
    margin: 92px;
  }
  .dt-mt-92 {
    margin-top: 92px;
  }
  .dt-mb-92 {
    margin-bottom: 92px;
  }
  .dt-ml-92 {
    margin-left: 92px;
  }
  .dt-mr-92 {
    margin-right: 92px;
  }
  .dt-mx-92 {
    margin-right: 92px;
    margin-left: 92px;
  }
  .dt-p-96 {
    padding: 96px;
  }
  .dt-pt-96 {
    padding-top: 96px;
  }
  .dt-pb-96 {
    padding-bottom: 96px;
  }
  .dt-pl-96 {
    padding-left: 96px;
  }
  .dt-pr-96 {
    padding-right: 96px;
  }
  .dt-px-96 {
    padding-right: 96px;
    padding-left: 96px;
  }
  .dt-m-96 {
    margin: 96px;
  }
  .dt-mt-96 {
    margin-top: 96px;
  }
  .dt-mb-96 {
    margin-bottom: 96px;
  }
  .dt-ml-96 {
    margin-left: 96px;
  }
  .dt-mr-96 {
    margin-right: 96px;
  }
  .dt-mx-96 {
    margin-right: 96px;
    margin-left: 96px;
  }
  .dt-p-100 {
    padding: 100px;
  }
  .dt-pt-100 {
    padding-top: 100px;
  }
  .dt-pb-100 {
    padding-bottom: 100px;
  }
  .dt-pl-100 {
    padding-left: 100px;
  }
  .dt-pr-100 {
    padding-right: 100px;
  }
  .dt-px-100 {
    padding-right: 100px;
    padding-left: 100px;
  }
  .dt-m-100 {
    margin: 100px;
  }
  .dt-mt-100 {
    margin-top: 100px;
  }
  .dt-mb-100 {
    margin-bottom: 100px;
  }
  .dt-ml-100 {
    margin-left: 100px;
  }
  .dt-mr-100 {
    margin-right: 100px;
  }
  .dt-mx-100 {
    margin-right: 100px;
    margin-left: 100px;
  }
  .dt-p-104 {
    padding: 104px;
  }
  .dt-pt-104 {
    padding-top: 104px;
  }
  .dt-pb-104 {
    padding-bottom: 104px;
  }
  .dt-pl-104 {
    padding-left: 104px;
  }
  .dt-pr-104 {
    padding-right: 104px;
  }
  .dt-px-104 {
    padding-right: 104px;
    padding-left: 104px;
  }
  .dt-m-104 {
    margin: 104px;
  }
  .dt-mt-104 {
    margin-top: 104px;
  }
  .dt-mb-104 {
    margin-bottom: 104px;
  }
  .dt-ml-104 {
    margin-left: 104px;
  }
  .dt-mr-104 {
    margin-right: 104px;
  }
  .dt-mx-104 {
    margin-right: 104px;
    margin-left: 104px;
  }
  .dt-p-108 {
    padding: 108px;
  }
  .dt-pt-108 {
    padding-top: 108px;
  }
  .dt-pb-108 {
    padding-bottom: 108px;
  }
  .dt-pl-108 {
    padding-left: 108px;
  }
  .dt-pr-108 {
    padding-right: 108px;
  }
  .dt-px-108 {
    padding-right: 108px;
    padding-left: 108px;
  }
  .dt-m-108 {
    margin: 108px;
  }
  .dt-mt-108 {
    margin-top: 108px;
  }
  .dt-mb-108 {
    margin-bottom: 108px;
  }
  .dt-ml-108 {
    margin-left: 108px;
  }
  .dt-mr-108 {
    margin-right: 108px;
  }
  .dt-mx-108 {
    margin-right: 108px;
    margin-left: 108px;
  }
  .dt-p-112 {
    padding: 112px;
  }
  .dt-pt-112 {
    padding-top: 112px;
  }
  .dt-pb-112 {
    padding-bottom: 112px;
  }
  .dt-pl-112 {
    padding-left: 112px;
  }
  .dt-pr-112 {
    padding-right: 112px;
  }
  .dt-px-112 {
    padding-right: 112px;
    padding-left: 112px;
  }
  .dt-m-112 {
    margin: 112px;
  }
  .dt-mt-112 {
    margin-top: 112px;
  }
  .dt-mb-112 {
    margin-bottom: 112px;
  }
  .dt-ml-112 {
    margin-left: 112px;
  }
  .dt-mr-112 {
    margin-right: 112px;
  }
  .dt-mx-112 {
    margin-right: 112px;
    margin-left: 112px;
  }
  .dt-p-116 {
    padding: 116px;
  }
  .dt-pt-116 {
    padding-top: 116px;
  }
  .dt-pb-116 {
    padding-bottom: 116px;
  }
  .dt-pl-116 {
    padding-left: 116px;
  }
  .dt-pr-116 {
    padding-right: 116px;
  }
  .dt-px-116 {
    padding-right: 116px;
    padding-left: 116px;
  }
  .dt-m-116 {
    margin: 116px;
  }
  .dt-mt-116 {
    margin-top: 116px;
  }
  .dt-mb-116 {
    margin-bottom: 116px;
  }
  .dt-ml-116 {
    margin-left: 116px;
  }
  .dt-mr-116 {
    margin-right: 116px;
  }
  .dt-mx-116 {
    margin-right: 116px;
    margin-left: 116px;
  }
  .dt-p-120 {
    padding: 120px;
  }
  .dt-pt-120 {
    padding-top: 120px;
  }
  .dt-pb-120 {
    padding-bottom: 120px;
  }
  .dt-pl-120 {
    padding-left: 120px;
  }
  .dt-pr-120 {
    padding-right: 120px;
  }
  .dt-px-120 {
    padding-right: 120px;
    padding-left: 120px;
  }
  .dt-m-120 {
    margin: 120px;
  }
  .dt-mt-120 {
    margin-top: 120px;
  }
  .dt-mb-120 {
    margin-bottom: 120px;
  }
  .dt-ml-120 {
    margin-left: 120px;
  }
  .dt-mr-120 {
    margin-right: 120px;
  }
  .dt-mx-120 {
    margin-right: 120px;
    margin-left: 120px;
  }
}
.u-t250 {
  color: #202020;
}

.u-t200 {
  color: #5B5853;
}

.u-t175 {
  color: #A7A7A7;
}

.u-t150 {
  color: #979797;
}

.u-t50 {
  color: #E7E7E7;
}

.u-t25 {
  color: #F7F7F7;
}

.u-pri-250 {
  color: #001959;
}

.u-pri-200 {
  color: #093EA5;
}

.u-pri-25 {
  color: #999CBC;
}

.u-sec-250 {
  color: #EC0047;
}

.u-sec-200 {
  color: #FF4079;
}

.u-sec-175 {
  color: #CC003D;
}

.u-sec-100 {
  color: #CB94A4;
}

.u-sec-75 {
  color: #B92308;
}

.u-sec-50 {
  color: #D82C0D;
}

.u-sec-25 {
  color: #B98F88;
}

.u-ter-250 {
  color: #00A47C;
}

.u-ter-225 {
  color: #008E6B;
}

.u-ter-200 {
  color: #005B44;
}

.u-rose {
  color: #985E6D;
}

.u-grey150 {
  color: #979797;
}

.u-grey100 {
  color: #AEAFB7;
}

.u-grey75 {
  color: #C9CACF;
}

.u-grey50, .c-accordion-div .c-panel, .c-accordion-div .c-panel *, .c-key-sell-points__text *, .c-floor-plans__header-text * {
  color: #E4E4E7;
}

.u-offwhite {
  color: #FAFAFF;
}

.u-periwinkle150 {
  color: #222434;
}

.u-periwinkle125 {
  color: #363953;
}

.u-periwinkle100 {
  color: #4A4D71;
}

.u-periwinkle75 {
  color: #5F6391;
}

.u-periwinkle50 {
  color: #7A7EA8;
}

.u-periwinkle25 {
  color: #999CBC;
}

.u-navy150 {
  color: #181F33;
}

.u-navy125 {
  color: #293557;
}

.u-navy100 {
  color: #394A79;
}

.u-bg-pale {
  color: #F1F5F6;
}

.u-bg-linear {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.02) 100%);
}

.u-bg-linear2 {
  background: linear-gradient(180deg, #363953 0%, #222434 100%);
}

.u-pink100 {
  color: #A44E6A;
}

.u-white {
  color: white;
}

.u-SG25 {
  color: #F9FAFB;
}

.u-SG50 {
  color: #E2E6E9;
}

.u-SG75 {
  color: #C5CCD3;
}

.u-SG125 {
  color: #8C99A6;
}

.u-SG150 {
  color: #708090;
}

.u-SG175 {
  color: #596673;
}

.u-SG200 {
  color: #374048;
}

.u-SG225 {
  color: #16191D;
}

.u-G225 {
  color: #303136;
}

.u-G75 {
  color: #C9CACF;
}

.u-G25 {
  color: #F1F2F3;
}

.u-video-youtube iframe,
.u-video-youtube object,
.u-video-youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-height: 560px;
}

.c-modal--body-lock {
  touch-action: none;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto;
  overflow: hidden;
}

.u-category {
  display: flex;
  flex-flow: row nowrap;
}
.u-category li {
  background-color: #C5CCD3;
  padding: 8px 24px;
  border-radius: 40px;
  line-height: 18.2px;
  font-weight: 300;
  font-size: 13px;
  color: #596673;
}
.u-category li:not(:last-child) {
  margin-right: 8px;
}

.u-social-media {
  display: flex;
  margin-top: 4px;
}
.u-social-media li svg {
  width: 24px;
  height: 24px;
}
.u-social-media li:not(:last-child) {
  margin-right: 24px;
}

.u-copy-notification {
  color: #ffffff;
  background-color: #7A7EA8;
  padding: 16px;
  border-radius: 0;
  position: fixed;
  bottom: 80px;
  left: 80px;
  width: 150px;
  display: none;
  text-align: center;
  z-index: 100;
}

@media (min-width: 1240px) {
  .u-caption {
    margin: 0 auto;
    width: 100%;
    max-width: 796px;
  }
}

.u-font-primary {
  font-family: "Montserrat", sans-serif;
}

.u-font-secondary {
  font-family: "Larsseit", sans-serif;
}

.u-font-w200 {
  font-weight: 200;
}

.u-font-w500 {
  font-weight: 500;
}