body {
  position: relative;
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  background: #fff; }

strong {
  font-weight: bold; }

.has-bgr {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.no_scroll {
  overflow: hidden; }

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after {
    clear: both; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/***
    The new CSS reset - version 1.5.1 (last updated 1.3.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(iframe):not(canvas):not(img):not(svg):not(video):not(svg *):not(symbol *)) {
  all: unset;
  display: revert; }

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert; }

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
  list-style: none; }

/* For images to not be able to exceed their container */
img {
  max-width: 100%; }

/* removes spacing between cells in tables */
table {
  border-collapse: collapse; }

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert; }

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert; }

/* reset default text opacity of input placeholder */
::-moz-placeholder {
  color: unset; }
::placeholder {
  color: unset; }

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none; }

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space; }

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
  -webkit-user-drag: element; }

@font-face {
  font-family: "Metropolis-SemiBold";
  src: url("../fonts/Metropolis-SemiBold.eot");
  src: url("../fonts/Metropolis-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-SemiBold.woff") format("woff"), url("../fonts/Metropolis-SemiBold.woff2") format("woff2"), url("../fonts/Metropolis-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Metropolis-Light";
  src: url("../fonts/Metropolis-Light.eot");
  src: url("../fonts/Metropolis-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-Light.woff") format("woff"), url("../fonts/Metropolis-Light.woff2") format("woff2"), url("../fonts/Metropolis-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Metropolis-Medium";
  src: url("../fonts/Metropolis-Medium.eot");
  src: url("../fonts/Metropolis-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-Medium.woff") format("woff"), url("../fonts/Metropolis-Medium.woff2") format("woff2"), url("../fonts/Metropolis-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Metropolis-Regular";
  src: url("../fonts/Metropolis-Regular.eot");
  src: url("../fonts/Metropolis-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-Regular.woff") format("woff"), url("../fonts/Metropolis-Regular.woff2") format("woff2"), url("../fonts/Metropolis-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Metropolis-Bold";
  src: url("../fonts/Metropolis-Bold.eot");
  src: url("../fonts/Metropolis-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-Bold.woff") format("woff"), url("../fonts/Metropolis-Bold.woff2") format("woff2"), url("../fonts/Metropolis-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Atlantic-Light";
  src: url("../fonts/Atlantic-Light.eot");
  src: url("../fonts/Atlantic-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Atlantic-Light.woff") format("woff"), url("../fonts/Atlantic-Light.woff2") format("woff2"), url("../fonts/Atlantic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "AGaramondPro-Italic";
  src: url("../fonts/AGaramondPro-Italic.eot");
  src: url("../fonts/AGaramondPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/AGaramondPro-Italic.woff") format("woff"), url("../fonts/AGaramondPro-Italic.woff2") format("woff2"), url("../fonts/AGaramondPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "AGaramondPro-Regular";
  src: url("../fonts/AGaramondPro-Regular.eot");
  src: url("../fonts/AGaramondPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AGaramondPro-Regular.woff") format("woff"), url("../fonts/AGaramondPro-Regular.woff2") format("woff2"), url("../fonts/AGaramondPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "AGaramondPro-Bold";
  src: url("../fonts/AGaramondPro-Bold.eot");
  src: url("../fonts/AGaramondPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AGaramondPro-Bold.woff") format("woff"), url("../fonts/AGaramondPro-Bold.woff2") format("woff2"), url("../fonts/AGaramondPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "AGaramondPro-BoldItalic";
  src: url("../fonts/AGaramondPro-BoldItalic.eot");
  src: url("../fonts/AGaramondPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AGaramondPro-BoldItalic.woff") format("woff"), url("../fonts/AGaramondPro-BoldItalic.woff2") format("woff2"), url("../fonts/AGaramondPro-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
.bold,
strong {
  margin: 0;
  color: #a9a39e; }

.caption {
  font-size: 16px;
  color: #a9a39e;
  font-family: "AGaramondPro-Italic";
  font-style: italic; }
  @media (max-width: 650px) {
    .caption {
      font-size: 13px; } }

.large_p {
  font-size: 22px;
  line-height: 1.3em;
  text-align: right;
  color: #a9a39e;
  font-family: "AGaramondPro-Regular"; }
  .large_p strong {
    font-family: "AGaramondPro-Bold"; }
  @media (max-width: 1080px) {
    .large_p {
      font-size: 19px; } }
  @media (max-width: 768px) {
    .large_p {
      text-align: left;
      font-size: 17px; } }

.t-h2, .m-map__title {
  font-family: 'Atlantic-Light';
  font-size: 41px;
  line-height: 1em;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .t-h2, .m-map__title {
      font-size: 50px;
      line-height: 0.94em; } }
  @media (min-width: 768px) and (min-height: 850px) {
    .t-h2, .m-map__title {
      font-size: 65px; } }
  @media (min-width: 1024px) {
    .t-h2, .m-map__title {
      font-size: 58px; } }

.footer_nav {
  background-color: #fff;
  color: #a9a39e; }
  .footer_nav.dark {
    background: #1e1c1d; }
  .footer_nav .container {
    display: flex;
    justify-content: space-between;
    padding: 20px 5vw;
    box-sizing: border-box; }
    @media (max-width: 650px) {
      .footer_nav .container {
        justify-content: center; } }
    .footer_nav .container a {
      vertical-align: middle;
      font-family: "Metropolis-Regular";
      font-size: 19px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      transition: all, 0.5s; }
      .footer_nav .container a img {
        width: 19px;
        height: 20px;
        bottom: -0.2em;
        position: relative; }
        @media (max-width: 650px) {
          .footer_nav .container a img {
            display: none; } }
      .footer_nav .container a.prev-page img {
        transform: rotate(-180deg);
        margin-right: 10px; }
      @media (max-width: 650px) {
        .footer_nav .container a.prev-page {
          display: none !important; } }
      .footer_nav .container a.next-page img {
        margin-left: 10px; }
      .footer_nav .container a:hover {
        opacity: 0.6; }

.footer_form {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  padding: 20px;
  box-sizing: border-box;
  display: none; }
  .footer_form .form_wrap {
    background: #1e1c1d;
    padding: 40px;
    box-sizing: border-box;
    max-width: 520px;
    width: 100%;
    position: relative;
    margin: 0 auto; }
    @media (max-width: 650px) {
      .footer_form .form_wrap {
        padding: 30px;
        height: 90vh;
        overflow-y: scroll; } }
    .footer_form .form_wrap .close_popup_form {
      position: absolute;
      top: 24px;
      right: 24px;
      width: 22px;
      height: 22px;
      cursor: pointer;
      transition: all, 0.5s; }
      .footer_form .form_wrap .close_popup_form:hover {
        opacity: 0.6; }
    .footer_form .form_wrap h1 {
      font-family: "Atlantic-Light";
      font-size: 36px;
      line-height: 1em;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      margin: 0 auto 30px;
      text-align: center;
      color: #fff; }
    .footer_form .form_wrap form {
      width: 100%;
      margin: 0 auto; }
      .footer_form .form_wrap form label,
      .footer_form .form_wrap form .input_holder {
        display: block;
        font-family: "Metropolis-SemiBold";
        font-size: 13px;
        line-height: 1.4;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin: 0 0 12px 0;
        color: #fff;
        margin-bottom: 30px;
        width: 100%; }
        .footer_form .form_wrap form label input[type="text"],
        .footer_form .form_wrap form label input[type="email"],
        .footer_form .form_wrap form label input[type="tel"],
        .footer_form .form_wrap form .input_holder input[type="text"],
        .footer_form .form_wrap form .input_holder input[type="email"],
        .footer_form .form_wrap form .input_holder input[type="tel"] {
          border-bottom: 1px solid #fff;
          margin-bottom: 12px;
          width: 100%;
          font-size: 16px;
          font-family: AGaramondPro-Italic;
          padding-bottom: 12px;
          text-transform: initial; }
        .footer_form .form_wrap form label textarea,
        .footer_form .form_wrap form .input_holder textarea {
          border: 1px solid #fff;
          margin-top: 12px;
          height: 75px;
          width: 100%;
          font-size: 16px;
          font-family: AGaramondPro-Italic;
          padding-bottom: 12px;
          text-transform: initial;
          padding: 12px;
          box-sizing: border-box; }
      .footer_form .form_wrap form .link {
        border: 1px solid #fff;
        margin-bottom: 12px;
        padding: 8.5px 28px;
        display: inline;
        font-family: "Metropolis-SemiBold";
        font-size: 13px;
        text-transform: uppercase;
        color: #fff;
        cursor: pointer; }

footer {
  height: 130px;
  color: #fff;
  background-color: #a9a39e;
  overflow: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  z-index: 2;
  position: relative;
  width: 100%; }
  @media (max-width: 768px) {
    footer {
      height: 100%;
      padding: 25px 5vw;
      display: flex;
      flex-direction: column; } }
  footer .address {
    margin: 0;
    position: absolute;
    top: 25px;
    left: 40px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.09em; }
    @media (max-width: 768px) {
      footer .address {
        position: relative;
        left: 0;
        top: 0;
        order: 2; } }
    footer .address p {
      font-family: Metropolis-Regular;
      margin-bottom: 5px;
      color: #fff; }
      footer .address p strong {
        color: #fff;
        font-family: Metropolis-Bold; }
  footer .contact {
    position: absolute;
    bottom: 22px;
    left: 40px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    margin: 0; }
    @media (max-width: 1080px) {
      footer .contact {
        display: flex;
        bottom: 25px;
        align-items: flex-start;
        flex-direction: column; } }
    @media (max-width: 768px) {
      footer .contact {
        position: relative;
        bottom: 0;
        left: auto;
        margin-top: 20px;
        display: block;
        order: 3; } }
    footer .contact a {
      margin-right: 15px;
      font-family: Metropolis-Regular;
      transition: all, 0.5s;
      position: relative;
      display: inline-block;
      letter-spacing: 0.09em; }
      @media (max-width: 1080px) {
        footer .contact a {
          margin-top: 5px; } }
      @media (max-width: 650px) {
        footer .contact a {
          margin-top: 0; } }
      footer .contact a:after {
        content: "";
        background: #fff;
        height: 1px;
        width: 0;
        position: absolute;
        bottom: -1px;
        transition: all, 0.5s;
        left: 0; }
      footer .contact a:hover:after {
        width: 100%; }
  footer .nav_primary {
    top: 25px;
    right: 40px;
    position: absolute;
    display: flex; }
    footer .nav_primary ul {
      display: flex;
      margin-right: 30px; }
      @media (max-width: 650px) {
        footer .nav_primary ul {
          margin-right: 15px; } }
      footer .nav_primary ul li {
        margin-right: 25px; }
        @media (max-width: 650px) {
          footer .nav_primary ul li {
            margin-right: 15px; } }
        footer .nav_primary ul li a {
          font-family: "Metropolis-SemiBold";
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: 0.09em;
          transition: all, 0.5s; }
        footer .nav_primary ul li:hover a {
          opacity: 0.6; }
        footer .nav_primary ul li:last-of-type {
          margin-right: 0; }
    footer .nav_primary a img {
      width: 20px;
      height: 20px;
      transition: all, 0.5s; }
    footer .nav_primary a:hover img {
      transform: scale(1.1); }
  footer .nav_secondary {
    position: absolute;
    bottom: 21px;
    right: 40px; }
    @media (max-width: 1080px) {
      footer .nav_secondary {
        bottom: 25px;
        display: flex;
        align-items: flex-end;
        flex-direction: column; } }
    @media (max-width: 768px) {
      footer .nav_secondary {
        position: relative;
        bottom: 0;
        right: auto;
        margin-top: 20px;
        display: block;
        order: 4; } }
    footer .nav_secondary a {
      margin-left: 15px;
      font-family: Metropolis-Regular;
      transition: all, 0.5s;
      font-size: 9px;
      position: relative;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: 0.09em; }
      @media (max-width: 1080px) {
        footer .nav_secondary a {
          margin-top: 5px;
          margin-left: 0; } }
      @media (max-width: 650px) {
        footer .nav_secondary a {
          margin-left: 0;
          margin-right: 15px;
          margin-top: 0; } }
      footer .nav_secondary a:after {
        content: "";
        background: #fff;
        height: 1px;
        width: 0;
        position: absolute;
        bottom: -1px;
        transition: all, 0.5s;
        left: 0; }
      footer .nav_secondary a:hover:after {
        width: 100%; }
  footer .footer_logo {
    top: 25px;
    width: 25px;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    @media (max-width: 768px) {
      footer .footer_logo {
        position: relative;
        top: 0;
        left: 0;
        transform: translateX(0);
        order: 1;
        margin: 0 0 25px 0; } }
    footer .footer_logo img {
      width: 100%; }
      footer .footer_logo img path {
        fill: #fff; }
  footer .copyright {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    letter-spacing: 0.09em;
    font-family: Metropolis-Regular;
    font-size: 9px;
    text-transform: uppercase; }
    @media (max-width: 768px) {
      footer .copyright {
        margin-top: 20px;
        position: relative;
        bottom: 0;
        left: 0;
        transform: translateX(0);
        order: 5; } }

.swiper_pages_popup,
.swiper_gallery_popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 99999;
  padding: 30px 0;
  box-sizing: border-box; }
  .swiper_pages_popup .close_popup,
  .swiper_gallery_popup .close_popup {
    position: absolute;
    top: 35px;
    right: 20px;
    width: 30px;
    height: 30px;
    transition: all, 0.5s;
    cursor: pointer;
    z-index: 99;
    font-family: Arial; }
    .swiper_pages_popup .close_popup:hover,
    .swiper_gallery_popup .close_popup:hover {
      opacity: 0.6; }
    @media (max-width: 650px) {
      .swiper_pages_popup .close_popup,
      .swiper_gallery_popup .close_popup {
        top: 20px; } }
  .swiper_pages_popup .swiper-button-next,
  .swiper_pages_popup .swiper-button-prev,
  .swiper_gallery_popup .swiper-button-next,
  .swiper_gallery_popup .swiper-button-prev {
    transition: all, 0.5s;
    width: 40px !important;
    height: 40px !important; }
    .swiper_pages_popup .swiper-button-next:after,
    .swiper_pages_popup .swiper-button-prev:after,
    .swiper_gallery_popup .swiper-button-next:after,
    .swiper_gallery_popup .swiper-button-prev:after {
      display: none; }
    .swiper_pages_popup .swiper-button-next:hover,
    .swiper_pages_popup .swiper-button-prev:hover,
    .swiper_gallery_popup .swiper-button-next:hover,
    .swiper_gallery_popup .swiper-button-prev:hover {
      opacity: 0.6; }
    .swiper_pages_popup .swiper-button-next img,
    .swiper_pages_popup .swiper-button-prev img,
    .swiper_gallery_popup .swiper-button-next img,
    .swiper_gallery_popup .swiper-button-prev img {
      width: 40px !important;
      height: 40px !important; }
      @media (max-width: 650px) {
        .swiper_pages_popup .swiper-button-next img,
        .swiper_pages_popup .swiper-button-prev img,
        .swiper_gallery_popup .swiper-button-next img,
        .swiper_gallery_popup .swiper-button-prev img {
          width: 26px !important;
          height: 26px !important; } }
  .swiper_pages_popup .swiper-button-next,
  .swiper_gallery_popup .swiper-button-next {
    right: 20px !important; }
    @media (max-width: 650px) {
      .swiper_pages_popup .swiper-button-next,
      .swiper_gallery_popup .swiper-button-next {
        top: 5%;
        left: 20%; } }
  .swiper_pages_popup .swiper-button-prev,
  .swiper_gallery_popup .swiper-button-prev {
    left: 20px !important; }
    @media (max-width: 650px) {
      .swiper_pages_popup .swiper-button-prev,
      .swiper_gallery_popup .swiper-button-prev {
        top: 5%;
        left: 10%; } }
    .swiper_pages_popup .swiper-button-prev img,
    .swiper_gallery_popup .swiper-button-prev img {
      transform: rotate(180deg); }
  .swiper_pages_popup .swiper-slide .content_wrap,
  .swiper_gallery_popup .swiper-slide .content_wrap {
    width: 80%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .swiper_pages_popup .swiper-slide .content_wrap,
      .swiper_gallery_popup .swiper-slide .content_wrap {
        flex-direction: column; } }
    @media (max-width: 650px) {
      .swiper_pages_popup .swiper-slide .content_wrap,
      .swiper_gallery_popup .swiper-slide .content_wrap {
        height: 100%;
        width: 100%; } }
    .swiper_pages_popup .swiper-slide .content_wrap .image_wrap,
    .swiper_gallery_popup .swiper-slide .content_wrap .image_wrap {
      position: relative;
      height: 100%;
      width: 80%;
      overflow: hidden; }
      @media (max-width: 768px) {
        .swiper_pages_popup .swiper-slide .content_wrap .image_wrap,
        .swiper_gallery_popup .swiper-slide .content_wrap .image_wrap {
          height: 65%;
          width: 100%; } }
      .swiper_pages_popup .swiper-slide .content_wrap .image_wrap img,
      .swiper_gallery_popup .swiper-slide .content_wrap .image_wrap img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
        @media (max-width: 650px) {
          .swiper_pages_popup .swiper-slide .content_wrap .image_wrap img,
          .swiper_gallery_popup .swiper-slide .content_wrap .image_wrap img {
            position: relative;
            width: 100%;
            height: auto; } }
    .swiper_pages_popup .swiper-slide .content_wrap .caption,
    .swiper_gallery_popup .swiper-slide .content_wrap .caption {
      width: 13%;
      margin-left: 5vw;
      color: white;
      opacity: 0.7; }
      @media (max-width: 768px) {
        .swiper_pages_popup .swiper-slide .content_wrap .caption,
        .swiper_gallery_popup .swiper-slide .content_wrap .caption {
          width: 90%;
          margin: 0;
          margin-top: 0.75em; } }

#panorama,
#panorama2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #1e1c1d;
  z-index: 999; }
  #panorama .close_panorama,
  #panorama2 .close_panorama {
    position: absolute;
    top: 35px;
    right: 20px;
    width: 30px;
    height: 30px;
    transition: all, 0.5s;
    cursor: pointer;
    z-index: 99; }
    #panorama .close_panorama:hover,
    #panorama2 .close_panorama:hover {
      opacity: 0.6; }
  #panorama .controls,
  #panorama2 .controls {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
    z-index: 3; }
    #panorama .controls .ctrl,
    #panorama2 .controls .ctrl {
      width: 40px;
      height: 40px;
      cursor: pointer; }
      #panorama .controls .ctrl img,
      #panorama2 .controls .ctrl img {
        width: 100%;
        height: 100%;
        transition: all, 0.5s; }
      #panorama .controls .ctrl:hover img,
      #panorama2 .controls .ctrl:hover img {
        opacity: 0.6; }
    #panorama .controls #pan-up,
    #panorama2 .controls #pan-up {
      top: 30px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%) rotate(-90deg); }
    #panorama .controls #pan-right,
    #panorama2 .controls #pan-right {
      right: 30px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    #panorama .controls #pan-down,
    #panorama2 .controls #pan-down {
      bottom: 30px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%) rotate(90deg); }
    #panorama .controls #pan-left,
    #panorama2 .controls #pan-left {
      left: 30px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) rotate(180deg); }
  #panorama .pnlm-compass,
  #panorama2 .pnlm-compass {
    left: 30px;
    bottom: 30px;
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 50%; }
    #panorama .pnlm-compass:after,
    #panorama2 .pnlm-compass:after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 50%;
      width: 1px;
      background-color: #fff; }

.thank_you_wrap {
  background: #000;
  height: 100dvh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  .thank_you_wrap .message {
    z-index: 3;
    padding: 45px;
    background: #ffffff7f;
    color: #847f7b;
    font-size: 28px;
    text-align: center; }
    @media (max-width: 650px) {
      .thank_you_wrap .message {
        font-size: 28px; } }

.pum {
  background: #0000005c !important; }
  .pum .pum-close {
    font-family: Arial !important; }
  .pum .popup_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #1e1c1d; }
    .pum .popup_wrap .left {
      width: 50%;
      padding: 40px;
      box-sizing: border-box;
      text-align: center; }
      @media (max-width: 650px) {
        .pum .popup_wrap .left {
          padding: 25px;
          order: 2; } }
      @media (max-width: 650px) {
        .pum .popup_wrap .left {
          width: 100%; } }
      .pum .popup_wrap .left .title {
        color: #fff;
        font-family: "Atlantic-Light";
        font-size: 58px;
        font-weight: 300;
        isolation: isolate;
        text-align: center; }
        @media (max-width: 650px) {
          .pum .popup_wrap .left .title {
            font-size: 32px; } }
      .pum .popup_wrap .left .description {
        font-family: "Metropolis-Regular";
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.09em;
        line-height: 1.4em;
        margin: 20px 0;
        text-align: center; }
      .pum .popup_wrap .left .info {
        font-family: "AGaramondPro-Italic";
        font-size: 17px;
        line-height: 1.4em;
        text-align: center; }
        @media (max-width: 650px) {
          .pum .popup_wrap .left .info {
            display: none; } }
      .pum .popup_wrap .left a {
        background: #847f7b;
        color: #fff;
        margin: 30px auto; }
        @media (max-width: 650px) {
          .pum .popup_wrap .left a {
            margin-top: 0; } }
        .pum .popup_wrap .left a:hover {
          background: transparent;
          color: #847f7b; }
    .pum .popup_wrap .image {
      width: 50%;
      position: relative; }
      @media (max-width: 650px) {
        .pum .popup_wrap .image {
          width: 100%;
          order: 1;
          padding-top: 70%; } }
      .pum .popup_wrap .image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

.not_found {
  height: 100dvh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  box-sizing: border-box; }
  .not_found h1 {
    font-family: "Atlantic-Light";
    font-size: 72px;
    text-align: center; }

.button {
  margin: 0 auto;
  font-size: 14px;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 1.6em;
  font-family: Metropolis-SemiBold;
  color: #847f7b;
  border: solid 1px #847f7b;
  background-color: transparent;
  padding: 0.6em 2em;
  transition: background-color 1000ms cubic-bezier(0.075, 0.82, 0.165, 1), border-color 1000ms cubic-bezier(0.075, 0.82, 0.165, 1), color 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
  display: inline-block;
  cursor: pointer; }
  .button:hover {
    background: #847f7b;
    color: #fff; }

.button_light {
  cursor: pointer;
  background-color: #fff;
  color: #847f7b;
  border: solid 1px #fff;
  right: 45px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-family: 'Metropolis-SemiBold';
  padding: 0.8em;
  display: inline-block;
  transition: all, 0.5s;
  line-height: 1em; }
  .button_light:hover {
    background: transparent;
    color: #fff; }

.abs_image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.slide_to {
  cursor: pointer; }

.slide_up {
  position: relative;
  top: 50px;
  opacity: 0;
  transition: all, 1.5s; }
  .slide_up.in-view {
    top: 0;
    opacity: 1; }

.slide_up_delay {
  position: relative;
  top: 50px;
  opacity: 0;
  transition: all, 1.5s 0.5s; }
  .slide_up_delay.in-view {
    top: 0;
    opacity: 1; }

.slide_from_right {
  left: 30px;
  opacity: 0;
  transition: all, 3s;
  position: relative; }
  .slide_from_right.in-view {
    left: 0;
    opacity: 1; }

.pattern_wrap {
  position: absolute;
  width: 600px;
  height: 600px;
  bottom: -395px;
  overflow: hidden;
  right: -170px; }
  @media (max-width: 650px) {
    .pattern_wrap {
      width: 500px;
      height: 500px;
      bottom: -340px;
      right: -190px; } }
  .pattern_wrap .pattern {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
    animation: spin 80s linear infinite; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

.grecaptcha-badge {
  transform: translateX(200%); }

header {
  top: 30px;
  height: 70px;
  width: 100%;
  position: fixed;
  visibility: visible;
  z-index: 5; }
  @media (max-width: 650px) {
    header {
      height: 50px;
      top: 20px; } }
  header .burger {
    position: fixed;
    left: 45px;
    top: 50px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 400;
    transition: all, 0.5s; }
    @media (max-width: 768px) {
      header .burger {
        left: 30px; } }
    @media (max-width: 650px) {
      header .burger {
        left: 20px;
        top: 30px; } }
    header .burger.scrolled {
      top: 11px; }
      header .burger.scrolled span {
        background-color: #fff; }
    header .burger span {
      position: absolute;
      left: 0;
      height: 1px;
      background-color: #fff;
      display: block;
      transition: all, 0.3s; }
    header .burger span:nth-of-type(1) {
      width: 20px;
      top: 6px; }
    header .burger span:nth-of-type(2) {
      width: 28px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    header .burger span:nth-of-type(3) {
      width: 20px;
      bottom: 6px; }
    header .burger:hover span {
      width: 28px; }
    header .burger.active span {
      background-color: #fff; }
    header .burger.active span:nth-of-type(1) {
      transform: translateY(7px) rotate(-45deg) !important;
      width: 25px; }
    header .burger.active span:nth-of-type(2) {
      opacity: 0; }
    header .burger.active span:nth-of-type(3) {
      width: 25px;
      transform: translateY(-8px) rotate(45deg) !important; }
  header .header_full {
    position: relative;
    height: 70px;
    z-index: 300;
    transition: all, 0.5s; }
    @media (max-width: 650px) {
      header .header_full {
        height: 50px; } }
    header .header_full.scrolled {
      transform: translateY(-100%) translateY(-30px); }
    header .header_full .header-logo-wrap {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 180px; }
      @media (max-width: 768px) {
        header .header_full .header-logo-wrap {
          width: 150px; } }
    header .header_full .header_logo,
    header .header_full .header_logo_small {
      padding-top: 4%; }
      @media (max-width: 768px) {
        header .header_full .header_logo,
        header .header_full .header_logo_small {
          padding-top: 8%; } }
      @media (max-width: 650px) {
        header .header_full .header_logo,
        header .header_full .header_logo_small {
          padding-top: 13%; } }
      header .header_full .header_logo img,
      header .header_full .header_logo_small img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
    header .header_full .header_logo_small {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      display: none;
      width: 35px;
      padding-top: 0; }
      header .header_full .header_logo_small a {
        display: block; }
      @media (max-width: 1080px) {
        header .header_full .header_logo_small {
          padding-top: 0; } }
      @media (max-width: 650px) {
        header .header_full .header_logo_small {
          padding-top: 9%; } }
    header .header_full .phone {
      color: #fff;
      right: 160px;
      position: absolute;
      display: block;
      top: 50%;
      transform: translateY(-50%);
      font-family: "Metropolis-SemiBold";
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      font-style: normal;
      padding-bottom: 0.25em;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: solid 2px #fff; }
      @media (max-width: 768px) {
        header .header_full .phone {
          right: 145px; } }
      @media (max-width: 768px) {
        header .header_full .phone {
          display: none; } }
    @media (max-width: 768px) {
      header .header_full .button_light {
        right: 30px; } }
    @media (max-width: 650px) {
      header .header_full .button_light {
        right: 20px;
        font-size: 8.5px; } }
  header .header_mini {
    position: relative;
    left: 0;
    height: 50px;
    z-index: 300;
    transition: all, 0.5s;
    background-color: #000 !important;
    color: #a9a39e !important;
    transform: translateY(-100%) translateY(-120px); }
    header .header_mini.scrolled {
      transform: translateY(-100%) translateY(-50px); }
      @media (max-width: 650px) {
        header .header_mini.scrolled {
          transform: translateY(-100%) translateY(-20px); } }
      header .header_mini.scrolled .amenities_header,
      header .header_mini.scrolled .residences_header {
        display: flex;
        align-items: center;
        justify-content: center; }
    header .header_mini .header_logo_small img {
      position: absolute;
      top: 18%;
      left: 0;
      width: 100%;
      height: 65%;
      -o-object-fit: contain;
         object-fit: contain; }
    header .header_mini .phone {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 130px;
      font-size: 11px;
      padding-bottom: 0 !important;
      font-weight: 400;
      border: none !important;
      font-family: "Metropolis-Regular";
      text-transform: uppercase;
      letter-spacing: 0.15em;
      transition: all, 0.5s; }
      @media (max-width: 650px) {
        header .header_mini .phone {
          right: auto;
          left: 65px; } }
      header .header_mini .phone:hover {
        color: #fff; }
    header .header_mini .button_light_small {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 54px;
      font-size: 11px;
      padding-bottom: 0 !important;
      font-weight: 400;
      border: none !important;
      font-family: "Metropolis-Regular";
      text-transform: uppercase;
      letter-spacing: 0.15em;
      transition: all, 0.5s; }
      @media (max-width: 650px) {
        header .header_mini .button_light_small {
          right: 20px; } }
      header .header_mini .button_light_small:hover {
        color: #fff; }
    header .header_mini .amenities_header,
    header .header_mini .residences_header {
      position: absolute;
      top: 50px;
      height: 35px;
      left: 0;
      width: 100%;
      background: #847f7b;
      display: none; }
      header .header_mini .amenities_header ul,
      header .header_mini .residences_header ul {
        display: flex;
        height: 100%; }
      header .header_mini .amenities_header a,
      header .header_mini .residences_header a {
        min-width: 150px;
        height: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        font-family: "Metropolis-Regular";
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.08em;
        color: #fff;
        transition: all, 0.5s;
        align-items: center;
        justify-content: center;
        display: flex; }
        @media (max-width: 650px) {
          header .header_mini .amenities_header a,
          header .header_mini .residences_header a {
            min-width: 110px;
            padding: 0 10px; } }
        header .header_mini .amenities_header a:hover,
        header .header_mini .residences_header a:hover {
          background: #fff;
          color: #847f7b; }
        header .header_mini .amenities_header a.active,
        header .header_mini .residences_header a.active {
          color: #847f7b;
          background: #fff; }
      header .header_mini .amenities_header .current-menu-item a,
      header .header_mini .residences_header .current-menu-item a {
        color: #847f7b;
        background: #fff; }
    header .header_mini .residences_header .current-menu-item a {
      background: #eee8e3; }
  header .menu_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: all, 1s; }
    header .menu_wrap .background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    header .menu_wrap .content_wrap {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 110px 45px 30px;
      box-sizing: border-box;
      z-index: 2; }
      @media (max-width: 650px) {
        header .menu_wrap .content_wrap {
          padding: 20px 10px; } }
      header .menu_wrap .content_wrap .menu {
        text-align: center; }
        header .menu_wrap .content_wrap .menu li a {
          font-size: 6.5vh;
          font-family: "Atlantic-Light";
          line-height: 1.1em;
          text-transform: uppercase;
          color: #fff;
          text-rendering: optimizeLegibility;
          transition: all, 0.5s;
          display: inline-block; }
          @media (max-width: 650px) {
            header .menu_wrap .content_wrap .menu li a {
              font-size: 50px; } }
          header .menu_wrap .content_wrap .menu li a:hover {
            opacity: 0.6; }
      header .menu_wrap .content_wrap .subnav {
        position: absolute;
        bottom: 40px;
        width: auto;
        left: 50%;
        width: auto;
        text-align: center;
        transform: translateX(-50%); }
        @media (max-width: 768px) {
          header .menu_wrap .content_wrap .subnav {
            left: 50%;
            transform: translateX(-50%); } }
        @media (max-width: 650px) {
          header .menu_wrap .content_wrap .subnav {
            bottom: 20px;
            width: 100%; } }
        header .menu_wrap .content_wrap .subnav a {
          display: inline-block;
          margin-bottom: 13px;
          text-transform: uppercase;
          color: #fff;
          font-family: "Metropolis-Medium";
          font-size: 11px;
          letter-spacing: 0.09em;
          transition: all, 0.5s;
          display: block; }
          header .menu_wrap .content_wrap .subnav a:hover {
            opacity: 0.6; }
    header .menu_wrap.visible {
      opacity: 1;
      visibility: inherit; }
  header.light span {
    background-color: #fff; }
  header.light .header_full .logo_light {
    display: block; }
  header.light .header_full .logo_dark {
    display: none; }
  header.dark .burger span {
    background-color: #847f7b; }
  header.dark .header_full .logo_light {
    display: none; }
  header.dark .header_full .logo_dark {
    display: block; }
  header.dark .phone {
    color: #847f7b;
    border-bottom: solid 2px #847f7b; }
    @media (max-width: 650px) {
      header.dark .phone {
        display: none; } }
  header.dark .button_light {
    background: #847f7b;
    color: #fff;
    border: 1px solid #847f7b; }
    header.dark .button_light:hover {
      background: #f3efeb;
      color: #847f7b; }

.home_wrap {
  position: relative;
  overflow: hidden; }
  .home_wrap .hero_wrap {
    width: 100%;
    height: 100vh;
    position: relative; }
    .home_wrap .hero_wrap:after {
      z-index: 2;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0.3), transparent 60%); }
    .home_wrap .hero_wrap .background {
      z-index: 1;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }
    .home_wrap .hero_wrap .hero_content_wrap {
      top: 26%;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
      text-align: center;
      z-index: 3;
      width: 100%; }
      .home_wrap .hero_wrap .hero_content_wrap.in-view {
        top: 22%; }
      @media (max-width: 768px) {
        .home_wrap .hero_wrap .hero_content_wrap {
          padding: 0 5vw;
          box-sizing: border-box; } }
      .home_wrap .hero_wrap .hero_content_wrap h1 {
        font-size: 80px;
        line-height: 0.94em;
        margin-right: 0;
        margin-bottom: 0.3em;
        font-family: "Atlantic-Light";
        color: #fff; }
        @media (max-width: 768px) {
          .home_wrap .hero_wrap .hero_content_wrap h1 {
            font-size: 50px; } }
      .home_wrap .hero_wrap .hero_content_wrap p {
        font-family: "Metropolis-SemiBold";
        color: #fff;
        font-size: 16px;
        line-height: 1.3em;
        letter-spacing: 0.11em;
        text-transform: uppercase;
        font-style: normal; }
        @media (max-width: 768px) {
          .home_wrap .hero_wrap .hero_content_wrap p {
            font-size: 13px; } }
    .home_wrap .hero_wrap .scroll_down {
      z-index: 3;
      cursor: pointer;
      position: absolute;
      bottom: 35px;
      left: 50%;
      transform: translateX(-50%); }
      .home_wrap .hero_wrap .scroll_down img {
        width: 40px;
        transform: rotate(90deg); }
  .home_wrap .text_section {
    padding: 150px 0; }
    @media (max-width: 1285px) {
      .home_wrap .text_section {
        padding: 120px 0; } }
    @media (max-width: 1080px) {
      .home_wrap .text_section {
        padding: 100px 0; } }
    @media (max-width: 768px) {
      .home_wrap .text_section {
        padding: 75px 0; } }
    @media (max-width: 650px) {
      .home_wrap .text_section {
        padding-bottom: 0; } }
    .home_wrap .text_section .text_content_wrap {
      margin: 0 auto;
      max-width: 1415px;
      width: 66%;
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 1080px) {
        .home_wrap .text_section .text_content_wrap {
          width: 75%; } }
      @media (max-width: 768px) {
        .home_wrap .text_section .text_content_wrap {
          width: 90%; } }
      .home_wrap .text_section .text_content_wrap p {
        font-family: "AGaramondPro-Regular";
        font-size: 17px;
        line-height: 1.4em;
        color: #847f7b;
        text-align: center;
        margin-bottom: 60px; }
  .home_wrap .text_pattern {
    right: 75px;
    position: absolute;
    bottom: -200px;
    transition: all, 2s;
    max-width: 800px; }
    @media (max-width: 650px) {
      .home_wrap .text_pattern {
        width: 100%;
        right: 0;
        max-width: 100%;
        position: static;
        -o-object-fit: none;
           object-fit: none;
        aspect-ratio: 4;
        -o-object-position: top right;
           object-position: top right;
        display: block; } }
    .home_wrap .text_pattern.in-view {
      bottom: -49px; }

.vision_wrap {
  position: relative;
  overflow: hidden;
  padding-top: 150px;
  background: #000; }
  .vision_wrap .year {
    font-size: 30px;
    color: #fff;
    font-family: "Metropolis-SemiBold";
    text-align: right;
    width: 47%; }
    @media (max-width: 1370px) {
      .vision_wrap .year {
        width: 58%; } }
    @media (max-width: 1080px) {
      .vision_wrap .year {
        width: 72%; } }
  .vision_wrap .under_year {
    font-size: 18px;
    text-align: right;
    width: 47%;
    color: #fff;
    font-family: "AGaramondPro-Italic";
    font-style: italic;
    opacity: 0; }
    .vision_wrap .under_year.in-view {
      opacity: 0.6; }
    @media (max-width: 1370px) {
      .vision_wrap .under_year {
        width: 58%; } }
    @media (max-width: 1080px) {
      .vision_wrap .under_year {
        width: 72%; } }
  .vision_wrap .hero_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center; }
    @media (max-width: 1080px) {
      .vision_wrap .hero_section {
        align-items: flex-start; } }
    .vision_wrap .hero_section .left {
      width: 32.5%; }
      @media (max-width: 1285px) {
        .vision_wrap .hero_section .left {
          width: 38%; } }
      @media (max-width: 768px) {
        .vision_wrap .hero_section .left {
          width: 100%; } }
      @media (max-width: 650px) {
        .vision_wrap .hero_section .left {
          width: 90%;
          margin: 0 auto; } }
      .vision_wrap .hero_section .left .image_wrap {
        margin-bottom: 30px; }
    .vision_wrap .hero_section .right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 50%;
      margin-left: 6vw; }
      @media (max-width: 1080px) {
        .vision_wrap .hero_section .right {
          margin-top: 20%; } }
      @media (max-width: 768px) {
        .vision_wrap .hero_section .right {
          margin-top: 10%; } }
      @media (max-width: 768px) {
        .vision_wrap .hero_section .right {
          width: 100%; } }
      @media (max-width: 650px) {
        .vision_wrap .hero_section .right {
          margin-left: 0; } }
      .vision_wrap .hero_section .right .image_wrap {
        width: 100%;
        padding-top: 77%;
        margin-top: 215px;
        position: relative;
        cursor: pointer; }
        @media (max-width: 768px) {
          .vision_wrap .hero_section .right .image_wrap {
            margin-top: 0; } }
        .vision_wrap .hero_section .right .image_wrap img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .vision_wrap .hero_section .right .caption {
        font-family: "AGaramondPro-Italic";
        margin-top: 0.75em;
        color: #a9a39e; }
        @media (max-width: 650px) {
          .vision_wrap .hero_section .right .caption {
            padding: 0 5vw; } }
  .vision_wrap .first_section,
  .vision_wrap .year_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 120px 0;
    position: relative; }
    @media (max-width: 650px) {
      .vision_wrap .first_section,
      .vision_wrap .year_section {
        margin: 80px 0 50px; } }
    .vision_wrap .first_section .absolute_h,
    .vision_wrap .year_section .absolute_h {
      position: absolute;
      right: 40px;
      top: 0;
      font-size: 16px;
      color: #847f7b;
      line-height: 1.3em;
      text-transform: uppercase;
      top: -105px;
      letter-spacing: 0.11em;
      font-family: "Metropolis-SemiBold"; }
      @media (max-width: 768px) {
        .vision_wrap .first_section .absolute_h,
        .vision_wrap .year_section .absolute_h {
          right: 110px;
          position: static; } }
      @media (max-width: 650px) {
        .vision_wrap .first_section .absolute_h,
        .vision_wrap .year_section .absolute_h {
          right: 0;
          left: 0;
          padding: 0 5vw;
          font-size: 13px; } }
    .vision_wrap .first_section .left,
    .vision_wrap .year_section .left {
      width: 32.5%; }
      @media (max-width: 650px) {
        .vision_wrap .first_section .left,
        .vision_wrap .year_section .left {
          display: none; } }
    .vision_wrap .first_section .right,
    .vision_wrap .year_section .right {
      display: flex;
      flex-direction: column;
      width: 45%;
      transition: all 1s; }
      .vision_wrap .first_section .right span,
      .vision_wrap .year_section .right span {
        margin: 15px 0;
        height: 1px;
        background: #a9a39e;
        transition: all 1s ease-out;
        align-self: flex-end;
        width: 0; }
      .vision_wrap .first_section .right.in-view span,
      .vision_wrap .year_section .right.in-view span {
        width: 100%; }
      @media (max-width: 768px) {
        .vision_wrap .first_section .right.in-view,
        .vision_wrap .year_section .right.in-view {
          width: 51.5%; } }
      @media (max-width: 650px) {
        .vision_wrap .first_section .right.in-view,
        .vision_wrap .year_section .right.in-view {
          display: none; } }
  .vision_wrap .second_section {
    width: 100%;
    margin: 150px 0; }
    @media (max-width: 650px) {
      .vision_wrap .second_section {
        margin: 50px auto;
        width: 90%; } }
    .vision_wrap .second_section .content_wrap {
      margin-left: 16vw;
      width: 55%; }
      @media (max-width: 1080px) {
        .vision_wrap .second_section .content_wrap {
          width: 61%;
          margin-left: 10vw; } }
      @media (max-width: 650px) {
        .vision_wrap .second_section .content_wrap {
          width: 100%;
          margin-left: 0; } }
      .vision_wrap .second_section .content_wrap .image_wrap {
        width: 100%;
        padding-top: 65.5%;
        position: relative;
        cursor: pointer; }
        .vision_wrap .second_section .content_wrap .image_wrap img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .vision_wrap .second_section .content_wrap .description {
        margin-top: 40px;
        text-align: left;
        color: #fff;
        font-size: 17px;
        ine-height: 1.4em; }
  .vision_wrap .third_section {
    justify-content: space-between;
    margin: 120px 0; }
    @media (max-width: 650px) {
      .vision_wrap .third_section {
        margin: 75px auto;
        width: 90%; } }
    .vision_wrap .third_section .top_image {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      justify-content: flex-end;
      margin-bottom: 30px; }
      .vision_wrap .third_section .top_image .caption {
        width: 15em;
        text-align: right;
        margin-right: 25px; }
        @media (max-width: 650px) {
          .vision_wrap .third_section .top_image .caption {
            width: 100%;
            order: 2;
            margin-top: 15px;
            margin-right: 0;
            text-align: left; } }
      .vision_wrap .third_section .top_image .image_wrap {
        width: 38%;
        padding-top: 26.5%;
        position: relative;
        margin-right: 24vw;
        cursor: pointer; }
        @media (max-width: 1370px) {
          .vision_wrap .third_section .top_image .image_wrap {
            width: 43.8%;
            padding-top: 30.5%;
            margin-right: 19vw; } }
        @media (max-width: 1080px) {
          .vision_wrap .third_section .top_image .image_wrap {
            width: 49.5%;
            padding-top: 34.5%;
            margin-right: 13vw; } }
        @media (max-width: 1080px) {
          .vision_wrap .third_section .top_image .image_wrap {
            width: 64.5%;
            padding-top: 45.5%; } }
        @media (max-width: 650px) {
          .vision_wrap .third_section .top_image .image_wrap {
            width: 100%;
            margin-right: 0;
            padding-top: 69%;
            order: 1; } }
        .vision_wrap .third_section .top_image .image_wrap img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
  .vision_wrap .fourth_section {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    margin: 120px 0;
    position: relative; }
    @media (max-width: 650px) {
      .vision_wrap .fourth_section {
        margin: 75px auto;
        width: 90%; } }
    .vision_wrap .fourth_section .left {
      width: 49%; }
      @media (max-width: 650px) {
        .vision_wrap .fourth_section .left {
          display: block; } }
      @media (max-width: 650px) {
        .vision_wrap .fourth_section .left {
          width: 100%; } }
      .vision_wrap .fourth_section .left .image_wrap {
        cursor: pointer; }
        .vision_wrap .fourth_section .left .image_wrap img {
          width: 100%; }
      .vision_wrap .fourth_section .left .caption {
        margin-top: 0.75em;
        text-align: right; }
        @media (max-width: 650px) {
          .vision_wrap .fourth_section .left .caption {
            text-align: left; } }
    .vision_wrap .fourth_section .right {
      display: flex;
      flex-direction: column;
      width: 45%; }
      @media (max-width: 650px) {
        .vision_wrap .fourth_section .right {
          width: 100%;
          padding: 0 5vw; } }
      .vision_wrap .fourth_section .right span {
        margin: 15px 0;
        height: 1px;
        background: #a9a39e; }
        @media (max-width: 650px) {
          .vision_wrap .fourth_section .right span {
            display: none; } }
      @media (max-width: 650px) {
        .vision_wrap .fourth_section .right .under_year {
          text-align: left;
          width: 100%;
          font-size: 13px;
          margin-top: 0.75%; } }
      @media (max-width: 650px) {
        .vision_wrap .fourth_section .right .year {
          display: none; } }
  .vision_wrap .fifth_section {
    margin: 150px 0; }
    @media (max-width: 650px) {
      .vision_wrap .fifth_section {
        margin: 75px auto;
        width: 90%; } }
    .vision_wrap .fifth_section .top_image {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-end;
      margin-bottom: 30px; }
      .vision_wrap .fifth_section .top_image .large_p {
        width: 21%;
        color: #fff;
        text-align: right;
        margin-right: 25px;
        font-size: 17px;
        margin-top: 0; }
        @media (max-width: 1370px) {
          .vision_wrap .fifth_section .top_image .large_p {
            width: 27%; } }
        @media (max-width: 768px) {
          .vision_wrap .fifth_section .top_image .large_p {
            width: 32%; } }
        @media (max-width: 650px) {
          .vision_wrap .fifth_section .top_image .large_p {
            width: 100%;
            order: 2;
            margin-right: 0;
            text-align: left;
            margin-top: 70px; } }
      .vision_wrap .fifth_section .top_image .image_wrap {
        width: 43.5%;
        padding-top: 33.5%;
        position: relative;
        margin-right: 18vw;
        cursor: pointer; }
        @media (max-width: 1370px) {
          .vision_wrap .fifth_section .top_image .image_wrap {
            width: 49.5%;
            padding-top: 38%;
            margin-right: 12vw; } }
        @media (max-width: 768px) {
          .vision_wrap .fifth_section .top_image .image_wrap {
            width: 54.5%;
            padding-top: 42%;
            margin-right: 6vw; } }
        @media (max-width: 650px) {
          .vision_wrap .fifth_section .top_image .image_wrap {
            width: 100%;
            order: 1;
            margin-right: 0;
            padding-top: 76%; } }
        .vision_wrap .fifth_section .top_image .image_wrap img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
        .vision_wrap .fifth_section .top_image .image_wrap .caption {
          position: absolute;
          left: 0;
          bottom: -30px; }
          @media (max-width: 1080px) {
            .vision_wrap .fifth_section .top_image .image_wrap .caption {
              bottom: -50px; } }
  .vision_wrap .seventh_section {
    margin: 150px 0; }
    @media (max-width: 650px) {
      .vision_wrap .seventh_section {
        margin: 75px auto;
        width: 90%; } }
    .vision_wrap .seventh_section .image {
      width: 78%;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 650px) {
        .vision_wrap .seventh_section .image {
          width: 100%; } }
      .vision_wrap .seventh_section .image .image_wrap {
        width: 100%;
        padding-top: 59.5%;
        position: relative;
        cursor: pointer; }
        @media (max-width: 650px) {
          .vision_wrap .seventh_section .image .image_wrap {
            padding-top: 72%; } }
        .vision_wrap .seventh_section .image .image_wrap img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .vision_wrap .seventh_section .image .caption {
        text-align: left;
        margin-top: 15px; }
        @media (max-width: 650px) {
          .vision_wrap .seventh_section .image .caption {
            font-family: "AGaramondPro-Regular";
            font-size: 17px;
            color: #fff;
            font-style: normal; } }
  @media (max-width: 650px) {
    .vision_wrap .desk {
      display: none; } }
  @media (min-width: 651px) {
    .vision_wrap .mobile {
      display: none; } }

.building_wrap {
  position: relative; }
  .building_wrap .hero_wrap {
    position: relative;
    height: 100vh;
    width: 100%; }
    .building_wrap .hero_wrap:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0.3), transparent 40%);
      z-index: 2; }
    .building_wrap .hero_wrap .scroll_down {
      position: absolute;
      z-index: 3;
      bottom: 35px;
      left: 50%;
      transform: translateX(-50%); }
      .building_wrap .hero_wrap .scroll_down img {
        width: 40px;
        transform: rotate(90deg); }
  .building_wrap .first_section {
    margin: 150px 0; }
    @media (max-width: 1080px) {
      .building_wrap .first_section {
        margin: 100px 0 70px 0; } }
    @media (max-width: 768px) {
      .building_wrap .first_section {
        margin: 35px 0 50px; } }
    .building_wrap .first_section .container {
      padding: 0 11.1111111111vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 768px) {
        .building_wrap .first_section .container {
          padding: 0 5.55vw;
          flex-direction: column-reverse; } }
      .building_wrap .first_section .container .left {
        width: 42%;
        text-align: left;
        margin-top: 40px; }
        @media (max-width: 1370px) {
          .building_wrap .first_section .container .left {
            margin-top: 10px; } }
        @media (max-width: 768px) {
          .building_wrap .first_section .container .left {
            width: 100%; } }
      .building_wrap .first_section .container .right {
        width: 56%;
        position: relative;
        padding-top: 43%; }
        @media (max-width: 768px) {
          .building_wrap .first_section .container .right {
            width: 100%;
            padding-top: 76%;
            margin-bottom: 30px; } }
        .building_wrap .first_section .container .right .abs_image {
          -o-object-fit: contain;
             object-fit: contain; }
  .building_wrap .second_section {
    width: 100%;
    margin: 170px 0 150px 0; }
    @media (max-width: 1080px) {
      .building_wrap .second_section {
        margin: 100px 0 70px 0; } }
    @media (max-width: 768px) {
      .building_wrap .second_section {
        margin: 75px 0; } }
    .building_wrap .second_section .container {
      padding: 0 5.5vw;
      position: relative; }
      .building_wrap .second_section .container .image_wrap {
        position: relative;
        width: 50vw;
        padding-top: 48%; }
        @media (max-width: 1080px) {
          .building_wrap .second_section .container .image_wrap {
            width: 55vw;
            padding-top: 53%; } }
        @media (max-width: 768px) {
          .building_wrap .second_section .container .image_wrap {
            width: 100%;
            padding-top: 87%; } }
  .building_wrap .third_section {
    margin: 150px 0; }
    @media (max-width: 1080px) {
      .building_wrap .third_section {
        margin: 100px 0 70px 0; } }
    @media (max-width: 768px) {
      .building_wrap .third_section {
        margin: 75px 0; } }
    .building_wrap .third_section .container {
      padding: 0 11vw;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: flex-start; }
      @media (max-width: 768px) {
        .building_wrap .third_section .container {
          flex-direction: column;
          padding: 0 5vw; } }
      .building_wrap .third_section .container .left {
        width: 35%;
        text-align: right;
        margin-right: 6vw; }
        @media (max-width: 1370px) {
          .building_wrap .third_section .container .left {
            width: 41%; } }
        @media (max-width: 768px) {
          .building_wrap .third_section .container .left {
            width: 100%;
            margin: 0 auto 75px auto;
            padding: 0 10%; } }
        .building_wrap .third_section .container .left .quote {
          font-size: 37px;
          line-height: 1.15em;
          font-family: "AGaramondPro-Italic";
          font-style: italic;
          margin-bottom: 1em; }
          @media (max-width: 1080px) {
            .building_wrap .third_section .container .left .quote {
              font-size: 32px; } }
          @media (max-width: 768px) {
            .building_wrap .third_section .container .left .quote {
              font-size: 24px;
              text-align: center; } }
        .building_wrap .third_section .container .left .author {
          font-size: 16px;
          font-family: "Metropolis-SemiBold";
          letter-spacing: 0.11em; }
          @media (max-width: 768px) {
            .building_wrap .third_section .container .left .author {
              font-size: 13px; } }
        .building_wrap .third_section .container .left .role {
          margin-top: 5px;
          font-family: "AGaramondPro-Italic";
          font-style: italic;
          font-size: 15px; }
      .building_wrap .third_section .container .image_wrap {
        width: 41.5%;
        padding-top: 43%;
        position: relative; }
        @media (max-width: 1370px) {
          .building_wrap .third_section .container .image_wrap {
            width: 48.5%; } }
        @media (max-width: 1080px) {
          .building_wrap .third_section .container .image_wrap {
            padding-top: 51%; } }
        @media (max-width: 768px) {
          .building_wrap .third_section .container .image_wrap {
            padding-top: 102%;
            width: 100%; } }
  .building_wrap .fourth_section {
    width: 100%;
    margin: 150px 0; }
    @media (max-width: 1080px) {
      .building_wrap .fourth_section {
        margin: 100px 0 70px 0; } }
    @media (max-width: 768px) {
      .building_wrap .fourth_section {
        margin: 75px 0; } }
    .building_wrap .fourth_section .image_wrap {
      width: 100%;
      padding-top: 57%;
      position: relative; }
      @media (max-width: 650px) {
        .building_wrap .fourth_section .image_wrap {
          padding-top: 71%; } }
  .building_wrap .fifth_section {
    width: 100%;
    margin: 150px 0; }
    @media (max-width: 1080px) {
      .building_wrap .fifth_section {
        margin: 100px 0 70px 0; } }
    @media (max-width: 768px) {
      .building_wrap .fifth_section {
        margin: 75px 0; } }
    .building_wrap .fifth_section .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start; }
      @media (max-width: 768px) {
        .building_wrap .fifth_section .container {
          width: 90%;
          flex-direction: column;
          margin: 0 auto; } }
      .building_wrap .fifth_section .container .image_wrap {
        width: 55%;
        padding-top: 57%;
        position: relative; }
        @media (max-width: 768px) {
          .building_wrap .fifth_section .container .image_wrap {
            width: 100%;
            padding-top: 118%;
            margin: 0 auto; } }
        .building_wrap .fifth_section .container .image_wrap img {
          z-index: 1; }
        .building_wrap .fifth_section .container .image_wrap .panorama_button {
          z-index: 2;
          position: absolute;
          right: 25px;
          bottom: 25px;
          background: #fff;
          padding: 0.6em 1em; }
          .building_wrap .fifth_section .container .image_wrap .panorama_button:hover {
            background: #847f7b;
            color: #fff; }
        .building_wrap .fifth_section .container .image_wrap .caption {
          font-family: "AGaramondPro-Italic";
          font-size: 16px;
          text-align: right;
          position: absolute;
          right: 0;
          color: #a9a39e;
          margin-top: 0.75em; }
          @media (max-width: 768px) {
            .building_wrap .fifth_section .container .image_wrap .caption {
              display: none; } }
      .building_wrap .fifth_section .container .right {
        width: 22%;
        margin-left: 6vw; }
        @media (max-width: 1080px) {
          .building_wrap .fifth_section .container .right {
            width: 31%;
            margin-left: 7vw; } }
        @media (max-width: 768px) {
          .building_wrap .fifth_section .container .right {
            width: 100%;
            margin: 25px auto 0 auto; } }
        .building_wrap .fifth_section .container .right p {
          font-family: "AGaramondPro-Regular";
          font-size: 17px;
          line-height: 1.4em; }
  .building_wrap .sixth_section {
    margin: 170px 0 150px 0; }
    @media (max-width: 1080px) {
      .building_wrap .sixth_section {
        margin: 120px 0 70px 0; } }
    @media (max-width: 768px) {
      .building_wrap .sixth_section {
        margin: 75px 0; } }
    .building_wrap .sixth_section .video_wrap {
      width: 66.5%;
      padding-top: 44%;
      position: relative;
      margin: 0 auto; }
      @media (max-width: 1370px) {
        .building_wrap .sixth_section .video_wrap {
          width: 77.5%; } }
      @media (max-width: 1080px) {
        .building_wrap .sixth_section .video_wrap {
          width: 90%; } }
      @media (max-width: 768px) {
        .building_wrap .sixth_section .video_wrap {
          width: 90%;
          padding-top: 53%; } }
      .building_wrap .sixth_section .video_wrap video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .building_wrap .seventh_section {
    margin: 150px 0; }
    @media (max-width: 1080px) {
      .building_wrap .seventh_section {
        margin: 100px 0 70px 0; } }
    @media (max-width: 768px) {
      .building_wrap .seventh_section {
        margin: 75px 0 50px 0; } }
    .building_wrap .seventh_section .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      width: 66.5%;
      margin: 0 auto; }
      @media (max-width: 1370px) {
        .building_wrap .seventh_section .container {
          width: 77.5%; } }
      @media (max-width: 1080px) {
        .building_wrap .seventh_section .container {
          width: 90%; } }
      @media (max-width: 768px) {
        .building_wrap .seventh_section .container {
          width: 90%;
          flex-direction: column; } }
      .building_wrap .seventh_section .container .image_wrap {
        width: 57%;
        padding-top: 73%;
        position: relative; }
        @media (max-width: 768px) {
          .building_wrap .seventh_section .container .image_wrap {
            width: 100%;
            padding-top: 125%; } }
        .building_wrap .seventh_section .container .image_wrap img {
          z-index: 1; }
      .building_wrap .seventh_section .container .right {
        width: 32%;
        margin-left: 6vw; }
        @media (max-width: 1285px) {
          .building_wrap .seventh_section .container .right {
            width: 27%; } }
        @media (max-width: 768px) {
          .building_wrap .seventh_section .container .right {
            width: 100%;
            margin: 20px auto; } }
        .building_wrap .seventh_section .container .right p {
          font-family: "AGaramondPro-Regular";
          font-size: 17px;
          line-height: 1.4em; }
  .building_wrap .eight_section {
    width: 100%; }
    .building_wrap .eight_section .image_wrap {
      width: 100%;
      padding-top: 57%;
      position: relative; }
      @media (max-width: 650px) {
        .building_wrap .eight_section .image_wrap {
          padding-top: 62%; } }
  .building_wrap .swiper_pages_popup .swiper-slide .content_wrap {
    width: 90%;
    position: relative;
    flex-wrap: initial;
    flex-direction: row;
    gap: 1em; }
    @media (max-width: 1285px) {
      .building_wrap .swiper_pages_popup .swiper-slide .content_wrap {
        width: 84%; } }
    @media (max-width: 1080px) {
      .building_wrap .swiper_pages_popup .swiper-slide .content_wrap {
        width: 100%;
        flex-direction: column; } }
    .building_wrap .swiper_pages_popup .swiper-slide .content_wrap .image_wrap {
      width: 100%; }
      @media (max-width: 1080px) {
        .building_wrap .swiper_pages_popup .swiper-slide .content_wrap .image_wrap {
          height: auto; } }
      .building_wrap .swiper_pages_popup .swiper-slide .content_wrap .image_wrap img {
        width: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
        @media (max-width: 1080px) {
          .building_wrap .swiper_pages_popup .swiper-slide .content_wrap .image_wrap img {
            position: relative;
            height: auto; } }
    .building_wrap .swiper_pages_popup .swiper-slide .content_wrap .caption {
      flex-basis: 12em;
      margin-left: 0;
      display: block;
      width: auto; }
  @media (max-width: 1080px) {
    .building_wrap .swiper_pages_popup .swiper-button-prev,
    .building_wrap .swiper_pages_popup .swiper-button-next {
      display: none; } }

.team_wrap {
  padding-top: 100px;
  background: #000; }
  .team_wrap .container {
    padding: 0 17vw; }
    @media (max-width: 1370px) {
      .team_wrap .container {
        padding: 0 10vw; } }
    @media (max-width: 768px) {
      .team_wrap .container {
        padding: 0 5vw; } }
    .team_wrap .container .hero_wrap {
      margin: 120px 0 150px;
      width: 57.5%;
      position: relative;
      padding-top: 35%; }
      @media (max-width: 768px) {
        .team_wrap .container .hero_wrap {
          margin: 75px 0; } }
      @media (max-width: 650px) {
        .team_wrap .container .hero_wrap {
          width: 81%;
          padding-top: 49%; } }
    .team_wrap .container .blocks_wrap {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start; }
      .team_wrap .container .blocks_wrap .block {
        width: 40.5%;
        margin-bottom: 100px; }
        @media (max-width: 768px) {
          .team_wrap .container .blocks_wrap .block {
            width: 48%; } }
        @media (max-width: 650px) {
          .team_wrap .container .blocks_wrap .block {
            width: 100%; } }
        .team_wrap .container .blocks_wrap .block .title {
          font-family: Metropolis-SemiBold;
          font-size: 20px;
          line-height: 1.2em;
          text-transform: uppercase;
          letter-spacing: .08em;
          color: #fff;
          margin-bottom: 0.25em; }
          @media (max-width: 768px) {
            .team_wrap .container .blocks_wrap .block .title {
              font-size: 16px; } }
        .team_wrap .container .blocks_wrap .block .subtitle {
          font-family: AGaramondPro-Italic;
          font-style: italic;
          font-size: 21px;
          line-height: 1.2em;
          color: #fff;
          margin-bottom: 1.25em; }
          @media (max-width: 768px) {
            .team_wrap .container .blocks_wrap .block .subtitle {
              font-size: 16px; } }
        .team_wrap .container .blocks_wrap .block .description {
          font-size: 17px;
          line-height: 1.4em;
          color: #a9a39e;
          font-family: AGaramondPro-Regular; }

body.page-template-default {
  background-color: #f3efeb; }

.default_wrap {
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
  padding: 200px 0 100px; }
  @media (max-width: 768px) {
    .default_wrap {
      width: 90%;
      padding: 150px 0 75px; } }
  .default_wrap ul {
    list-style: disc;
    list-style-position: inside; }
    .default_wrap ul li {
      color: #847f7b;
      font-family: "AGaramondPro-Regular";
      font-size: 15px;
      margin-left: 3em;
      line-height: 1.43em;
      list-style-position: initial; }
  .default_wrap p {
    margin: 15px 0;
    color: #847f7b;
    font-family: "AGaramondPro-Regular";
    font-size: 15px;
    line-height: 1.43em; }
    .default_wrap p a {
      position: relative; }
      .default_wrap p a:after {
        content: "";
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background: #847f7b;
        position: absolute;
        transition: all, 0.5s; }
      .default_wrap p a:hover:after {
        width: 100%; }
    .default_wrap p strong {
      font-family: "AGaramondPro-Bold";
      color: #847f7b; }

.gallery_wrap {
  background: #000;
  padding-top: 175px;
  padding-bottom: 370px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 650px) {
    .gallery_wrap {
      padding-top: 120px; } }
  .gallery_wrap .hero_content {
    margin: 0 auto;
    box-sizing: border-box;
    width: 90%; }
    .gallery_wrap .hero_content h1 {
      font-size: 80px;
      font-family: Atlantic-Light;
      margin-bottom: 75px;
      color: #fff; }
      @media (max-width: 768px) {
        .gallery_wrap .hero_content h1 {
          font-size: 65px; } }
      @media (max-width: 650px) {
        .gallery_wrap .hero_content h1 {
          font-size: 50px;
          margin-bottom: 50px; } }
    .gallery_wrap .hero_content .iframe_wrap {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      z-index: 999; }
      .gallery_wrap .hero_content .iframe_wrap .close_iframe {
        position: absolute;
        top: 35px;
        right: 35px;
        width: 30px;
        height: 30px;
        transition: all, 0.5s;
        cursor: pointer;
        z-index: 99; }
        .gallery_wrap .hero_content .iframe_wrap .close_iframe:hover {
          opacity: 0.6; }
      .gallery_wrap .hero_content .iframe_wrap iframe {
        width: 100%;
        height: 100%; }
    .gallery_wrap .hero_content .video_wrap {
      position: relative;
      width: 100%;
      padding-top: 53%;
      margin-bottom: 150px;
      cursor: pointer;
      overflow: hidden; }
      @media (max-width: 768px) {
        .gallery_wrap .hero_content .video_wrap {
          margin-bottom: 75px; } }
      @media (max-width: 650px) {
        .gallery_wrap .hero_content .video_wrap {
          margin-bottom: 50px; } }
      .gallery_wrap .hero_content .video_wrap .background {
        transition: all, 0.5s;
        z-index: 1; }
      .gallery_wrap .hero_content .video_wrap:hover .background {
        transform: translate(-50%, -50%) scale(1.03); }
      .gallery_wrap .hero_content .video_wrap .play_wrap {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .gallery_wrap .hero_content .video_wrap .play_wrap img {
          width: 33px;
          margin-bottom: 20px; }
        .gallery_wrap .hero_content .video_wrap .play_wrap p {
          font-family: "Metropolis-SemiBold";
          font-size: 13px;
          letter-spacing: 0.15em;
          text-transform: uppercase;
          color: #fff; }
  .gallery_wrap .images {
    margin: 0 auto;
    box-sizing: border-box;
    width: 90%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 20vw;
    gap: 15px; }
    @media (max-width: 768px) {
      .gallery_wrap .images {
        grid-template-columns: 1fr;
        grid-auto-rows: auto; } }
    .gallery_wrap .images .grid-item {
      box-sizing: border-box;
      margin-bottom: 10px;
      padding: 0 7px;
      position: relative;
      cursor: pointer; }
      .gallery_wrap .images .grid-item:nth-of-type(6n+1), .gallery_wrap .images .grid-item:nth-of-type(6n+3), .gallery_wrap .images .grid-item:nth-of-type(6n+6) {
        grid-row: span 1; }
      .gallery_wrap .images .grid-item:nth-of-type(6n+2), .gallery_wrap .images .grid-item:nth-of-type(6n+4), .gallery_wrap .images .grid-item:nth-of-type(6n+5) {
        grid-row: span 2; }
      @media (max-width: 768px) {
        .gallery_wrap .images .grid-item {
          width: 100%;
          grid-row: auto; } }
      .gallery_wrap .images .grid-item .image_wrap {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .gallery_wrap .images .grid-item .image_wrap img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          transition: all, 0.5s; }
      .gallery_wrap .images .grid-item:hover img {
        scale: 1.05; }

.amenities_wrap {
  position: relative;
  padding-top: 170px;
  padding-bottom: 0;
  background: #c3bebb; }
  @media (max-width: 768px) {
    .amenities_wrap {
      padding-top: 120px; } }
  .amenities_wrap .hero_section .container {
    padding: 0 11.1111111111vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; }
    @media (max-width: 1370px) {
      .amenities_wrap .hero_section .container {
        justify-content: space-between; } }
    @media (max-width: 768px) {
      .amenities_wrap .hero_section .container {
        padding: 0 5.55vw; } }
    .amenities_wrap .hero_section .container .left {
      margin-top: 40px;
      color: #fff;
      width: 27%;
      text-align: right;
      margin-right: 7vw;
      margin-top: 5vw; }
      @media (max-width: 1370px) {
        .amenities_wrap .hero_section .container .left {
          width: 27%;
          margin-right: 0; } }
      @media (max-width: 650px) {
        .amenities_wrap .hero_section .container .left {
          width: 100%;
          order: 2;
          text-align: left; } }
    .amenities_wrap .hero_section .container .right {
      width: 56%;
      position: relative;
      padding-top: 43%; }
      @media (max-width: 1370px) {
        .amenities_wrap .hero_section .container .right {
          width: 65%; } }
      @media (max-width: 768px) {
        .amenities_wrap .hero_section .container .right {
          width: 61%;
          padding-top: 43%; } }
      @media (max-width: 650px) {
        .amenities_wrap .hero_section .container .right {
          width: 100%;
          order: 1;
          padding-top: 76%;
          margin-bottom: 40px; } }
      .amenities_wrap .hero_section .container .right .abs_image {
        -o-object-fit: contain;
           object-fit: contain; }
  .amenities_wrap .hero_sub_section {
    padding: 80px 0; }
    @media (max-width: 1080px) {
      .amenities_wrap .hero_sub_section {
        margin: 100px 0; } }
    @media (max-width: 768px) {
      .amenities_wrap .hero_sub_section {
        padding: 0 5.5vw; } }
    @media (max-width: 650px) {
      .amenities_wrap .hero_sub_section {
        margin: 35px 0 50px; } }
    .amenities_wrap .hero_sub_section .container {
      max-width: 940px;
      margin: 0 auto;
      position: relative; }
      @media (max-width: 768px) {
        .amenities_wrap .hero_sub_section .container {
          max-width: 500px; } }
      .amenities_wrap .hero_sub_section .container .select_wrap {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        display: none;
        /* Style the arrow inside the select element: */
        /* Point the arrow upwards when the select box is open (active): */
        /* style the items (options), including the selected item: */
        /* Style items (options): */
        /* Hide the items when the select box is closed: */ }
        @media (max-width: 768px) {
          .amenities_wrap .hero_sub_section .container .select_wrap {
            display: flex; } }
        .amenities_wrap .hero_sub_section .container .select_wrap p {
          font-size: 17px;
          line-height: 1.4em;
          font-family: "AGaramondPro-Italic";
          color: #fff;
          display: inline-block;
          width: 30%; }
          @media (max-width: 650px) {
            .amenities_wrap .hero_sub_section .container .select_wrap p {
              width: 50%; } }
        .amenities_wrap .hero_sub_section .container .select_wrap .custom-select {
          height: 40px;
          background: #fff;
          color: #847f7b;
          font-family: "Metropolis-Bold";
          width: 65%;
          position: relative;
          box-sizing: border-box;
          font-size: 13px; }
          @media (max-width: 650px) {
            .amenities_wrap .hero_sub_section .container .select_wrap .custom-select {
              width: 55%; } }
          .amenities_wrap .hero_sub_section .container .select_wrap .custom-select .chewron {
            width: 16px;
            height: 16px;
            position: absolute;
            right: 18px;
            top: 50%;
            transform: translateY(-50%) rotate(90deg);
            transition: all, 0.5s;
            z-index: 1; }
            @media (max-width: 650px) {
              .amenities_wrap .hero_sub_section .container .select_wrap .custom-select .chewron {
                width: 20px;
                font-size: 20px; } }
            .amenities_wrap .hero_sub_section .container .select_wrap .custom-select .chewron.rotate {
              transform: translateY(-50%) rotate(270deg); }
        .amenities_wrap .hero_sub_section .container .select_wrap .custom-select select {
          display: none;
          /*hide original SELECT element: */ }
        .amenities_wrap .hero_sub_section .container .select_wrap .select-selected {
          background-color: transparent;
          padding: 13px 20px;
          position: relative;
          z-index: 2;
          position: relative; }
        .amenities_wrap .hero_sub_section .container .select_wrap .select-selected:after {
          display: none; }
        .amenities_wrap .hero_sub_section .container .select_wrap .select-selected.select-arrow-active:after {
          border-color: transparent transparent #fff transparent;
          top: 7px; }
        .amenities_wrap .hero_sub_section .container .select_wrap .select-items div {
          color: #847f7b;
          background: #fff;
          cursor: pointer;
          transition: all, 0.5s; }
        .amenities_wrap .hero_sub_section .container .select_wrap .select-items {
          position: relative;
          top: 0;
          left: 0;
          right: 0;
          z-index: 99;
          height: auto;
          overflow-y: scroll;
          transition: all, 0.5s; }
          .amenities_wrap .hero_sub_section .container .select_wrap .select-items div {
            color: #847f7b;
            text-transform: uppercase;
            padding: 12px 20px;
            box-sizing: border-box; }
            @media (max-width: 650px) {
              .amenities_wrap .hero_sub_section .container .select_wrap .select-items div {
                padding: 8px 20px; } }
            .amenities_wrap .hero_sub_section .container .select_wrap .select-items div:hover {
              background: #1f3c3152 !important; }
        .amenities_wrap .hero_sub_section .container .select_wrap .select-hide {
          display: none;
          transition: all, 0.5s; }
        .amenities_wrap .hero_sub_section .container .select_wrap .select-items div:hover,
        .amenities_wrap .hero_sub_section .container .select_wrap .same-as-selected {
          background-color: rgba(0, 0, 0, 0.1); }
      .amenities_wrap .hero_sub_section .container .left {
        width: 22%;
        position: absolute;
        left: 0;
        top: 60px;
        z-index: 2; }
        @media (max-width: 768px) {
          .amenities_wrap .hero_sub_section .container .left {
            display: none; } }
        .amenities_wrap .hero_sub_section .container .left p {
          font-size: 17px;
          line-height: 1.4em;
          color: #fff;
          font-family: "AGaramondPro-Italic";
          font-style: italic;
          margin-bottom: 12px; }
        .amenities_wrap .hero_sub_section .container .left .building_hover {
          margin: 0;
          position: relative;
          font-family: "Metropolis-Medium";
          font-size: 16px;
          text-transform: uppercase;
          letter-spacing: 0.12em;
          color: #fff;
          border: solid 2px #fff;
          border-bottom: none;
          width: 100%;
          text-align: center;
          padding: 18px 15px;
          transition: all, 0.5s;
          cursor: pointer;
          overflow: hidden; }
          .amenities_wrap .hero_sub_section .container .left .building_hover:last-of-type {
            border-bottom: 2px solid #fff; }
          .amenities_wrap .hero_sub_section .container .left .building_hover:hover {
            color: #847f7b;
            background: #fff; }
          .amenities_wrap .hero_sub_section .container .left .building_hover.active {
            color: #847f7b;
            background: #fff;
            overflow: visible; }
          .amenities_wrap .hero_sub_section .container .left .building_hover.garden span:before {
            content: "";
            top: 50%;
            width: 33px;
            position: absolute;
            right: 0;
            height: 2px;
            background-color: #fff;
            transform: translateX(100%) translateY(-50%); }
          .amenities_wrap .hero_sub_section .container .left .building_hover.garden span:after {
            height: 260px;
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            width: 2px;
            background-color: #fff;
            transform: translateX(33px) translateY(27px); }
          .amenities_wrap .hero_sub_section .container .left .building_hover.garden span i {
            transform: translateX(32px) translateX(50%) translateY(238px);
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: solid 2px #fff; }
          .amenities_wrap .hero_sub_section .container .left .building_hover.bridge span:before {
            content: "";
            top: 50%;
            width: 62px;
            position: absolute;
            right: 0;
            height: 2px;
            background-color: #fff;
            transform: translateX(100%) translateY(-50%); }
          .amenities_wrap .hero_sub_section .container .left .building_hover.bridge span:after {
            height: 238px;
            position: absolute;
            content: "";
            top: 0;
            right: -30px;
            width: 2px;
            background-color: #fff;
            transform: translateX(33px) translateY(27px); }
          .amenities_wrap .hero_sub_section .container .left .building_hover.bridge span i {
            transform: translateX(62px) translateX(50%) translateY(218px);
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: solid 2px #fff; }
          .amenities_wrap .hero_sub_section .container .left .building_hover.club span:before {
            content: "";
            top: 50%;
            width: 25px;
            position: absolute;
            right: 0;
            height: 2px;
            background-color: #fff;
            transform: translateX(100%) translateY(-50%); }
          .amenities_wrap .hero_sub_section .container .left .building_hover.club span:after {
            height: 210px;
            position: absolute;
            content: "";
            top: 0;
            right: 6px;
            width: 2px;
            background-color: #fff;
            transform: translateX(33px) translateY(27px); }
          .amenities_wrap .hero_sub_section .container .left .building_hover.club span i {
            transform: translateX(26px) translateX(50%) translateY(190px);
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: solid 2px #fff; }
        @media (max-width: 650px) {
          .amenities_wrap .hero_sub_section .container .left {
            margin-bottom: 40px; } }
      .amenities_wrap .hero_sub_section .container .right {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center; }
        .amenities_wrap .hero_sub_section .container .right .image_wrap {
          width: 49%;
          padding-top: 56%;
          position: relative;
          margin-right: 50px; }
          @media (max-width: 768px) {
            .amenities_wrap .hero_sub_section .container .right .image_wrap {
              width: 100%;
              margin-right: 0;
              padding-top: 113%;
              margin-bottom: 30px; } }
          .amenities_wrap .hero_sub_section .container .right .image_wrap img {
            display: none; }
            .amenities_wrap .hero_sub_section .container .right .image_wrap img.active {
              display: block; }
        .amenities_wrap .hero_sub_section .container .right .description {
          width: 32%;
          display: none;
          color: #fff;
          text-align: left; }
          @media (max-width: 768px) {
            .amenities_wrap .hero_sub_section .container .right .description {
              width: 100%; } }
          .amenities_wrap .hero_sub_section .container .right .description h6 {
            line-height: 1.3em;
            font-size: 18px;
            color: #fff;
            letter-spacing: 0.11em;
            text-transform: uppercase;
            font-family: "Metropolis-Bold";
            margin-bottom: 10px; }
          .amenities_wrap .hero_sub_section .container .right .description p {
            font-family: "AGaramondPro-Regular";
            font-size: 17px;
            color: #fff;
            line-height: 1.4em; }
          .amenities_wrap .hero_sub_section .container .right .description.active {
            display: block; }
  .amenities_wrap .building_plan {
    background: #f3efeb;
    padding: 75px 10.05vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 1285px) {
      .amenities_wrap .building_plan {
        padding: 75px 5.5vw; } }
    .amenities_wrap .building_plan .left {
      width: 35%; }
      @media (max-width: 650px) {
        .amenities_wrap .building_plan .left {
          width: 100%;
          order: 1; } }
      .amenities_wrap .building_plan .left h1 {
        font-size: 95px;
        line-height: 0.94em;
        text-transform: uppercase;
        color: #847f7b;
        font-family: Atlantic-Light; }
        @media (max-width: 768px) {
          .amenities_wrap .building_plan .left h1 {
            font-size: 60px; } }
        @media (max-width: 650px) {
          .amenities_wrap .building_plan .left h1 {
            font-size: 55px; }
            .amenities_wrap .building_plan .left h1 br {
              display: none; } }
    .amenities_wrap .building_plan .right {
      width: 56%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 650px) {
        .amenities_wrap .building_plan .right {
          width: 100%;
          order: 3;
          margin-top: 40px; } }
      .amenities_wrap .building_plan .right .logo {
        width: 33%;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .amenities_wrap .building_plan .right .logo:nth-of-type(1), .amenities_wrap .building_plan .right .logo:nth-of-type(2), .amenities_wrap .building_plan .right .logo:nth-of-type(3) {
          margin-bottom: 50px; }
        @media (max-width: 650px) {
          .amenities_wrap .building_plan .right .logo {
            margin-bottom: 50px;
            width: 43%; } }
        .amenities_wrap .building_plan .right .logo img {
          width: 50px;
          margin-right: 20px; }
          @media (max-width: 768px) {
            .amenities_wrap .building_plan .right .logo img {
              width: 32px; } }
          @media (max-width: 650px) {
            .amenities_wrap .building_plan .right .logo img {
              width: 42px; } }
        .amenities_wrap .building_plan .right .logo p {
          font-family: "Metropolis-Medium";
          text-transform: uppercase;
          letter-spacing: 0.03em;
          font-size: 11px;
          line-height: 1.3em; }
    .amenities_wrap .building_plan .image_wrap {
      padding-top: 61%;
      width: 100%;
      position: relative;
      margin-top: 75px; }
      @media (max-width: 650px) {
        .amenities_wrap .building_plan .image_wrap {
          order: 2; } }
    .amenities_wrap .building_plan.bridge .left, .amenities_wrap .building_plan.club .left {
      width: 30%; }
      @media (max-width: 650px) {
        .amenities_wrap .building_plan.bridge .left, .amenities_wrap .building_plan.club .left {
          width: 100%;
          order: 1; } }
    .amenities_wrap .building_plan.bridge .right, .amenities_wrap .building_plan.club .right {
      width: 69%; }
      @media (max-width: 650px) {
        .amenities_wrap .building_plan.bridge .right, .amenities_wrap .building_plan.club .right {
          width: 100%; } }
      .amenities_wrap .building_plan.bridge .right .logo, .amenities_wrap .building_plan.club .right .logo {
        width: 25%; }
        .amenities_wrap .building_plan.bridge .right .logo:nth-of-type(1), .amenities_wrap .building_plan.bridge .right .logo:nth-of-type(2), .amenities_wrap .building_plan.bridge .right .logo:nth-of-type(3), .amenities_wrap .building_plan.bridge .right .logo:nth-of-type(4), .amenities_wrap .building_plan.club .right .logo:nth-of-type(1), .amenities_wrap .building_plan.club .right .logo:nth-of-type(2), .amenities_wrap .building_plan.club .right .logo:nth-of-type(3), .amenities_wrap .building_plan.club .right .logo:nth-of-type(4) {
          margin-bottom: 50px; }
        @media (max-width: 768px) {
          .amenities_wrap .building_plan.bridge .right .logo img, .amenities_wrap .building_plan.club .right .logo img {
            margin-right: 10px; } }
        @media (max-width: 650px) {
          .amenities_wrap .building_plan.bridge .right .logo, .amenities_wrap .building_plan.club .right .logo {
            margin-bottom: 50px;
            width: 43%; } }
    .amenities_wrap .building_plan.bridge .image_wrap, .amenities_wrap .building_plan.club .image_wrap {
      padding-top: 73%; }
  .amenities_wrap .large_panorama {
    padding-bottom: 150px;
    background: #fff; }
    @media (max-width: 1285px) {
      .amenities_wrap .large_panorama {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .amenities_wrap .large_panorama {
        padding-bottom: 100px; } }
    @media (max-width: 650px) {
      .amenities_wrap .large_panorama {
        padding-bottom: 75px; } }
    .amenities_wrap .large_panorama .panorama_image_wrap {
      width: 100%;
      padding-top: 57%;
      position: relative; }
      @media (max-width: 650px) {
        .amenities_wrap .large_panorama .panorama_image_wrap {
          padding-top: 71%; } }
      .amenities_wrap .large_panorama .panorama_image_wrap .panorama_button {
        z-index: 2;
        position: absolute;
        right: 25px;
        top: 25px;
        background: #fff;
        cursor: pointer;
        padding: 0.6em 1em; }
        .amenities_wrap .large_panorama .panorama_image_wrap .panorama_button:hover {
          background: #847f7b;
          color: #fff; }
      .amenities_wrap .large_panorama .panorama_image_wrap .logo_description {
        z-index: 2;
        position: absolute;
        top: 25px;
        left: 25px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start; }
        @media (max-width: 650px) {
          .amenities_wrap .large_panorama .panorama_image_wrap .logo_description {
            display: none; } }
        .amenities_wrap .large_panorama .panorama_image_wrap .logo_description .logo_wrap {
          width: 50px;
          padding-top: 50%;
          position: relative;
          margin-right: 15px; }
          .amenities_wrap .large_panorama .panorama_image_wrap .logo_description .logo_wrap img {
            -o-object-fit: contain;
               object-fit: contain; }
        .amenities_wrap .large_panorama .panorama_image_wrap .logo_description p {
          font-family: "Metropolis-Medium";
          text-transform: uppercase;
          letter-spacing: 0.03em;
          font-size: 10px;
          color: #fff;
          line-height: 1.3em;
          width: 60px; }
    .amenities_wrap .large_panorama .panorama_description {
      width: 100%; }
      .amenities_wrap .large_panorama .panorama_description .description {
        color: #a9a39e;
        line-height: 1.4em;
        padding-top: 75px;
        margin-left: auto;
        margin-right: calc(16.6666666667vw + 3.3333333333px);
        width: calc(31.7777777778vw + 5.5555555556px);
        font-size: 17px;
        text-align: left;
        font-family: "AGaramondPro-Regular"; }
        @media (max-width: 1080px) {
          .amenities_wrap .large_panorama .panorama_description .description {
            width: calc(54vw + 5.5555555556px); } }
        @media (max-width: 768px) {
          .amenities_wrap .large_panorama .panorama_description .description {
            width: calc(77vw + 5.5555555556px);
            margin-right: calc(3.6666666667vw + 3.3333333333px); } }
        @media (max-width: 650px) {
          .amenities_wrap .large_panorama .panorama_description .description {
            width: 90%;
            text-align: left;
            margin: 0 auto;
            padding: 35px 0 0; } }
        .amenities_wrap .large_panorama .panorama_description .description em {
          font-family: "AGaramondPro-Italic"; }
  .amenities_wrap .small_panorama_right {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0 5vw;
    padding-bottom: 150px; }
    @media (max-width: 1285px) {
      .amenities_wrap .small_panorama_right {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .amenities_wrap .small_panorama_right {
        padding-bottom: 100px; } }
    @media (max-width: 650px) {
      .amenities_wrap .small_panorama_right {
        padding: 0 0 75px; } }
    .amenities_wrap .small_panorama_right .panorama_image_wrap {
      width: 61%;
      padding-top: 47%;
      position: relative; }
      @media (max-width: 1080px) {
        .amenities_wrap .small_panorama_right .panorama_image_wrap {
          width: 67%;
          padding-top: 51%; } }
      @media (max-width: 650px) {
        .amenities_wrap .small_panorama_right .panorama_image_wrap {
          padding-top: 71%;
          width: 100%;
          order: 1;
          margin-bottom: 25px; } }
      .amenities_wrap .small_panorama_right .panorama_image_wrap .panorama_button {
        z-index: 2;
        position: absolute;
        right: 25px;
        top: 25px;
        background: #fff;
        cursor: pointer;
        padding: 0.6em 1em; }
        .amenities_wrap .small_panorama_right .panorama_image_wrap .panorama_button:hover {
          background: #847f7b;
          color: #fff; }
      .amenities_wrap .small_panorama_right .panorama_image_wrap .logo_description {
        z-index: 2;
        position: absolute;
        bottom: 25px;
        left: 25px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start; }
        @media (max-width: 650px) {
          .amenities_wrap .small_panorama_right .panorama_image_wrap .logo_description {
            display: none; } }
        .amenities_wrap .small_panorama_right .panorama_image_wrap .logo_description .logo_wrap {
          width: 50px;
          padding-top: 50%;
          position: relative;
          margin-right: 15px; }
          .amenities_wrap .small_panorama_right .panorama_image_wrap .logo_description .logo_wrap img {
            -o-object-fit: contain;
               object-fit: contain; }
        .amenities_wrap .small_panorama_right .panorama_image_wrap .logo_description p {
          font-family: "Metropolis-Medium";
          text-transform: uppercase;
          letter-spacing: 0.03em;
          font-size: 10px;
          color: #fff;
          line-height: 1.3em;
          width: 60px; }
    .amenities_wrap .small_panorama_right .panorama_description {
      width: 17.5%;
      color: #a9a39e;
      margin-right: 8vw; }
      @media (max-width: 1080px) {
        .amenities_wrap .small_panorama_right .panorama_description {
          width: 23.5%; } }
      @media (max-width: 768px) {
        .amenities_wrap .small_panorama_right .panorama_description {
          margin-right: 2vw;
          width: 30%; } }
      @media (max-width: 650px) {
        .amenities_wrap .small_panorama_right .panorama_description {
          padding: 0 5vw;
          order: 2;
          width: 100%; } }
      .amenities_wrap .small_panorama_right .panorama_description .description {
        line-height: 1.4em;
        font-size: 17px;
        text-align: right;
        font-family: "AGaramondPro-Regular"; }
        @media (max-width: 650px) {
          .amenities_wrap .small_panorama_right .panorama_description .description {
            text-align: left; } }
        .amenities_wrap .small_panorama_right .panorama_description .description em {
          font-family: "AGaramondPro-Italic"; }
  .amenities_wrap .garden_section {
    width: 100%;
    background: #f3efeb; }
    .amenities_wrap .garden_section .first_section {
      background: #fff;
      padding-bottom: 0;
      padding: 0; }
      .amenities_wrap .garden_section .first_section .panorama_image_wrap {
        width: 100%;
        padding-top: 62%;
        position: relative;
        background: #f3efeb; }
        @media (max-width: 650px) {
          .amenities_wrap .garden_section .first_section .panorama_image_wrap {
            padding-top: 71%; } }
        .amenities_wrap .garden_section .first_section .panorama_image_wrap .panorama_button {
          z-index: 2;
          position: absolute;
          padding: 0.6em 1em;
          right: 25px;
          top: 25px;
          background: #fff;
          cursor: pointer; }
          .amenities_wrap .garden_section .first_section .panorama_image_wrap .panorama_button:hover {
            background: #847f7b;
            color: #fff; }
        .amenities_wrap .garden_section .first_section .panorama_image_wrap .logo_description {
          z-index: 2;
          position: absolute;
          bottom: 20px;
          left: 20px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: flex-start; }
          @media (max-width: 650px) {
            .amenities_wrap .garden_section .first_section .panorama_image_wrap .logo_description {
              display: none; } }
          .amenities_wrap .garden_section .first_section .panorama_image_wrap .logo_description .logo_wrap {
            width: 50px;
            padding-top: 30%;
            position: relative;
            margin-right: 15px; }
            .amenities_wrap .garden_section .first_section .panorama_image_wrap .logo_description .logo_wrap img {
              -o-object-fit: contain;
                 object-fit: contain; }
          .amenities_wrap .garden_section .first_section .panorama_image_wrap .logo_description p {
            font-family: "Metropolis-Medium";
            text-transform: uppercase;
            letter-spacing: 0.03em;
            font-size: 10px;
            color: #fff;
            width: 80px; }
      .amenities_wrap .garden_section .first_section .panorama_description {
        width: 100%; }
        .amenities_wrap .garden_section .first_section .panorama_description .description {
          padding-top: 75px;
          margin-left: calc(16.6666666667vw + 3.3333333333px);
          width: calc(27.7777777778vw + 5.5555555556px);
          font-size: 17px;
          text-align: right;
          font-family: "AGaramondPro-Regular";
          line-height: 1.4em; }
          @media (max-width: 650px) {
            .amenities_wrap .garden_section .first_section .panorama_description .description {
              width: 90%;
              text-align: left;
              margin: 0 auto;
              padding: 35px 0; } }
          .amenities_wrap .garden_section .first_section .panorama_description .description em {
            font-family: "AGaramondPro-Italic";
            font-style: italic; }
    .amenities_wrap .garden_section .second_section {
      width: 100%;
      padding: 150px 0;
      background: #fff; }
      @media (max-width: 650px) {
        .amenities_wrap .garden_section .second_section {
          padding: 75px 0; } }
      .amenities_wrap .garden_section .second_section .container {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end; }
        @media (max-width: 650px) {
          .amenities_wrap .garden_section .second_section .container {
            width: 90%;
            margin: 0 auto; } }
        .amenities_wrap .garden_section .second_section .container .left {
          width: 60.5%;
          position: relative;
          margin-top: 0; }
          @media (max-width: 768px) {
            .amenities_wrap .garden_section .second_section .container .left {
              width: 66%;
              padding-top: 42.5%; } }
          @media (max-width: 650px) {
            .amenities_wrap .garden_section .second_section .container .left {
              width: 100%;
              padding-top: 68%; } }
          .amenities_wrap .garden_section .second_section .container .left .slick-track {
            display: flex;
            align-items: flex-end; }
          .amenities_wrap .garden_section .second_section .container .left .slick-slide img {
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            max-height: 90vh; }
          .amenities_wrap .garden_section .second_section .container .left .logo_description {
            z-index: 2;
            position: absolute;
            bottom: 20px;
            right: 20px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-start; }
            @media (max-width: 650px) {
              .amenities_wrap .garden_section .second_section .container .left .logo_description {
                display: none; } }
            .amenities_wrap .garden_section .second_section .container .left .logo_description .logo_wrap {
              width: 50px;
              padding-top: 50%;
              position: relative;
              margin-right: 15px; }
              .amenities_wrap .garden_section .second_section .container .left .logo_description .logo_wrap img {
                -o-object-fit: contain;
                   object-fit: contain; }
            .amenities_wrap .garden_section .second_section .container .left .logo_description p {
              font-family: "Metropolis-Medium";
              text-transform: uppercase;
              letter-spacing: 0.03em;
              font-size: 10px;
              color: #fff;
              line-height: 1.3em;
              width: 40px; }
          .amenities_wrap .garden_section .second_section .container .left img {
            z-index: 1; }
          .amenities_wrap .garden_section .second_section .container .left .panorama_button {
            z-index: 2;
            position: absolute;
            right: 25px;
            top: 25px;
            background: #fff;
            padding: 0.6em 1em; }
            .amenities_wrap .garden_section .second_section .container .left .panorama_button:hover {
              background: #847f7b;
              color: #fff; }
          .amenities_wrap .garden_section .second_section .container .left .caption {
            font-family: "AGaramondPro-Italic";
            font-size: 16px;
            text-align: right;
            position: absolute;
            bottom: -25px;
            right: 0;
            color: #a9a39e; }
            @media (max-width: 768px) {
              .amenities_wrap .garden_section .second_section .container .left .caption {
                width: 100%;
                bottom: -55px;
                padding-left: 10px;
                box-sizing: border-box; } }
            @media (max-width: 650px) {
              .amenities_wrap .garden_section .second_section .container .left .caption {
                display: none; } }
        .amenities_wrap .garden_section .second_section .container .right {
          width: 16%;
          margin-left: 7vw; }
          @media (max-width: 768px) {
            .amenities_wrap .garden_section .second_section .container .right {
              width: 25%;
              margin-left: 3vw; } }
          @media (max-width: 650px) {
            .amenities_wrap .garden_section .second_section .container .right {
              width: 100%;
              margin-left: 0;
              margin-top: 25px; } }
          .amenities_wrap .garden_section .second_section .container .right p {
            font-family: "AGaramondPro-Regular";
            font-size: 17px;
            line-height: 1.4em;
            margin-bottom: 3em; }
    .amenities_wrap .garden_section .third_section {
      background: #fff;
      padding-bottom: 150px; }
      @media (max-width: 768px) {
        .amenities_wrap .garden_section .third_section {
          padding-bottom: 75px; } }
      .amenities_wrap .garden_section .third_section .slider_container {
        padding: 0 16.66vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }
        @media (max-width: 1370px) {
          .amenities_wrap .garden_section .third_section .slider_container {
            padding: 0 11vw; } }
        @media (max-width: 1080px) {
          .amenities_wrap .garden_section .third_section .slider_container {
            align-items: flex-end; } }
        @media (max-width: 768px) {
          .amenities_wrap .garden_section .third_section .slider_container {
            padding: 0 5vw; } }
        .amenities_wrap .garden_section .third_section .slider_container .title {
          font-size: 16px;
          color: #a9a39e;
          font-family: "Metropolis-Medium";
          font-size: 15x;
          line-height: 1.3em;
          letter-spacing: 0.09em;
          text-transform: uppercase;
          margin-bottom: 3em; }
          @media (max-width: 768px) {
            .amenities_wrap .garden_section .third_section .slider_container .title {
              font-size: 15px; } }
          .amenities_wrap .garden_section .third_section .slider_container .title.mobile {
            display: none; }
          @media (max-width: 650px) {
            .amenities_wrap .garden_section .third_section .slider_container .title {
              display: none;
              font-size: 13px;
              margin-bottom: 20px; }
              .amenities_wrap .garden_section .third_section .slider_container .title br {
                display: none; }
              .amenities_wrap .garden_section .third_section .slider_container .title.mobile {
                display: block; } }
        .amenities_wrap .garden_section .third_section .slider_container .left {
          width: 57%; }
          @media (max-width: 1370px) {
            .amenities_wrap .garden_section .third_section .slider_container .left {
              width: 56%; } }
          @media (max-width: 650px) {
            .amenities_wrap .garden_section .third_section .slider_container .left {
              width: 100%; } }
          .amenities_wrap .garden_section .third_section .slider_container .left .image_wrap {
            width: 100%;
            padding-top: 28.5%;
            position: relative; }
        .amenities_wrap .garden_section .third_section .slider_container .right {
          padding-left: 50px;
          box-sizing: border-box;
          width: 40%;
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-end;
          flex-direction: column; }
          @media (max-width: 1370px) {
            .amenities_wrap .garden_section .third_section .slider_container .right {
              width: 35%; } }
          @media (max-width: 768px) {
            .amenities_wrap .garden_section .third_section .slider_container .right {
              width: 44%; } }
          @media (max-width: 650px) {
            .amenities_wrap .garden_section .third_section .slider_container .right {
              width: 100%;
              padding-left: 0; } }
          .amenities_wrap .garden_section .third_section .slider_container .right .content {
            width: 100%;
            margin-bottom: 100px; }
            @media (max-width: 650px) {
              .amenities_wrap .garden_section .third_section .slider_container .right .content {
                order: 2;
                margin-bottom: 0; } }
            .amenities_wrap .garden_section .third_section .slider_container .right .content .slick-description {
              width: 100%;
              font-family: "AGaramondPro-Regular";
              font-size: 17px;
              color: #a9a39e;
              line-height: 1.4em; }
              .amenities_wrap .garden_section .third_section .slider_container .right .content .slick-description .description {
                padding-right: 120px;
                box-sizing: border-box; }
                @media (max-width: 1370px) {
                  .amenities_wrap .garden_section .third_section .slider_container .right .content .slick-description .description {
                    padding-right: 0; } }
    @media (max-width: 650px) {
      .amenities_wrap .garden_section .paginator {
        order: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 20px; } }
    .amenities_wrap .garden_section .paginator ul {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: 30px; }
      @media (max-width: 650px) {
        .amenities_wrap .garden_section .paginator ul {
          margin-bottom: 0;
          width: 70%;
          height: 25px; } }
      .amenities_wrap .garden_section .paginator ul .slick-arrow {
        color: #a9a39e;
        transition: all 0.3s;
        display: flex !important;
        align-items: center;
        font-size: 20px;
        font-family: "AGaramondPro-Italic";
        font-style: italic;
        cursor: pointer;
        opacity: 1;
        width: 128px;
        overflow: hidden; }
        @media (max-width: 650px) {
          .amenities_wrap .garden_section .paginator ul .slick-arrow {
            width: 115px;
            font-size: 18px; } }
        .amenities_wrap .garden_section .paginator ul .slick-arrow img {
          width: 30px;
          margin: 0 5px; }
          @media (max-width: 650px) {
            .amenities_wrap .garden_section .paginator ul .slick-arrow img {
              width: 20px; } }
        .amenities_wrap .garden_section .paginator ul .slick-arrow.slick-disabled {
          width: 0; }
        .amenities_wrap .garden_section .paginator ul .slick-arrow.prev img {
          transform: rotate(180deg); }
        .amenities_wrap .garden_section .paginator ul .slick-arrow.prev span {
          display: inline;
          margin: 0 10px; }
        .amenities_wrap .garden_section .paginator ul .slick-arrow.prev.hidden_line span {
          display: none; }
    .amenities_wrap .garden_section .paginator .progress-info {
      color: #a9a39e;
      font-family: "Metropolis-Bold";
      font-size: 11px;
      line-height: 1.3em;
      letter-spacing: 0.09em;
      text-transform: uppercase; }
      @media (max-width: 650px) {
        .amenities_wrap .garden_section .paginator .progress-info {
          width: 30%;
          font-size: 11px; } }
    .amenities_wrap .garden_section .fourth_section {
      padding-bottom: 150px;
      background: #fff; }
      @media (max-width: 768px) {
        .amenities_wrap .garden_section .fourth_section {
          padding-bottom: 75px; } }
      .amenities_wrap .garden_section .fourth_section .large_description {
        width: 61vw;
        margin: 0 auto;
        font-size: 45px;
        font-family: "AGaramondPro-Italic";
        font-style: italic;
        line-height: 1.2em;
        text-align: center;
        color: #a9a39e; }
        @media (max-width: 1080px) {
          .amenities_wrap .garden_section .fourth_section .large_description {
            width: 80vw; } }
        @media (max-width: 768px) {
          .amenities_wrap .garden_section .fourth_section .large_description {
            font-size: 38px; } }
        @media (max-width: 650px) {
          .amenities_wrap .garden_section .fourth_section .large_description {
            font-size: 24px;
            width: 90vw; } }
    .amenities_wrap .garden_section .fifth_section .panorama_image_wrap .panorama_button {
      top: auto;
      left: auto;
      right: 25px;
      bottom: 25px; }
    .amenities_wrap .garden_section .fifth_section .panorama_image_wrap .logo_description {
      top: auto;
      right: auto;
      bottom: 20px;
      left: 20px; }
    .amenities_wrap .garden_section .fifth_section .panorama_description .description {
      text-align: right; }
  .amenities_wrap .bridge_section .first_section .panorama_image_wrap .panorama_button {
    right: 25px;
    top: 25px; }
  .amenities_wrap .bridge_section .first_section .panorama_image_wrap .logo_description {
    top: 25px;
    left: 25px; }
  .amenities_wrap .bridge_section .second_section {
    width: 100%;
    background: #fff;
    padding-bottom: 150px; }
    @media (max-width: 1285px) {
      .amenities_wrap .bridge_section .second_section {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .amenities_wrap .bridge_section .second_section {
        padding-bottom: 100px; } }
    @media (max-width: 650px) {
      .amenities_wrap .bridge_section .second_section {
        padding-bottom: 75px; } }
    .amenities_wrap .bridge_section .second_section .container {
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-end; }
      @media (max-width: 650px) {
        .amenities_wrap .bridge_section .second_section .container {
          width: 90%;
          margin: 0 auto; } }
      .amenities_wrap .bridge_section .second_section .container .image_wrap {
        width: 55%;
        padding-top: 46%;
        position: relative;
        margin-top: 0; }
        @media (max-width: 768px) {
          .amenities_wrap .bridge_section .second_section .container .image_wrap {
            width: 60.5%;
            padding-top: 51%; } }
        @media (max-width: 650px) {
          .amenities_wrap .bridge_section .second_section .container .image_wrap {
            width: 100%;
            padding-top: 83%; } }
        .amenities_wrap .bridge_section .second_section .container .image_wrap img {
          z-index: 1; }
      .amenities_wrap .bridge_section .second_section .container .right {
        width: 16%;
        margin-left: 8vw; }
        @media (max-width: 1080px) {
          .amenities_wrap .bridge_section .second_section .container .right {
            width: 21%; } }
        @media (max-width: 768px) {
          .amenities_wrap .bridge_section .second_section .container .right {
            width: 33%;
            margin-left: 3vw; } }
        @media (max-width: 650px) {
          .amenities_wrap .bridge_section .second_section .container .right {
            width: 100%;
            margin-left: 0;
            margin-top: 25px; } }
        .amenities_wrap .bridge_section .second_section .container .right p {
          font-family: "AGaramondPro-Regular";
          font-size: 17px;
          line-height: 1.4em; }
  .amenities_wrap .bridge_section .fourth_section .panorama_image_wrap .panorama_button {
    right: 25px;
    top: 25px; }
  .amenities_wrap .bridge_section .fourth_section .panorama_image_wrap .logo_description {
    bottom: 25px;
    left: 25px;
    top: auto;
    right: auto; }
  .amenities_wrap .bridge_section .fifth_section a .panorama_image_wrap .panorama_button {
    left: auto;
    right: 25px;
    top: 25px; }
  .amenities_wrap .club_section .building_plan .image_wrap {
    padding-top: 63%; }
  .amenities_wrap .club_section .first_section .panorama_image_wrap .logo_description {
    bottom: 25px;
    right: 25px;
    top: auto;
    left: auto; }
  .amenities_wrap .club_section .first_section .panorama_description {
    width: 100%; }
    .amenities_wrap .club_section .first_section .panorama_description .description {
      margin-right: calc(28.666667vw + 3.3333333333px);
      width: calc(26.7777777778vw + 5.5555555556px); }
      @media (max-width: 1080px) {
        .amenities_wrap .club_section .first_section .panorama_description .description {
          width: calc(54vw + 5.5555555556px);
          margin-right: calc(11.666667vw + 3.3333333333px); } }
      @media (max-width: 768px) {
        .amenities_wrap .club_section .first_section .panorama_description .description {
          width: calc(77vw + 5.5555555556px);
          margin: 0 auto; } }
      @media (max-width: 650px) {
        .amenities_wrap .club_section .first_section .panorama_description .description {
          width: 90%;
          text-align: left;
          margin: 0 auto;
          padding: 35px 0 0; } }
      .amenities_wrap .club_section .first_section .panorama_description .description em {
        font-family: "AGaramondPro-Italic"; }
  .amenities_wrap .club_section .second_section {
    padding: 0;
    align-items: flex-end;
    padding-bottom: 150px; }
    @media (max-width: 1285px) {
      .amenities_wrap .club_section .second_section {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .amenities_wrap .club_section .second_section {
        padding-bottom: 100px; } }
    @media (max-width: 650px) {
      .amenities_wrap .club_section .second_section {
        padding-bottom: 75px; } }
    .amenities_wrap .club_section .second_section .panorama_image_wrap {
      padding-top: 42%; }
      @media (max-width: 1080px) {
        .amenities_wrap .club_section .second_section .panorama_image_wrap {
          width: 61%; } }
      @media (max-width: 650px) {
        .amenities_wrap .club_section .second_section .panorama_image_wrap {
          padding-top: 71%;
          width: 100%;
          order: 1;
          margin-bottom: 25px; } }
      .amenities_wrap .club_section .second_section .panorama_image_wrap .panorama_button {
        bottom: 25px;
        top: auto;
        left: auto;
        right: 25px; }
      .amenities_wrap .club_section .second_section .panorama_image_wrap .logo_description {
        bottom: auto;
        right: auto;
        top: 25px;
        left: 25px; }
    .amenities_wrap .club_section .second_section .panorama_description {
      width: 16%; }
      @media (max-width: 1080px) {
        .amenities_wrap .club_section .second_section .panorama_description {
          width: 20.5%; } }
      @media (max-width: 768px) {
        .amenities_wrap .club_section .second_section .panorama_description {
          width: 31.5%; } }
      @media (max-width: 650px) {
        .amenities_wrap .club_section .second_section .panorama_description {
          width: 100%; } }
  .amenities_wrap .club_section .third_section .panorama_image_wrap .logo_description {
    bottom: 25px;
    left: 25px;
    top: auto;
    right: auto; }
    .amenities_wrap .club_section .third_section .panorama_image_wrap .logo_description .logo_wrap {
      padding-top: 33%; }
  .amenities_wrap .club_section .third_section .panorama_description {
    width: 100%; }
    .amenities_wrap .club_section .third_section .panorama_description .description {
      margin-left: calc(16.666667vw);
      width: calc(32vw + 5.5555555556px); }
      @media (max-width: 1080px) {
        .amenities_wrap .club_section .third_section .panorama_description .description {
          width: calc(37vw + 5.5555555556px);
          margin-left: calc(15.666667vw); } }
      @media (max-width: 768px) {
        .amenities_wrap .club_section .third_section .panorama_description .description {
          width: calc(54vw + 5.5555555556px);
          margin-left: calc(4vw); } }
      @media (max-width: 650px) {
        .amenities_wrap .club_section .third_section .panorama_description .description {
          margin: 0 auto;
          width: 90%;
          text-align: left;
          padding: 35px 0 0; } }

.press_wrap {
  background: #000;
  padding-top: 220px;
  padding-bottom: 220px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 768px) {
    .press_wrap {
      padding-top: 175px;
      padding-bottom: 175px; } }
  @media (max-width: 650px) {
    .press_wrap {
      padding-top: 120px;
      padding-bottom: 120px; } }
  .press_wrap .container {
    padding: 0 16.66vw; }
    @media (max-width: 1370px) {
      .press_wrap .container {
        padding: 0 11.66vw; } }
    @media (max-width: 768px) {
      .press_wrap .container {
        padding: 0 5.55vw; } }
    .press_wrap .container .hero {
      margin-bottom: 150px; }
      @media (max-width: 1080px) {
        .press_wrap .container .hero {
          margin-bottom: 120px; } }
      @media (max-width: 768px) {
        .press_wrap .container .hero {
          margin-bottom: 75px; } }
      .press_wrap .container .hero .image_wrap {
        width: 38.8888888889vw;
        padding-top: 33%;
        position: relative; }
        @media (max-width: 1080px) {
          .press_wrap .container .hero .image_wrap {
            width: 49vw;
            padding-top: 35%; } }
        @media (max-width: 768px) {
          .press_wrap .container .hero .image_wrap {
            width: 54vw; } }
        @media (max-width: 650px) {
          .press_wrap .container .hero .image_wrap {
            width: 77vw;
            padding-top: 78%; } }
        .press_wrap .container .hero .image_wrap img {
          -o-object-fit: contain;
             object-fit: contain; }
          .press_wrap .container .hero .image_wrap img.mobile {
            display: none; }
          @media (max-width: 650px) {
            .press_wrap .container .hero .image_wrap img {
              display: none; }
              .press_wrap .container .hero .image_wrap img.mobile {
                display: block; } }
      .press_wrap .container .hero .info {
        font-family: "AGaramondPro-Regular";
        font-size: 17px;
        line-height: 1.4em;
        color: #a9a39e;
        margin-top: 100px; }
        @media (max-width: 768px) {
          .press_wrap .container .hero .info {
            margin-top: 70px; } }
        .press_wrap .container .hero .info a {
          color: #fff; }
          .press_wrap .container .hero .info a:hover {
            text-decoration: underline; }
    .press_wrap .container .posts_list {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .press_wrap .container .posts_list .post {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 80px; }
        .press_wrap .container .posts_list .post .date {
          width: 15%;
          font-family: "Atlantic-Light";
          line-height: 0.9em;
          text-transform: uppercase;
          font-size: 76px;
          color: #fff; }
          @media (max-width: 1080px) {
            .press_wrap .container .posts_list .post .date {
              font-size: 66px; } }
          @media (max-width: 768px) {
            .press_wrap .container .posts_list .post .date {
              font-size: 56px; } }
          @media (max-width: 650px) {
            .press_wrap .container .posts_list .post .date {
              font-size: 46px;
              width: 100%;
              margin-bottom: 0.5em; } }
          .press_wrap .container .posts_list .post .date span {
            display: block; }
            @media (max-width: 650px) {
              .press_wrap .container .posts_list .post .date span {
                display: inline-block; } }
        .press_wrap .container .posts_list .post .content {
          width: 84%; }
          @media (max-width: 768px) {
            .press_wrap .container .posts_list .post .content {
              width: 83%; } }
          @media (max-width: 650px) {
            .press_wrap .container .posts_list .post .content {
              width: 100%; } }
          .press_wrap .container .posts_list .post .content .title {
            font-family: "Metropolis-SemiBold";
            color: #fff;
            font-size: 20px;
            line-height: 1.2em;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            margin: 0 0 0.75em 0; }
            @media (max-width: 768px) {
              .press_wrap .container .posts_list .post .content .title {
                font-size: 18px; } }
            @media (max-width: 650px) {
              .press_wrap .container .posts_list .post .content .title {
                font-size: 16px; } }
          .press_wrap .container .posts_list .post .content .source {
            font-family: "Metropolis-Medium";
            font-size: 16px;
            text-transform: uppercase;
            color: #a9a39e;
            letter-spacing: 0.08em; }
            @media (max-width: 768px) {
              .press_wrap .container .posts_list .post .content .source {
                font-size: 14px; } }
            @media (max-width: 650px) {
              .press_wrap .container .posts_list .post .content .source {
                font-size: 12px; } }
          .press_wrap .container .posts_list .post .content .excerpt {
            font-size: 17px;
            color: #a9a39e;
            margin: 1.25em 0 1.5em 0;
            font-family: AGaramondPro-Regular; }
          .press_wrap .container .posts_list .post .content .button {
            color: #fff;
            border: 1px solid #fff;
            font-size: 12px;
            padding: 0.8em;
            line-height: 1em;
            height: auto; }
            .press_wrap .container .posts_list .post .content .button:hover {
              background: #fff;
              color: #000; }

.design_wrap {
  box-sizing: border-box;
  background: #fff; }
  .design_wrap .hero_section {
    width: 100%;
    height: 100vh;
    position: relative; }
    .design_wrap .hero_section:after {
      z-index: 2;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0.3), transparent 60%); }
    .design_wrap .hero_section .scroll_down {
      position: absolute;
      bottom: 45px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3; }
      .design_wrap .hero_section .scroll_down img {
        width: 40px;
        transform: rotate(90deg); }
  .design_wrap .first_section {
    padding: 0 11vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 150px 0; }
    @media (max-width: 1370px) {
      .design_wrap .first_section {
        margin: 120px 0; } }
    @media (max-width: 1080px) {
      .design_wrap .first_section {
        margin: 100px 0; } }
    @media (max-width: 768px) {
      .design_wrap .first_section {
        padding: 0 5.55vw; } }
    @media (max-width: 650px) {
      .design_wrap .first_section {
        margin: 30px 0 50px; } }
    .design_wrap .first_section .left {
      width: 50.5%; }
      @media (max-width: 768px) {
        .design_wrap .first_section .left {
          width: 48.5%; } }
      @media (max-width: 650px) {
        .design_wrap .first_section .left {
          width: 100%; } }
      .design_wrap .first_section .left .text_image_wrap {
        margin-bottom: 100px; }
        @media (max-width: 650px) {
          .design_wrap .first_section .left .text_image_wrap {
            margin-bottom: 40px; } }
        .design_wrap .first_section .left .text_image_wrap img {
          width: 100%; }
        @media (max-width: 650px) {
          .design_wrap .first_section .left .text_image_wrap .desktop {
            display: none; } }
        .design_wrap .first_section .left .text_image_wrap .mobile {
          display: none; }
          @media (max-width: 650px) {
            .design_wrap .first_section .left .text_image_wrap .mobile {
              display: block; } }
      .design_wrap .first_section .left .description {
        font-size: 17px;
        margin-left: 12vw;
        line-height: 1.4em;
        font-family: "AGaramondPro-Regular"; }
        @media (max-width: 1080px) {
          .design_wrap .first_section .left .description {
            margin-left: 7vw; } }
        @media (max-width: 768px) {
          .design_wrap .first_section .left .description {
            margin-left: 0; } }
        @media (max-width: 650px) {
          .design_wrap .first_section .left .description {
            display: none; } }
        .design_wrap .first_section .left .description p {
          color: #847f7b; }
        .design_wrap .first_section .left .description em {
          font-family: "AGaramondPro-Italic"; }
          .design_wrap .first_section .left .description em strong {
            color: #847f7b;
            font-family: "AGaramondPro-BoldItalic"; }
    .design_wrap .first_section .right {
      width: 42%; }
      @media (max-width: 768px) {
        .design_wrap .first_section .right {
          width: 49%; } }
      @media (max-width: 650px) {
        .design_wrap .first_section .right {
          width: 100%; } }
      .design_wrap .first_section .right .large_description {
        font-size: 22px;
        margin: 0 0 100px calc(5.5555555556vw + 1.1111111111px);
        font-family: "AGaramondPro-Regular";
        color: #a9a39e;
        line-height: 1.3em; }
        @media (max-width: 1080px) {
          .design_wrap .first_section .right .large_description {
            font-size: 19px; } }
        @media (max-width: 768px) {
          .design_wrap .first_section .right .large_description {
            margin: 0 0 75px 0; } }
        @media (max-width: 650px) {
          .design_wrap .first_section .right .large_description {
            font-size: 17px;
            margin: 0 0 40px 0; } }
      .design_wrap .first_section .right .caption {
        margin-top: 0.75em;
        opacity: 0.75;
        color: #847f7b; }
      .design_wrap .first_section .right .mobile_description {
        display: none;
        font-size: 17px;
        line-height: 1.4em;
        margin-top: 45px; }
        .design_wrap .first_section .right .mobile_description p {
          color: #847f7b; }
        .design_wrap .first_section .right .mobile_description em {
          font-family: "AGaramondPro-Italic"; }
          .design_wrap .first_section .right .mobile_description em strong {
            color: #847f7b;
            font-family: "AGaramondPro-BoldItalic"; }
        @media (max-width: 650px) {
          .design_wrap .first_section .right .mobile_description {
            display: block; } }
  .design_wrap .second_section {
    margin: 150px 0; }
    @media (max-width: 650px) {
      .design_wrap .second_section {
        margin: 75px 0; } }
    .design_wrap .second_section .video_wrap {
      width: 66.5%;
      padding-top: 44%;
      position: relative;
      margin: 0 auto; }
      @media (max-width: 1370px) {
        .design_wrap .second_section .video_wrap {
          width: 77.5%; } }
      @media (max-width: 768px) {
        .design_wrap .second_section .video_wrap {
          width: 90%;
          padding-top: 53%; } }
      .design_wrap .second_section .video_wrap video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .design_wrap .third_section {
    margin: 150px 0; }
    @media (max-width: 1370px) {
      .design_wrap .third_section {
        margin: 120px 0; } }
    @media (max-width: 768px) {
      .design_wrap .third_section {
        margin: 100px 0; } }
    @media (max-width: 650px) {
      .design_wrap .third_section {
        margin: 75px 0; } }
    .design_wrap .third_section .container {
      padding: 0 1vw;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      box-sizing: border-box;
      padding: 0 16vw; }
      @media (max-width: 1370px) {
        .design_wrap .third_section .container {
          padding: 0 11vw; } }
      @media (max-width: 768px) {
        .design_wrap .third_section .container {
          padding: 0 5vw; } }
      .design_wrap .third_section .container .left {
        width: 32%;
        text-align: left;
        margin-left: 8vw; }
        @media (max-width: 1370px) {
          .design_wrap .third_section .container .left {
            width: 41.5%;
            margin-left: 0; } }
        @media (max-width: 650px) {
          .design_wrap .third_section .container .left {
            width: 88%;
            margin: 75px auto 0 auto; } }
        .design_wrap .third_section .container .left .quote {
          font-size: 37px;
          line-height: 1.15em;
          font-family: "AGaramondPro-Italic";
          font-style: italic;
          margin-bottom: 1em;
          color: #847f7b; }
          @media (max-width: 1080px) {
            .design_wrap .third_section .container .left .quote {
              font-size: 32px; } }
          @media (max-width: 768px) {
            .design_wrap .third_section .container .left .quote {
              font-size: 28px; } }
          @media (max-width: 650px) {
            .design_wrap .third_section .container .left .quote {
              font-size: 24px;
              text-align: center; } }
        .design_wrap .third_section .container .left .author {
          font-size: 16px;
          font-family: "Metropolis-SemiBold";
          letter-spacing: 0.11em;
          color: #847f7b;
          text-align: right; }
          @media (max-width: 768px) {
            .design_wrap .third_section .container .left .author {
              font-size: 13px; } }
        .design_wrap .third_section .container .left .role {
          margin-top: 5px;
          font-family: "AGaramondPro-Italic";
          font-style: italic;
          font-size: 15px;
          color: #847f7b;
          text-align: right; }
      .design_wrap .third_section .container .image_wrap {
        width: 50%;
        padding-top: 50%;
        position: relative; }
        @media (max-width: 1370px) {
          .design_wrap .third_section .container .image_wrap {
            width: 56%;
            padding-top: 59%; } }
        @media (max-width: 1080px) {
          .design_wrap .third_section .container .image_wrap {
            padding-top: 51%; } }
        @media (max-width: 768px) {
          .design_wrap .third_section .container .image_wrap {
            padding-top: 50%; } }
        @media (max-width: 650px) {
          .design_wrap .third_section .container .image_wrap {
            width: 100%;
            padding-top: 102%; } }
  .design_wrap .fourth_section {
    background: #e1e7e9;
    padding: 150px 0; }
    @media (max-width: 1370px) {
      .design_wrap .fourth_section {
        padding: 120px 0; } }
    @media (max-width: 1080px) {
      .design_wrap .fourth_section {
        padding: 100px 0; } }
    @media (max-width: 650px) {
      .design_wrap .fourth_section {
        padding: 75px 0; } }
    .design_wrap .fourth_section .container {
      padding: 0 16.66vw;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 1370px) {
        .design_wrap .fourth_section .container {
          padding: 0 11vw; } }
      @media (max-width: 768px) {
        .design_wrap .fourth_section .container {
          padding: 0 5vw; } }
      .design_wrap .fourth_section .container .left {
        width: 49%;
        z-index: 2; }
        @media (max-width: 768px) {
          .design_wrap .fourth_section .container .left {
            width: 48%; } }
        @media (max-width: 650px) {
          .design_wrap .fourth_section .container .left {
            width: 100%;
            order: 1; } }
        .design_wrap .fourth_section .container .left .text_image_wrap img {
          width: 100%; }
        @media (max-width: 650px) {
          .design_wrap .fourth_section .container .left .text_image_wrap .desktop {
            display: none; } }
        .design_wrap .fourth_section .container .left .text_image_wrap .mobile {
          display: none; }
          @media (max-width: 650px) {
            .design_wrap .fourth_section .container .left .text_image_wrap .mobile {
              display: block; } }
      .design_wrap .fourth_section .container .right {
        width: 40.3%;
        font-size: 17px;
        z-index: 2;
        line-height: 1.4em;
        font-family: "AGaramondPro-Regular"; }
        @media (max-width: 1080px) {
          .design_wrap .fourth_section .container .right {
            width: 41.5%; } }
        @media (max-width: 768px) {
          .design_wrap .fourth_section .container .right {
            width: 48%; } }
        @media (max-width: 650px) {
          .design_wrap .fourth_section .container .right {
            width: 100%;
            order: 3; } }
        .design_wrap .fourth_section .container .right p {
          color: #636160; }
        .design_wrap .fourth_section .container .right em {
          font-family: "AGaramondPro-Italic";
          font-style: italic; }
          .design_wrap .fourth_section .container .right em strong {
            color: #636160;
            font-family: "AGaramondPro-BoldItalic"; }
      .design_wrap .fourth_section .container .image_row {
        z-index: 1;
        width: 100%;
        margin-top: -10%; }
        @media (max-width: 650px) {
          .design_wrap .fourth_section .container .image_row {
            order: 2;
            margin-top: 0;
            margin-top: 30px; } }
        .design_wrap .fourth_section .container .image_row .image_wrap {
          width: calc(50vw + 10px);
          margin-left: auto;
          position: relative;
          padding-top: 50%; }
          @media (max-width: 1370px) {
            .design_wrap .fourth_section .container .image_row .image_wrap {
              width: 55vw;
              padding-top: 47%; } }
          @media (max-width: 768px) {
            .design_wrap .fourth_section .container .image_row .image_wrap {
              width: 100%;
              padding-top: 66%; } }
        .design_wrap .fourth_section .container .image_row .caption {
          width: calc(50vw + 10px);
          margin-left: auto;
          margin-top: 0.75em;
          opacity: 0.75;
          color: #636160; }
          @media (max-width: 768px) {
            .design_wrap .fourth_section .container .image_row .caption {
              text-align: right; } }
          @media (max-width: 650px) {
            .design_wrap .fourth_section .container .image_row .caption {
              text-align: left;
              margin-bottom: 30px;
              width: 100%; } }
  .design_wrap .fifth_section {
    background: #e1e7e9;
    padding-bottom: 150px; }
    @media (max-width: 1370px) {
      .design_wrap .fifth_section {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .design_wrap .fifth_section {
        padding-bottom: 100px; } }
    @media (max-width: 768px) {
      .design_wrap .fifth_section {
        padding-bottom: 75px; } }
    .design_wrap .fifth_section .slider_container {
      padding: 0 16.66vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      @media (max-width: 1370px) {
        .design_wrap .fifth_section .slider_container {
          padding: 0 11vw; } }
      @media (max-width: 1080px) {
        .design_wrap .fifth_section .slider_container {
          align-items: flex-end; } }
      @media (max-width: 768px) {
        .design_wrap .fifth_section .slider_container {
          padding: 0 5vw; } }
      .design_wrap .fifth_section .slider_container .title {
        font-size: 15px;
        color: #636160;
        font-family: "Metropolis-Medium";
        font-size: 15px;
        line-height: 1.3em;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        margin-bottom: 3em; }
        @media (max-width: 768px) {
          .design_wrap .fifth_section .slider_container .title {
            font-size: 15px; } }
        .design_wrap .fifth_section .slider_container .title.mobile {
          display: none; }
        @media (max-width: 650px) {
          .design_wrap .fifth_section .slider_container .title {
            display: none;
            font-size: 13px;
            margin-bottom: 20px; }
            .design_wrap .fifth_section .slider_container .title br {
              display: none; }
            .design_wrap .fifth_section .slider_container .title.mobile {
              display: block; } }
      .design_wrap .fifth_section .slider_container .left {
        width: 57%; }
        @media (max-width: 1370px) {
          .design_wrap .fifth_section .slider_container .left {
            width: 56%; } }
        @media (max-width: 650px) {
          .design_wrap .fifth_section .slider_container .left {
            width: 100%; } }
        .design_wrap .fifth_section .slider_container .left .image_wrap {
          width: 100%;
          padding-top: 28.5%;
          position: relative; }
      .design_wrap .fifth_section .slider_container .right {
        padding-left: 50px;
        box-sizing: border-box;
        width: 40%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        flex-direction: column; }
        @media (max-width: 1370px) {
          .design_wrap .fifth_section .slider_container .right {
            width: 35%; } }
        @media (max-width: 1080px) {
          .design_wrap .fifth_section .slider_container .right {
            justify-content: space-between; } }
        @media (max-width: 768px) {
          .design_wrap .fifth_section .slider_container .right {
            width: 44%; } }
        @media (max-width: 650px) {
          .design_wrap .fifth_section .slider_container .right {
            width: 100%;
            padding-left: 0; } }
        .design_wrap .fifth_section .slider_container .right .content {
          width: 100%;
          margin-bottom: 100px; }
          @media (max-width: 1080px) {
            .design_wrap .fifth_section .slider_container .right .content {
              margin-bottom: 10px; } }
          @media (max-width: 650px) {
            .design_wrap .fifth_section .slider_container .right .content {
              order: 2;
              margin-bottom: 0; } }
          .design_wrap .fifth_section .slider_container .right .content .slick-description {
            width: 100%;
            font-family: "AGaramondPro-Regular";
            font-size: 17px;
            color: #636160;
            line-height: 1.4em; }
            .design_wrap .fifth_section .slider_container .right .content .slick-description .description {
              padding-right: 70px;
              box-sizing: border-box; }
              .design_wrap .fifth_section .slider_container .right .content .slick-description .description p {
                color: #636160; }
              @media (max-width: 1370px) {
                .design_wrap .fifth_section .slider_container .right .content .slick-description .description {
                  padding-right: 0; } }
        @media (max-width: 650px) {
          .design_wrap .fifth_section .slider_container .right .paginator {
            order: 1;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            margin-top: 25px;
            margin-bottom: 20px; } }
        .design_wrap .fifth_section .slider_container .right .paginator ul {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          margin-bottom: 30px; }
          @media (max-width: 650px) {
            .design_wrap .fifth_section .slider_container .right .paginator ul {
              margin-bottom: 0;
              width: 70%;
              height: 25px; } }
          .design_wrap .fifth_section .slider_container .right .paginator ul .slick-arrow {
            color: #636160;
            transition: all, 1s;
            display: flex !important;
            align-items: center;
            font-size: 20px;
            font-family: "AGaramondPro-Italic";
            font-style: italic;
            cursor: pointer;
            opacity: 1;
            width: 130px;
            overflow: hidden; }
            @media (max-width: 650px) {
              .design_wrap .fifth_section .slider_container .right .paginator ul .slick-arrow {
                width: 115px;
                font-size: 18px; } }
            .design_wrap .fifth_section .slider_container .right .paginator ul .slick-arrow img {
              width: 30px;
              margin: 0 5px; }
              @media (max-width: 650px) {
                .design_wrap .fifth_section .slider_container .right .paginator ul .slick-arrow img {
                  width: 20px; } }
            .design_wrap .fifth_section .slider_container .right .paginator ul .slick-arrow.slick-disabled {
              width: 0; }
            .design_wrap .fifth_section .slider_container .right .paginator ul .slick-arrow.prev img {
              transform: rotate(180deg); }
            .design_wrap .fifth_section .slider_container .right .paginator ul .slick-arrow.prev span {
              display: inline;
              margin: 0 10px; }
            .design_wrap .fifth_section .slider_container .right .paginator ul .slick-arrow.prev.hidden_line span {
              display: none; }
        .design_wrap .fifth_section .slider_container .right .paginator .progress-info {
          color: #636150;
          font-family: "Metropolis-SemiBold";
          font-size: 11px;
          line-height: 1.3em;
          letter-spacing: 0.09em;
          text-transform: uppercase; }
          @media (max-width: 650px) {
            .design_wrap .fifth_section .slider_container .right .paginator .progress-info {
              width: 30%; } }
  .design_wrap .sixth_section {
    background: #e1e7e9;
    padding-bottom: 150px; }
    @media (max-width: 1370px) {
      .design_wrap .sixth_section {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .design_wrap .sixth_section {
        padding-bottom: 100px; } }
    @media (max-width: 650px) {
      .design_wrap .sixth_section {
        padding-bottom: 75px; } }
    .design_wrap .sixth_section .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-end;
      flex-direction: column;
      box-sizing: border-box;
      width: 32.5vw;
      margin: 0 auto; }
      @media (max-width: 1370px) {
        .design_wrap .sixth_section .container {
          width: 44vw; } }
      @media (max-width: 1080px) {
        .design_wrap .sixth_section .container {
          width: 55vw; } }
      @media (max-width: 768px) {
        .design_wrap .sixth_section .container {
          width: 66vw; } }
      @media (max-width: 650px) {
        .design_wrap .sixth_section .container {
          width: 90vw; } }
      .design_wrap .sixth_section .container .quote {
        font-size: 32px;
        line-height: 1.15em;
        font-family: "AGaramondPro-Italic";
        font-style: italic;
        margin-bottom: 1em;
        color: #636160; }
        @media (max-width: 1080px) {
          .design_wrap .sixth_section .container .quote {
            font-size: 32px; } }
        @media (max-width: 768px) {
          .design_wrap .sixth_section .container .quote {
            font-size: 28px; } }
        @media (max-width: 650px) {
          .design_wrap .sixth_section .container .quote {
            font-size: 24px;
            text-align: left; } }
      .design_wrap .sixth_section .container .author {
        font-size: 16px;
        font-family: "Metropolis-SemiBold";
        letter-spacing: 0.11em;
        color: #636160;
        text-align: right; }
        @media (max-width: 768px) {
          .design_wrap .sixth_section .container .author {
            font-size: 13px; } }
      .design_wrap .sixth_section .container .role {
        margin-top: 5px;
        font-family: "AGaramondPro-Italic";
        font-style: italic;
        font-size: 15px;
        color: #636160;
        text-align: right; }
  .design_wrap .seventh_section {
    background: #e1e7e9;
    padding: 0 calc(5.5555555556vw + 1.1111111111px);
    box-sizing: border-box; }
    .design_wrap .seventh_section__headline {
      font-family: "Atlantic-Light";
      font-size: 41px;
      line-height: 1em;
      text-transform: uppercase;
      margin: 0 0 0.75em 0;
      text-align: center;
      color: #636160; }
      @media (min-width: 768px) {
        .design_wrap .seventh_section__headline {
          font-size: 50px;
          line-height: .94em; } }
      @media (min-width: 768px) and (min-height: 850px) {
        .design_wrap .seventh_section__headline {
          font-size: 65px; } }
      @media (min-width: 1024px) {
        .design_wrap .seventh_section__headline {
          font-size: 58px; } }
    .design_wrap .seventh_section .beforeafter-wrap {
      position: relative;
      padding-bottom: 150px; }
      @media (max-width: 1370px) {
        .design_wrap .seventh_section .beforeafter-wrap {
          padding-bottom: 120px; } }
      @media (max-width: 1080px) {
        .design_wrap .seventh_section .beforeafter-wrap {
          padding-bottom: 100px; } }
      @media (max-width: 650px) {
        .design_wrap .seventh_section .beforeafter-wrap {
          padding-bottom: 75px; } }
      .design_wrap .seventh_section .beforeafter-wrap .beforeafter {
        width: 100%;
        position: relative; }
        .design_wrap .seventh_section .beforeafter-wrap .beforeafter img {
          max-width: none; }
        .design_wrap .seventh_section .beforeafter-wrap .beforeafter div:nth-of-type(1):after,
        .design_wrap .seventh_section .beforeafter-wrap .beforeafter div:nth-of-type(2):after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #000;
          opacity: 0.2;
          z-index: 1;
          transition: all, 0.5s; }
        .design_wrap .seventh_section .beforeafter-wrap .beforeafter div:nth-of-type(3) {
          width: 1px !important; }
          .design_wrap .seventh_section .beforeafter-wrap .beforeafter div:nth-of-type(3) div {
            cursor: pointer !important; }
            .design_wrap .seventh_section .beforeafter-wrap .beforeafter div:nth-of-type(3) div div {
              width: 24px !important;
              height: 24px !important;
              position: relative;
              z-index: 4; }
              .design_wrap .seventh_section .beforeafter-wrap .beforeafter div:nth-of-type(3) div div i {
                display: none !important; }
              .design_wrap .seventh_section .beforeafter-wrap .beforeafter div:nth-of-type(3) div div:before {
                font-size: 30px;
                content: "\203A";
                color: #fff;
                position: absolute;
                top: 65%;
                left: -100%;
                transform: translate(-50%, -50%) rotate(180deg); }
              .design_wrap .seventh_section .beforeafter-wrap .beforeafter div:nth-of-type(3) div div:after {
                font-size: 30px;
                content: "\203A";
                color: #fff;
                position: absolute;
                top: 30% !important;
                left: 200% !important;
                transform: translate(-50%, -50%) !important;
                opacity: 1 !important;
                width: auto;
                height: auto;
                background: transparent; }
        .design_wrap .seventh_section .beforeafter-wrap .beforeafter .drag_span {
          opacity: 0;
          position: absolute;
          font-family: "Metropolis-SemiBold";
          font-size: 14px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          text-align: center;
          white-space: nowrap;
          color: #fff;
          bottom: -50px;
          transition: all, 0.5s; }
        .design_wrap .seventh_section .beforeafter-wrap .beforeafter:hover div:nth-of-type(1):after,
        .design_wrap .seventh_section .beforeafter-wrap .beforeafter:hover div:nth-of-type(2):after {
          opacity: 0; }
        .design_wrap .seventh_section .beforeafter-wrap .beforeafter:hover .drag_span {
          opacity: 1; }
  .design_wrap .eight_section {
    background: #e1e7e9;
    padding-bottom: 150px; }
    @media (max-width: 1370px) {
      .design_wrap .eight_section {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .design_wrap .eight_section {
        padding-bottom: 100px; } }
    @media (max-width: 650px) {
      .design_wrap .eight_section {
        padding-bottom: 75px; } }
    .design_wrap .eight_section .container {
      padding: 0 calc(5.5555555556vw + 1.1111111111px);
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-end; }
      .design_wrap .eight_section .container .image_wrap {
        width: 62.5%;
        padding-top: 41%;
        position: relative; }
        @media (max-width: 1080px) {
          .design_wrap .eight_section .container .image_wrap {
            width: 68%;
            padding-top: 45%; } }
        @media (max-width: 768px) {
          .design_wrap .eight_section .container .image_wrap {
            width: 74.5%;
            padding-top: 49%; } }
        @media (max-width: 650px) {
          .design_wrap .eight_section .container .image_wrap {
            width: 100%;
            padding-top: 66%; } }
      .design_wrap .eight_section .container .caption {
        line-height: 1.15em;
        width: 12%;
        margin-left: 2%;
        font-size: 16px;
        font-family: "AGaramondPro-Italic";
        color: #636160;
        opacity: 0.75; }
        @media (max-width: 1080px) {
          .design_wrap .eight_section .container .caption {
            width: 15%; } }
        @media (max-width: 768px) {
          .design_wrap .eight_section .container .caption {
            width: 17%; } }
        @media (max-width: 650px) {
          .design_wrap .eight_section .container .caption {
            width: 100%;
            margin-top: 0.75em;
            font-size: 13px; } }
  .design_wrap .ninth_section {
    background: #e1e7e9;
    padding-bottom: 150px; }
    @media (max-width: 1370px) {
      .design_wrap .ninth_section {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .design_wrap .ninth_section {
        padding-bottom: 100px; } }
    @media (max-width: 650px) {
      .design_wrap .ninth_section {
        padding-bottom: 75px; } }
    .design_wrap .ninth_section .container {
      padding: 0 calc(11.11vw + 1.1111111111px);
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: flex-start; }
      @media (max-width: 1080px) {
        .design_wrap .ninth_section .container {
          padding: 0 calc(5vw + 1.1111111111px); } }
      .design_wrap .ninth_section .container .description {
        line-height: 1.15em;
        text-align: right;
        width: 27.5%;
        line-height: 1.4em;
        margin-right: 8%;
        font-size: 17px;
        font-family: "AGaramondPro-Regular";
        color: #636160; }
        @media (max-width: 1370px) {
          .design_wrap .ninth_section .container .description {
            width: 34.5%; } }
        @media (max-width: 1080px) {
          .design_wrap .ninth_section .container .description {
            width: 41%;
            margin-right: 2%; } }
        @media (max-width: 650px) {
          .design_wrap .ninth_section .container .description {
            width: 100%;
            order: 2;
            text-align: left; } }
      .design_wrap .ninth_section .container .image_wrap {
        width: 49.5%;
        padding-top: 63%;
        position: relative; }
        @media (max-width: 1080px) {
          .design_wrap .ninth_section .container .image_wrap {
            width: 56%;
            padding-top: 72%; } }
        @media (max-width: 650px) {
          .design_wrap .ninth_section .container .image_wrap {
            width: 100%;
            order: 1;
            padding-top: 127%;
            margin-bottom: 25px; } }
  .design_wrap .swiper_pages_popup .swiper-slide .content_wrap .caption {
    color: #847F7B; }

body.page-template-residences {
  background-color: #f3efeb; }

.residences_wrap .hero_section {
  width: 100%;
  height: 100vh;
  position: relative; }
  .residences_wrap .hero_section:after {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.3), transparent 60%); }
  .residences_wrap .hero_section .scroll_down {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3; }
    .residences_wrap .hero_section .scroll_down img {
      width: 40px;
      transform: rotate(90deg); }

.residences_wrap .first_section {
  padding: 150px 11vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 1370px) {
    .residences_wrap .first_section {
      margin: 120px 0; } }
  @media (max-width: 1080px) {
    .residences_wrap .first_section {
      margin: 100px 0; } }
  @media (max-width: 768px) {
    .residences_wrap .first_section {
      padding: 0 5.55vw; } }
  @media (max-width: 650px) {
    .residences_wrap .first_section {
      margin: 30px 0 50px; } }
  .residences_wrap .first_section .left {
    width: 56%; }
    @media (max-width: 768px) {
      .residences_wrap .first_section .left {
        width: 54%; } }
    @media (max-width: 650px) {
      .residences_wrap .first_section .left {
        width: 100%; } }
    .residences_wrap .first_section .left .text_image_wrap img {
      width: 100%; }
  .residences_wrap .first_section .right {
    width: 42%; }
    @media (max-width: 768px) {
      .residences_wrap .first_section .right {
        width: 42%; } }
    @media (max-width: 650px) {
      .residences_wrap .first_section .right {
        width: 100%; } }
    .residences_wrap .first_section .right .description {
      font-size: 22px;
      margin: 7% 6vw 100px calc(5.5555555556vw + 1.1111111111px);
      font-family: "AGaramondPro-Regular";
      color: #847f7b;
      line-height: 1.3em; }
      @media (max-width: 1080px) {
        .residences_wrap .first_section .right .description {
          font-size: 19px;
          margin: 10% 0.5vw 100px calc(5.5555555556vw + 1.1111111111px); } }
      @media (max-width: 768px) {
        .residences_wrap .first_section .right .description {
          margin: 10% 0.5vw 75px 0; } }
      @media (max-width: 650px) {
        .residences_wrap .first_section .right .description {
          font-size: 17px;
          margin: 10% 0.5vw 40px 0; } }

.residences_wrap .second_section {
  padding-bottom: 150px; }
  @media (max-width: 1285px) {
    .residences_wrap .second_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .residences_wrap .second_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .residences_wrap .second_section {
      padding-bottom: 75px; } }
  .residences_wrap .second_section .image_wrap {
    width: 100%;
    padding-top: 57%;
    position: relative; }
    @media (max-width: 650px) {
      .residences_wrap .second_section .image_wrap {
        padding-top: 71%; } }
  .residences_wrap .second_section .description_wrap {
    width: 100%; }
    .residences_wrap .second_section .description_wrap .description {
      color: #847f7b;
      line-height: 1.4em;
      padding-top: 40px;
      margin-left: auto;
      margin-right: calc(11.6666666667vw + 3.3333333333px);
      width: calc(49.5vw);
      font-size: 17px;
      text-align: right;
      font-family: "AGaramondPro-Regular"; }
      @media (max-width: 1080px) {
        .residences_wrap .second_section .description_wrap .description {
          width: calc(54vw); } }
      @media (max-width: 768px) {
        .residences_wrap .second_section .description_wrap .description {
          width: calc(77vw);
          margin-right: calc(3.6666666667vw + 3.3333333333px); } }
      @media (max-width: 650px) {
        .residences_wrap .second_section .description_wrap .description {
          width: 90%;
          text-align: left;
          margin: 0 auto;
          padding: 35px 0 0; } }
      .residences_wrap .second_section .description_wrap .description em {
        font-family: "AGaramondPro-Italic"; }

.residences_wrap .third_section {
  padding-bottom: 150px; }
  @media (max-width: 1370px) {
    .residences_wrap .third_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .residences_wrap .third_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .residences_wrap .third_section {
      padding-bottom: 75px; } }
  .residences_wrap .third_section .container {
    padding: 0 calc(11.11vw + 1.1111111111px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end; }
    @media (max-width: 768px) {
      .residences_wrap .third_section .container {
        padding: 0 calc(5vw + 1.1111111111px); } }
    @media (max-width: 650px) {
      .residences_wrap .third_section .container {
        padding: 0; } }
    .residences_wrap .third_section .container .description {
      line-height: 1.15em;
      text-align: right;
      width: 20.13%;
      line-height: 1.4em;
      margin-right: 8%;
      font-size: 17px;
      font-family: "AGaramondPro-Regular";
      color: #847f7b; }
      @media (max-width: 1370px) {
        .residences_wrap .third_section .container .description {
          width: 27.15%; } }
      @media (max-width: 1080px) {
        .residences_wrap .third_section .container .description {
          width: 41%;
          margin-right: 2%; } }
      @media (max-width: 1080px) {
        .residences_wrap .third_section .container .description {
          width: 27%; } }
      @media (max-width: 650px) {
        .residences_wrap .third_section .container .description {
          width: 90%;
          order: 2;
          margin: 0 auto;
          text-align: left; } }
    .residences_wrap .third_section .container .video_wrap {
      width: 56.5%;
      padding-top: 40.5%;
      position: relative; }
      @media (max-width: 1080px) {
        .residences_wrap .third_section .container .video_wrap {
          width: 70.5%;
          padding-top: 50.5%; } }
      @media (max-width: 650px) {
        .residences_wrap .third_section .container .video_wrap {
          width: 100%;
          order: 1;
          padding-top: 80%;
          margin-bottom: 25px; } }
      .residences_wrap .third_section .container .video_wrap video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

.residences_wrap .fourth_section,
.residences_wrap .twelfth_section {
  padding-bottom: 150px; }
  @media (max-width: 1285px) {
    .residences_wrap .fourth_section,
    .residences_wrap .twelfth_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .residences_wrap .fourth_section,
    .residences_wrap .twelfth_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .residences_wrap .fourth_section,
    .residences_wrap .twelfth_section {
      padding-bottom: 75px; } }
  .residences_wrap .fourth_section .panorama_image_wrap,
  .residences_wrap .twelfth_section .panorama_image_wrap {
    width: 100%;
    padding-top: 57%;
    position: relative; }
    @media (max-width: 650px) {
      .residences_wrap .fourth_section .panorama_image_wrap,
      .residences_wrap .twelfth_section .panorama_image_wrap {
        padding-top: 71%; } }
    .residences_wrap .fourth_section .panorama_image_wrap .panorama_button,
    .residences_wrap .twelfth_section .panorama_image_wrap .panorama_button {
      z-index: 2;
      position: absolute;
      right: 25px;
      bottom: 25px;
      background: #fff;
      cursor: pointer;
      padding: 0.6em 1em; }
      .residences_wrap .fourth_section .panorama_image_wrap .panorama_button:hover,
      .residences_wrap .twelfth_section .panorama_image_wrap .panorama_button:hover {
        background: #847f7b;
        color: #fff; }
  .residences_wrap .fourth_section .panorama_description,
  .residences_wrap .twelfth_section .panorama_description {
    width: 100%; }
    .residences_wrap .fourth_section .panorama_description .description,
    .residences_wrap .twelfth_section .panorama_description .description {
      color: #847f7b;
      line-height: 1.4em;
      opacity: 0.7;
      margin-top: 0.75em;
      padding: 0 calc(11.1111111111vw + 2.2222222222px);
      font-size: 16px;
      text-align: right;
      font-family: "AGaramondPro-Italic";
      font-style: italic; }
      @media (max-width: 768px) {
        .residences_wrap .fourth_section .panorama_description .description,
        .residences_wrap .twelfth_section .panorama_description .description {
          padding: 0 5.55vw; } }
      @media (max-width: 650px) {
        .residences_wrap .fourth_section .panorama_description .description,
        .residences_wrap .twelfth_section .panorama_description .description {
          width: 100%;
          text-align: left;
          font-size: 13px; } }

.residences_wrap .fifth_section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 150px; }
  @media (max-width: 1285px) {
    .residences_wrap .fifth_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .residences_wrap .fifth_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .residences_wrap .fifth_section {
      padding: 0 5vw 75px; } }
  .residences_wrap .fifth_section .image_wrap {
    width: 61%;
    padding-top: 51%;
    position: relative; }
    @media (max-width: 1080px) {
      .residences_wrap .fifth_section .image_wrap {
        width: 61%;
        padding-top: 50%; } }
    @media (max-width: 650px) {
      .residences_wrap .fifth_section .image_wrap {
        padding-top: 82%;
        width: 100%;
        order: 1;
        margin-bottom: 25px; } }
  .residences_wrap .fifth_section .panorama_description {
    width: 15.6%;
    color: #847f7b;
    margin-right: 8vw; }
    @media (max-width: 1080px) {
      .residences_wrap .fifth_section .panorama_description {
        width: 21%; } }
    @media (max-width: 768px) {
      .residences_wrap .fifth_section .panorama_description {
        margin-right: 2vw;
        width: 26%; } }
    @media (max-width: 650px) {
      .residences_wrap .fifth_section .panorama_description {
        margin: 0;
        order: 2;
        width: 100%; } }
    .residences_wrap .fifth_section .panorama_description .description {
      line-height: 1.4em;
      font-size: 17px;
      text-align: right;
      font-family: "AGaramondPro-Regular"; }
      @media (max-width: 650px) {
        .residences_wrap .fifth_section .panorama_description .description {
          text-align: left; } }

.residences_wrap .sixth_section,
.residences_wrap .eight_section {
  padding-bottom: 150px; }
  @media (max-width: 1285px) {
    .residences_wrap .sixth_section,
    .residences_wrap .eight_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .residences_wrap .sixth_section,
    .residences_wrap .eight_section {
      padding-bottom: 100px; } }
  .residences_wrap .sixth_section .container,
  .residences_wrap .eight_section .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 16.5vw;
    box-sizing: border-box; }
    @media (max-width: 1370px) {
      .residences_wrap .sixth_section .container,
      .residences_wrap .eight_section .container {
        padding: 0 11vw; } }
    @media (max-width: 768px) {
      .residences_wrap .sixth_section .container,
      .residences_wrap .eight_section .container {
        padding: 0 5vw; } }
    .residences_wrap .sixth_section .container .image_wrap,
    .residences_wrap .eight_section .container .image_wrap {
      width: 75%;
      position: relative;
      padding-top: 79%; }
      @media (max-width: 1370px) {
        .residences_wrap .sixth_section .container .image_wrap,
        .residences_wrap .eight_section .container .image_wrap {
          width: 69.5%;
          padding-top: 73.5%; } }
      @media (max-width: 650px) {
        .residences_wrap .sixth_section .container .image_wrap,
        .residences_wrap .eight_section .container .image_wrap {
          width: 100%;
          padding-top: 103%; } }
    .residences_wrap .sixth_section .container .caption,
    .residences_wrap .eight_section .container .caption {
      width: 15%;
      margin-left: 2vw; }
      @media (max-width: 1080px) {
        .residences_wrap .sixth_section .container .caption,
        .residences_wrap .eight_section .container .caption {
          width: 19%; } }
      @media (max-width: 650px) {
        .residences_wrap .sixth_section .container .caption,
        .residences_wrap .eight_section .container .caption {
          display: none; } }
    .residences_wrap .sixth_section .container.swap .caption,
    .residences_wrap .eight_section .container.swap .caption {
      margin-right: 2vw;
      margin-left: 0;
      text-align: right; }

.residences_wrap .seventh_section {
  padding-bottom: 150px; }
  @media (max-width: 1285px) {
    .residences_wrap .seventh_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .residences_wrap .seventh_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .residences_wrap .seventh_section {
      padding-bottom: 75px; } }
  .residences_wrap .seventh_section .image_wrap {
    width: 100%;
    padding-top: 57%;
    position: relative; }
    @media (max-width: 650px) {
      .residences_wrap .seventh_section .image_wrap {
        padding-top: 71%; } }
  .residences_wrap .seventh_section .description_wrap {
    width: 100%; }
    .residences_wrap .seventh_section .description_wrap .description {
      color: #847f7b;
      line-height: 1.4em;
      padding-top: 40px;
      margin-right: calc(16.6666666667vw + 3.3333333333px);
      width: calc(31.7777777778vw + 5.5555555556px);
      font-size: 17px;
      font-family: "AGaramondPro-Regular";
      margin-left: calc(16.666667vw);
      width: calc(32vw + 5.5555555556px); }
      @media (max-width: 1370px) {
        .residences_wrap .seventh_section .description_wrap .description {
          padding-top: 40px;
          width: calc(38.8888888889vw + 7.7777777778px);
          margin-left: calc(11.1111111111vw + 2.2222222222px); } }
      @media (max-width: 1080px) {
        .residences_wrap .seventh_section .description_wrap .description {
          width: 43vw; } }
      @media (max-width: 768px) {
        .residences_wrap .seventh_section .description_wrap .description {
          width: 67vw;
          margin-left: 5.5vw; } }
      @media (max-width: 650px) {
        .residences_wrap .seventh_section .description_wrap .description {
          margin: 0 auto;
          width: 90%;
          text-align: left;
          padding: 35px 0 0; } }

.residences_wrap .ninth_section,
.residences_wrap .tenth_section {
  padding-bottom: 150px; }
  @media (max-width: 1285px) {
    .residences_wrap .ninth_section,
    .residences_wrap .tenth_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .residences_wrap .ninth_section,
    .residences_wrap .tenth_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .residences_wrap .ninth_section,
    .residences_wrap .tenth_section {
      padding-bottom: 75px; } }
  .residences_wrap .ninth_section .container,
  .residences_wrap .tenth_section .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 11vw; }
    @media (max-width: 768px) {
      .residences_wrap .ninth_section .container,
      .residences_wrap .tenth_section .container {
        padding: 0 5.5vw; } }
    .residences_wrap .ninth_section .container .image_wrap,
    .residences_wrap .tenth_section .container .image_wrap {
      width: 57%;
      padding-top: 65%;
      position: relative; }
      @media (max-width: 1080px) {
        .residences_wrap .ninth_section .container .image_wrap,
        .residences_wrap .tenth_section .container .image_wrap {
          width: 63%;
          padding-top: 74%; } }
      @media (max-width: 768px) {
        .residences_wrap .ninth_section .container .image_wrap,
        .residences_wrap .tenth_section .container .image_wrap {
          width: 60%;
          padding-top: 77%; } }
      @media (max-width: 650px) {
        .residences_wrap .ninth_section .container .image_wrap,
        .residences_wrap .tenth_section .container .image_wrap {
          width: 100%;
          padding-top: 138%;
          margin-bottom: 25px; } }
      .residences_wrap .ninth_section .container .image_wrap img,
      .residences_wrap .tenth_section .container .image_wrap img {
        z-index: 1; }
    .residences_wrap .ninth_section .container .right,
    .residences_wrap .tenth_section .container .right {
      width: 32%;
      margin-left: 7vw; }
      @media (max-width: 1370px) {
        .residences_wrap .ninth_section .container .right,
        .residences_wrap .tenth_section .container .right {
          width: 27%; } }
      @media (max-width: 768px) {
        .residences_wrap .ninth_section .container .right,
        .residences_wrap .tenth_section .container .right {
          width: 32%;
          margin-left: 2vw; } }
      @media (max-width: 650px) {
        .residences_wrap .ninth_section .container .right,
        .residences_wrap .tenth_section .container .right {
          width: 100%; } }
      .residences_wrap .ninth_section .container .right p,
      .residences_wrap .tenth_section .container .right p {
        font-family: "AGaramondPro-Regular";
        font-size: 17px;
        line-height: 1.4em;
        color: #847f7b; }

.residences_wrap .tenth_section .container {
  padding: 0 16vw;
  justify-content: flex-end; }
  @media (max-width: 1370px) {
    .residences_wrap .tenth_section .container {
      padding: 0 11vw; } }
  @media (max-width: 768px) {
    .residences_wrap .tenth_section .container {
      padding: 0 5vw; } }
  .residences_wrap .tenth_section .container .image_wrap {
    width: 57%;
    padding-top: 69%;
    position: relative; }
    @media (max-width: 1080px) {
      .residences_wrap .tenth_section .container .image_wrap {
        width: 56%;
        padding-top: 69%; } }
    @media (max-width: 768px) {
      .residences_wrap .tenth_section .container .image_wrap {
        width: 60%;
        padding-top: 77%; } }
    @media (max-width: 650px) {
      .residences_wrap .tenth_section .container .image_wrap {
        width: 100%;
        padding-top: 138%;
        margin-bottom: 25px;
        order: 1; } }
  .residences_wrap .tenth_section .container .right {
    width: 23%;
    margin-right: 7vw;
    margin-left: 0 !important;
    text-align: right; }
    @media (max-width: 1370px) {
      .residences_wrap .tenth_section .container .right {
        width: 27%; } }
    @media (max-width: 768px) {
      .residences_wrap .tenth_section .container .right {
        width: 32%;
        margin-right: 2vw; } }
    @media (max-width: 650px) {
      .residences_wrap .tenth_section .container .right {
        width: 100%;
        margin: 0;
        order: 2;
        text-align: left; } }

.residences_wrap .eleventh_section {
  padding-bottom: 150px; }
  @media (max-width: 1285px) {
    .residences_wrap .eleventh_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .residences_wrap .eleventh_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .residences_wrap .eleventh_section {
      padding-bottom: 75px; } }
  .residences_wrap .eleventh_section .image_wrap {
    width: 100%;
    padding-top: 84%;
    position: relative; }
  .residences_wrap .eleventh_section .description_wrap {
    width: 100%; }
    .residences_wrap .eleventh_section .description_wrap .description {
      color: #847f7b;
      line-height: 1.4em;
      padding-top: 0.75em;
      font-size: 16px;
      opacity: 0.75;
      font-family: "AGaramondPro-Italic";
      font-style: italic;
      padding: 0.75em 5.5vw; }
      @media (max-width: 650px) {
        .residences_wrap .eleventh_section .description_wrap .description {
          display: none; } }

.residences_wrap .twelfth_section .panorama_description {
  width: 100%; }
  .residences_wrap .twelfth_section .panorama_description .description {
    color: #847f7b;
    line-height: 1.4em;
    margin-top: 40px;
    margin-left: auto;
    margin-right: 11em;
    opacity: 1;
    padding: 0;
    font-size: 17px;
    text-align: right;
    font-family: "AGaramondPro-Regular";
    width: 32.5vw;
    font-style: normal; }
    @media (max-width: 1080px) {
      .residences_wrap .twelfth_section .panorama_description .description {
        margin-right: 7em; } }
    @media (max-width: 768px) {
      .residences_wrap .twelfth_section .panorama_description .description {
        width: 54.5vw; } }
    @media (max-width: 650px) {
      .residences_wrap .twelfth_section .panorama_description .description {
        width: 100%;
        text-align: left;
        padding: 0 5vw; } }

.residences_wrap .swiper_pages_popup .swiper-slide .content_wrap .caption {
  color: #847f7b; }

.penthouses_wrap .hero_wrap {
  position: relative;
  height: 100vh;
  width: 100%; }
  .penthouses_wrap .hero_wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.3), transparent 40%);
    z-index: 2; }
  .penthouses_wrap .hero_wrap .scroll_down {
    z-index: 3;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%); }
    .penthouses_wrap .hero_wrap .scroll_down img {
      width: 40px;
      transform: rotate(90deg); }
  .penthouses_wrap .hero_wrap .panorama_button {
    z-index: 3;
    position: absolute;
    right: 25px;
    bottom: 25px;
    background: #fff;
    cursor: pointer;
    padding: 0.6em 1em; }
    .penthouses_wrap .hero_wrap .panorama_button:hover {
      background: #847f7b;
      color: #fff; }

.penthouses_wrap .first_section {
  padding: 0 11vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 150px 0; }
  @media (max-width: 1370px) {
    .penthouses_wrap .first_section {
      margin: 120px 0; } }
  @media (max-width: 1080px) {
    .penthouses_wrap .first_section {
      margin: 100px 0; } }
  @media (max-width: 768px) {
    .penthouses_wrap .first_section {
      padding: 0 5.55vw; } }
  @media (max-width: 650px) {
    .penthouses_wrap .first_section {
      margin: 30px 0 50px; } }
  .penthouses_wrap .first_section .left {
    width: 27.3%;
    margin-top: 2%; }
    @media (max-width: 768px) {
      .penthouses_wrap .first_section .left {
        width: 35.5%; } }
    @media (max-width: 650px) {
      .penthouses_wrap .first_section .left {
        width: 100%;
        order: 2; } }
    .penthouses_wrap .first_section .left .description {
      font-size: 22px;
      font-family: "AGaramondPro-Regular";
      color: #847f7b;
      line-height: 1.3em;
      text-align: right; }
      @media (max-width: 1080px) {
        .penthouses_wrap .first_section .left .description {
          font-size: 19px; } }
      @media (max-width: 650px) {
        .penthouses_wrap .first_section .left .description {
          font-size: 17px;
          text-align: left; } }
  .penthouses_wrap .first_section .right {
    width: 70.5%; }
    @media (max-width: 768px) {
      .penthouses_wrap .first_section .right {
        width: 61%; } }
    @media (max-width: 650px) {
      .penthouses_wrap .first_section .right {
        width: 100%;
        order: 1;
        margin-bottom: 35px; } }
    .penthouses_wrap .first_section .right .image_wrap img {
      width: 100%; }
    @media (max-width: 650px) {
      .penthouses_wrap .first_section .right .image_wrap .desktop {
        display: none; } }
    .penthouses_wrap .first_section .right .image_wrap .mobile {
      display: none; }
      @media (max-width: 650px) {
        .penthouses_wrap .first_section .right .image_wrap .mobile {
          display: block; } }

.penthouses_wrap .second_section {
  width: 100%;
  margin: 150px 0; }
  @media (max-width: 650px) {
    .penthouses_wrap .second_section {
      margin: 75px 0; } }
  .penthouses_wrap .second_section .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end; }
    @media (max-width: 650px) {
      .penthouses_wrap .second_section .container {
        width: 90%;
        margin: 0 auto; } }
    .penthouses_wrap .second_section .container .image_wrap {
      width: 61%;
      padding-top: 59%;
      position: relative; }
      @media (max-width: 650px) {
        .penthouses_wrap .second_section .container .image_wrap {
          width: 100%;
          padding-top: 112%; } }
      .penthouses_wrap .second_section .container .image_wrap img {
        z-index: 1; }
      .penthouses_wrap .second_section .container .image_wrap .panorama_button {
        border: none;
        z-index: 2;
        position: absolute;
        left: 25px;
        bottom: 25px;
        background: #fff;
        padding: 0.6em 1em;
        line-height: 1.8em; }
        .penthouses_wrap .second_section .container .image_wrap .panorama_button:hover {
          background: #847f7b;
          color: #fff; }
    .penthouses_wrap .second_section .container .right {
      width: 15.6%;
      margin-left: 8vw; }
      @media (max-width: 1080px) {
        .penthouses_wrap .second_section .container .right {
          width: 21%; } }
      @media (max-width: 1080px) {
        .penthouses_wrap .second_section .container .right {
          width: 26%; } }
      @media (max-width: 650px) {
        .penthouses_wrap .second_section .container .right {
          width: 100%;
          margin-left: 0;
          margin-top: 25px; } }
      .penthouses_wrap .second_section .container .right p {
        color: #847f7b;
        font-family: "AGaramondPro-Regular";
        font-size: 17px;
        line-height: 1.4em; }

.penthouses_wrap .third_section {
  padding-bottom: 150px; }
  @media (max-width: 1370px) {
    .penthouses_wrap .third_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .penthouses_wrap .third_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .penthouses_wrap .third_section {
      padding-bottom: 75px; } }
  .penthouses_wrap .third_section .container {
    padding: 0 17vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end; }
    @media (max-width: 1080px) {
      .penthouses_wrap .third_section .container {
        padding: 0 11vw; } }
    @media (max-width: 768px) {
      .penthouses_wrap .third_section .container {
        padding: 0 5vw; } }
    @media (max-width: 650px) {
      .penthouses_wrap .third_section .container {
        padding: 0 5vw; } }
    .penthouses_wrap .third_section .container .description {
      line-height: 1.15em;
      text-align: right;
      width: 24%;
      line-height: 1.4em;
      margin-right: 9%;
      font-size: 17px;
      font-family: "AGaramondPro-Regular";
      color: #847f7b; }
      @media (max-width: 1080px) {
        .penthouses_wrap .third_section .container .description {
          width: 27%; } }
      @media (max-width: 650px) {
        .penthouses_wrap .third_section .container .description {
          order: 2;
          text-align: left;
          margin: 0;
          width: 100%; } }
    .penthouses_wrap .third_section .container .image_wrap {
      width: 66%;
      padding-top: 61%;
      position: relative; }
      @media (max-width: 1080px) {
        .penthouses_wrap .third_section .container .image_wrap {
          width: 63%;
          padding-top: 58%; } }
      @media (max-width: 650px) {
        .penthouses_wrap .third_section .container .image_wrap {
          width: 100%;
          order: 1;
          padding-top: 80%;
          margin-bottom: 25px; } }

.penthouses_wrap .fourth_section {
  padding-bottom: 150px; }
  @media (max-width: 1370px) {
    .penthouses_wrap .fourth_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .penthouses_wrap .fourth_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .penthouses_wrap .fourth_section {
      padding-bottom: 75px; } }
  .penthouses_wrap .fourth_section .image_wrap {
    width: 100%;
    padding-top: 57%;
    position: relative; }
  .penthouses_wrap .fourth_section .description_wrap {
    width: 100%; }
    .penthouses_wrap .fourth_section .description_wrap .description {
      color: #847f7b;
      text-align: right;
      line-height: 1.4em;
      padding-top: 0.75em;
      font-size: 16px;
      opacity: 0.75;
      font-family: "AGaramondPro-Italic";
      padding: 0.75em 5.5vw; }
      @media (max-width: 650px) {
        .penthouses_wrap .fourth_section .description_wrap .description {
          display: none; } }

.penthouses_wrap .fifth_section {
  padding-bottom: 150px; }
  @media (max-width: 1370px) {
    .penthouses_wrap .fifth_section {
      padding-bottom: 120px; } }
  @media (max-width: 1080px) {
    .penthouses_wrap .fifth_section {
      padding-bottom: 100px; } }
  @media (max-width: 650px) {
    .penthouses_wrap .fifth_section {
      padding-bottom: 75px; } }
  .penthouses_wrap .fifth_section .container {
    padding: 0 5vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .penthouses_wrap .fifth_section .container .description_wrap {
      text-align: center;
      margin-bottom: 40px; }
      .penthouses_wrap .fifth_section .container .description_wrap p {
        color: #847f7b;
        font-size: 38px;
        line-height: 1.2em;
        font-family: "AGaramondPro-Italic"; }
        @media (max-width: 768px) {
          .penthouses_wrap .fifth_section .container .description_wrap p {
            font-size: 32px; } }
        @media (max-width: 650px) {
          .penthouses_wrap .fifth_section .container .description_wrap p {
            font-size: 24px; }
            .penthouses_wrap .fifth_section .container .description_wrap p br {
              display: none; } }

.views_wrap .first_section {
  padding: 0 11vw;
  background: #f3efeb;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 150px 0; }
  @media (max-width: 768px) {
    .views_wrap .first_section {
      padding: 0 5.55vw; } }
  @media (max-width: 650px) {
    .views_wrap .first_section {
      margin: 100px 0 50px; } }
  .views_wrap .first_section .left {
    width: 56%; }
    @media (max-width: 768px) {
      .views_wrap .first_section .left {
        width: 54%; } }
    @media (max-width: 650px) {
      .views_wrap .first_section .left {
        width: 100%; } }
    .views_wrap .first_section .left .image_wrap img {
      width: 100%; }
    @media (max-width: 650px) {
      .views_wrap .first_section .left .image_wrap .desktop {
        display: none; } }
    .views_wrap .first_section .left .image_wrap .mobile {
      display: none; }
      @media (max-width: 650px) {
        .views_wrap .first_section .left .image_wrap .mobile {
          display: block; } }
  .views_wrap .first_section .right {
    width: 42%; }
    @media (max-width: 768px) {
      .views_wrap .first_section .right {
        width: 42%; } }
    @media (max-width: 650px) {
      .views_wrap .first_section .right {
        width: 100%; } }
    .views_wrap .first_section .right .description {
      font-size: 22px;
      margin: 15% 6vw 100px calc(5.5555555556vw + 1.1111111111px);
      font-family: "AGaramondPro-Regular";
      color: #846f7b;
      line-height: 1.3em; }
      @media (max-width: 1080px) {
        .views_wrap .first_section .right .description {
          font-size: 19px;
          margin: 15% 0.5vw 100px calc(5.5555555556vw + 1.1111111111px); } }
      @media (max-width: 768px) {
        .views_wrap .first_section .right .description {
          margin: 10% 0.5vw 75px 0; } }
      @media (max-width: 650px) {
        .views_wrap .first_section .right .description {
          font-size: 17px;
          margin: 10% 0.5vw 40px 0; } }

.views_wrap .panorama_section {
  position: relative;
  width: 100%;
  padding-top: 56.5%; }
  .views_wrap .panorama_section .button_light {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 205px;
    text-align: center;
    cursor: pointer; }
    .views_wrap .panorama_section .button_light:hover {
      background: #847f7b;
      border: 1px solid #847f7b; }

.views_wrap .panorama_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .views_wrap .panorama_wrap .close_panorama {
    position: absolute;
    top: 35px;
    right: 20px;
    width: 30px;
    height: 30px;
    transition: all, 0.5s;
    cursor: pointer;
    z-index: 99; }
    .views_wrap .panorama_wrap .close_panorama:hover {
      opacity: 0.6; }
    @media (max-width: 650px) {
      .views_wrap .panorama_wrap .close_panorama {
        top: 20px;
        left: 20px; } }
  .views_wrap .panorama_wrap .info {
    position: absolute;
    z-index: 99;
    color: #fff;
    font-family: "Metropolis-Medium";
    font-size: 12px;
    text-transform: uppercase;
    bottom: 30px;
    right: 30px; }
    @media (max-width: 650px) {
      .views_wrap .panorama_wrap .info {
        bottom: 20px;
        left: 20px;
        right: auto;
        width: 100px; } }
  .views_wrap .panorama_wrap #panorama,
  .views_wrap .panorama_wrap #panorama2 {
    z-index: 9;
    display: block; }
    .views_wrap .panorama_wrap #panorama #pan-right,
    .views_wrap .panorama_wrap #panorama #pan-right2,
    .views_wrap .panorama_wrap #panorama2 #pan-right,
    .views_wrap .panorama_wrap #panorama2 #pan-right2 {
      right: 30px;
      position: absolute;
      top: 50%;
      width: 40px;
      z-index: 99;
      transform: translateY(-50%);
      height: 40px;
      cursor: pointer; }
      @media (max-width: 650px) {
        .views_wrap .panorama_wrap #panorama #pan-right,
        .views_wrap .panorama_wrap #panorama #pan-right2,
        .views_wrap .panorama_wrap #panorama2 #pan-right,
        .views_wrap .panorama_wrap #panorama2 #pan-right2 {
          right: 20px; } }
      .views_wrap .panorama_wrap #panorama #pan-right img,
      .views_wrap .panorama_wrap #panorama #pan-right2 img,
      .views_wrap .panorama_wrap #panorama2 #pan-right img,
      .views_wrap .panorama_wrap #panorama2 #pan-right2 img {
        width: 100%;
        height: 100%; }
    .views_wrap .panorama_wrap #panorama #pan-left,
    .views_wrap .panorama_wrap #panorama #pan-left2,
    .views_wrap .panorama_wrap #panorama2 #pan-left,
    .views_wrap .panorama_wrap #panorama2 #pan-left2 {
      left: 30px;
      height: 40px;
      width: 40px;
      position: absolute;
      top: 50%;
      z-index: 99;
      transform: translateY(-50%) rotate(180deg);
      cursor: pointer; }
      @media (max-width: 650px) {
        .views_wrap .panorama_wrap #panorama #pan-left,
        .views_wrap .panorama_wrap #panorama #pan-left2,
        .views_wrap .panorama_wrap #panorama2 #pan-left,
        .views_wrap .panorama_wrap #panorama2 #pan-left2 {
          left: 20px; } }
      .views_wrap .panorama_wrap #panorama #pan-left img,
      .views_wrap .panorama_wrap #panorama #pan-left2 img,
      .views_wrap .panorama_wrap #panorama2 #pan-left img,
      .views_wrap .panorama_wrap #panorama2 #pan-left2 img {
        width: 100%;
        height: 100%; }
    .views_wrap .panorama_wrap #panorama.visible,
    .views_wrap .panorama_wrap #panorama2.visible {
      z-index: 10; }

@media (max-width: 650px) {
  .views_wrap .pnlm-compass {
    display: none !important; } }

.views_wrap .custom-select2 {
  width: 180px;
  height: 34px;
  position: absolute;
  top: 35px;
  right: 75px;
  z-index: 11; }
  @media (max-width: 650px) {
    .views_wrap .custom-select2 {
      top: 20px;
      right: 20px; } }
  @media (max-width: 650px) {
    .views_wrap .custom-select2 {
      width: 150px; } }

.views_wrap .custom-select2 select {
  display: none; }

.views_wrap .selected-item {
  background: #f9f9f9;
  padding: 8px 20px;
  color: #837f7b;
  cursor: pointer;
  z-index: 99;
  font-size: 12px;
  line-height: 1.5em;
  font-family: "Metropolis-SemiBold"; }

.views_wrap .selected-item:after {
  content: "";
  background-image: url("/wp-content/themes/olympiadumbo/assets/images/chewron.svg");
  width: 20px;
  /* Set the width and height of the image */
  height: 20px;
  display: inline-block;
  /* Make it inline with the text */
  color: #837f7b;
  position: absolute;
  right: 10px;
  transition: 0.5s;
  transform: rotate(90deg); }

.views_wrap .arrowanim.selected-item:after {
  transform: rotate(270deg); }

.views_wrap .item {
  background: #f9f9f9;
  padding: 5px 20px;
  color: #837f7b;
  border-top: 1px solid #f9f9f9;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.5em;
  font-family: "Metropolis-SemiBold"; }

.views_wrap .item:hover {
  background-color: #e0dfdf; }

.views_wrap .all-items {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100; }

.views_wrap .all-items-hide {
  display: none; }

.views_wrap .sdf {
  border: 1px solid red; }

.neighborhood_wrap {
  background: #fff; }
  .neighborhood_wrap .hero_section {
    width: 100%;
    height: 100vh;
    position: relative; }
    .neighborhood_wrap .hero_section:after {
      z-index: 2;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0.3), transparent 60%); }
    .neighborhood_wrap .hero_section .scroll_down {
      position: absolute;
      bottom: 45px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3; }
      .neighborhood_wrap .hero_section .scroll_down img {
        width: 40px;
        transform: rotate(90deg); }
  .neighborhood_wrap .first_section {
    padding: 0 11vw 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 150px 0 0;
    position: relative; }
    @media (max-width: 1370px) {
      .neighborhood_wrap .first_section {
        margin: 120px 0 0;
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .neighborhood_wrap .first_section {
        margin: 100px 0 0;
        padding-bottom: 100px; } }
    @media (max-width: 768px) {
      .neighborhood_wrap .first_section {
        padding: 0 5.55vw; } }
    @media (max-width: 650px) {
      .neighborhood_wrap .first_section {
        margin: 30px 0 0;
        padding-bottom: 50px; } }
    .neighborhood_wrap .first_section .left {
      width: 21%;
      position: absolute;
      top: 0;
      left: 17vw; }
      @media (max-width: 1370px) {
        .neighborhood_wrap .first_section .left {
          width: 27%;
          left: 11vw; } }
      @media (max-width: 768px) {
        .neighborhood_wrap .first_section .left {
          width: 43%;
          left: 5.5vw; } }
      @media (max-width: 650px) {
        .neighborhood_wrap .first_section .left {
          width: 100%;
          order: 2;
          position: relative;
          top: auto;
          left: auto; } }
      .neighborhood_wrap .first_section .left .description {
        font-size: 22px;
        font-family: "AGaramondPro-Regular";
        color: #a9a39e;
        line-height: 1.3em;
        text-align: left; }
        @media (max-width: 1080px) {
          .neighborhood_wrap .first_section .left .description {
            font-size: 19px; } }
        @media (max-width: 768px) {
          .neighborhood_wrap .first_section .left .description {
            font-size: 17px; } }
    .neighborhood_wrap .first_section .right {
      width: 78%; }
      @media (max-width: 768px) {
        .neighborhood_wrap .first_section .right {
          width: 61%; } }
      @media (max-width: 650px) {
        .neighborhood_wrap .first_section .right {
          width: 100%;
          order: 1;
          margin-bottom: 35px; } }
      .neighborhood_wrap .first_section .right .image_wrap img {
        width: 100%; }
      @media (max-width: 650px) {
        .neighborhood_wrap .first_section .right .image_wrap .desktop {
          display: none; } }
      .neighborhood_wrap .first_section .right .image_wrap .mobile {
        display: none; }
        @media (max-width: 650px) {
          .neighborhood_wrap .first_section .right .image_wrap .mobile {
            display: block; } }
  .neighborhood_wrap .second_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding: 0 11vw 150px; }
    @media (max-width: 1370px) {
      .neighborhood_wrap .second_section {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .neighborhood_wrap .second_section {
        padding-bottom: 100px; } }
    @media (max-width: 768px) {
      .neighborhood_wrap .second_section {
        padding: 0 5.55vw; } }
    @media (max-width: 650px) {
      .neighborhood_wrap .second_section {
        padding-bottom: 50px; } }
    .neighborhood_wrap .second_section .image {
      width: 49%;
      position: relative; }
      @media (max-width: 650px) {
        .neighborhood_wrap .second_section .image {
          width: 100%;
          margin-bottom: 45px; } }
      .neighborhood_wrap .second_section .image .image_wrap {
        position: relative;
        width: 100%;
        padding-top: 131.5%; }
      .neighborhood_wrap .second_section .image .caption {
        margin-top: 0.75em;
        font-size: 16px;
        opacity: 0.75;
        font-family: "AGaramondPro-Italic";
        color: #847f7b; }
        @media (max-width: 650px) {
          .neighborhood_wrap .second_section .image .caption {
            font-size: 13px; } }
    .neighborhood_wrap .second_section .large_image {
      width: 100%;
      margin-top: 75px; }
      @media (max-width: 650px) {
        .neighborhood_wrap .second_section .large_image {
          margin-top: 0; } }
      .neighborhood_wrap .second_section .large_image .image_wrap {
        position: relative;
        width: 100%;
        padding-top: 65%; }
      .neighborhood_wrap .second_section .large_image .caption {
        margin-top: 0.75em;
        font-size: 16px;
        opacity: 0.75;
        font-family: "AGaramondPro-Italic";
        color: #847f7b; }
        @media (max-width: 650px) {
          .neighborhood_wrap .second_section .large_image .caption {
            font-size: 13px; } }
  .neighborhood_wrap .third_section h1 {
    font-family: "Atlantic-Light";
    font-size: 58px;
    text-align: center;
    line-height: 0.94em;
    text-transform: uppercase;
    color: #847f7b;
    margin: 1em 0 2em; }
    @media (max-width: 768px) {
      .neighborhood_wrap .third_section h1 {
        font-size: 65px; } }
    @media (max-width: 650px) {
      .neighborhood_wrap .third_section h1 {
        font-size: 41px; } }
  .neighborhood_wrap .third_section .navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .neighborhood_wrap .third_section .navigation li {
      display: inline-block;
      width: 19.9%;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 26px 0;
      background-color: #f3efeb;
      color: #636160;
      font-family: "Metropolis-Regular";
      font-size: 12px;
      line-height: 1.2em;
      letter-spacing: 0.075em;
      cursor: pointer; }
      .neighborhood_wrap .third_section .navigation li button {
        text-transform: uppercase; }
      .neighborhood_wrap .third_section .navigation li.is-active {
        background-color: #1e1c1d;
        color: #fff;
        font-family: "Metropolis-Bold"; }
  .neighborhood_wrap .third_section .map_wrap {
    height: 50vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 768px) {
      .neighborhood_wrap .third_section .map_wrap {
        height: 80vh; } }
    .neighborhood_wrap .third_section .map_wrap .mapboxgl-ctrl-bottom-left {
      left: 25%; }
    .neighborhood_wrap .third_section .map_wrap .mapboxgl-ctrl-top-left {
      height: 100%; }
    .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container {
      width: 100%;
      height: 100%; }
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control input:checked + .mapster-slider {
        background: #f3efeb;
        color: #fff; }
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control {
        width: 100vw;
        max-height: 100%;
        padding: 0;
        margin: 0; }
        .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul li {
            display: inline-block;
            width: 19.9%;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f3efeb;
            color: #636160;
            font-family: "Metropolis-Regular";
            font-size: 12px;
            line-height: 1.2em;
            letter-spacing: 0.075em;
            cursor: pointer;
            text-transform: uppercase;
            text-align: center; }
            @media (max-width: 768px) {
              .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul li {
                font-size: 10px; } }
            @media (max-width: 650px) {
              .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul li {
                width: 49%;
                margin-bottom: 10px; } }
            .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul li label {
              position: absolute;
              color: #636160; }
            .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul li .mapster-switch {
              padding: 35px 0;
              width: 100%;
              text-align: center;
              position: relative;
              margin-right: 0; }
              @media (max-width: 650px) {
                .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul li .mapster-switch {
                  padding: 20px 0; } }
              .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul li .mapster-switch span {
                border-radius: 0;
                background: #f3efeb; }
                .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-category-control ul li .mapster-switch span:before {
                  display: none; }
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-list-control {
        margin: 0;
        padding: 0 50px 0;
        box-sizing: border-box;
        max-width: 400px;
        width: 100%;
        background: #1e1c1d;
        color: #fff;
        height: 100%; }
        @media (max-width: 1285px) {
          .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-list-control {
            padding: 0 25px 0;
            max-width: 340px; } }
        @media (max-width: 768px) {
          .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-list-control {
            display: none; } }
        .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-list-control ul {
          margin: 50px 0;
          height: 100%; }
          .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-list-control ul li {
            font-family: "Metropolis-SemiBold";
            font-size: 12px;
            text-transform: uppercase;
            color: #fff;
            margin: 6px 0 0 0; }
            .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapster-list-control ul li:hover {
              background-color: #1e1c1d;
              color: #fff; }
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .map-popup-body h1,
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .map-popup-body h2,
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .map-popup-body h3,
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .map-popup-body h4,
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .map-popup-body h5,
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .map-popup-body h6 {
        font-size: 12px;
        color: #fff;
        font-family: "Metropolis-Bold"; }
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .map-popup-body p {
        font-family: "AGaramondPro-Italic";
        font-size: 13px;
        color: #fff;
        line-height: 16px;
        margin: 0; }
      .neighborhood_wrap .third_section .map_wrap .mapster-wp-maps-container .mapboxgl-marker {
        cursor: pointer; }
  .neighborhood_wrap .third_section .description {
    line-height: 1.4em;
    font-size: 17px;
    color: #847f7b;
    width: 55vw;
    margin: 0 auto;
    padding: 150px 0; }
    @media (max-width: 768px) {
      .neighborhood_wrap .third_section .description {
        width: 66vw;
        padding: 100px 0; } }
    @media (max-width: 650px) {
      .neighborhood_wrap .third_section .description {
        width: 90vw;
        padding: 75px 0; } }
  .neighborhood_wrap .fourth_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding: 0 11vw 0; }
    @media (max-width: 768px) {
      .neighborhood_wrap .fourth_section {
        padding: 0 5.55vw; } }
    .neighborhood_wrap .fourth_section .image_left {
      width: 63.5%;
      position: relative; }
      @media (max-width: 650px) {
        .neighborhood_wrap .fourth_section .image_left {
          width: 100%;
          margin-bottom: 45px; } }
      .neighborhood_wrap .fourth_section .image_left .image_wrap {
        position: relative;
        width: 100%;
        padding-top: 73%; }
    .neighborhood_wrap .fourth_section .image_right {
      width: 34.5%;
      position: relative; }
      @media (max-width: 650px) {
        .neighborhood_wrap .fourth_section .image_right {
          width: 100%; } }
      .neighborhood_wrap .fourth_section .image_right .image_wrap {
        position: relative;
        width: 100%;
        padding-top: 134.5%; }
    .neighborhood_wrap .fourth_section .large_image {
      width: 100%;
      margin-top: 75px; }
      @media (max-width: 650px) {
        .neighborhood_wrap .fourth_section .large_image {
          margin-top: 45px; } }
      .neighborhood_wrap .fourth_section .large_image .image_wrap {
        position: relative;
        width: 100%;
        padding-top: 65%; }
      .neighborhood_wrap .fourth_section .large_image .caption {
        margin-top: 0.75em;
        font-size: 16px;
        opacity: 0.75;
        font-family: "AGaramondPro-Italic";
        color: #847f7b; }
        @media (max-width: 650px) {
          .neighborhood_wrap .fourth_section .large_image .caption {
            font-size: 13px; } }
    .neighborhood_wrap .fourth_section .description {
      line-height: 1.4em;
      font-size: 17px;
      color: #847f7b;
      width: 44vw;
      margin: 0 auto;
      padding: 150px 0; }
      @media (max-width: 1370px) {
        .neighborhood_wrap .fourth_section .description {
          width: 55vw;
          padding: 100px 0; } }
      @media (max-width: 768px) {
        .neighborhood_wrap .fourth_section .description {
          width: 66vw; } }
      @media (max-width: 650px) {
        .neighborhood_wrap .fourth_section .description {
          width: 90vw;
          padding: 75px 0; } }
  .neighborhood_wrap .fifth_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding: 0 16.66vw 150px; }
    @media (max-width: 1370px) {
      .neighborhood_wrap .fifth_section {
        padding: 0 11.11vw 120px; } }
    @media (max-width: 1080px) {
      .neighborhood_wrap .fifth_section {
        padding-bottom: 100px; } }
    @media (max-width: 768px) {
      .neighborhood_wrap .fifth_section {
        padding: 0 5.55vw 100px; } }
    @media (max-width: 650px) {
      .neighborhood_wrap .fifth_section {
        padding-bottom: 50px; } }
    .neighborhood_wrap .fifth_section .image {
      width: 49%;
      position: relative;
      margin-bottom: 20px; }
      @media (max-width: 650px) {
        .neighborhood_wrap .fifth_section .image {
          width: 100%;
          margin-bottom: 45px; } }
      .neighborhood_wrap .fifth_section .image .image_wrap {
        position: relative;
        width: 100%;
        padding-top: 100%; }
        @media (max-width: 650px) {
          .neighborhood_wrap .fifth_section .image .image_wrap {
            padding-top: 118%; } }
    .neighborhood_wrap .fifth_section .caption {
      margin-top: 0.75em;
      font-size: 16px;
      opacity: 0.75;
      font-family: "AGaramondPro-Italic";
      color: #847f7b; }
      @media (max-width: 650px) {
        .neighborhood_wrap .fifth_section .caption {
          font-size: 13px; } }
      .neighborhood_wrap .fifth_section .caption.mobile {
        display: none; }
        @media (max-width: 650px) {
          .neighborhood_wrap .fifth_section .caption.mobile {
            display: block; } }
      .neighborhood_wrap .fifth_section .caption.desktop {
        display: block; }
        @media (max-width: 650px) {
          .neighborhood_wrap .fifth_section .caption.desktop {
            display: none; } }
  .neighborhood_wrap .sixth_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding: 0 11vw 150px; }
    @media (max-width: 1370px) {
      .neighborhood_wrap .sixth_section {
        padding-bottom: 120px; } }
    @media (max-width: 1080px) {
      .neighborhood_wrap .sixth_section {
        padding-bottom: 100px; } }
    @media (max-width: 768px) {
      .neighborhood_wrap .sixth_section {
        padding: 0 5.55vw 100px; } }
    @media (max-width: 650px) {
      .neighborhood_wrap .sixth_section {
        padding-bottom: 50px; } }
    .neighborhood_wrap .sixth_section .large_image {
      width: 100%; }
      .neighborhood_wrap .sixth_section .large_image .image_wrap {
        position: relative;
        width: 100%;
        padding-top: 65%; }
      .neighborhood_wrap .sixth_section .large_image .caption {
        margin-top: 0.75em;
        font-size: 16px;
        opacity: 0.75;
        font-family: "AGaramondPro-Italic";
        color: #847f7b; }
        @media (max-width: 650px) {
          .neighborhood_wrap .sixth_section .large_image .caption {
            font-size: 13px; } }

.inquire_wrap {
  background-color: #f3efeb;
  padding-top: 175px;
  position: relative;
  padding-bottom: 220px;
  overflow: hidden;
  /* The container must be positioned relative: */
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */ }
  @media (max-width: 768px) {
    .inquire_wrap {
      padding-bottom: 100px; } }
  .inquire_wrap .container {
    padding: 0 calc(16.666vw + 3.3333333333px);
    width: 100%;
    box-sizing: border-box; }
    @media (max-width: 1370px) {
      .inquire_wrap .container {
        padding: 0 calc(11.111vw + 3.3333333333px); } }
    @media (max-width: 768px) {
      .inquire_wrap .container {
        padding: 0 5.55vw; } }
  .inquire_wrap .hero {
    width: 100%; }
    .inquire_wrap .hero .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-end;
      margin-bottom: 75px; }
      .inquire_wrap .hero .container span {
        margin-top: 40px;
        display: block;
        width: 100%;
        height: 0.5px;
        background: #847f7b; }
    .inquire_wrap .hero .title {
      font-size: 70px;
      margin-right: 50px;
      line-height: 0.94em;
      font-family: "Atlantic-Light";
      color: #847f7b;
      text-transform: uppercase;
      width: auto; }
    .inquire_wrap .hero .description {
      width: auto;
      font-size: 17px;
      color: #847f7b;
      line-height: 1.4em;
      font-family: "AGaramondPro-Regular"; }
  .inquire_wrap .content .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .inquire_wrap .content .container .left {
      width: 76.5%; }
      @media (max-width: 1370px) {
        .inquire_wrap .content .container .left {
          width: 64%; } }
      @media (max-width: 768px) {
        .inquire_wrap .content .container .left {
          width: 70.5%; } }
      @media (max-width: 650px) {
        .inquire_wrap .content .container .left {
          width: 100%;
          margin-bottom: 75px; } }
      .inquire_wrap .content .container .left .row {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .inquire_wrap .content .container .left .row .half {
          width: 42%; }
          @media (max-width: 650px) {
            .inquire_wrap .content .container .left .row .half {
              width: 100%; } }
        .inquire_wrap .content .container .left .row .full {
          width: 100%;
          margin-bottom: 40px; }
        .inquire_wrap .content .container .left .row .one_third {
          width: 20%; }
          @media (max-width: 650px) {
            .inquire_wrap .content .container .left .row .one_third {
              width: 100%; } }
        .inquire_wrap .content .container .left .row .two_third {
          width: 64.2%; }
          @media (max-width: 650px) {
            .inquire_wrap .content .container .left .row .two_third {
              width: 100%; } }
        .inquire_wrap .content .container .left .row .input_holder {
          font-family: "Metropolis-SemiBold";
          font-size: 13px;
          line-height: 1.4;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          color: #847f7b;
          margin-bottom: 40px; }
          .inquire_wrap .content .container .left .row .input_holder input[type="text"],
          .inquire_wrap .content .container .left .row .input_holder input[type="email"],
          .inquire_wrap .content .container .left .row .input_holder input[type="tel"] {
            width: 100%;
            padding-top: 5px;
            font-size: 16px;
            font-family: AGaramondPro-Italic;
            padding-bottom: 12px;
            text-transform: initial;
            border-bottom: solid 1px #a9a39e;
            color: #847f7b !important; }
          .inquire_wrap .content .container .left .row .input_holder.sub {
            margin-top: 40px;
            margin-bottom: 0;
            display: none; }
          .inquire_wrap .content .container .left .row .input_holder.radio .label_wrap {
            margin-top: 12px; }
          .inquire_wrap .content .container .left .row .input_holder.radio input[type="radio"] {
            position: absolute;
            opacity: 0; }
            .inquire_wrap .content .container .left .row .input_holder.radio input[type="radio"] + .radio-label:before {
              content: "";
              background: #f3efeb;
              border-radius: 100%;
              border: 1px solid #c3af9b;
              display: inline-block;
              width: 1.4em;
              height: 1.4em;
              position: relative;
              top: -0.2em;
              margin-right: 1em;
              vertical-align: top;
              cursor: pointer;
              text-align: center;
              transition: all 250ms ease; }
            .inquire_wrap .content .container .left .row .input_holder.radio input[type="radio"]:checked + .radio-label:before {
              background-color: #a9a39e;
              box-shadow: inset 0 0 0 4px #f3efeb; }
            .inquire_wrap .content .container .left .row .input_holder.radio input[type="radio"]:focus + .radio-label:before {
              outline: none;
              border-color: #a9a39e; }
            .inquire_wrap .content .container .left .row .input_holder.radio input[type="radio"]:disabled + .radio-label:before {
              box-shadow: inset 0 0 0 4px #f3efeb;
              border-color: #c3af9b;
              background: #c3af9b; }
            .inquire_wrap .content .container .left .row .input_holder.radio input[type="radio"] + .radio-label:empty:before {
              margin-right: 0; }
        .inquire_wrap .content .container .left .row .button {
          margin: 0; }
        .inquire_wrap .content .container .left .row span {
          font-size: 16px;
          color: #847f7b;
          font-family: AGaramondPro-Italic; }
    .inquire_wrap .content .container .right {
      width: 15.1%; }
      @media (max-width: 1370px) {
        .inquire_wrap .content .container .right {
          width: 29%; } }
      @media (max-width: 768px) {
        .inquire_wrap .content .container .right {
          width: 23.5%; } }
      @media (max-width: 650px) {
        .inquire_wrap .content .container .right {
          width: 100%; } }
      .inquire_wrap .content .container .right h6 {
        font-family: "Metropolis-SemiBold";
        color: #847f7b;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.11em;
        text-transform: uppercase;
        margin-bottom: 20px; }
      .inquire_wrap .content .container .right a,
      .inquire_wrap .content .container .right p {
        margin-bottom: 20px;
        display: inline-block;
        font-family: "AGaramondPro-Regular";
        font-size: 15px;
        line-height: 1.43em;
        color: #847f7b;
        transition: all, 0.5s; }
        .inquire_wrap .content .container .right a:hover,
        .inquire_wrap .content .container .right p:hover {
          text-decoration: underline; }
  .inquire_wrap .custom-select {
    width: 100%;
    position: relative;
    padding: 10px 0 5px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: solid 1px #a9a39e; }
    @media (max-width: 768px) {
      .inquire_wrap .custom-select {
        font-size: 15px; } }
    .inquire_wrap .custom-select:after {
      content: "\25BE";
      position: absolute;
      top: 5px;
      right: 5px;
      font-size: 18px; }
  .inquire_wrap .custom-select select {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .inquire_wrap .select-selected {
    background-color: transparent;
    padding: 0;
    position: relative;
    z-index: 2;
    position: relative; }
  .inquire_wrap .select-selected:after {
    display: none; }
  .inquire_wrap .select-selected.select-arrow-active:after {
    top: 7px; }
  .inquire_wrap .select-items div,
  .inquire_wrap .select-selected {
    cursor: pointer;
    transition: all, 0.5s;
    text-transform: initial;
    font-family: "AGaramondPro-Italic";
    font-size: 16px;
    color: #847f7b;
    white-space: nowrap; }
  .inquire_wrap .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    height: auto;
    transition: all, 0.5s;
    box-sizing: border-box;
    border: 1px solid #a9a39e;
    background-color: #eee8e3;
    max-height: 18.5em;
    overflow-y: scroll; }
    .inquire_wrap .select-items div {
      color: #847f7b;
      padding: 10px;
      box-sizing: border-box; }
      .inquire_wrap .select-items div:hover {
        background: #a9a39e !important; }
  .inquire_wrap .select-hide {
    display: none;
    transition: all, 0.5s; }
  .inquire_wrap .select-items div:hover,
  .inquire_wrap .same-as-selected {
    background-color: #a9a39e;
    color: #fff; }

.availability_wrap {
  background: #000;
  padding: 175px calc(5.5555555556vw) 370px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 1285px) {
    .availability_wrap {
      padding: 175px calc(5.5555555556vw) 220px; } }
  @media (max-width: 650px) {
    .availability_wrap {
      padding: 125px 0 220px; } }
  @media (max-width: 768px) {
    .availability_wrap .is-mobile-hidden {
      display: none; } }
  .availability_wrap h1 {
    font-size: 70px;
    line-height: 0.94em;
    font-family: Atlantic-Light;
    color: #fff;
    text-transform: uppercase; }
    @media (max-width: 650px) {
      .availability_wrap h1 {
        font-size: 50px;
        padding: 0 calc(5.5555555556vw);
        box-sizing: border-box; } }
  .availability_wrap p {
    color: #847f7b;
    margin-top: 1em;
    font-family: "AGaramondPro-Regular";
    font-size: 17px;
    margin-bottom: 75px; }
    @media (max-width: 650px) {
      .availability_wrap p {
        color: #fff;
        padding: 0 calc(5.5555555556vw);
        box-sizing: border-box;
        margin-bottom: 40px; } }
  .availability_wrap .filters {
    align-items: flex-start;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    /* Style the arrow inside the select element: */
    /* Point the arrow upwards when the select box is open (active): */
    /* style the items (options), including the selected item: */
    /* Style items (options): */
    /* Hide the items when the select box is closed: */ }
    @media (max-width: 650px) {
      .availability_wrap .filters {
        flex-wrap: wrap;
        padding: 0 calc(5.5555555556vw);
        box-sizing: border-box; } }
    .availability_wrap .filters .custom-select {
      width: 100%;
      position: relative;
      box-sizing: border-box;
      width: 100%;
      border: solid 1px #fff; }
      .availability_wrap .filters .custom-select:after {
        content: "\25BE";
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 18px; }
        @media (max-width: 650px) {
          .availability_wrap .filters .custom-select:after {
            right: 10px; } }
      .availability_wrap .filters .custom-select:nth-of-type(1) {
        width: 175px;
        margin-right: 20px; }
        @media (max-width: 650px) {
          .availability_wrap .filters .custom-select:nth-of-type(1) {
            width: 100%;
            margin-bottom: 10px;
            margin-right: 0; } }
      .availability_wrap .filters .custom-select:nth-of-type(2) {
        width: 225px; }
        @media (max-width: 650px) {
          .availability_wrap .filters .custom-select:nth-of-type(2) {
            width: 100%; } }
    .availability_wrap .filters .custom-select select {
      display: none;
      /*hide original SELECT element: */ }
    .availability_wrap .filters .select-selected {
      background-color: transparent;
      padding: 0;
      z-index: 2;
      position: relative;
      padding-left: 18px;
      line-height: 3em;
      letter-spacing: 0.05em; }
    .availability_wrap .filters .select-selected:after {
      display: none; }
    .availability_wrap .filters .select-selected.select-arrow-active:after {
      top: 7px; }
    .availability_wrap .filters .select-items div,
    .availability_wrap .filters .select-selected {
      cursor: pointer;
      transition: all, 0.5s;
      text-transform: initial;
      font-family: "Metropolis-SemiBold";
      text-transform: uppercase;
      font-size: 12px;
      color: #fff;
      white-space: nowrap; }
      @media (max-width: 650px) {
        .availability_wrap .filters .select-items div,
        .availability_wrap .filters .select-selected {
          font-size: 10px; } }
    .availability_wrap .filters .select-items {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 99;
      height: auto;
      overflow-y: scroll;
      transition: all, 0.5s;
      box-sizing: border-box;
      border: solid 1px #fff;
      background: #000; }
      .availability_wrap .filters .select-items div {
        color: #fff;
        padding: 10px 18px;
        box-sizing: border-box; }
        .availability_wrap .filters .select-items div:hover {
          background: #ffffff1d !important; }
    .availability_wrap .filters .select-hide {
      display: none;
      transition: all, 0.5s; }
    .availability_wrap .filters .select-items div:hover,
    .availability_wrap .filters .same-as-selected {
      background-color: #a9a39e;
      color: #fff; }
  .availability_wrap table {
    width: 100%;
    margin-top: 50px; }
    @media (max-width: 650px) {
      .availability_wrap table {
        margin-top: 20px; } }
    .availability_wrap table thead {
      color: #847f7b;
      border-bottom: 1px solid #847f7b; }
      @media (max-width: 650px) {
        .availability_wrap table thead tr {
          display: flex;
          justify-content: space-between;
          align-items: center; } }
      .availability_wrap table thead tr th {
        font-family: "Metropolis-SemiBold";
        font-size: 15px;
        text-transform: uppercase;
        padding: 20px 0;
        vertical-align: baseline;
        white-space: nowrap;
        text-align: center;
        width: 62px; }
        @media (max-width: 1080px) {
          .availability_wrap table thead tr th {
            font-size: 14px; } }
        @media (max-width: 768px) {
          .availability_wrap table thead tr th {
            font-size: 11px; } }
        @media (max-width: 650px) {
          .availability_wrap table thead tr th {
            font-size: 10px; } }
        .availability_wrap table thead tr th.is-sortable {
          cursor: pointer; }
          .availability_wrap table thead tr th.is-sortable .arrow {
            display: inline-block;
            position: relative;
            width: 15px;
            height: 10px; }
            .availability_wrap table thead tr th.is-sortable .arrow:after {
              content: "\25BE";
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 0;
              font-size: 20px; }
              @media (max-width: 768px) {
                .availability_wrap table thead tr th.is-sortable .arrow:after {
                  right: 0;
                  font-size: 15px; } }
          .availability_wrap table thead tr th.is-sortable.headerSortDown {
            color: #fff; }
            .availability_wrap table thead tr th.is-sortable.headerSortDown span:after {
              transform: translateY(-50%) rotate(180deg); }
          .availability_wrap table thead tr th.is-sortable.headerSortUp {
            color: #fff; }
            .availability_wrap table thead tr th.is-sortable.headerSortUp span:after {
              transform: translateY(-50%) rotate(0); }
        .availability_wrap table thead tr th:first-of-type {
          text-align: left; }
          @media (max-width: 768px) {
            .availability_wrap table thead tr th:first-of-type {
              text-align: center; } }
        .availability_wrap table thead tr th:last-of-type {
          text-align: right; }
          @media (max-width: 768px) {
            .availability_wrap table thead tr th:last-of-type {
              text-align: center; } }
        .availability_wrap table thead tr th span.mob {
          display: none; }
        @media (max-width: 768px) {
          .availability_wrap table thead tr th span {
            display: none; }
            .availability_wrap table thead tr th span.mob {
              display: inline-block; } }
    .availability_wrap table tbody tr {
      cursor: pointer; }
      @media (max-width: 650px) {
        .availability_wrap table tbody tr {
          display: flex;
          align-items: center;
          justify-content: space-between; } }
      .availability_wrap table tbody tr td {
        font-size: 20px;
        padding: 50px 25px;
        box-sizing: border-box;
        font-family: "AGaramondPro-Italic";
        color: #847f7b;
        text-align: center;
        transition: all, 0.5s;
        width: 115px;
        vertical-align: middle;
        /* Options: top, middle, bottom, or baseline */ }
        @media (max-width: 1080px) {
          .availability_wrap table tbody tr td {
            font-size: 18px;
            padding: 50px 20px; } }
        @media (max-width: 650px) {
          .availability_wrap table tbody tr td {
            font-size: 15px;
            width: 60px; } }
        .availability_wrap table tbody tr td:first-of-type {
          text-align: left; }
          @media (max-width: 768px) {
            .availability_wrap table tbody tr td:first-of-type {
              text-align: center; } }
        .availability_wrap table tbody tr td:last-of-type {
          text-align: right; }
          @media (max-width: 768px) {
            .availability_wrap table tbody tr td:last-of-type {
              text-align: center; } }
          .availability_wrap table tbody tr td:last-of-type span {
            font-family: "Metropolis-Bold";
            font-size: 12px;
            text-transform: uppercase;
            border-bottom: 2px solid #847f7b;
            padding-bottom: 0.25em;
            letter-spacing: 0.15em; }
        @media (max-width: 768px) {
          .availability_wrap table tbody tr td .desktop_download {
            display: none; } }
        .availability_wrap table tbody tr td .mobile_download {
          display: none;
          border: 0 !important; }
          @media (max-width: 768px) {
            .availability_wrap table tbody tr td .mobile_download {
              display: block; } }
        @media (max-width: 768px) {
          .availability_wrap table tbody tr td.price_desktop {
            display: none; } }
        .availability_wrap table tbody tr td.price_mobile {
          display: none; }
          @media (max-width: 768px) {
            .availability_wrap table tbody tr td.price_mobile {
              display: table-cell; } }
      .availability_wrap table tbody tr:nth-of-type(even) {
        background: rgba(216, 216, 216, 0.15); }
      .availability_wrap table tbody tr:hover td {
        color: #fff; }
  .availability_wrap .data {
    background-color: #fff; }

.m-map {
  position: relative;
  margin: 75px 0; }
  @media (min-width: 768px) {
    .m-map {
      margin: 100px 0; } }

.m-map__title {
  text-align: center; }

.m-map__wrapper {
  position: relative;
  display: flex; }

.m-map-locations {
  background-color: #1E1C1D;
  flex: 1;
  max-width: 300px;
  padding: 30px 40px;
  flex-direction: column;
  display: none; }
  @media (min-width: 768px) {
    .m-map-locations {
      display: flex; } }
  @media (min-width: 1024px) {
    .m-map-locations {
      max-width: 350px;
      padding: 40px 40px; } }
  @media (min-width: 1200px) {
    .m-map-locations {
      padding: 50px 50px;
      max-width: 400px; } }

.m-map-locations__title {
  font-family: 'Metropolis-SemiBold';
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: .075em;
  font-weight: 600;
  margin: 0 0 30px 0; }

.m-map-locations__list {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1 0 0;
  overflow-y: scroll; }

.m-map-locations__list li {
  margin: 0 0 15px 0;
  cursor: pointer;
  display: flex; }
  .m-map-locations__list li span:first-child {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #D5DDE0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #636160;
    font-family: 'Metropolis-SemiBold';
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 5px 0 0; }
  .m-map-locations__list li span:last-child {
    font-family: 'Metropolis-SemiBold';
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    margin: 6px 0 0 0; }

.m-map__map {
  height: 150vw;
  flex: 1; }
  @media (min-width: 768px) {
    .m-map__map {
      height: 50vw; } }

.m-map__wrapper select {
  position: absolute; }

.m-map__wrapper .choices {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2; }
  @media (min-width: 768px) {
    .m-map__wrapper .choices {
      display: none; } }
  .m-map__wrapper .choices[data-type*=select-one]:after {
    background-image: url("../images/chewron-light.svg");
    background-size: contain;
    background-position: center center;
    border: none;
    width: 16px;
    height: auto;
    aspect-ratio: 1;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg); }
  .m-map__wrapper .choices[data-type*=select-one].is-open:after {
    transform: translateY(-20%) rotate(-90deg); }
  .m-map__wrapper .choices .choices__inner {
    min-height: 0;
    padding-left: 0;
    border: none !important;
    border-radius: 0;
    background-color: #1E1C1D; }
  .m-map__wrapper .choices .choices__item {
    font-family: 'Metropolis-SemiBold';
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 600;
    padding-left: 18px;
    white-space: nowrap;
    color: #ffffff; }
  .m-map__wrapper .choices .choices__list--single {
    padding-left: 0;
    padding-right: 40px; }
  .m-map__wrapper .choices .choices__list--dropdown {
    border-radius: 0;
    border: none !important;
    background-color: #1E1C1D;
    width: auto;
    min-width: 100%; }
    .m-map__wrapper .choices .choices__list--dropdown .choices__item {
      padding-right: 30px; }
  .m-map__wrapper .choices .choices__item--selectable:after {
    display: none; }
  .m-map__wrapper .choices .choices__item--selectable.is-highlighted {
    background-color: rgba(99, 97, 96, 0.2); }

.m-map__nav {
  display: none; }
  @media (min-width: 768px) {
    .m-map__nav {
      display: flex; } }

.m-map__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex: 1; }

.m-map__nav ul li {
  flex: 1 1 0px;
  margin: 0 1px; }
  .m-map__nav ul li:first-child {
    margin-left: 0; }
  .m-map__nav ul li:last-child {
    margin-right: 0; }

.m-map__nav ul li button {
  display: flex;
  height: 65px;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: #F3EFEB;
  color: #636160;
  font-family: 'Metropolis-SemiBold';
  font-size: 12px;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: .075em;
  cursor: pointer;
  transition: background-color 300ms ease, color 300ms ease; }
  @media (min-width: 1024px) {
    .m-map__nav ul li button {
      font-size: 13px; } }
  @media (min-width: 1200px) {
    .m-map__nav ul li button {
      font-size: 13px; } }

.m-map__nav ul li.is-active button {
  background-color: #1E1C1D;
  color: #ffffff;
  font-weight: 600; }

.o-marker {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #D5DDE0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 300ms ease, background-color 300ms ease; }
  .o-marker.is-active {
    background-color: #1E1C1D;
    color: #ffffff;
    z-index: 2; }
  .o-marker span {
    font-family: 'Metropolis-SemiBold';
    font-size: 14px;
    font-weight: 500; }

.o-home-marker {
  position: absolute;
  width: 30px;
  height: 43.2px; }

.o-home-marker__logo {
  padding-top: 144%;
  background-image: url("../images/mark-iron-gray.svg"); }

.o-marker__tooltip {
  pointer-events: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-35px);
  background-color: #1E1C1D;
  color: #ffffff;
  bottom: 0;
  padding: 10px 15px;
  white-space: nowrap;
  opacity: 0;
  transition: transform 300ms ease, opacity 300ms ease; }
  .is-active .o-marker__tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(-40px);
    pointer-events: all; }
  .o-marker__tooltip:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #1E1C1D;
    display: block;
    position: absolute;
    transform: translateX(-50%) translateY(50%) rotate(45deg);
    left: 50%; }
  .o-marker__tooltip div {
    font-family: 'Metropolis-SemiBold';
    font-wize: 14px;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 600;
    margin: 0 0 5px 0; }
  .o-marker__tooltip p {
    font-family: 'Adobe Garamond Pro';
    font-style: italic;
    font-size: 13px;
    line-height: 16px;
    margin: 0; }