.noSelect, .radio-btn label:before {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */ }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */ }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0; }

.custom-input-holder {
  width: 100%;
  background: transparent;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 3em; }
  .custom-input-holder input,
  .custom-input-holder textarea,
  .custom-input-holder select {
    line-height: 20px;
    color: #55565a;
    background-color: transparent;
    position: relative;
    display: block;
    float: right;
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 5px 0;
    font-weight: 300;
    -webkit-appearance: none;
    /* for box shadows to show on iOS */ }
    .custom-input-holder input:focus,
    .custom-input-holder textarea:focus,
    .custom-input-holder select:focus {
      outline: none; }
  .custom-input-holder label {
    line-height: 20px;
    font-weight: 300;
    display: inline-block;
    color: #55565a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    position: absolute;
    padding: 5px 0;
    text-align: left;
    pointer-events: none; }
    .custom-input-holder label span {
      position: relative;
      display: block;
      width: 100%;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .custom-input-holder label::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #55565a;
    left: 0;
    top: 100%; }
  .custom-input-holder input:focus + label span,
  .custom-input-holder select:focus + label span, .custom-input-holder.input--filled label span {
    opacity: 0.9;
    -webkit-transform: translate3d(0, 28px, 0) scale3d(0.7, 0.7, 1);
    transform: translate3d(0, 28px, 0) scale3d(0.7, 0.7, 1); }
  .custom-input-holder.input--filled label span {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out; }
  .custom-input-holder.error label::after {
    background: tomato; }
  .custom-input-holder.error label span {
    color: tomato; }
  .custom-input-holder.error input:focus + label span, .custom-input-holder.error.input--filled label span {
    opacity: 0.9; }
  .custom-input-holder.error.input--filled label::after {
    background: #55565a; }

.radio-btn {
  position: relative; }
  .radio-btn label {
    font-weight: 300;
    line-height: 20px;
    padding: 5px 0 5px 20px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
    .radio-btn label:before {
      box-sizing: border-box;
      content: '';
      position: absolute;
      left: 0;
      top: 9px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 1px solid #55565a; }
    .radio-btn label:after {
      width: 0;
      height: 0;
      display: inline-block;
      content: "";
      visibility: visible;
      cursor: pointer;
      margin: 0;
      transition: all 0.1s ease-in-out;
      position: absolute;
      top: 15px;
      left: 6px;
      border-radius: 50%; }
  .radio-btn > [type=radio] {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    visibility: hidden;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
    .radio-btn > [type=radio]:checked + label:after {
      width: 6px;
      height: 6px;
      top: 12px;
      left: 3px;
      background-color: #55565a; }
  @media only screen and (max-device-width: 1024px) and (orientation: portrait) {
    .radio-btn {
      position: relative; }
      .radio-btn label {
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        color: #55565a; }
        .radio-btn label:before {
          border: 1px solid #55565a; }
      .radio-btn > [type=radio]:checked + label:after {
        background-color: #55565a; } }

.broker-question-holder {
  margin-bottom: 20px; }
  .broker-question-holder .question {
    display: inline-block;
    line-height: 20px;
    padding: 5px 0;
    color: #55565a; }
    @media only screen and (max-device-width: 1024px) and (orientation: portrait) {
      .broker-question-holder .question {
        color: #55565a; } }
  .broker-question-holder .radio-btn {
    float: right;
    margin-left: 5px; }
    .broker-question-holder .radio-btn.radio-right {
      margin-left: 6px; }
      @media (max-width: 767px) {
        .broker-question-holder .radio-btn.radio-right {
          margin-left: 25px; } }

.submit-holder {
  text-align: center; }

.submit-button {
  padding: 0.4em;
  display: block;
  font-size: 1em;
  cursor: pointer;
  padding: 0.4em;
  background: transparent;
  color: #55565a;
  border: 1px solid #55565a;
  border-radius: 0;
  width: 80px;
  cursor: pointer;
  margin: 0 auto; }

.form-holder {
  position: relative;
  height: 100%; }

@media (min-width: 992px) and (max-width: 1600px) {
  .custom-input-holder {
    margin-bottom: 20px; }

  .broker-question-holder {
    margin-bottom: 20px; } }
@media (min-width: 1601px) {
  .custom-input-holder {
    margin-bottom: 50px; }

  .broker-question-holder {
    margin-bottom: 50px; } }
.brokerage-fields {
  display: none; }

@media (max-width: 1199px) {
  .brokerage-fields {
    position: relative;
    top: -15px; } }
.bottom-text {
  text-align: center;
  font-size: 10px;
  position: absolute;
  width: 60%;
  bottom: 20px;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  .bottom-text .privacy {
    text-decoration: underline;
    position: relative;
    margin-top: 10px;
    display: inline-block;
    color: #dfdfdf; }
    @media only screen and (max-device-width: 1024px) and (orientation: portrait) {
      .bottom-text .privacy {
        color: #55565a; } }
  @media (min-width: 992px) and (max-width: 1600px) {
    .bottom-text {
      font-size: 10px; } }
  @media (min-width: 1601px) {
    .bottom-text {
      font-size: 12px; } }

.js-successful-submission {
  margin-bottom: 12px;
  font-size: 1.126em;
  font-weight: 600; }

.custom-input-holder label.error::after {
  border-bottom: 1px solid tomato; }

.custom-input-holder label.error span {
  color: tomato; }

.custom-input-holder input:focus + label.error span,
.custom-input-holder textarea:focus + label.error span, .custom-input-holder.input--filled label.error span {
  color: #55565a; }

.custom-input-holder.input--filled label.error::after {
  border-bottom: 1px solid #55565a; }

a {
  color: #f4f1ee;
  text-decoration: none; }
  a:hover {
    color: #f4f1ee;
    text-decoration: underline; }

.slider-wrapper {
  background: #55565a;
  width: 100%;
  padding: 6vh 0; }

.slider-image {
  padding: 1em; }

.lb-close {
  display: none !important; }

.lightbox .lb-image {
  border-radius: 0;
  border: none; }

.lb-outerContainer {
  width: 100% !important;
  height: auto !important; }

.lb-image {
  width: 100% !important;
  height: auto !important; }

.lightbox-enlarge {
  display: block;
  margin-top: 8px;
  color: #55565a; }
  .lightbox-enlarge:hover {
    color: #55565a; }

body, html {
  width: 100%; }

html {
  position: relative;
  min-height: 100%; }

body {
  font-family: "minion-pro", serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f4f1ee;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    body {
      padding-top: 12vh; } }
  @media screen and (max-width: 767px) {
    body {
      padding-top: 80px; } }

img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto; }

@media screen and (min-width: 1921px) and (max-width: 2560px) {
  html, body {
    font-size: 16px; } }
@media screen and (min-width: 1601px) and (max-width: 1920px) {
  html, body {
    font-size: 16px; } }
@media screen and (min-width: 1367px) and (max-width: 1600px) {
  html, body {
    font-size: 14px; } }
@media screen and (min-width: 1280px) and (max-width: 1366px) {
  html, body {
    font-size: 12px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  html, body {
    font-size: 14px; } }
@media screen and (max-width: 767px) {
  html, body {
    font-size: 13px; } }
#page-availability .section-container-intro {
  margin-bottom: calc(12vh - 43px);
  margin-top: calc(12vh - 43px); }
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #page-availability .section-container {
    width: 85%; } }

.availability-intro {
  text-align: center; }
  .availability-intro-content {
    position: relative;
    top: 0;
    padding-top: 20px; }
  .availability-intro-subheading {
    font-size: 1em;
    font-family: "futura-pt", sans-serif;
    display: inline-block;
    line-height: 1;
    margin-bottom: 15px; }
    .availability-intro-subheading:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #55565a;
      margin-top: 6px; }
  .availability-intro-heading {
    width: 50%;
    margin: 0 auto 15px;
    font-size: 1.7em;
    font-family: "futura-pt", sans-serif;
    font-weight: 300; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .availability-intro-heading {
        width: 85%; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .availability-intro-heading {
        width: 80%; } }
    @media screen and (max-width: 767px) {
      .availability-intro-heading {
        width: 100%; } }
  .availability-intro-body {
    width: 40%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .availability-intro-body {
        width: 75%; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .availability-intro-body {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .availability-intro-body {
        width: 100%; } }

.Unit {
  padding: 0;
  text-align: center;
  margin-bottom: 6vh; }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .Unit {
      padding: 0; } }
  .Unit__subheading {
    display: inline-block;
    text-transform: uppercase;
    font-family: "futura-pt", sans-serif;
    font-size: 1em; }
    .Unit__subheading:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      margin-top: 6px;
      background: #55565a; }
  .Unit__heading {
    font-family: "futura-pt", sans-serif;
    text-transform: uppercase;
    font-size: 1.7em;
    font-weight: 300; }
  .Unit__view {
    display: block;
    font-size: 1em;
    cursor: pointer;
    padding: 0.4em;
    border: 1px solid #55565a;
    width: 80px;
    margin: 0 auto; }
    .Unit__view:hover {
      text-decoration: none; }

.unit-preview {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 100%;
  background: #f4f1ee;
  z-index: 100;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .unit-preview .Unit {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 1em; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .unit-preview .Unit {
        width: 50%; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .unit-preview .Unit {
        padding: 2em;
        width: 30%; } }
    @media screen and (max-width: 767px) {
      .unit-preview .Unit {
        width: 65%; } }
    @media screen and (max-width: 767px) and (orientation: landscape) {
      .unit-preview .Unit__body {
        display: none; } }
    .unit-preview .Unit__apply {
      display: block;
      color: #55565a;
      font-size: 1em;
      cursor: pointer;
      padding: 0.4em;
      margin: 0 auto;
      position: absolute;
      bottom: 1em;
      left: 1em; }
      .unit-preview .Unit__apply:hover {
        text-decoration: none; }
  .unit-preview-close {
    font-family: "futura-pt", sans-serif;
    font-size: 4em;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 1rem;
    right: 1rem; }
  .unit-preview-floorplan {
    position: absolute;
    width: 72vw;
    height: 74vh;
    left: 50%;
    right: auto;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    @media screen and (min-width: 1921px) and (max-width: 2560px) {
      .unit-preview-floorplan {
        width: 80vw;
        height: 85vh; } }
    @media screen and (min-width: 1601px) and (max-width: 1920px) {
      .unit-preview-floorplan {
        width: 75vw;
        height: 80vh; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .unit-preview-floorplan {
        width: 100%;
        height: 45%;
        top: 30%; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .unit-preview-floorplan {
        width: 90vw;
        height: 60vh;
        top: 30%; } }
    @media screen and (max-width: 767px) {
      .unit-preview-floorplan {
        width: 100%;
        height: 30%;
        top: 40%; } }
    @media screen and (max-width: 767px) and (orientation: landscape) {
      .unit-preview-floorplan {
        width: 100%;
        height: 62%;
        top: 25%; } }

.preview .unit-preview {
  top: 0; }

.unit-preview-download {
  position: absolute;
  display: inline-block;
  bottom: 1em;
  right: 1em;
  color: #55565a; }
  .unit-preview-download:hover {
    color: #55565a;
    text-decoration: none; }
  .unit-preview-download-text {
    font-size: 1em;
    display: inline-block;
    margin-right: 12px; }
  .unit-preview-download-icon {
    display: inline-block;
    width: 25px;
    height: 26px;
    vertical-align: inherit; }

#page-neighborhood .footer {
  position: static; }

.header {
  position: relative;
  width: 100%;
  height: 12vh;
  background: #55565a; }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .header {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100; } }
  @media screen and (max-width: 767px) {
    .header {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
      height: 13vh;
      z-index: 100; } }
  @media screen and (max-width: 767px) and (orientation: landscape) {
    .header {
      padding: 2.5em 0; } }
  .header-logo {
    display: inline-block;
    background-image: url("../images/logo.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    height: 8vh;
    width: 16vw;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .header-logo {
        width: 32vw; } }
    @media screen and (max-width: 767px) {
      .header-logo {
        height: 52px;
        width: 200px; } }
    @media screen and (max-width: 767px) and (orientation: landscape) {
      .header-logo {
        height: 42px;
        width: 200px; } }
  .header-link-left, .header-link-right {
    display: inline-block;
    position: absolute;
    top: 1em;
    text-transform: uppercase;
    font-family: "futura-pt", sans-serif; }
  .header-link-left {
    left: 1em; }
  .header-link-right {
    right: 1em; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .header-link-right {
        display: none; } }
    @media screen and (max-width: 767px) {
      .header-link-right {
        display: none; } }
  .header-menu-button {
    display: none;
    position: absolute;
    top: 1em;
    right: 1em;
    text-transform: uppercase;
    font-family: "futura-pt", sans-serif;
    cursor: pointer; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .header-menu-button {
        display: inline-block; } }
    @media screen and (max-width: 767px) {
      .header-menu-button {
        display: inline-block; } }

.navigation-wrapper {
  position: relative;
  width: 100%;
  z-index: 50; }

.navigation {
  background: #f4f1ee; }
  .navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center; }
  .navigation ul li {
    display: inline-block;
    margin: 0;
    line-height: 2.4; }
    .navigation ul li:first-child {
      display: none; }
    @media screen and (max-width: 767px) {
      .navigation ul li:first-child {
        display: inline-block; } }
  .navigation ul li a {
    display: inline-block;
    color: #55565a;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "futura-pt", sans-serif;
    font-size: 1em;
    padding: 0.5em 2em; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .navigation ul li a {
        padding: 0.5em 0.8em; } }
  .navigation-link-left, .navigation-link-right {
    display: inline-block;
    opacity: 0;
    position: absolute;
    letter-spacing: 1px;
    top: 1em;
    text-transform: uppercase;
    font-family: "futura-pt", sans-serif;
    color: #55565a; }
    .navigation-link-left:hover, .navigation-link-right:hover {
      color: #55565a;
      text-decoration: underline; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .navigation-link-left, .navigation-link-right {
        top: calc(1em - 1px); } }
  .navigation-link-left {
    left: 1em; }
  .navigation-link-right {
    right: 1em; }

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .navigation {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: -100%;
    background: #55565a;
    overflow: hidden;
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; }
    .navigation ul {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -moz-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
      .navigation ul > li {
        opacity: 0;
        -webkit-transition-property: top, opacity;
        transition-property: top, opacity;
        -webkit-transition-duration: 0.5s , 0.3s;
        transition-duration: 0.5s , 0.3s;
        -webkit-transition-timing-function: ease, ease-out;
        transition-timing-function: ease, ease-out;
        position: relative;
        top: -60px; }
        .navigation ul > li:nth-of-type(1) {
          -webkit-transition-delay: 0s, 0.2s;
          transition-delay: 0s, 0.2s; }
        .navigation ul > li:nth-of-type(2) {
          -webkit-transition-delay: 0.05s, 0.25s;
          transition-delay: 0.05s, 0.25s; }
        .navigation ul > li:nth-of-type(3) {
          -webkit-transition-delay: 0.1s, 0.3s;
          transition-delay: 0.1s, 0.3s; }
        .navigation ul > li:nth-of-type(4) {
          -webkit-transition-delay: 0.15s, 0.35s;
          transition-delay: 0.15s, 0.35s; }
        .navigation ul > li:nth-of-type(5) {
          -webkit-transition-delay: 0.2s, 0.4s;
          transition-delay: 0.2s, 0.4s; }
        .navigation ul > li:nth-of-type(6) {
          -webkit-transition-delay: 0.25s, 0.45s;
          transition-delay: 0.25s, 0.45s; }
        .navigation ul > li:nth-of-type(7) {
          -webkit-transition-delay: 0.30s, 0.45s;
          transition-delay: 0.30s, 0.45s; }
        .navigation ul > li:nth-of-type(8) {
          -webkit-transition-delay: 0.35s, 0.50s;
          transition-delay: 0.35s, 0.50s; }
        .navigation ul > li:nth-of-type(9) {
          -webkit-transition-delay: 0.45s, 0.55s;
          transition-delay: 0.45s, 0.55; }
    .navigation ul li {
      width: 100%; }
    .navigation ul li a {
      color: #f4f1ee; } }
@media screen and (max-width: 767px) {
  .navigation {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: -100%;
    background: #55565a;
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; }
    .navigation ul {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -moz-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
      .navigation ul > li {
        opacity: 0;
        -webkit-transition-property: top, opacity;
        transition-property: top, opacity;
        -webkit-transition-duration: 0.5s , 0.3s;
        transition-duration: 0.5s , 0.3s;
        -webkit-transition-timing-function: ease, ease-out;
        transition-timing-function: ease, ease-out;
        position: relative;
        top: -60px; }
        .navigation ul > li:nth-of-type(1) {
          -webkit-transition-delay: 0s, 0.2s;
          transition-delay: 0s, 0.2s; }
        .navigation ul > li:nth-of-type(2) {
          -webkit-transition-delay: 0.05s, 0.25s;
          transition-delay: 0.05s, 0.25s; }
        .navigation ul > li:nth-of-type(3) {
          -webkit-transition-delay: 0.1s, 0.3s;
          transition-delay: 0.1s, 0.3s; }
        .navigation ul > li:nth-of-type(4) {
          -webkit-transition-delay: 0.15s, 0.35s;
          transition-delay: 0.15s, 0.35s; }
        .navigation ul > li:nth-of-type(5) {
          -webkit-transition-delay: 0.2s, 0.4s;
          transition-delay: 0.2s, 0.4s; }
        .navigation ul > li:nth-of-type(6) {
          -webkit-transition-delay: 0.25s, 0.45s;
          transition-delay: 0.25s, 0.45s; }
        .navigation ul > li:nth-of-type(7) {
          -webkit-transition-delay: 0.30s, 0.45s;
          transition-delay: 0.30s, 0.45s; }
        .navigation ul > li:nth-of-type(8) {
          -webkit-transition-delay: 0.35s, 0.50s;
          transition-delay: 0.35s, 0.50s; }
        .navigation ul > li:nth-of-type(9) {
          -webkit-transition-delay: 0.45s, 0.55s;
          transition-delay: 0.45s, 0.55; }
    .navigation ul li {
      width: 100%; }
    .navigation ul li a {
      color: #f4f1ee; } }
.menu-open {
  overflow: hidden; }
  .menu-open .navigation {
    top: 0; }
    .menu-open .navigation ul > li {
      opacity: 1;
      top: 0;
      -webkit-transition-property: top, opacity;
      transition-property: top, opacity;
      -webkit-transition-duration: 0.8s, 0.6s;
      transition-duration: 0.8s, 0.6s;
      -webkit-transition-timing-function: ease, ease-out;
      transition-timing-function: ease, ease-out; }
      .menu-open .navigation ul > li:nth-of-type(1) {
        -webkit-transition-delay: 0.8s, 1s;
        transition-delay: 0.8s, 1s; }
      .menu-open .navigation ul > li:nth-of-type(2) {
        -webkit-transition-delay: 0.75s, 0.95s;
        transition-delay: 0.75s, 0.95s; }
      .menu-open .navigation ul > li:nth-of-type(3) {
        -webkit-transition-delay: 0.7s, 0.9s;
        transition-delay: 0.7s, 0.9s; }
      .menu-open .navigation ul > li:nth-of-type(4) {
        -webkit-transition-delay: 0.65s, 0.85s;
        transition-delay: 0.65s, 0.85s; }
      .menu-open .navigation ul > li:nth-of-type(5) {
        -webkit-transition-delay: 0.6s, 0.8s;
        transition-delay: 0.6s, 0.8s; }
      .menu-open .navigation ul > li:nth-of-type(6) {
        -webkit-transition-delay: 0.55s, 0.75s;
        transition-delay: 0.55s, 0.75s; }
      .menu-open .navigation ul > li:nth-of-type(7) {
        -webkit-transition-delay: 0.50s, 0.70s;
        transition-delay: 0.50s, 0.70s; }
      .menu-open .navigation ul > li:nth-of-type(8) {
        -webkit-transition-delay: 0.45s, 0.65s;
        transition-delay: 0.45s, 0.65s; }
      .menu-open .navigation ul > li:nth-of-type(9) {
        -webkit-transition-delay: 0.40s, 0.60s;
        transition-delay: 0.40s, 0.60s; }
  .menu-open .header-menu-button {
    text-indent: -9999px;
    line-height: 0; }
    .menu-open .header-menu-button:after {
      display: block;
      content: "Close";
      text-indent: 0;
      line-height: initial; }

.scroll .navigation-wrapper {
  position: fixed;
  top: 0;
  left: 0; }
.scroll .navigation-link-left, .scroll .navigation-link-right {
  opacity: 1; }

.section-container {
  width: 75%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12vh; }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .section-container {
      width: 85%; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .section-container {
      width: calc(100% - 1em * 2); } }
  @media screen and (max-width: 767px) {
    .section-container {
      width: calc(100% - 1em * 2);
      margin-bottom: 36px; } }
  .section-container-intro {
    margin-bottom: calc(12vh - 43px); }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .section-container-intro {
        width: calc(100% - 1em * 2); } }
    @media screen and (max-width: 767px) {
      .section-container-intro {
        width: calc(100% - 1em * 2);
        margin-bottom: 36px; } }

.section-text {
  text-align: center;
  padding-top: 20px; }
  @media screen and (min-width: 1025px) {
    .section-text {
      padding-top: 4vh; } }
.section-title {
  width: 50%;
  margin: 0 auto 15px;
  font-size: 1.7em;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
  font-weight: 300; }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .section-title {
      width: 85%; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .section-title {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .section-title {
      width: 100%; } }
.section-subtitle {
  font-size: 1em;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif;
  margin-bottom: 15px; }
  .section-subtitle:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #55565a;
    margin-top: 6px; }
.section-body {
  color: #55565a;
  margin: 0 auto;
  width: 70%; }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .section-body {
      width: 75%; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .section-body {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .section-body {
      width: 100%; } }
.section-link {
  color: #55565a; }
  .section-link:hover {
    color: #55565a;
    text-decoration: none; }

.intro {
  text-align: center; }
  .intro-content {
    position: relative;
    top: 0;
    padding-top: 20px; }
  .intro-subheading {
    font-family: "futura-pt", sans-serif;
    font-size: 1em;
    display: inline-block;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 15px; }
    .intro-subheading:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #55565a;
      margin-top: 6px; }
  .intro-heading {
    width: 50%;
    margin: 0 auto 15px;
    font-size: 1.7em;
    font-family: "futura-pt", sans-serif;
    text-transform: uppercase;
    font-weight: 300; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .intro-heading {
        width: 85%; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .intro-heading {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .intro-heading {
        width: 100%; } }
  .intro-body {
    width: 70%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .intro-body {
        width: 75%; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .intro-body {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .intro-body {
        width: 100%; } }

.form-wrapper {
  max-width: 30%;
  margin: 10vh auto; }

.form-text {
  text-align: center;
  margin-bottom: 32px; }

@media screen and (max-width: 767px) {
  .form-wrapper {
    width: 80%;
    max-width: 80%;
    position: static;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    margin: 5em auto 5.5em; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .form-wrapper {
    max-width: 50%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .form-wrapper {
    max-width: 45%; } }
.map-holder, #map {
  width: 100%;
  height: 95vh;
  position: relative;
  background: #f8f4e4; }
  @media screen and (min-width: 1921px) and (max-width: 2560px) {
    .map-holder, #map {
      height: 96vh; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .map-holder, #map {
      height: 88vh; } }
  @media screen and (max-width: 767px) {
    .map-holder, #map {
      height: 88vh; } }

.map-filters {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1em 1em;
  background-color: #f4f1ee;
  color: #55565a;
  margin-bottom: 0; }
  .map-filters li {
    display: block; }
    .map-filters li a {
      font-family: "minion-pro", serif;
      font-size: 1em;
      color: #55565a;
      display: block;
      line-height: 1.6;
      cursor: pointer; }
      .map-filters li a:hover {
        color: #55565a; }

.gm-style-iw {
  width: 220px !important;
  top: 15px !important;
  left: -40px !important;
  background-color: #fff;
  box-shadow: none;
  background: #ffffff;
  color: #55565a;
  border-radius: 0;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px;
  padding: 8px; }

.footer {
  text-align: center;
  font-family: "futura-pt", sans-serif;
  padding: 2em;
  background: #f4f1ee;
  color: #55565a;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  bottom: 0; }
  .footer a {
    color: #55565a; }
    @media screen and (max-width: 767px) and (orientation: portrait) {
      .footer a:first-child {
        display: block; } }
    .footer a:hover {
      color: #55565a; }
  .footer-subtext {
    text-transform: capitalize;
    font-family: "minion-pro", serif; }

.fix-mobile-footer {
  display: none;
  width: 100%;
  height: 72px; }
  @media screen and (max-width: 767px) {
    .fix-mobile-footer {
      display: block; } }

#page-neighborhood .fix-mobile-footer {
  display: none !important; }

.v-center {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.section-gallery {
  text-align: center; }
  .section-gallery-item {
    display: inline-block;
    width: calc(33.33333% - 15px);
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .section-gallery-item {
        width: calc(50% - 7.5px); } }
    @media screen and (max-width: 767px) {
      .section-gallery-item {
        width: calc(50% - 7.5px); } }
  .section-gallery .row {
    margin-right: -1em;
    margin-left: -1em; }
  .section-gallery div[class^="col-"] {
    padding-left: 0.5em;
    padding-right: 0.5em; }
  .section-gallery-item {
    display: inline-block; }

.slick-track, .slick-list {
  height: 100%; }

.unit-preview-floorplan .item {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover; }

:focus {
  outline: 0; }

.slick-dots {
  position: absolute;
  top: 1em;
  left: 1em;
  padding: 0;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .slick-dots {
      bottom: -6vh; } }
  @media screen and (max-width: 767px) {
    .slick-dots {
      top: calc(100% + 1em);
      width: calc(100% - 1em);
      text-align: center; } }
  .slick-dots > li {
    display: inline-block;
    opacity: 0.8;
    margin: 0 5px;
    border: 0;
    cursor: pointer; }
    .slick-dots > li.slick-active {
      opacity: 1;
      cursor: default;
      background: transparent; }
    .slick-dots > li:not(:last-child):after {
      content: "|";
      margin-left: 6px; }
  .slick-dots a {
    font-size: 1em;
    font-family: "minion-pro", serif;
    color: #333; }
    .slick-dots a:hover {
      text-decoration: none; }

/*# sourceMappingURL=app.css.map */