/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  height: 18px;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 32px;
  height: 18px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, /*.hamburger-inner::before,*/ .hamburger-inner::after {
    width: 30px;
    height: 1.5px;
    background-color: #000000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: 8px; }
  .hamburger-inner::after {
    bottom: 16px; }
/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 8px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 12px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 5px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-90deg); }

    .select2-container {
    width: 100% !important;
}

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
    transform: translateY(0px);
}

.qr_code { width:65px; height:65px; margin-right:24px; }

/*span.select2-selection.select2-selection--single {
        outline: none;
    }*/

@font-face {
  font-family: 'KingsCalson';
  src: url('fonts/kingscaslon-regular-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
   url('fonts/KingsCaslon-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: 'KingsCalsonBold';
  src: url('fonts/kingscaslon-bold-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
   url('fonts/KingsCaslon-Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
    font-family: TheInHardt;
    src: url("fonts/Theinhardt-Lt.otf") format("opentype");
}

@font-face {
    font-family: TheInHardtReg;
    src: url("fonts/Theinhardt-Rg.otf") format("opentype");
}
@font-face {
    font-family: TheInHardtMed;
    src: url("fonts/Theinhardt-Md.otf") format("opentype");
}

@font-face {
    font-family: TheInHardtBold;
    src: url("fonts/Theinhardt-Bd.otf") format("opentype");
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html { text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-shadow:1px 1px 1px rgba(0,0,0,0.004); font-size:1em;}
body, html { width:100%; color: #303030; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /*overflow-x: hidden;*/ }
html.unscrollable, body.unscrollable{overflow: hidden;/* height: 100%;*/}
body { background:#EDEDED url(../img/bg-concrete.jpg) top left repeat; background-size:530px auto; }
/*
body.index {background:url(../img/shadow.jpg) rgb(255, 254, 242); background-position:top right; background-repeat:no-repeat; background-size:100% auto;}
*/

h1, h2, h3, h4 { font-weight:400; }
h1, h2, h3, h4, p, figure { margin:0; }
a { text-decoration:none; color: #303030; }
ul { margin:0; padding:0; list-style:none; margin-right: 65px; /* for nav */}
li { padding:0; }
img { width:100%; display:block;}
input{border-radius: 0px; }
button{border-radius: 0px; outline: none;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
}


.desktop-only{display: none;}
.mobile-only{display: block;}
.gutter{box-sizing: border-box; padding-left: 36px; padding-right: 36px; }

main{max-width: 1440px; margin: 0 auto; width: 100%; padding-top: 65px; box-sizing: border-box;}
main section {margin-bottom: 105px; }

header{ height: 65px; width: 100%; position: fixed; top: 0px; z-index: 9999; transition: all 0.3s; transition-timing-function: ease-in;}
header.revealed {background-color: #EDEDED; box-shadow: 0px 0px 2px #e2e2e2;}
header.is-active-color {background-color: #EDEDED; box-shadow: 0px 0px 2px #e2e2e2;}
header.noTransition {transition:none;}
header > nav {width: 100%; height: calc(100vh - 44px); background-color: #EDEDED; padding-top: 87px; display: none; position: relative; padding-top: 78px; padding-left: 34px; }
header > nav.is-active{display: block;}
header > nav a {font-size: 1.063em; font-family:"KingsCalsonBold"; letter-spacing: 0.2em; line-height: 1.5em; line-height: 3.6em;  }
header nav img {width: 75px; height: 57px; position: absolute; bottom: 30px; left: 30px;}
header section{ position:relative; display: flex; flex-direction: row; justify-content: space-between; padding-top: 26px; box-sizing: border-box; padding-left: 25px; padding-right: 55px; }
header a.logo {display: block;width: 68px; height: 42px; background:url(../img/P-Logo.svg) center center no-repeat; background-size: contain; transform: translateY(-3px); position: absolute; right: 21px; z-index: 9999; top: 15px;}
header a.p-logo{transition: all 0.3s; transition-timing-function: ease-in; pointer-events: none; display: none;  background:url(../img/no-text.svg) center center no-repeat; height: 44px; width: 89px; background-size: contain; margin-left: 36px; margin-top: -13px;}
header section nav {width: 100%;}
header.revealed a.p-logo {pointer-events: auto; }
header.revealed-logo a.p-logo {pointer-events: auto; opacity: 1;}
header .lang { position:absolute; top:32px; left:34px; font-size:0.750em; }

header section nav ul {display: flex; justify-content: flex-end;margin-right: 95px;}
header section nav ul li {padding: 0px 20px; white-space: nowrap;}
header section nav ul li a {font-family: "TheInHardtReg"; letter-spacing: 0.1em; font-size: 0.875em; font-weight: 500; color: #231F20; position: relative; transition: all 0.2s}
header section nav ul li.register a{ color:#A95436 ; }
header section nav ul li a:after {content:""; display: block ; height: 1px; width:0%; background-color: #A95436; margin-top: -1px; transition: all 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}

header section nav ul li.selected a {color: #A95436; }
header section nav ul li.selected a:after{content:""; display: block ; height: 1px; width:100%; background-color: #A95436; margin-top: -1px; transition: all 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}

header nav.desktop-nav {display: none; }

.instagram { width:16px; padding-top:4px; position: absolute; top: 40px; left: 84px;}
.instagram img { width: 100%; position: static; height: auto; }

section.registration{width: 100%; min-height: 70px; background-color: #F0F1F1; position: fixed; bottom: 0px; z-index: 99999; box-sizing: border-box; padding: 12px 18px; height: 100vh; overflow: hidden; transition:all 0.4s; top: calc(100% - 70px); }
section.registration.expanded{height: 100vh; overflow: scroll; top: 0px;}
section.registration >div> h2 {position: relative; font-size: 0.938em; padding-right:30px; box-sizing:border-box; height:41px; font-family: "KingsCalsonBold"; letter-spacing: 0.16em; margin-bottom: 5px; cursor: pointer; margin-top:3px }
section.registration >div> h2:after{content:""; display: inline-block; width: 12px; height: 6.5px; transform: rotate(180deg); background: url(../img/Arrow-white.svg) center center no-repeat; background-size: cover; position: absolute; right:0px; top: 25%; cursor:pointer;}
section.registration.expanded >div> h2:after{transform: rotate(0deg);}
section.registration >div> p {font-size: 0.625em; font-family:"TheInHardt" ; font-weight: 500;letter-spacing: 0.16em;}
section.registration > p {opacity: 1; font-family:"TheInHardt"; font-size: 0.875em; letter-spacing: 0.04em;  margin-top: 3px; padding-top: 10px; line-height: 1.86em; }
section.registration > div:after { content:''; display:block; position:absolute; top:0; left: 0; width: 100%; height:70px; color: #FFF; z-index:-1; background:#A16656; }
section.registration > div h2 { color:#FFF; }

.overlay {position: fixed; width: 100vw;height: 100vh; opacity: 0; top: 0px; background-color: #FFFFFF;z-index: 9; transition: all 0.5s; opacity: 0; pointer-events: none}
.overlay.expanded {opacity: 0.95;pointer-events: auto}

.video-overlay{position: fixed; width: 100vw;height: 100vh; top: 0px; background-color: rgba(0, 0, 0, 0.8);z-index: 999999999; transition: all 0.5s; opacity: 0; pointer-events: none}
.video-overlay.expanded {opacity: 1;pointer-events: auto}
.video-overlay figure {width: 100%; height: 100%; position: relative;}
.video-overlay > span{position: absolute;  right: 25px; top: 25px; color:#e2e2e2; font-family:"KingsCalson"; cursor: pointer; z-index: 999999999; }

/*.video-overlay figure:after {content:"Close X"; display: block; position: absolute; right: 25px; top: 25px; color:#e2e2e2; font-family:"KingsCalson"; cursor: pointer;  }*/
.video-overlay figure video {position: absolute; width: 100%; left: 50%; top:50%; transform: translate(-50%, -50%);}




.registration-form {display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #999FA1; margin-top: 15px; padding-top: 37px; }
.registration-form fieldset {width: 48.3%; position: relative;}
.registration-form fieldset > span.error{display: none; }
.registration-form fieldset input{width: 100%; height: 30px; box-sizing: border-box; border: 0px; margin-bottom: 11px; padding-left: 7px; font-family:"TheInHardt"; padding-top: 6px;   }
.registration-form fieldset input::placeholder{font-family: "TheInHardt"; font-size: 0.813em; letter-spacing: 0.05em; line-height: normal; padding-top: 6px; }
.registration-form > article {width: 100%; display: flex; flex-wrap: wrap; margin-top: 25px; margin-bottom: 6px}
.registration-form > article h2 {width: 100%; font-size: 0.813em; font-family: "TheInHardt"; color: #747470; margin-bottom: 9px; }
.registration-form > article fieldset{width: 33.33%; position: relative;}
.registration-form > article fieldset label {width: 18px; height: 18px; background-color: #FFFFFF; position: absolute;left: 0px; top: 0px; cursor: pointer }
.registration-form > article fieldset input[type=checkbox]:checked + label{background: url(../img/input-cross.svg) center center no-repeat; background-size: cover; }
.registration-form > article fieldset p {font-size: 0.813em; font-family: "TheInHardt"; position: absolute; left: 22%; top: 6%; color:#747470;}
.registration-form fieldset.regulations{width: 100%; margin-top: 33px; }
.registration-form fieldset.regulations > h2 { width:100%; font-size:0.813em; font-family:"TheInHardt"; color:#747470; margin-bottom:9px; }
.registration-form fieldset.regulations label {width: 18px; height: 18px; background-color: #FFFFFF; position: absolute;left: 0px; top: 0px; cursor:pointer;}
.registration-form fieldset.regulations input[type=checkbox]:checked + label{background: url(../img/input-cross.svg) center center no-repeat; background-size: cover; }
.registration-form fieldset.regulations p { font-size: 0.688em; font-family: "TheInHardt"; line-height: 1.5em; font-style: italic; letter-spacing: 0.028em; }
.registration-form fieldset.regulations label + p { font-size: 0.813em; font-family: "TheInHardt"; position: absolute; left: 30px; top: 6%; color: #747470; font-style:normal; }
.registration-form fieldset.regulations > div { display:flex; }
.registration-form fieldset.select {width: 100%;}
.registration-form a{width: 100%; height: 38px; border: 2px solid #A95436; color: #A95436; display: block; text-align: center; font-size: 0.750em; line-height: 35px;  font-family: "KingsCalson" ; font-weight: 700; box-sizing: border-box; margin-top: 59px; letter-spacing: 0.09em; margin-bottom:120px; }
.registration-form a:hover { color: #FFFFFF; background-color: #A95436;  }
.registration-form fieldset input.error {border: 1px solid #A95436}
.registration-form fieldset input.error::placeholder {color: #A95436;}
.registration-form fieldset input.error + label {border: 1px solid #A95436}

.select2-container--default .select2-selection--single{border: 0px !important; border-radius: 0px !important; height: 30px; }
.select2-selection__placeholder{font-family: "TheInHardt"; font-size: 0.813em; color: #747470 !important; letter-spacing: 0.03em;}
.select2-dropdown{border: 0px; border-radius: 0px; z-index: 99999}
.select2-dropdown {border-top: 1px solid #f2f2f2 !important;}
span.select2-selection.select2-selection--single {outline: none !important;}
.select2-results__option {font-size: 0.750em; font-family:"TheInHardt"; color: #747470; padding-left: 10px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {font-family: "TheInHardt"; height: 30px; line-height: 33px; color: #747470;}
input[type=checkbox] {visibility: hidden;}
#bedroom{display: none !important;visibility: hidden;}



section.new-masthead {height: calc(100% - 65px);margin-bottom: 60px;}
section.new-masthead figure{background: url(../img/shaders-desktop.svg) center center no-repeat; background-size: cover; height: 0 !important; margin-top: 52px !important;  position: relative;     width: calc(100% - 50px); margin-left: 25px; overflow: visible; padding-bottom:124px;background: none;padding-bottom: 0; margin-top: 0!important;} 

section.new-masthead figure img.mast-image{width: 100%; margin-left: auto; position: absolute; top: 50%; transform: translateY(-50%) translateY(-62px); right: 0px; z-index:10;}
section.new-masthead figure img.mast-logo{width: 23%; height: auto;  position: absolute ; right: 56px; top: -56px; }
section.new-masthead article.mast-content {box-sizing: border-box; padding: 0px 25px; padding-top: 8px;}
section.new-masthead article.mast-content img {width: 82%; }
section.new-masthead article.mast-content p {font-size:0.875em; font-family: "TheInHardtReg"; max-width: 310px; margin-top: 25px; line-height: 1.55em; letter-spacing: 0.08em;padding: 0;}
section.new-masthead figure img.mast-image { width: calc(100% + 50px); right: -25px;}
main.architecture section.new-masthead figure img.mast-image {clip-path: inset(4% 0);}

main section p {box-sizing: border-box; padding: 0px 25px; font-size: 0.844em; font-family: "TheInHardt"; line-height: 1.7em; letter-spacing: 0.075em;}


.title-parent > h1:after {content:""; display: block; width: 52px; height: 42px; border-bottom: 1px solid #A95436; transform: translateX(-24px);}
.title-parent > h1 {box-sizing: border-box; padding-left: 50px; padding-right: 36px;  font-family:"KingsCalson"; font-size: 2.438em; letter-spacing: .06em; line-height: 1.1em;}
.title-parent > h2 {box-sizing: border-box; padding-left: 50px; padding-right: 36px; font-family:"KingsCalson"; font-size: 0.750em; color: #A95436; letter-spacing: 0.12em; margin-top: 21px}


/*article.quotes p{font-family:"KingsCalson" ; font-size:1.250em;; line-height: 1.1em; position: relative; padding: 0px 0px; letter-spacing: normal}
article.quotes p:before {content:""; display: block; position: absolute; width: 23px; height:25px; background:url(../img/quote-start.svg) center center no-repeat; background-size: contain; top: -12px; left: -39px;}
article.quotes p:after {content:""; display: inline-block; width: 23px; height:25px; background: url(../img/quote-end.svg) center center no-repeat; background-size: contain; position: relative; top: 7px; left: 13px; vertical-align: top; }
*/
article.quotes p{font-family:"KingsCalson"; font-size:1.563em; line-height: 1.12em; position: relative; padding: 0px 0px; letter-spacing: 0.02em;}
article.quotes p:before {content:""; display: block; position: absolute; width: 23px; height:25px; background:url(../img/quote-start.svg) center center no-repeat; background-size: contain; top: -12px; left: -39px;}
article.quotes p:after {content:""; display: inline-block; width: 23px; height:25px; background: url(../img/quote-end.svg) center center no-repeat; background-size: contain; position: relative; top: 12px; left: 13px; vertical-align: top; }


main.homepage section a {display: block; height: 18px; line-height: 18px;  border-left: 2px solid #A95436; font-family:"KingsCalsonBold"; font-weight: 700; color: #747470; font-size: 0.75em;letter-spacing: 0.075em;}
main.interior {padding-top: 100px; }
main.sustainability {padding-top: 100px; }
main.developer {padding-top: 92px; }
main.district {padding-top: 105px; }
main.architecture {padding-top: 105px; }

section.new-collect  {position: relative; margin-bottom: 116px; }
section.new-collect .collect-content h2:after{content:""; display: block; width: 100%; height: 53vw; margin-top: 22px; }
section.new-collect article.quotes {box-sizing: border-box; padding: 0px 75px; margin-top: 41px; }
section.new-collect figure.petit-video {width: 100%; height: 53vw; margin-top: 0px; position: absolute; top: 186px; }
section.new-collect figure.petit-video iframe {width: 100%; height: 100%}
section.new-collect p {margin-top: 20px;}

section.new-vision{position: relative; margin-bottom: 124px; }
section.new-vision .vision-content > h2:after {content:""; display: block; width: 100%; height: 53vw; margin-top: 21px; }
section.new-vision .vision-content > p {margin-top: 21px; overflow: hidden}
section.new-vision .vision-content article.quotes {box-sizing: border-box; padding: 0px 55px; margin-top: 41px;     padding-left: 75px;}
section.new-vision .vision-content a { margin-left: 36px; padding-left: 10px; margin-top: 56px;   }
section.new-vision figure {width: 100%; height: 53vw !important; margin-top: 0px !important; position: absolute; top: 184px; overflow: hidden}
section.new-vision figure > img {display: none;}
section.new-vision figure > div {position: relative; width: 100%; height: 100%}
section.new-vision figure > div img {position: absolute !important;}
section.new-vision figure > div img:nth-child(1){width: 85%; position: absolute; top: 0px; left: 0px;}
section.new-vision .vision-content p:nth-child(4):before {content:""; display: block; width: 100%; height: 49vw; background-color: red; margin-top: 40px; transform: translateX(calc(9% + 36px)); width: 92%; background: url(../img/interior-top-3.jpg) center center no-repeat; background-size: cover; margin-bottom: 18px; }


section.new-district{position: relative; margin-bottom: 124px; }
/*section.new-district .district-content h2:after{ content:""; display: block; width: 100%; height: 53vw; margin-top: 22px; }*/
section.new-district .district-content p{ margin-top: 21px; }
section.new-district .district-content a{ margin-left: 36px; padding-left: 10px; margin-top: 56px; }
/*
section.new-district figure {position: absolute; top: 163px; width: 100%; height: 53vw; margin-top: 23px; }
section.new-district figure .swiper-container{ max-height: 100% }
*/
section.new-district figure.location-mobile { margin-top:17px; }
section.new-district figure.location-mobile:first-of-type { margin-top:21px; }
section.new-district figure.location-desktop { display:none; }
section.new-developer{position: relative; margin-bottom: 112px; }
section.new-developer .developer-content h2:after{ content:""; display: block; width: 100%; height: 53vw; margin-top: 22px; }
section.new-developer .developer-content p{margin-top: 38px;}
section.new-developer .developer-content a{ margin-left: 36px; padding-left: 10px; margin-top: 56px; }
section.new-developer figure {overflow: initial; position: absolute; top: 162px; width: 100%; height: 57vw !important; margin-top: 23px; }
section.new-developer figure .swiper-slide p{ font-size: 0.75em; font-family: "KingsCalson"; color: #A95436; margin-left: 36px;margin-top: 15px; line-height: 1.3em; padding-left: 0px; }

section.architecture-top{position: relative;  margin-bottom: 16px; }
section.architecture-top .architecture-top-content h2:after{ content:"";  display: block; width: 100%; height: 63vw; margin-top: 22px; }
section.architecture-top .architecture-top-content article.quotes {box-sizing: border-box; padding: 0px 55px; margin-top: 41px; padding-left: 75px; margin-bottom: 60px; }
section.architecture-top figure {width: 100%; height: 63vw !important; position: absolute;top: 185px; overflow: hidden;}
section.architecture-top figure img {  }

section.architecture-bottom {position: relative; margin-bottom: 36px; }
section.architecture-bottom p{ margin-top: 27px;}
section.architecture-bottom figure{height: 60vw; width: 100%; box-sizing: border-box; padding-left: 50px; overflow: hidden; margin-top: 55px !important; }
section.architecture-bottom article figure{padding-left: 0px;  padding-right: 50px; }
section.architecture-bottom article figure img {height: auto;}
section.architecture-bottom article figure.mobile-only:first-child{overflow: hidden; margin-right: 50px; width:calc(100% - 50px); padding-right:0;}
section.architecture-bottom article figure.mobile-only:first-child img{min-width: 100%; width: auto; height:100%;}
section.architecture-top .mobile-only {display: initial}

section.architecture-details {box-sizing: border-box; padding: 0px 25px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 82px;}
section.architecture-details article {width: 49%; margin-bottom: 37px; }
section.architecture-details article h2{font-family: "KingsCalsonBold"; font-size: 0.750em; letter-spacing: 0.08em;}
section.architecture-details article p{font-family: "TheInHardtReg"; font-size: 0.875em; letter-spacing: 0.04em; color: #73746F; margin-top: 10px; padding-left: 0px;}

section.interior {display: none;}

section.interior-top{margin-bottom: 52px; position: relative;}
section.interior-top p { box-sizing:border-box; padding-left:50px; margin-top:15px; } 
section.interior-top figure { width: 100%; margin-top: 21px; display:flex; }
section.interior-top figure img { width:50%; box-sizing:border-box; }
section.interior-top figure img:nth-child(odd) { padding-right:4px; } 
section.interior-top figure img:nth-child(even) { padding-left:4px; } 

section.interior-bottom {margin-bottom: 33px; }
section.interior-bottom p.mobile-shown{display: block}
section.interior-bottom p span.desktop-shown{display: none;  margin-top: 29px;}
section.interior-bottom figure{width: 100%; box-sizing: border-box; padding-right: 50px; height: 50vw; overflow: hidden; }
section.interior-bottom figure:nth-child(2){padding-left: 0px; padding-right: 0px; }
section.interior-bottom figure:nth-child(3){display: flex; justify-content: flex-end; margin-top: 50px; height: 48vw; padding-right:0px;}
section.interior-bottom figure img {height: 100%; width: auto;}
section.interior-bottom .bottom figure{ height: auto;}
section.interior-bottom .bottom figure img{height: auto; width: 100%;}
section.interior-bottom > p{ margin-top: 29px;}
section.interior-bottom article.quotes{box-sizing: border-box; padding-left: 65px; padding-right: 57px; margin-bottom: 60px; margin-top: 37px; }
section.interior-bottom article.bottom { margin-top: 40px; }


section.interior-floorplan {margin-bottom: 113px;}
section.interior-floorplan p{ margin-top: 20px; }
section.interior-floorplan figure { width:50%; box-sizing:border-box; }
section.interior-floorplan figure:nth-child(odd) { padding-right:6px; }
section.interior-floorplan figure:nth-child(even) { padding-left:6px; }
section.interior-floorplan figure:nth-child(1), section.interior-floorplan figure:nth-child(2) { margin-bottom:16px; }
section.interior-floorplan div { display:flex; flex-wrap:wrap; box-sizing:border-box; padding-left:25px; padding-right:25px; padding-top:20px; }
section.interior-floorplan div p { padding-left:0; margin-top:7px; }

section.district-bottom{position: relative; }
section.district-bottom .district-bottom-content article.quotes{box-sizing: border-box; padding-left: 65px; padding-right: 36px; margin-bottom: 50px; margin-top: 37px;}
section.district-bottom .district-bottom-content h2:after{ content:""; display: block; width: 100%; height: 53vw; margin-top: 22px; }
section.district-bottom .district-bottom-content a{ margin-left: 36px; padding-left: 10px; margin-top: 56px; }
section.district-bottom figure {width: 100%; height: 53vw; margin-top: 23px; margin-bottom: 25px;}
section.district-bottom figure .swiper-container{ max-height: 100% }

section.district-img { margin-bottom: 124px; }
section.district-img .iframe-wrapper { width:100%; height:0; padding-bottom:62.5%; position:relative; overflow:hidden; }
section.district-img iframe { width:100%; height:100%; position:absolute; top:0; left:0; border:none; }

section.district-slide {margin-bottom: 29px; }
section.district-slide figure {width: 100%; overflow-x:scroll; height: 140vw; position: relative; -webkit-overflow-scrolling: touch; }
section.district-slide figure::-webkit-scrollbar { width: 0 !important }
section.district-slide figure img {width: auto; height: 100%}
section.district-slide figure img.mobile-label {display: block;}
section.district-slide figure img.desktop-label {display: none;}
section.district-slide figure img.label {position:absolute; top: 0px; height: 100%}
section.district-slide figure img.landscape {height: 48%; position: absolute; bottom: 1px; }
section.district-slide .slider-edge{display: none; }
section.district-slide p { margin-top: 36px;}
section.district-slide p:before {content: ""; display: block; width: 22px; height: 12px; background: url(../img/gold-arrow-right.svg) center center no-repeat; background-size: cover; margin-left: auto; margin-bottom: 18px; transform: translateX(23px);}

/*section.district-bottom { margin-bottom: 70px; }*/
section.district-top{position: relative; margin-bottom: 29px; }
section.district-top > p { margin-top: 25px; }
section.district-top .district-top-content p{ margin-top: 21px; }
section.district-top .district-top-content > figure {padding-right: 0;margin-top: 23px; margin-bottom: 21px;}
section.district-top figure {width: 100%; box-sizing: border-box; padding-right: 36px; position: relative; margin-bottom: 44px;}
section.district-top > figure {padding-right: 0; margin-bottom: 21px;}
section.district-top > figure:last-child {padding-right: 0; margin-bottom: 0; margin-top:13px; }

  section.district-slide .slider-edge {display: block; display: flex; justify-content: space-between; /*box-sizing: border-box; padding-left: 70px; padding-right: 87px;*/ }
  section.district-slide .slider-edge article{width: auto; text-align: center; position: relative; margin-top: 8px; }
  section.district-slide .slider-edge article:nth-child(1){margin-left: 25px; }
  section.district-slide .slider-edge article:nth-child(1):before{content:""; display: inline-block; background: url(../img/label-pointer.svg) center center no-repeat; background-size: contain; height: 18px; width: 115px; position: static; }
  section.district-slide .slider-edge article:nth-child(2){margin-right: 25px; margin-top: 8px; }  
  section.district-slide .slider-edge article:nth-child(2):before{content:""; display: inline-block; background: url(../img/label-pointer.svg) center center no-repeat; transform:rotate(180deg); background-size: contain; height: 18px; width: 115px; position: static;}
  section.district-slide .slider-edge article p {display: block; font-family:"TheInHardtReg"; font-size:  0.688em !important; color: #747470; margin-top: 4px !important;  }
  section.district-slide .slider-edge article p:before{display: none !important;} 
  section.district-slide .slider-edge article h2 {font-family: "KingsCalsonBold"; font-size: 0.688em !important; line-height: 1.4em; }  
  section.district-slide .slider-edge img {width: 15px; height: 15px; margin: 0 auto}
  section.district-slide .view-video{width: 100%; position: absolute;}
  section.district-slide a{position: relative; left: 50%; transform: translateX(-50%); max-width: 320px;  width: calc(100% - 75px); height: 38px; border: 2px solid #A95436; color: #A95436; display: block; text-align: center; font-size: 0.750em; line-height: 35px;  font-family: "KingsCalson" ; font-weight: 700; box-sizing: border-box; margin-top: 20px; letter-spacing: 0.1em;}
  section.district-slide a:hover {color: #FFFFFF; background-color: #A95436; }

section.district-table article.district-table-content { width: calc(100% - 25px - 25px); margin-left: 25px; display: flex; flex-wrap: wrap; }
section.district-table article.district-table-content ul { padding-top:35px; width: 100%; }
section.district-table article.district-table-content li:first-child { margin-bottom: 14px; color: #303030; font-family: "KingsCalsonBold"; letter-spacing: 0.08em; font-size: 0.875em !important; text-transform: uppercase; }
section.district-table article.district-table-content li > p { margin: 0 !important; padding: 0 !important; }

section.developer-page {position: relative;}
section.developer-page .developer-page-content h2:after{ content:""; display: block; width: 100%; height: 60vw; margin-top: 17px;max-height: 480px; margin-bottom: 42px;  }
section.developer-page .developer-page-content p{ margin-top: 22px; }
/* section.developer-page .developer-page-content p a {box-sizing: border-box; font-family: "KingsCalsonBold"; font-size: 0.833em; letter-spacing: 0px; display: inline-block; } */
section.developer-page .developer-page-content p a {box-sizing: border-box; display: inline-block; }
section.developer-page figure {height: 60vw; position: absolute; width: 100%; top: 184px;}
section.developer-page figure .swiper-wrapper{display: flex; }
section.developer-page figure .swiper-slide img {clip-path: inset(0 0 0 7%);] ; transform: translateX(-7%); width: 107%;}
section.developer-page figure .swiper-slide p{ font-size: 0.75em; font-family: "KingsCalson"; color: #A95436; margin-left: 36px;margin-top: 15px; line-height: 1.3em; padding-left: 0px; }
section.developer-page figure .swiper-slide img.desktop-layout-img {display: none !important; }
section.developer-page figure .swiper-slide:nth-child(3) img:nth-child(1) {clip-path: inset(13% 0% 0% 7%); margin-top: -9.5%;}
section.developer-page figure .swiper-slide:nth-child(5) img:nth-child(1) { margin-top: -16.8%;}

section.sustainability-left { margin-bottom:42px; }
section.sustainability-left h1 { margin-bottom:23px; }
section.sustainability-right { margin-bottom:80px; }
section.sustainability-right figure { min-width:120px; width:32%; max-width:180px; margin:0 auto 16px; }
section.sustainability-right h2 { text-align:center; font-family:"KingsCalsonBold"; font-size:1.500rem; letter-spacing:0.083em; margin-bottom:14px; }
section.sustainability-right ul { list-style:disc; padding:0 25px 0 39px; box-sizing:border-box; font-size:0.844em; font-family: "TheInHardt"; line-height:1.7em; letter-spacing:0.075em; margin-right:0; margin-bottom:42px; }
section.sustainability-right li { margin-bottom:12px; }
section.sustainability-right .m_hide { display:none; }

footer {padding-top: 27px; padding-bottom: 50px; /*background-color: #ECEFED; */background-color: #EDEDED}
footer article.logos{margin-bottom: 64px; width: 105px; height: 51px;  background: url(../img/PT-Tag-notext.svg) center center no-repeat; background-size: cover}
footer article{margin-bottom: 35px; }
footer article h2{font-size: 0.75em; font-weight: 700; font-family: "KingsCalsonBold"; letter-spacing: 0.1em; margin-bottom: 14px; color: #A95436;}
footer article p {font-size: 0.906em;  font-family: "TheInHardtReg";  line-height: 1.66em; color: #73746F;}
footer article > p a { color: #73746F; }
footer article:nth-child(6){margin-bottom: 0px; }
footer article.closing p {color: #231F20; font-size: 0.625em; letter-spacing: 0.05em; margin-bottom: 14px;}
footer article.closing {position: relative; margin-top: 70px; }
footer article.closing > .partners { display:flex; margin-bottom:19px; }
footer article.closing > .partners a { display:block; }
footer article.closing > .partners .sc-global { width:80px; margin-top:4px; }
footer article.closing > .partners .couture-home { width:65px; margin-left:20px; }
footer article.closing > .links { margin-top:42px; }
footer article.closing > .links > div { display:flex; margin-bottom:10px; }
footer article.closing > .links figure { margin-right:6px; }
footer article.closing > .links p { margin-bottom:2px; }

main.policy-page section.new-masthead{ display: none;}
section.policy > h1 {font-size: 2.438em; font-family: "KingsCalson"; width: 100%; box-sizing: border-box; padding-left: 50px; letter-spacing: 0.04em;} 
section.policy p {box-sizing: border-box; padding: 0px 25px; font-size: 0.844em; font-family: "TheInHardt"; line-height: 1.7em; letter-spacing: 0.075em; }
section.policy  > p {margin-top: 30px;}
section.policy > ul {margin-top: 60px; box-sizing: border-box; padding: 0px 25px; }
section.policy > ul li {margin-bottom: 60px;}  
section.policy > ul li h1 {font-size: 1.125em; color: #A95436; font-family: "TheInHardtBold";     margin-bottom: 37px;}
section.policy > ul li article h2 {font-size: 0.875em; font-family:"TheInHardtBold"; color: #555659;  margin-bottom: 12px; margin-top: 14px;}
section.policy > ul li article p {padding: 0px; }
section.policy > ul li article p a{font-family: "TheInHardtBold" }
section.policy > ul li h1 span {margin-right: 4px; }

/*section.new-district .district-content h2:after { height:57vw; }*/
/*section.new-district figure { width:100%; height:58vw; position: absolute; top: 163px; margin-top: 23px; }*/
.petit-video-container iframe, .petit-video-container video { position:absolute; top:0; left:0; width:100%; height:100%; }

main.homepage section a.video_controller { position:absolute !important; top:0; left:0; width:100%; height:100% !important; padding-bottom:0; background:none; z-index:10; border-left:0 !important; padding-left:0 !important; margin:0 !important; }
main.homepage section a.video_controller:before { display:none; }

main.homepage section a.video_controller span { width:68px; height:48px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); }
main.homepage section a.video_controller:hover .ytp-large-play-button-bg { fill:#F00; fill-opacity:1; }

section.interior-bottom-holder { width:100%; }
section.interior-bottom-holder figure { width:100%; height:0; padding-bottom:56.27%; position:relative; }
section.interior-bottom-holder figure iframe { position:absolute; width:100%; height:100%; top:0; left:0; }
section.interior-bottom-holder figure + p { margin-top:19px; }

.zoom_floorplan { position:fixed; top:0; left:0; width:100%; height:100%; background:#fffef3; z-index:1000000; font-family: "TheInHardt"; font-size:0.844em; line-height:1.5; }
.zoom_floorplan article { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); max-width:900px; width:90%; }
.zoom_floorplan article p { margin-top:7px; }
.zoom_floorplan > div { position:absolute; top:20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:90%; max-width:900px; }
.zoom_floorplan .zoom_close { position:absolute; top:0; right:0; width:24px; }

/*.zoom_floorplan div*/
.zoom_floorplan > article img, .zoom_floorplan > article p {width: 100%; margin: 0 auto;}
.zoom_floorplan > article div {display: flex; position: relative; flex-wrap: wrap;}
.zoom_floorplan > article div.navigation {width: 100%; margin: 0 auto; margin-top: 7px;}
.zoom_floorplan > article div.navigation > a {display: inline-block; width: 20px; height: 20px; border: 1px solid #A95436; border-radius: 50%; position: relative;}
.zoom_floorplan > article div.navigation > a.disabled {opacity: 0.5;}
.zoom_floorplan > article div.navigation > a span {position: absolute; display: block; width: 5px; height: 5px;}
.zoom_floorplan > article div.navigation .next span {border-top: 1px solid #A95436; border-right: 1px solid #A95436; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 7px; left: 6px;}
.zoom_floorplan > article div.navigation .prev span {border-top: 1px solid #A95436; border-left: 1px solid #A95436; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 7px; left: 8px;}
.zoom_floorplan > article div.navigation .next {margin-left: 10px;}
.zoom_floorplan > article p {margin-top: 15px;}




.contact {margin-top: 10px;}
.contact > div {display: flex;}
.contact i {width: 18px; height: 18px;}
.contact > div p.form_text {margin-left: 11px; margin-top: -3px; color: #73746F; font-size: 1.094em; margin-bottom: 5px;}
.contact > div p.form_text a {color: #73746F;}

.ytp-bezel {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 52px;
    height: 52px;
    z-index: 19;
    margin-left: -26px;
    margin-top: -26px;
    background: rgba(0,0,0,0.5);
    border-radius: 26px;
    -webkit-animation: ytp-bezel-fadeout .5s linear 1 normal forwards;
    animation: ytp-bezel-fadeout .5s linear 1 normal forwards;
    pointer-events: none;
}


@-webkit-keyframes ytp-bezel-fadeout{
  0%{opacity:1}
  to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}

@keyframes ytp-bezel-fadeout{
  0%{opacity:1}
  to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}

.c__designaward {  position:relative; width:calc(100% + 50px); height:80vw; top:50%; left:-25px; transform:translateY(-50%); z-index:10; }
.c__designaward div { position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:10; width:100%; height:0; padding-bottom:59.8%; }
.c__designaward p { font-family:'KingsCalson'; font-size:0.688rem; line-height:15px; color:#FFF; display:table; padding:12px 15px 0; text-transform:uppercase; }

.c__celebration { background:#A16656; width:calc(100% + 50px); height:102px; margin-left:-25px; margin-top:-40px; color:#FFF; box-sizing:border-box; padding-top:16px; }
.c__celebration p { font-family:'KingsCalson'; padding:0 15px; letter-spacing:0; }
.c__celebration p:nth-child(2) { margin-top:4px; }
.c__celebration .s_small { font-size:0.688rem; line-height:1.182em; }
.c__celebration .s_medium { font-size:1.000rem; line-height:1.188em; }
.c__celebration .s_large { font-size:1.563rem; line-height:1.214em; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width:23.438em) {
    .c__designaward p br { display:none; }
}

@media only screen and (min-width:25.000em) {
    .c__celebration { margin-top:-45px; }
}

@media only screen and (min-width:28.000em) {
    .c__celebration { margin-top:-50px; }
}


@media only screen and (min-width:31.125em) {
    .c__celebration { margin-top:-56px; }
}

@media only screen and (min-width:34.375em) {
  section.district-slide figure{height: 80vw}
}

@media only screen and (min-width:34.875em) {
    .c__celebration { margin-top:-62px; }
}

@media only screen and (min-width:37.500em) {
  section.registration.expanded {padding-top: 15px;}
  section.new-masthead article.mast-content img{width: 65%;}

  footer {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 35px; padding-bottom: 90px; padding-left: 75px !important; padding-right: 80px !important}
  footer > div{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1440px; margin: 0 auto} 
  footer article {margin-bottom: 50px; width: 33%;}
  footer article.logos {width:136px; height: 66px; margin-right: 60%; margin-top: 12px;}
  footer article h2 {font-size: 0.938em; margin-top: 9px; margin-bottom: 22px;}
  footer article p {font-size: 1.094em; }
  footer article.closing {width: 100%; display: flex; margin-bottom: -4px !important; margin-top: 0px; margin-top: 30px; flex-wrap: wrap;}
  footer article.closing p {font-size: 0.750em; margin-right: 15px;  }
  footer article.closing p.JV {width: 100%}

  section.district-table article.district-table-content ul { padding-top:35px; width: calc(50% - 65px); }
}

@media only screen and (min-width:38.750em) {
    .c__celebration { margin-top:-70px; }
}

@media only screen and (min-width:43.750em) {
    .c__celebration { margin-top:-77px; }
}

@media only screen and (min-width:48.000em) {
    .c__celebration { margin-top:-85px; }
}

@media only screen and (min-width:52.375em) {
    .c__celebration { margin-top:-90px; }
}

@media only screen and (min-width:53.75em) {
  html.unscrollable, body.unscrollable{overflow: hidden; height: auto}

  main.policy-page section.new-masthead { display: block;  margin-bottom: 250px;}
  main.policy-page section.new-masthead .mast-content{margin-top: 5px !important;}
  main.policy-page section.new-masthead img {width: 240px !important; min-width: 240px !important}
  section.policy > h1 {font-size: 2.438em; font-family: "KingsCalson"; width: 100%; box-sizing: border-box; padding-left: 23.5%; letter-spacing: 0.04em;} 
  section.policy p {box-sizing: border-box; padding: 0px 25px; font-size: 0.844em; font-family: "TheInHardt"; line-height: 1.7em; letter-spacing: 0.075em; }
  section.policy > p {margin-top: 30px; margin-top: 30px; padding-left: 23.6%; padding-right: 21%;}
  section.policy > ul {margin-top: 60px; box-sizing: border-box; padding-left: 20%;padding-right: 22%; }
  section.policy > ul li {margin-bottom: 60px;}  
  section.policy > ul li h1 {font-size: 1.250em !important; color: #A95436; font-family: "TheInHardtBold"; margin-bottom: 37px;}
  section.policy > ul li article {display: flex;     margin-bottom: 33px;}
  section.policy > ul li article h2 {font-size: 1.031em !important; font-family:"TheInHardtBold"; color: #555659;  margin-bottom: 0px; margin-top: 0px; margin-right: 22px;}
  section.policy > ul li article p {padding: 0px !important; margin-top: -4px !important}
  section.policy > ul li article p:nth-child(1){ margin-left: 47px;  }
  section.policy > ul li article p a{font-family: "TheInHardtBold"; margin-left: 0px !important; }
  section.policy > ul li h1 span { margin-right: 25px;}

  .mobile-only{display: none!important}
  .desktop-only{display: block; }
  .gutter {padding-left: 70px; padding-right: 70px; }

  

  .instagram { right: 75px; left:auto; top:auto; }

  .overlay {position: fixed; width: 100vw;height: 100vh; opacity: 0; top: 0px; background-color: #FFFFFF;z-index: 50; transition: all 0.5s; opacity: 0; pointer-events: none}
  .overlay.expanded {opacity: 0.95;pointer-events: auto}
  
  .video-overlay{position: fixed; width: 100vw;height: 100vh; opacity: 1; top: 0px; background-color: rgba(0, 0, 0, 0.8);z-index: 99999; transition: all 0.5s; opacity: 0; pointer-events: none}
  .video-overlay.expanded {opacity: 1;pointer-events: auto}
  .video-overlay figure {width: 100%; height: 100%; position: relative;}
  .video-overlay > span{position: absolute;  right: 25px; top: 25px; color:#e2e2e2; font-family:"KingsCalson"; cursor: pointer; }
/*  .video-overlay figure:after {content:"Close X"; display: block; position: absolute; right: 25px; top: 25px; color:#e2e2e2; font-family:"KingsCalson"; cursor: pointer;  }*/
  .video-overlay figure video {position: absolute; height: 90%; left: 50%; top:50%; transform: translate(-50%, -50%);}


  main{padding-top: 0px; }
  main section a {margin-left: 70px !important; font-size: 1.000em !important; margin-top: 52px !important; }
  main.developer section a {font-size: 1.031em !important; letter-spacing: 0.048em!important; }
  section h1{font-size: 2.750em !important;}
  section h2{font-size: 0.875em !important}
  section article.quote p {font-size: 1.625em ; line-height: 1.4em }


  
  section.registration{width: auto;right: 71px; bottom: auto; top: 66px; transform: translateX(100% ); height:652px; padding: 0px; display: flex; overflow: hidden !important; max-width: 1440px; /*transform: translateX(calc(100% - 65px));*/ transition: all 0.3s; box-shadow: 0px 1px 2px #d1d1d1; max-height: calc(100vh - 90px) }
  section.registration.expanded {transform: translateX(80px); height: 652px !important; padding-top: 0px; top: 86px;}
  section.registration > div {width: 71px; position: relative; cursor: pointer; transform:translateX(1px); background:#A16656; }
  section.registration > div:before{content:""; display: block; position: absolute; height: 12px;width: 24px; background:url(../img/skinny-arrow-white.svg) center center no-repeat; background-size: contain; top: 23px;transform: rotate(90deg);left: 20px;}
  section.registration.expanded  > div:before{transform: rotate(-90deg)}
  section.registration > div h2{position: absolute; padding-right:0; transform: rotate(-90deg); bottom: 240px; left: -195px; width: 457px; height: 25px; letter-spacing: 0.11em; font-size: 1.075em !important; color:#FFF; }
  section.registration > div h2:after {display: none; }
  section.registration > div p{position: absolute; bottom: 173px; left: -111px; transform: rotate(-90deg);opacity: 1;    width: 327px; font-size: 0.825em; }
  section.registration > p {width: calc((100vw - 65px) * 0.32); padding-left: 44px; padding-top: 26px; box-sizing: border-box;transform: translateY(0px); max-width: 440px !important;}
  section.registration > form {width: calc((100vw - 75px) * 0.68); box-sizing: border-box ; padding: 32px 42px; margin-top: 0px; border-top: 0px; max-width: 935px; overflow-y: scroll;  align-content: flex-start;}

  .registration-form fieldset.regulations {margin-top: 18px; }
  .registration-form fieldset {width: 48.8%; }
  .registration-form fieldset input {height: 40px; padding-left: 14px; }
  .registration-form fieldset input::placeholder{font-size:0.938em}
  .registration-form > article fieldset {width: 33%;}
  .registration-form > article {margin-top: 10px; margin-bottom: 0px; }
  .registration-form > article h2 {font-size: 0.938em !important; margin-bottom: 18px;}
  .registration-form > article fieldset label {width: 24px; height: 24px; }
  .registration-form > article fieldset p {font-size: 0.938em !important;     left: 35px;}
  .registration-form fieldset.regulations label {width: 24px; height: 24px; }
  .select2-container, span.selection, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered {height: 40px; line-height: 43px; z-index: 99999}
  .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 14px; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {height: 36px; right: 10px; }
  .select2-results__option{height: 28px; line-height: 28px; padding-left: 16px;}
  .select2-selection__placeholder{font-size: 0.938em}
  .registration-form fieldset.regulations p {max-width: 490px; font-size: 0.813em; letter-spacing: 0.035em; position:relative; line-height: 1.4em;}
  .registration-form a{ width: 48.8%; margin-top: 46px; }
  section.registration > form p {opacity: 1; transform: translateY(0px);}

  main section > article.quote p:before, main.homepage section > figure article.quote p:before{width: 29px; height: 32px; top: -6px; left: -28px;}
  main section > article.quote p:after, main.homepage section > figure article.quote p:after {width: 29px; height: 32px; top: 13px;}

  main.homepage section > h2:after, main.homepage section > .content h2:after {margin-top: 5px; }
  main.homepage section > h1, main.homepage section > .content h1 {margin-top: 18px; }
  main.district {padding-top: 149px;}
  main.interior {padding-top: 86px; }
  main.sustainability {padding-top: 152px; }
  main.developer {padding-top: 147px;}

  
  section.new-masthead {margin-bottom: 149px; position: relative;margin-bottom: 0;}
  section.new-masthead figure{  width: calc(100% - 125px); float: right; margin-right: 50px; height: 0 !important; margin-top: 300px !important; max-height: 820px; padding-bottom:0; } 
  section.new-masthead figure img.mast-image{width: 89.3%; margin-left: auto; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; max-width: 1170px; margin: 0 auto;     clip-path: inset(0% 0% ) !important;}
  section.new-masthead figure img.mast-logo{width: 215px; height: auto;  position: absolute ; right: calc(21% - 10vw); top: -92px; z-index:1000;}
  section.new-masthead article.mast-content {width: 100%; float: left;padding-left: 75px}
  section.new-masthead article.mast-content {position: absolute; top: 15px; left: 0px;}
  section.new-masthead article.mast-content img {width: 245px; }
  section.new-masthead article.mast-content p { opacity: 1; transform: translateY(0px); margin-bottom: 20vh; font-size: 1.000em; margin-top: 35px; line-height: 1.6em; margin-left: 10.7%;; padding: 0px; width: 80%; max-width: 330px; margin-top: 117px !important;margin-left: 0;margin-bottom: 0;max-width: unset;margin-top: 50px!important;}
  main.architecture section.new-masthead figure img.mast-image {clip-path: inset(4% 0) !important;}

  .title-parent > h1:after {content:""; display: block; width: 52px; height: 42px; border-bottom: 1px solid #A95436; transform: translateX(-24px);}
  .title-parent > h1 {box-sizing: border-box; padding: 0px 75px; font-family:"KingsCalson"; font-size: 2.750em; letter-spacing: .06em; line-height: 1.1em;}
  .title-parent > h2 {box-sizing: border-box; padding: 0px 75px; font-family:"KingsCalson"; font-size: 0.875em; color: #A95436; letter-spacing: 0.12em; margin-top: 21px}
  main section p {font-size: 0.844em; line-height: 1.87em; margin-top: 35px!important; letter-spacing: 0.048em; }


  article.quotes > p, article.quote > p:first-child {font-size: 1.250em !important;  line-height: 1.39em !important;}
  article.quotes > p:after, article.quote > p:after {display: inline-block !important; vertical-align: top !important; width: 23px !important; height: 25px!important;top: 11px!important;left: 20px!important;}
  article.quotes > p:first-child:before, article.quote > p:first-child:before {width: 23px !important; height: 25px!important; top: -5px !important; left: -45px !important; } 


  article.quotes {opacity: 0; transform: translateY(30px);}
  .scrollReveal p, .scrollReveal h2, p.scrollRevealSolo {opacity: 0; transform: translateY(30px);}


  section.new-collect  {position: relative; margin-bottom: 50px}
  section.new-collect .collect-content {width: 39%; float: right;  transform: translateY(-6px);}
  section.new-collect .collect-content h1, section.new-collect .collect-content h2 {padding-left: 60px; /*padding-left: 30px*/}
  section.new-collect .collect-content h2:after{display: none;}
  section.new-collect .collect-content p {padding-left: 60px; padding-left: 30px;  padding-right: 90px; margin-top: 35px; }
  section.new-collect .collect-content p span {display: block; }
  section.new-collect .collect-content p span:nth-child(1){margin-bottom: 30px}
  section.new-collect article.quotes:before {content:""; display: block; height: calc(31vw + 38px); width: 200px;  max-height: 445px !important} 
  section.new-collect article.quotes{box-sizing: border-box; margin-top: 0px; padding-left: 10.7%; padding-right: 0px; width: 54%;}
  section.new-collect figure.petit-video {width: calc(61% - 88px); display: block; float: left; position: relative; z-index:1000; top: 0px; margin-left: 76px; height: 31vw; max-height: 445px !important}
  section.new-collect figure.petit-video iframe {width: 100%; height: 100%}
  section.new-collect > p {margin-top: 35px !important; float: left; width: 61%; display: flex; justify-content: space-between; padding-left: 65px; padding-right: 0px; font-size: 1.031em; line-height: 1.87em; opacity: 1; transform: translateY(0px);}
  section.new-collect > p span {width: 48%; }

  section.new-vision { position: relative; margin-bottom: 135px; }
  section.new-vision .vision-content {width: 37%; float: left;}
  section.new-vision .vision-content h2:after{display: none; }  
  section.new-vision .vision-content > p { width: 100%; padding-right: 70px ; padding-left:  75px; }
  section.new-vision .vision-content > p:nth-child(3):after{display: none; }
  section.new-vision .vision-content > p:nth-child(4){display: none; }
  section.new-vision .vision-content article.quotes {display: none; }
  section.new-vision .vision-content a {display: none; }
  section.new-vision figure {width: 62.5%; height: 33vw !important; margin-top: 0px !important; position: static; top: 0px; float: right; max-height: 474px; }
  section.new-vision figure > img {display: block; width: calc(100%); height: auto; max-height: 100%; }
  section.new-vision figure > div {display: none}

  section.new-district{ margin-bottom: 94px; position: relative; background: url(../img/district-splatter.svg) top right no-repeat; background-size: auto 100%; padding-top: 85px; padding-bottom: 35px; }
  section.new-district .district-content {width: 50%; float: left;}
  /*section.new-district .district-content h2:after{display: none; }*/
  section.new-district .district-content p,  section.new-district .district-content h1,  section.new-district .district-content h2{ padding-left: 75px; padding-right: 0px}
  section.new-district .district-content a{display: block; height: 18px; line-height: 18px;  border-left: 2px solid #A95436; font-family:"KingsCalsonBold"; font-weight: 700; color: #747470; font-size: 0.75em; margin-left: 36px; margin-left: 75px !important; margin-top: 56px; letter-spacing: 0.075em;}
  /*section.new-district figure {height: 0 !important; padding-bottom:29.00%; position: relative; top: 0px; width: calc(57% - 73px); float: right; margin-right: 73px; max-height: 0 !important;  margin-top: 0px}*/
  /*
  section.new-district figure .swiper-container{ height: 100%; width: 100%;}
  section.new-district figure .swiper-wrapper {display: block; position: relative;}
  section.new-district figure .swiper-wrapper .swiper-slide:nth-child(1){position: absolute;width: 73%; height: 100%; right: 0px; overflow: hidden; }
  section.new-district figure .swiper-wrapper .swiper-slide:nth-child(1) > img {height: 100%; transform: translateX(30%); width: auto;}
  section.new-district figure .swiper-wrapper .swiper-slide:nth-child(2){position: absolute; width: 40%; left: 0%; top: 24%;}
  section.new-district figure .swiper-wrapper .swiper-slide:nth-child(3){position: absolute; width: 40%; left: 0%; top: 49.5%;}
  */

  section.new-district figure.location-mobile { display:none; }
  section.new-district figure.location-desktop { display:block; width:30%; margin-right:71px; margin-top:5px; float:right; position:relative; }
  section.new-district figure.location-desktop .img-stack { position:absolute; top:55px; left:0; width:55%; transform:translateX(-65%); }
  section.new-district figure.location-desktop .img-stack img + img { margin-top:25px; }

  section.new-developer{position: relative; margin-bottom: 165px; }
  section.new-developer .developer-content { width: 38.2%; float: right;}
  section.new-developer .developer-content h2:after{display: none; }
  section.new-developer .developer-content p, section.new-developer .developer-content h1,   section.new-developer .developer-content h2 {padding: 0px 75px; padding-right: 75px}
  section.new-developer .developer-content a{display: block; height: 18px; line-height: 18px;  border-left: 2px solid #A95436; font-family:"KingsCalsonBold"; font-weight: 700; color: #747470; font-size: 0.75em; margin-left: 36px; padding-left: 10px; margin-top: 56px; letter-spacing: 0.075em; margin-left: 75px !important; }
  section.new-developer figure {overflow: initial; position: static; top: 0px; width: 100%; height: 57vw !important; max-height: 495px; margin-top: 0px !important;     box-sizing: border-box; padding-left: 75px;}
  section.new-developer figure .swiper-slide p{ opacity: 0; transform: translateY(0px); font-size: 0.938em !important; margin-top: 18px !important;  transition: all 0.2s}
  section.new-developer figure .swiper-slide.swiper-slide-active p{opacity: 1; }


  section.interior {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 130px;}
  section.interior .top{display: flex; align-items: baseline; width: 100%; box-sizing: border-box; padding-left: 75px; flex-wrap: wrap-reverse;}
  section.interior .top article.quotes {display: block; width: 34%; margin-left: 53%;     margin-bottom: -5%;}
  section.interior .top article.quotes p {margin-top: 0px !important}
  section.interior a {font-size: 1.00em !important; }
  section.interior .top figure {margin-right: 8px; width: 21%; overflow: hidden}
  section.interior .top figure:nth-child(3){width: 29%;}
  section.interior .top figure img {width: 100%; height: auto;}
  section.interior > figure {width: 54.4%; margin-top: 6px !important; padding-right: 0px; padding-left: 150px; overflow: initial !important; /*overflow: hidden !important;*/ }
  section.interior > figure img {width: 100%; height: auto; /* max-height: 421px;*/}
  section.interior article.content {width: 34%; margin-top: 66px; margin-left: 5px;  }
  section.interior article.content h1{width: 100%; white-space: nowrap;}
  section.interior article.content h1,   section.interior article.content h2 {padding-left: 67px; }  
  section.interior article.content p { margin-top: 25px;  padding-right: 0px}
  section.interior figure article.quote {display: none;  }

  section.architecture-top{position: relative; margin-bottom: 50px; }
  section.architecture-top .architecture-top-content {width: 37%; float: left; margin-top: 12px; } 
  section.architecture-top .architecture-top-content h2:after{display: none;}
  section.architecture-top .architecture-top-content > p {padding-left: 75px; }

  section.architecture-top .architecture-top-content article.quotes {box-sizing: border-box; margin-top: 53px; padding-right: 25px; padding-left: 125px; margin-bottom: 48px; }
  section.architecture-top .architecture-top-content article.quotes p {font-family:"KingsCalson" ; position: relative; opacity: 1 !important; transform: translateY(0px); font-size: 1.625em; line-height: 1.385em ; letter-spacing: 0.02em; }
  section.architecture-top .architecture-top-content article.quotes p:before{content:""; display: block; position: absolute; width: 29px; height: 32px; background:url(../img/quote-start.svg) center center no-repeat; background-size: contain; top: -6px; left: -50px;}
  section.architecture-top .architecture-top-content article.quotes p:after{content:""; display: inline-table; width: 29px; height: 32px; background: url(../img/quote-end.svg) center center no-repeat; background-size: contain; position: relative; top: 13px; left: 18px;}
  section.architecture-top figure { height: 38.5vw !important; float: right; width: calc(63% - 87px); margin-right: 87px; display: block; position: static;  max-height: 550px !important}
  section.architecture-top figure img { }

  section.architecture-bottom {position: relative; margin-bottom: 47px; margin-left: 75px; margin-right: 87px; max-height: 835px; }
  section.architecture-bottom article {padding-left: 45%; /*margin-bottom: 23vw; */padding-bottom: 55px}
  section.architecture-bottom article p:nth-child(1){margin-top: 0px; }
  section.architecture-bottom p {box-sizing: border-box; padding-left:75px; margin-top: 27px;    padding-right: 30px;}
  section.architecture-bottom p:nth-child(2){margin-top: 0px !important}
  section.architecture-bottom figure {margin-top:0px !important; }
  section.architecture-bottom figure:nth-child(2){position: absolute; width: 45%; left: 0px; top: 0px; padding-right: 0px; height: 100%; max-height: 500px !important; display: flex; justify-content: center;}
  section.architecture-bottom figure:nth-child(2) img {height: 100%; width: auto;}
  section.architecture-bottom > p {padding-right: calc(75% + 45px); padding-left: 0px}
  section.architecture-bottom article figure img {width: auto; height: 100%}
  section.architecture-bottom span.desktop-only {display: initial}

  section.architecture-details {padding: 0px; padding-left: 75px;  width:100%; padding-right: 54%; margin-bottom: 140px; position: relative;}
  section.architecture-details figure {position: absolute; width: 45%; top:0px; right: 75px; overflow: hidden; display: flex; flex-direction: column; align-content: center; height: auto; justify-content: space-around; max-height: 350px; } 
  section.architecture-details article {width: 50%; margin-bottom: 35px; }
  section.architecture-details article h2{font-family: "KingsCalsonBold"; font-size: 0.625em; letter-spacing: 0.08em;}
  section.architecture-details article p{font-family: "TheInHardtReg"; font-size: 0.969em; letter-spacing: 0.04em; color: #73746F; margin-top: 10px; margin-top: 6px !important }

  section.interior-top{margin-bottom: 20px; margin-top: 65px; position: static}
  section.interior-top .interior-top-content {width: 35%; float: left; } 
  section.interior-top .interior-top-content h2:after {display: none; }

  section.interior-top .interior-top-content p {display: block; box-sizing: border-box; padding-left:75px; padding-right: 20px;  font-size: 0.844em !important; line-height: 1.7em; font-family: "TheInHardt"; margin-top: 27px; letter-spacing: 0.06em;}
  section.interior-top figure {position: static; width: 64.0%; float: right;  height: auto; box-sizing: border-box; padding-right: 75px; max-height: 495px; }
  section.interior-top figure img { width:50%; height:auto; }
  section.interior-top figure img:nth-child(odd) { order:2; padding-right:0; padding-left:4px; }
  section.interior-top figure img:nth-child(even) { order:1; padding-left:0; padding-right:4px; }

  section.interior-bottom {position: relative; margin-bottom: 51px; margin-top: 52px; box-sizing: border-box; padding: 0px 75px; padding-bottom: 25px;   }
  section.interior-bottom-holder {width: 100%; box-sizing: border-box;display: block; margin-bottom: 65px; padding-left:75px; padding-right:75px; }
  section.interior-bottom-holder figure {box-sizing: border-box;  }
  section.interior-bottom-holder figure + p { padding-left:0; }
  section.interior-bottom article.quotes{width: 100%; padding-left: 54%; padding-right: 75px; margin-bottom: 0px;    /*padding-bottom: 38px;*/ padding-top: 11px;   margin-top: 0px}
  section.interior-bottom article.quotes p {position: relative; margin-top: 0px; padding: 0px; width: 100%}
  section.interior-bottom figure{padding: 0px !important;}
  section.interior-bottom figure:nth-child(2){width: 47%; height: 25vw; margin-top: -150px;max-width: 606px; max-height: 360px;}
  section.interior-bottom figure:nth-child(3){position: absolute; bottom: 0px; right: 75px;     width: 41%; height: 26vw; max-width: 590px; max-height: 375px;}

  section.interior-bottom article.quotes:before {display: none; }
  section.interior-bottom figure img {height: auto; width: 100%;}

  section.interior-bottom > p{display: block; }
  section.interior-bottom > p span {width: 100%;}
  section.interior-bottom p.mobile-shown{display: none}
  section.interior-bottom p span.desktop-shown{display: block; margin-top: 29px; }
  section.interior-bottom p{box-sizing: border-box; padding-left: 0px; padding-right: 0%; width: 47%  ; margin-top: 15px;}
  section.interior-bottom p:nth-child(6) {padding-bottom: 55px;}

  section.interior-floorplan{margin-bottom: 195px;}
  section.interior-floorplan h1{width: 100%; box-sizing: border-box; padding: 0px 70px; font-family:"KingsCalson"; font-size: 0.875em !important; color: #A95436; letter-spacing: 0.12em; }
  section.interior-floorplan h1:after {height: 15px;}
  section.interior-floorplan p{font-size: 0.844em !important; line-height: 1.87em; font-family: "TheInHardt"; margin-top: 27px; letter-spacing: 0.06em; padding-left: 70px}
  section.interior-floorplan figure{width: 100%; height: 64vw; margin-top: 30px; overflow: hidden; box-sizing: border-box; padding-left: 75px; padding-right: 75px;  max-height: 845px; }

  section.interior-bottom article.bottom {margin-top: 20px; margin-top: 55px; display: none }

  section.district-bottom{ margin-bottom: 40px; position: relative; padding-bottom: 35px; display: flex; }
  section.district-bottom .district-bottom-content {width: 37%; float: left;}
  section.district-bottom .district-bottom-content article.quotes{box-sizing: border-box; padding-left: 50px; margin-bottom: 30px; margin-top: 0;}
  section.district-bottom .district-bottom-content article.quotes p{margin-top: 0 !important;}
  section.district-bottom .district-bottom-content h2:after{display: none; }
  section.district-bottom .district-bottom-content p, section.district-bottom .district-bottom-content h1, section.district-bottom .district-bottom-content h2{ margin-left: 75px; padding-left: 0; padding-right: 0px}
  section.district-bottom .district-bottom-content a{display: block; height: 18px; line-height: 18px;  border-left: 2px solid #A95436; font-family:"KingsCalsonBold"; font-weight: 700; color: #747470; font-size: 0.75em; margin-left: 36px; margin-left: 75px !important; margin-top: 56px; letter-spacing: 0.075em;}
  section.district-bottom figure {height: 54vw !important; width: calc(63% - 75px - 75px); margin-left: 75px; max-height: 750px !important; margin-bottom: 0px; margin-top: 0px; align-self: center;}
  section.district-bottom figure .swiper-container{ height: 100%; width: 100%;}
  section.district-bottom figure .swiper-wrapper {display: block; position: relative;}
  section.district-bottom figure .swiper-wrapper .swiper-slide:nth-child(1){position: absolute;width: 73%; height: 100%; right: 0px; overflow: hidden; }
  section.district-bottom figure .swiper-wrapper .swiper-slide:nth-child(1) > img {height: 100%; transform: translateX(30%); width: auto;}
  section.district-bottom figure .swiper-wrapper .swiper-slide:nth-child(2){position: absolute; width: 40%; left: 0%; top: 24%;}
  section.district-bottom figure .swiper-wrapper .swiper-slide:nth-child(3){position: absolute; width: 40%; left: 0%; top: 49.5%;}

  section.district-img {margin-bottom: 100px; box-sizing: border-box; padding: 0px 75px;}
  section.district-img #map-wrapper {width:100%; height: auto;}

  section.district-slide {margin-bottom: 110px; box-sizing: border-box; padding: 0px 75px;}
  section.district-slide figure {width: 100%; overflow-x:scroll; height: 55vw; max-height: 9999px; position: relative; max-height: 795px; }
  section.district-slide figure img {width: auto; height: 100%; position: absolute;}
  section.district-slide figure img.mobile-label{display: none; }
  section.district-slide figure img.desktop-label{display: block; }
  section.district-slide figure img.landscape {bottom: 1px; height: 64.5%}
  section.district-slide figure img.label {top: 0px; left: -1px; height: 90.2%} 
  section.district-slide .slider-edge {display: block; display: flex; justify-content: space-between; /*box-sizing: border-box; padding-left: 70px; padding-right: 87px;*/ }
  section.district-slide .slider-edge article{width: auto; text-align: center; position: relative; margin-top: 8px; }
  section.district-slide .slider-edge article:nth-child(1){margin-left: 200px; }
  section.district-slide .slider-edge article:nth-child(1):before{content:""; display: inline-block; background: url(../img/label-pointer.svg) center center no-repeat; background-size: contain; height: 18px; width: 180px; position: absolute; left: -200px; top: 21px; }
  section.district-slide .slider-edge article:nth-child(2){margin-right: 200px; margin-top: 23px; }  
  section.district-slide .slider-edge article:nth-child(2):before{content:""; display: inline-block; background: url(../img/label-pointer.svg) center center no-repeat; transform:rotate(180deg); background-size: contain; height: 18px; width: 180px; position: absolute; right: -200px; top: 6px; }
  section.district-slide .slider-edge article p {display: inline-block; font-family:"TheInHardtReg"; font-size:  0.688em !important; color: #747470; margin-top: 4px !important;      padding-right: 5px; padding-left: 5px;}
  section.district-slide .slider-edge article p:before{display: none !important;} 
  section.district-slide .slider-edge article h2 {font-family: "KingsCalsonBold"; font-size:0.625em !important; line-height: 1.4em; }  
  section.district-slide .slider-edge img {width: 15px; height: 15px; margin: 0 auto; display: inline-block;}
  section.district-slide .view-vid {margin-top: 45px; }
  section.district-slide a{font-size: 0.750em !important;  margin: 0px !important;}

  section.district-slide p {display: none; }
  section.district-table {margin-bottom: 197px;}
  section.district-top { margin-bottom: 61px;padding-top: 10px; }
  section.district-top > p { margin-bottom: 195px;}
  section.district-top .district-top-content > p {box-sizing: border-box; padding-left: 73px; padding-right: 0px; font-size: 1.031em; line-height: 1.87em; font-family: "TheInHardt"; margin-top: 27px; letter-spacing: 0.055em;}
  section.district-top .district-top-content{float: right; width: calc(48% - 75px); margin-right: 75px;}
  section.district-top .district-top-content > figure {margin-top: 50px; padding-right: 0px; overflow: hidden; padding-left: 73px;z-index:999;}
  section.district-top .district-top-content > figure:last-child { margin-top: 44px; height: auto; display: none;}
  section.district-top .district-top-content > figure img {width: 100%; height: auto}  
  section.district-top .district-top-content > figure:last-child img {width: 100%; height: auto}  
  section.district-top > figure:last-child { margin-top:0; display:block; }
  section.district-top > figure { width: calc(52% - 75px); float: left; margin-left: 75px;  max-height: 9999px; height: auto; padding-right: 0px; }
  section.district-top > figure div {overflow: hidden; }
  section.district-top > figure div:nth-child(2){width: 100%; right: 36px; position: static; display: flex; justify-content: center; display: block;}
  section.district-top > figure div:nth-child(2) img {width: 100%; height: auto;}
  section.district-top > figure div:nth-child(1){margin-left: auto; width: 100%; height: auto; margin-bottom:12px; }
  

  section.district-table article.district-table-content { width: calc(100% - 75px - 75px); margin-left: 75px; }
  section.district-table article.district-table-content ul { padding-top:35px; width: calc(33.3% - 65px); }

  section.developer-page {position: initial;}
  section.developer-page .developer-page-content {float: left; width : 43%; max-width: 9999px;position: -webkit-sticky; position: sticky;  top: 147px; transition: all 0.2s; }
  section.developer-page .developer-page-content h1 {padding-right: 0px; white-space: nowrap;}
  section.developer-page .developer-page-content h2:after{display: none; }  
  section.developer-page figure {height: auto !important; position: static; width: 60%; float: right;}

  section.developer-page figure .swiper-wrapper {display: block;}
  section.developer-page figure .swiper-wrapper {display: block; transform: translate3d(0px,0px, 0px) !important;}
  section.developer-page .developer-page-content p{box-sizing: border-box; padding-left: 75px;  margin-top: 22px;}
  /* section.developer-page .developer-page-content p a {box-sizing: border-box; font-family: "KingsCalsonBold"; font-size: 0.750em; letter-spacing: 0px; display: inline-block; margin: 0px !important; } */
  section.developer-page .developer-page-content p a {box-sizing: border-box;  display: inline-block; margin: 0px !important; }
  section.developer-page figure {height: 27vw; position: static;  width: calc(57% - 40px); float: right; margin-top: 55px;}
  section.developer-page figure .swiper-slide p{ font-size: 1em; font-family: "KingsCalson"; color: #A95436; margin-left: 36px;margin-top: 15px; line-height: 1.3em; }
  section.developer-page figure .swiper-slide img.desktop-layout-img{display: block !important}
  section.developer-page figure .swiper-slide:nth-child(even){display: none;}  
  
  section.developer-page figure .swiper-container{overflow: visible;}
  section.developer-page figure .swiper-slide {box-sizing: border-box; padding-left: 0px; padding-right: 75px; margin-right: 0px !important; width: 100% !important; }
  section.developer-page figure .swiper-slide img{transform: translateX(0px); clip-path: inset(0 0 0 0);}

  section.developer-page figure .swiper-slide:nth-child(1) { margin-bottom: 125px}
  section.developer-page figure .swiper-slide:nth-child(1) img:nth-child(1){width: 55%;clip-path: inset(0% 4% 0% 13%);margin-left: -7%;}
  section.developer-page figure .swiper-slide:nth-child(1) img:nth-child(3){    width: 59%;margin-left: calc(40% + 20px);margin-top: -22%;clip-path: inset( 0% 4% 0% 12%);}
  section.developer-page figure .swiper-slide:nth-child(1) p {position: absolute;left: calc(44% + 5px); top: 2%;margin-left: 0px;     margin-top: 0px !important; }

  section.developer-page figure .swiper-slide:nth-child(3) { margin-bottom: 125px; background-size: 176px;}
  section.developer-page figure .swiper-slide:nth-child(3) img:nth-child(1){    width: 54.5%;clip-path: inset(0% 1% 0% 5%);margin-left: -2%;margin-top: 0px;}
  section.developer-page figure .swiper-slide:nth-child(3) img:nth-child(3){    width: 53%;margin-left: calc(54.5% + 9px);margin-top: -30%;clip-path: inset(0% 17% 0% 0%);}
  section.developer-page figure .swiper-slide:nth-child(3) p { position: absolute; top: -55px; left: calc(50% + 22px); margin-left: 0px;}

  section.developer-page figure .swiper-slide:nth-child(5) {margin-bottom: 42.5%; transform: translateX(0px);}
  section.developer-page figure .swiper-slide:nth-child(5) img:nth-child(1){width: 42%; margin-top: 0px; z-index: 99}
  section.developer-page figure .swiper-slide:nth-child(5) img:nth-child(3){    width: 51%; margin-left: 40%;clip-path: inset(0% 4% 0% 2%); z-index: -1; position: absolute; top: 0px; }
  section.developer-page figure .swiper-slide:nth-child(5) p {position: absolute; top: 90%; left: auto;  width: 30%; right: 59%; text-align: right;}

  section.developer-page figure .swiper-slide:nth-child(7) {margin-bottom: 125px;}
  section.developer-page figure .swiper-slide:nth-child(7) img:nth-child(1){    width: 71%; clip-path: inset(0% 6% 10% 24%); margin-left: -17.5%;}
  section.developer-page figure .swiper-slide:nth-child(7) img:nth-child(3){    width: 58.5%; margin-left: calc(49% + 28px); margin-top: -29.5%; clip-path: inset(0% 21% 0% 0%);}
  section.developer-page figure .swiper-slide:nth-child(7) p {position: absolute; top: -5%; left: calc(43% - 5px); margin-top: 0px!important}

  section.developer-page figure .swiper-slide:nth-child(9) { margin-bottom: 93px; background-size: 140px 193px}
  section.developer-page figure .swiper-slide:nth-child(9) img:nth-child(1){width: 92%; margin-left: 8% }
  section.developer-page figure .swiper-slide:nth-child(9) p {position: absolute;  top: -12%; left: 7%; margin-top: 0px !important; margin-left: 0px;}

  footer {padding-bottom: 25px;}
  footer article.closing .partners { width:100%; }
  footer article.closing .links { display:flex; }  
  footer article.closing > .links > div { margin-bottom:0; margin-top:-4px; margin-left:-5px; margin-right:10px; }
  footer article.closing > .links figure { margin-right:10px; }

  main.homepage section a{position: relative; border-left: 0px solid #ECEFEC !important; position: relative; transition: all 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333); border-color: #A95436!important; padding-left: 10px }
  main.homepage section a:before {content:''; display: "block"; width: 2px; height: 100%; position: absolute; background-color:#A95436; left: 0px; box-sizing: border-box; transition: all 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333); /*-webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;*/ }
  main.homepage section a:hover{padding-left: 20px; }
  main.homepage section a:hover:before{margin-left: 10px}



  .interior-floorplan p {  margin-bottom:0; }

  section.interior-floorplan div { padding-top:0; padding-left:67px; padding-right:67px; }
  section.interior-floorplan div p { margin-top:7px !important; }
  section.interior-floorplan figure:nth-child(odd), section.interior-floorplan figure:nth-child(even) { padding-left:8px; padding-right:8px; }
  section.interior-floorplan figure { width:25%; margin-top:17px; height:auto; }
  section.interior-floorplan figure a { margin-left:0 !important margin-top:0 !important; }


  section.sustainability-left h1 { margin-bottom:21px; }
  section.sustainability-left p { padding:0 87px 0 75px; margin-top:14px !important; }
  section.sustainability-right > article { width:33.33%; float:left; }
  section.sustainability-right { box-sizing:border-box; padding:0 87px 0 75px; }
  section.sustainability-right h2 { box-sizing:border-box; padding:0 30px; }
  section.sustainability-right ul { padding:0 18px 0 22px; }
  section.sustainability-right .m_hide { display:block; }
  section.sustainability-right .d_hide { display:none; }

  .c__designaward { width:89.3%; max-width:1170px; padding-bottom:53.35%; left:10.9%; z-index:10; }
  .c__designaward p { font-size:1.000em; line-height:1.333em !important; padding:0 20px; margin-top:0px !important; margin-left:0; }
  .c__designaward p br { display:block; }

  .c__celebration { width:89.3%; max-width:1170px; height:80vw; left:10.9%; z-index:10; position:absolute; top:50%; transform:translateY(-50%); background:none; margin-top:0; margin-left:-2px; }
  .c__celebration > div { position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 10; width: 100%; height: 0; padding-bottom: 60.0%; }
  .c__celebration > div > div { background:#A16656; width:430px; height:122px; position:absolute; bottom:0; left:0; }
  .c__celebration > div p { margin-top:0 !important; padding:0 20px; }
  .c__celebration > div p:nth-child(1) { padding-top:18px; }
  .c__celebration > div p:nth-child(2) { margin-top:3px !important; }
  .c__celebration .s_small { font-size:12px !important; line-height:14px !important; }
  .c__celebration .s_medium { font-size:18px !important; line-height:22px !important; }
  .c__celebration .s_large { font-size:30px !important; line-height:36px !important; }
}


@media only screen and (min-width:58.125em) {
/*  section.interior-bottom article.quotes{ margin-bottom: 14vw; margin-bottom: 7vw;     padding-bottom: 38px;  }*/
  header section nav ul li {padding: 0px 20px; white-space: nowrap;}
}


@media only screen and (min-width:61.250em) {
  header{ height: 86px; position: fixed; }
  header.revealed{ background-color: #EDEDED !important; box-shadow: 0px 0px 2px #e2e2e2;}
  header.is-active-color {background-color:transparent; box-shadow:none;}
  header section { max-width:1440px; margin:0 auto; padding-left:40px; box-sizing:border-box; }
  header a.logo {display: none !important;}
  header a.p-logo {display: block; opacity: 0; }
  header.revealed a.p-logo {opacity: 1; }
  header section nav ul li a:hover {color: #A95436;}
  header section nav ul li a:hover:after { width:100%; }
  
  header section{padding-top: 33px; }
  header nav.desktop-nav {display: block; }
  header section nav ul li {padding: 0px 15px; white-space: nowrap;}
  header > nav.mobile-nav, header button.hamburger{display: none; }
  header .lang { top:36px; left:auto; right:105px; font-size:0.875em; }

  section.registration { top:86px; }
}

@media only screen and (min-width:68.500em) {
    section.new-masthead article.mast-content p { max-width:380px; }

  main section p {font-size: 1.031em !important; line-height: 1.87em !important; margin-top: 35px!important; letter-spacing: 0.048em; }
  
  article.quotes p{font-family:"KingsCalson"!important ; font-size: 1.625em; line-height: 1.4em; position: relative; padding: 0px 0px; letter-spacing: 0.02em !important;}
  article.quotes p:before {content:""; display: block; position: absolute; width: 29px; height:32px; background:url(../img/quote-start.svg) center center no-repeat; background-size: contain; top: -6px; left: -50px;}
  article.quotes p:after {content:""; display: inline-block; width: 29px; height:32px; background: url(../img/quote-end.svg) center center no-repeat; background-size: contain; position: relative; top: 12px; left: 13px; vertical-align: top; }
  
  section.new-collect .collect-content h1, section.new-collect .collect-content h2, section.new-collect .collect-content p {padding-left: 60px;}

  .registration-form > article fieldset {width: 22%;}
  footer article {margin-bottom: 128px; width: auto;}
  footer article.logos{width: 200px; height: 96px; margin-right: 13%}
  footer article.closing {margin-top: 0px; flex-wrap: wrap; }
  footer article.closing p.JV{width: 100%}
  section.interior-top .interior-top-content p{padding-right: 45px;}
 /* section.district-bottom .district-bottom-content article.quotes{box-sizing: border-box; padding-left: 140px; padding-right: 116px; margin-bottom: 30px; margin-top: 33px;}*/

  section.architecture-details figure {top:-70px;} 
  section.architecture-details article { width: 31%; margin-bottom: 35px; margin-right: 2%;}
  /*section.architecture-bottom figure:nth-child(2){max-height: 750px !important; }*/
  

  40.3vw {box-sizing: border-box; padding-right: 75px;     height: 40.3vw; overflow: hidden; background: url(../img/pattern.png) right top no-repeat; background-size: 202px 100%; max-height: 570px; }

  section.interior-bottom article.quotes:before {display: none; }
  section.interior-bottom figure img {height: 100%; width: auto;}

  section.interior-bottom > p{display: block; }
  section.interior-bottom > p span {width: 100%;}
  section.interior-bottom p.mobile-shown{display: none}
  section.interior-bottom p span.desktop-shown{display: block; margin-top: 29px; }


  section.interior-top .interior-top-content p, section.interior-floorplan p {font-size: 1.031em !important; line-height: 1.87em;}


  article.quotes > p:first-child, article.quote > p:first-child {font-size: 1.625em !important;  line-height: 1.385em !important;}
  article.quotes > p:after, article.quote > p:after {display: inline-block !important; vertical-align: top !important; width: 29px !important; height: 32px!important;top: 13px!important;left: 18px!important;}
  article.quotes > p:before, article.quote > p:before {width: 29px !important;height: 32px!important; top: -6px !important; left: -50px !important; } 

  /*
  
  s
  section.sustainability-right > article { width:33.33%; float:left; }
  section.sustainability-right { box-sizing:border-box; padding:0 87px 0 75px; }
  
  section.sustainability-right ul { padding:0 18px 0 22px; }
  section.sustainability-right .m_hide { display:block; }
  section.sustainability-right .d_hide { display:none; }
  */

  main.sustainability { padding-top:222px; display:flex; }
  section.sustainability-left { width:30.6%; }
  section.sustainability-left h1 { padding-right:38px; max-width:390px; }
  section.sustainability-left p { padding-right:38px; margin-top:-1px !important; }
  section.sustainability-right { width:69.4%; padding-left:0; }
  section.sustainability-right h2 { font-size:1.500rem !important; line-height:1.208em !important; padding:0 30px; margin-bottom:18px; }
  section.sustainability-right ul { font-size:1.031rem !important; line-height:1.87em !important; letter-spacing:0.048em; padding:0 36px 0 15px; }
  section.sustainability-right li { margin-bottom:10px; }
}

@media only screen and (min-width:81.250em) {
    section.new-masthead article.mast-content p { width:100%; max-width:400px; }
}

@media only screen and (min-width:84.375em) {
    section.new-masthead article.mast-content p { width: 100%; max-width:500px; }

    section.district-top > figure:last-child > div { width:85%; }
    section.district-top > figure:last-child > div:first-child { margin-left:0; }
    section.district-top > figure:last-child > div:last-child { margin-left:auto; margin-top:-50px; }
}

@media only screen and (min-width:85.125em){
  section.architecture-top .architecture-top-content article.quotes{padding-right: 125px; }
  footer article.logos img:nth-child(1){width:124px; height: 61px; margin-right: 15%;}
  section.interior {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 135px;}

  /*section.architecture-bottom figure:nth-child(2){width: 70%;}*/
  section.architecture-bottom > p{padding-right: calc(71% + 45px);}
  /*section.architecture-details {padding-left: calc(30% + 22px);}*/

  section.new-district{background: url(../img/largeSplatter.png) right top no-repeat; background-size: auto 100%; }
  section.new-district figure .swiper-wrapper .swiper-slide:nth-child(2){position: absolute; width: 40%; left: 0%; top: 13.5%;}
  section.new-district figure .swiper-wrapper .swiper-slide:nth-child(3){position: absolute; width: 40%; left: 0%; top: 43%;}

  section.district-bottom figure .swiper-wrapper .swiper-slide:nth-child(2){position: absolute; width: 40%; left: 0%; top: 13.5%;}
  section.district-bottom figure .swiper-wrapper .swiper-slide:nth-child(3){position: absolute; width: 40%; left: 0%; top: 43%;}

  /*section.interior-bottom article.quotes{margin-bottom: 17vw}*/
}

@media only screen and (min-width:90.000em){
  section.registration{ transform: translateX(1444px);}
  section.interior {display: flex; flex-direction: row; flex-wrap: wrap;}
  /*section.architecture-bottom article {margin-bottom: 20vw; }*/
  /*section.interior-bottom article.quotes {margin-bottom: 272px; }*/

  section.district-top > figure:last-child > div { width:75%; }
  section.district-top > figure:last-child > div:last-child { margin-top:-70px; }
}



@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}