/* Generic Styles */
html, body {
  background-color: #ffffff;
  color: #000000;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

  body.ajax-loading, body.ajax-loading * {
    cursor: wait !important;
  }

  body#tinymce.mceContentBody {
    margin: 0;
    padding: 10px;
  }


/*
 * Clearfix
 */

.group:after {
  content: " ";
  display: table;
  clear: both;
}

.group {
  *zoom: 1;
}


/*
 * Typography
 */

body {
  font-family:'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #3d5866;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-top: 0;
  color: #032233;
}

h1, h2, h3 {
  font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin-bottom: 20px;
}

h4, h5, h6 {
  line-height: 1.4;
  margin-bottom: 15px;
}

h1 {
  font-size: 2.8em; /* 42px */
}

h2 {
  font-size: 2.133333333em; /* 32px */
}

h3 {
  font-size: 1.6em; /* 24px */
}

h4 {
  font-size: 1.333333333em; /* 20px */
}

h5 {
  font-size: 1.2em; /* 18px */
}

h6 {
  font-size: 1em; /* 15px */
}

p {
  margin: 0 0 20px;
  font-size: 1em; /* 15px */
  line-height: 1.4;
}

p:last-child {
  margin-bottom: 0;
}

a {
  font-family: inherit;
  font-size: 1em;
  color: #1b96d6;
  text-decoration: none;
}

li {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

strong {
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-weight: normal;
}

em {
  font-family:'AvenirNextLTW02-Italic', Helvetica, Arial, sans-serif;
  font-style: normal;
}

.heading {
  font-size: 1.6em; /* 24px */
}

.section-heading {
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.933333333em; /* 14px */
  color: #032233;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
}

.tiered-heading {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  color: #032233;
  font-size: 2.133333333em;
  text-align: center;
}

.tiered-heading > span {
  display: block;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.5em; /* 16px (16/32) */
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.subheading {
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  color: #46b308;
  font-size: 1.066666667em; /* 16px */
  margin-bottom: 10px;
}

.page-title {
  font-size: 1.6em; /* 24px; */
}

/*
 * Interface Elements
 */

img {
  width: 100%;
}

/*
 ** Lists
 */

ul, ol {
  list-style-position: inside;
  padding: 0;
  margin: 0;
}

ul {
  list-style-type: none;
}

li ul,
li ol {
  margin: 20px 0 0 15px;
}

.std-content ul,
.std-content ol {
  list-style-position: outside;
  margin-left: 15px;
}

.std-content ul {
  list-style-type: disc;
}

.std-content ol {
  list-style-type: decimal;
}

.std-content ol ol {
  list-style-type: lower-roman;
}

.std-content li {
  margin-bottom: 10px;
}


/*
 ** TinyMCE
 */

.mceContentBody strong {
  font-weight: bold;
}

.mceContentBody em {
  font-style: italic;
}

.mceContentBody ul,
.mceContentBody ol {
  list-style-position: outside;
  margin-left: 15px;
}

.mceContentBody ul {
  list-style-type: disc;
}

.mceContentBody ol {
  list-style-type: decimal;
}

.mceContentBody ol ol {
  list-style-type: lower-roman;
}

.mceContentBody li {
  margin-bottom: 0;
}


/*
 ** Form Elements
 */

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

label {
  display: block;
  margin-bottom: 3px;
}

li.required label:after { content: "*"; }
.newsletter li.required label:after { content: ""; }

input[type="text"],
input[type="email"],
textarea {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #032233;
  border: 1px solid #aab0b3;
  background: #f7f7f7;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  /* prevent iOS overrides */
  -webkit-appearance: none;
}

input[type="text"],
input[type="email"] {
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  background: #fff;
  border-color: #1b96d6;
  -webkit-box-shadow: 0 0 5px rgba(27,150,214,0.5);
          box-shadow: 0 0 5px rgba(27,150,214,0.5);
}

textarea {
  min-height: 100px;
  padding: 10px;
  -webkit-box-shadow: 0;
     -moz-box-shadow: 0;
          box-shadow: 0;
}

input[type="submit"] {
  height: 38px;
  padding-left: 15px;
  padding-right: 15px;
  background: #f0f1f2;
  background-image: -webkit-linear-gradient(#fff, #f0f1f2);
  background-image:    -moz-linear-gradient(#fff, #f0f1f2);
  background-image:         linear-gradient(#fff, #f0f1f2);
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  color: #1b96d6;
  border: 1px solid #aab0b3;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
  background-image: -webkit-linear-gradient(#fff, #f5f6f7);
  background-image:    -moz-linear-gradient(#fff, #f5f6f7);
  background-image:         linear-gradient(#fff, #f5f6f7);
  border-color: #1b96d6;
}

input[type="submit"]:active {
  background: #f0f1f2;
}

select {
  position: relative;
  height: 36px;
  padding: 6px;
  font-size: 1.067em; /* 16px */
  color: #3d5866;
  border: 1px solid #aab0b3;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
          box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  cursor: pointer;
  -webkit-transition: border-color 0.1s ease-in;
     -moz-transition: border-color 0.1s ease-in;
      -ms-transition: border-color 0.1s ease-in;
       -o-transition: border-color 0.1s ease-in;
          transition: border-color 0.1s ease-in;
}

/* using '-webkit-appearance:none;' we are able to remove
 * the dropdown arrow and replace it using a background image */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  select {
    -webkit-appearance: none;
    padding: 6px 24px 6px 10px;
    background: url(images/select-pointer.svg) top right no-repeat;
 }
}

select:hover,
select:active {
  border-color: #1b96d6;
}

form p {
  padding-top: 10px;
}

/*
 *** Errors
 */

.error input[type="text"],
.error input[type="email"],
.error textarea {
  border-color: #D9212D;
}

.errorlist {
  margin-top: 0;
  margin-left: 3px;
}

.errorlist > li {
  color: #D9212D;
  font-size: 0.93em; /* 14/15 */
}

.errorlist > li {
  margin-top: 0 !important;
  margin-bottom: 3px !important;
}

/*
 ** Buttons
 */

.button {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 9px 10px;
  background-color: #f9fcfe; /* older browsers */
  background-color: rgba(27,150,214,0.05);
  border: 2px solid #8dcaea;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #1b96d6;
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: border-color 0.1s ease-out;
     -moz-transition: border-color 0.1s ease-out;
      -ms-transition: border-color 0.1s ease-out;
       -o-transition: border-color 0.1s ease-out;
          transition: border-color 0.1s ease-out;
}

.button:hover,
.button:focus {
  border-color: #1b96d6;
}

.button:active {
  position: relative;
  top: 1px;
}


/*
 *** Button Variants
 */

.button.primary {
  color: #46b308;
  background-color: #fafdf8; /* older browsers */
  background-color: rgba(70,179,8,0.05);
  border-color: #a2d983;
}

.button.primary:hover,
.button.primary:focus {
  border-color: #46b308;
}

.button.overlay {
  color: #fff;
  background: transparent; /* older browsers */
  background: rgba(0,0,0,0.5);
  border-color: #fff;
  border-color: rgba(255,255,255,0.8);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.25);
          box-shadow: 0 2px 2px rgba(0,0,0,0.25);
}

.button.overlay:hover,
.button.overlay:focus {
  border-color: #fff;
}

.button.invert {
  color: #fff;
  background-color: transparent;
  background-color: rgba(255,255,255,0.1);
  border-color: #fff; /* older browsers */
  border-color: rgba(255,255,255,0.5);
}

.button.invert:hover,
.button.invert:focus {
  border-color: #fff;
}

/*

  NB: The '.button.document-download' selector is used to trigger a Google
  Analytics event on the "home" and "land & home" detail pages.

*/
p.document-download {
    margin-top: 20px;
}

.button.document-download {
  display: block;
  text-align: center;
  line-height: 1.2;
}

.button.document-download:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-right: 8px;
  margin-bottom: -2px;
  background: url(images/document-download-icon.png) no-repeat;
}

@media all and (min-width: 0) {
  .button.document-download:before {
    background-image: url(images/document-download-icon.svg);
  }
}

/*
 ** Accordion
 */

.accordion > * {
  margin-bottom: 0;
  border-top: 1px solid #ccc;
}

.accordion > *:last-child {
  border-bottom: 1px solid #ccc;
}

.accordion > .featured {
  margin-bottom: 40px;
  border-top-style: none;
}

.accordion h3 {
  position: relative;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.js-enabled .accordion h3 {
  cursor: pointer;
}

.js-enabled .accordion .featured h3 {
  cursor: auto;
}

.accordion .collapsed h3 {
  color: #032233;
}

.accordion ul {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 20px;
}

.js-enabled .accordion h3:after {
  content: "Hide";
  position: absolute;
  top: 18px;
  right: 10px;
  font-family:'AvenirNextLTW02-Regular', Helvetica, Arial, sans-serif;
  font-size: 0.75em; /* 12/16 */
  letter-spacing: 2px;
  color: #b6c0c6;
  text-transform: uppercase;
  -webkit-transition: color 0.1s ease-in-out;
     -moz-transition: color 0.1s ease-in-out;
      -ms-transition: color 0.1s ease-in-out;
       -o-transition: color 0.1s ease-in-out;
          transition: color 0.1s ease-in-out;
}

.js-enabled .accordion .collapsed h3:after {
  content: "Show";
}

.js-enabled .accordion h3:hover:after,
.js-enabled .accordion h3:focus:after {
  color: #7a8e99;
}

.js-enabled .accordion .featured h3:after {
  display: none;
}


/*
 ** Card Grid
 */

.card-grid {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f2f6f7;
  border-top: 1px solid #e1e8ed;
  border-bottom: 1px solid #e1e8ed;
}

/*
 ** Cards
 */

.card {
  margin-bottom: 10px;
  background-color: #fff;
}

@media only screen and (min-width: 580px) {

  .card-grid > ul:after {
    content: "";
    display: table;
    clear: left;
  }

  .card-grid {
    padding: 25px 5%;
  }

  .card-grid > ul {
    /* B/c there's no width set on 'card' container we can use a negative
     * margin-left value to pull and increase the width of the 'card'
     * container to make up for the extra margin-left added by cards. */
    margin-left: -5%;
    /* Use negative margin-bottom to offset margin-bottom from last row
     * cards. */
    margin-bottom: -5%;
  }

  .card-grid .card {
    float: left;
    margin-left: 5%;
    margin-bottom: 5%;
  }

  .card {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 45%;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    border: 1px solid #dfe3e6;
    -webkit-transition: transform 0.1s ease-in, border-color 0.1s ease-in;
       -moz-transition: transform 0.1s ease-in, border-color 0.1s ease-in;
        -ms-transition: transform 0.1s ease-in, border-color 0.1s ease-in;
         -o-transition: transform 0.1s ease-in, border-color 0.1s ease-in;
            transition: transform 0.1s ease-in, border-color 0.1s ease-in;
  }

  .card:hover,
  .card:focus {
  }

  .card .title {
    padding: 18px 10px 18px 20px;
  }
}

.card .title {
  padding: 20px 5% 15px;
  margin-bottom: 0;
  font-family:'AvenirNextLTW02-Regular', Helvetica, Arial, sans-serif;
  font-size: 1.6em; /* 24px */
  line-height: 1;
}

.card .image {
  position: relative;
}

.card .image:before,
.card .image:after {
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in;
     -moz-transition: opacity 0.15s ease-in;
      -ms-transition: opacity 0.15s ease-in;
       -o-transition: opacity 0.15s ease-in;
          transition: opacity 0.15s ease-in;
}

.card .image:before {
  content: "See in Detail \2192";
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-left: -65px;
  margin-top: -20px;
  padding: 9px 10px;
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  color: #fff;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  border: 2px solid #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  line-height: 1;
  visibility: hidden;
}

.card .image:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0,0,0,0.25);
}

.card:hover .image:before,
.card:focus .image:before {
  visibility: visible;
}

.card:hover .image:before,
.card:hover .image:after,
.card:focus .image:before,
.card:focus .image:after {
  opacity: 1;
}

.card .image img {
  display: block;
}

.card .spec-list {
  margin: 0;
}

.card .spec-list:after {
  content: "";
  display: table;
  clear: left;
}

.card .spec-list > li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 10px;
  float: left;
  width: 50%;
  text-align: center;
}

.card .spec-heading {
  margin-bottom: 5px;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.733em; /* 11px */
  letter-spacing: 0.5px;
  line-height: 1;
  text-transform: uppercase;
  color: #7a8e99;
}

.card .value {
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 1.2em; /* 18px */
  line-height: 1;
  color: #032233;
}

.card .price .value {
  color: #46b308;
}

/*
 *** Home Design Cards
 */


.card.home-design .card-body {
  overflow: hidden;
  position: relative;
}

.card.home-design .card-body .plan {
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-transition: opacity 0.3s ease-in-out 0.05s, top 0.4s ease-in-out;
     -moz-transition: opacity 0.3s ease-in-out 0.05s, top 0.4s ease-in-out;
          transition: opacity 0.3s ease-in-out 0.05s, top 0.4s ease-in-out;
  z-index: 2;
}

.card.home-design.show-plan .card-body .plan {
  position: relative;
  top: 0;
  opacity: 1;
}

.card.home-design.show-plan .card-body .image-spec-wrapper {
  position: absolute;
  top: 0;
}

.card.show-plan .image:before,
.card.show-plan .image:after {
  display: none;
}

.card.home-design .spec-list .bedrooms,
.card.home-design .spec-list .total-area {

}

.card.home-design .spec-list .bedrooms,
.card.home-design .spec-list .bathrooms {

}

.card.home-design .spec-list .bedrooms .value,
.card.home-design .spec-list .bathrooms .value {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 2em; /* 30px */
}


.card.home-design .spec-list .bedrooms .value:before,
.card.home-design .spec-list .bathrooms .value:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
}

.card.home-design .spec-list .bedrooms .value:before {
  width: 30px;
  height: 18px;
  background-image: url(/images/beds-icon.png);
}

.card.home-design .spec-list .bathrooms .value:before {
  width: 20px;
  height: 23px;
  background-image: url(images/baths-icon.png);
}

@media all and (min-width: 0) {
  .card.home-design .spec-list .bedrooms .value:before {
    background-image: url(images/beds-icon.svg);
  }

  .card.home-design .spec-list .bathrooms .value:before {
    background-image: url(images/baths-icon.svg);
  }
}

.js-enabled .card.home-design .card-body .plan .plan-popup {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px;
  border-top: 1px solid #DFE3E6;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  color: #032233;
}

.js-enabled .card.home-design .card-body .plan .plan-popup:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background: url(images/zoom-icon-2.png) no-repeat;
}

.js-enabled .card.home-design .card-body .plan .plan-popup:before {
  background: url(images/zoom-icon-2.png) no-repeat;
}


@media all and (min-width: 0) {

.js-enabled .card.home-design .card-body .plan .plan-popup:before {
    background-image: url(images/zoom-icon-2.svg);
  }
}

.js-enabled .card.home-design .card-body .plan .plan-popup:hover,
.js-enabled .card.home-design .card-body .plan .plan-popup:focus {
  color: #1B96D6;
}

.card.home-design .price {
  text-align: center;
  width: 100%;
  padding: 15px 0;
  border-top: 1px solid #dfe3e6;
  line-height: 1;
}

.card.home-design .price .spec-heading {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 0;
}

.js-enabled .card.home-design .price .spec-heading .region {
  display: none;
}

.card.home-design .price .value {
  vertical-align: middle;
}

/*
 *** Land Cards
 */

.card.land .spec-list .lot-name {
  width: 100%;
  border-bottom: 1px solid #dfe3e6;
}


/*
 ** Maps
 */

.map .infoBox {
  width: 270px;
  background: #ffffff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.map .infoBox img:first-child {
  width: 10px;
  top: 18px;
  right: 15px;
}

.map .infoBox h4  {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #E71F2A;
}

.map .display-home-image  {
  display: none;
}

.map .infoBox ul  {
  display: none;
}

.map .infoBox p {
    font-size: 1.2em;
    color: #3d5866;
    font-family:'AvenirNextLTW02-Regular', Helvetica, Arial, sans-serif;
}

.map .infoBox span,
.map .infoBox a  {
  display: block;
  color: #fff;
  font-family:'AvenirNextLTW02-Regular', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
}

.map .infoBox .name {
  margin-bottom: 0;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 2em;
  font-weight: normal;
  padding: 5px 10px 5px 10px;
  box-sizing: border-box;
}

.map .infoBox .address {
  padding: 5px 10px 5px 10px;
  box-sizing: border-box;
}

.map .infoBox .opening-hours  {
  padding: 5px 10px 5px 10px;
  box-sizing: border-box;
}

.map .infoBox .link {
  background: #E71F2A;
  color: #f8cecf;
  font-size: 14px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  -webkit-transition: color 0.1s ease-in;
     -moz-transition: color 0.1s ease-in;
      -ms-transition: color 0.1s ease-in;
       -o-transition: color 0.1s ease-in;
          transition: color 0.1s ease-in;
}

.map .infoBox .link:hover,
.map .infoBox .link:focus {
  color: #fff;
}


/*
 * Layout
 */

/*
 ** Wrap
 */

.wrap {
  padding-left: 5%;
  padding-right: 5%;
  margin-left: auto;
  margin-right: auto;
}


/*
 ** Header
 */

.header {
  padding-top: 20px;
  padding-bottom: 20px;
}


.header .contact {

  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
}

.header .contact .phone-numbers {
  display: none;
}

.header .contact .phone-numbers > a {
  display: block;
  color: #7A8E99;
  text-align: right;
  white-space: nowrap;
}

.header .contact .phone-numbers span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  color: #46B308;
  font-size: 1.067em; /* 16/15 */
}

.js-enabled .header .contact > .phone-numbers.open {
  display: block;
  position: absolute;
  right: 5%;
  z-index: 99;
  padding: 5px 10px;
  margin-top: 10px;
  background: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdee0;
  text-align: right;
}

.header .nav {
  margin-top: 6px;
  float: right;
}

.header .contact .call.button,
.header .nav .menu-trigger.button {
  background-color: #fff;
  color: #253f4e;
  border-color: #e9ebed;
}

.header .contact .call.button:before,
.header .nav .menu-trigger.button:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background: url(images/menu-icon.png) no-repeat;
}

.header .contact .call.button:before {
  background: url(images/phone-icon-dark.png) no-repeat;
}

.header .nav .menu-trigger.button:before {
  background: url(images/menu-icon.png) no-repeat;
}
.header  .contact .textwidget p{
  font-size: 1.25em;
  padding: 0;
  margin: 0 auto;
  max-width: 300px;
}

@media all and (min-width: 0) {

  .header .contact .call.button:before {
    background-image: url(images/phone-icon-dark.svg);
  }

  .header .nav .menu-trigger.button:before {
    background-image: url(images/menu-icon.svg);
  }
}

.header .contact .call.button:hover,
.header .contact .call.button:focus,
.header .nav .menu-trigger.button:hover,
.header .nav .menu-trigger.button:focus {
  border-color: #c8cacc;
}

.header .contact .facebook,
.header .contact .youtube {
  display: none;
}

/*
 *** Main Navigation - CSS Based
 */

.header .nav > .menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
/*  right: 5%; */
  z-index: 99;
  padding: 5px 0;
  margin-top: 10px;
  background: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdee0;
  text-align: right;
  -webkit-transition: opacity 0.1s ease-in-out;
     -moz-transition: opacity 0.1s ease-in-out;
      -ms-transition: opacity 0.1s ease-in-out;
       -o-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}

/* transparent 10px high block to help mouse pointer to
   cross the gap between the menu trigger and menu */
.header .nav > .menu:before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
  background: transparent;
}

.header .nav:hover > .menu,
.header .nav:focus > .menu {
  visibility: visible;
  opacity: 1;
}

.header .nav .menu a {
  display: block;
  padding: 2px 10px;
  color: #253f4e;
  white-space: nowrap;
}

.header .nav .menu a:hover,
.header .nav .menu a:focus {
  color: #1b96d6;
}

.header .nav .menu .active {
  color: #1b96d6;
}

/* Sets a caret that indicates a sub-menu */
.header .nav > .menu .menu-item-has-children > a:after {
  content: " \25BC";
  position: relative;
  top:-2px;
  margin-left: 5px;
  color: #7a8e99;
  font-size: 7px;
}

/*
 **** 1st level dropdown
 */

.header .nav .menu-item-has-children > .menu {
  display: none;
  margin: 0;
}

.header .nav .menu-item-has-children:hover > .menu,
.header .nav .menu-item-has-children:focus > .menu {
  display: block;
}

.header .nav > .menu .menu {
  padding: 5px 0;
  background: #edf0f2;
  border-top: 1px solid #dcdee0;
  border-bottom: 1px solid #dcdee0;
}

/*
 **** 2nd level dropdown
 */

.header .nav > .menu > .menu-item-has-children > .menu .menu {
  background: #e1e4e5;
  border-top: 1px solid #d4d7d9;
  border-bottom: 1px solid #d4d7d9;
}


/*
 *** Main Navigation - JS Based
 */

/* override CSS based menu */
.js-enabled .header .nav:hover > .menu,
.js-enabled .header .nav:focus > .menu {
  visibility: hidden;
  opacity: 0;
}

.js-enabled .header .menu-item-has-children:hover > .menu,
.js-enabled .header .menu-item-has-children:focus > .menu {
  display: none;
}


.js-enabled .header .nav > .menu.open {
  visibility: visible;
  opacity: 1;
}

.js-enabled .header .menu-item-has-children.open > .menu {
  display: block;
}

.js-enabled .header .menu-item-has-children.open > a {
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
}

/*
 ** Masthead
 */

.masthead {
  border-bottom: 1px solid #e1e8ed;
  margin-bottom: 20px;
}

/*
 ** Footer
 */

.footer {
  padding-top: 30px;
  padding-bottom: 50px;
  border-top: 1px solid #e1e8ed;
}

.footer .nav {
  display: none;
}

.footer .footer-navigation .social-links {
  text-align: center;
  margin-bottom: 40px;
}

.footer .footer-navigation .social-links > a {
  background-color: #fff;
  color: #253f4e;
  border-color: #e9ebed;
}

.footer .footer-navigation .social-links > a:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.footer .footer-navigation .social-links > .facebook {
  margin-right: 10px;
}

.footer .footer-navigation .social-links > .facebook:before {
  top: 1px;
  background: url(images/facebook-icon-sml.png) no-repeat;
}

.footer .footer-navigation .social-links > .youtube:before {
  top: 4px;
  background: url(images/youtube-icon-sml.png) no-repeat;
}

.footer .footer-navigation .social-links > .facebook:before:hover,
.footer .footer-navigation .social-links > .facebook:before:focus {
  background-position: 0 -12px;
}

.footer .footer-navigation .social-links > .youtube:before:hover,
.footer .footer-navigation .social-links > .youtube:before:focus {
  background-position: 0 -12px;
}

@media all and (min-width: 0) {

  .footer .footer-navigation .social-links > .facebook:before {
    background-image: url(images/facebook-icon-sml.svg);
  }

  .footer .footer-navigation .social-links > .youtube:before {
    background-image: url(images/youtube-icon-sml.svg);
  }

}


.footer .nav li a:hover,
.footer .nav li a:focus,
.footer .subnav li a:hover,
.footer .subnav li a:focus {
  color: #1b96d6;
}

.footer .subnav {
  margin-bottom: 40px;
}

.footer .subnav > .menu {
  text-align: center;
}

.footer .subnav li {
  margin-bottom: 10px;
}

.footer .colophon .registration-no,
.footer .colophon .copyright,
.footer .colophon .thecut {
  display: block;
  color: #7a8e99;
  text-align: center;
}

.footer .colophon .registration-no,
.footer .colophon .copyright {
  margin-bottom: 5px;
}

.footer .colophon .thecut span {
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  color: #3d5866;
}

.footer .colophon .thecut span:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 5px;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background: url(images/thecut-logo.png) no-repeat;
  background-size: 100%;
  opacity: 0;
}

@media all and (min-width: 0) {
  .footer .colophon .thecut span:after {
    background-image: url(images/thecut-logo.svg);
  }
}

.footer .colophon .thecut:hover span:after {
  opacity: 1;
}


/*
 * Homepage
 */


/* Form errors. */
ul.messages li.error {
  color: #D9212D;
}

/* Transient messages. */
.content > ul.messages li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  padding-top: 18px;
  padding-bottom: 18px;
  background: #008cd1;
  font-family: "AvenirNextLTW01-Medium", Helvetica, Arial, sans-serif;
  font-size: 1.067em; /* 16/15 */
  line-height: 1;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 640px) {
  .content > ul.messages li {
    font-size: 2.2em;
  }
}



/*
 ** Hero Slider
 */

.homepage .slider.accordion .slides {
  margin-bottom: 0;
  border-bottom: 1px solid #032233;
}

.homepage .slider.accordion .slides li {
  position: relative;
  overflow: hidden;
  height: 400px;
  border-top: 1px solid #008cd1;
  -webkit-transform: translate3d(0, 0, 0); /* force h/w acceleration on iOS */
          transform: translate3d(0, 0, 0); /* force h/w acceleration on iOS */
  -webkit-transition: height 0.2s ease-out;
     -moz-transition: height 0.2s ease-out;
      -ms-transition: height 0.2s ease-out;
       -o-transition: height 0.2s ease-out;
          transition: height 0.2s ease-out;
}

.homepage .slider.accordion .slides li:first-child {
  border-top: none;
}

.homepage .slider.accordion .slides li.collapsed {
  height: 76px;
}

.homepage .slider.accordion .slides .content {
  position: relative;
  z-index: 2;
  padding: 30px;
  background-image: -wekbit-linear-gradient(rgba(3,34,51,1),rgba(3,34,51,0));
  background-image:    -moz-linear-gradient(rgba(3,34,51,1),rgba(3,34,51,0));
  background-image:         linear-gradient(rgba(3,34,51,1),rgba(3,34,51,0));
  color: #fff;
}

.homepage .slider.accordion .content .section-heading {
  margin-bottom: 35px;
  color: #fff;
}

.homepage .slider.accordion .content p {
  font-size: 0.933em; /* 14px */
  line-height: 1.6;
}

.homepage .slider.accordion .content .button {
  font-size: 0.933em; /* 14px */
}

.homepage .slider.accordion .slides .image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 400px;
  background-color: #032233;
}

.homepage .slider.accordion .slides .image:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(0,0,0,0.5);
}

.homepage .slider.accordion .slides .image img {
  position: relative;
  left: -20%;
  width: auto;
  height: 100%;
}

.homepage .slider.accordion .slide-navigation {
  display: none;
}

.homepage .slider.flexslider {
  display: none;
}

/*
 ** Homepage CTA's
 */

.cta-container {
  /* Use flexbox to reorder elements on mobile */
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;     /* OLD - Firefox 19- */
  display: -ms-flexbox;  /* HYBRID - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-orient: vertical;
     -moz-box-orient: vertical;
          box-orient: vertical;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}

.cta-container > div {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.cta-container p {
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}

.cta-container .promotions,
.cta-container .display-homes-cta {
  border-bottom: 1px solid #e1e8ed;
}


/*
 *** Promotions
 */

.cta-container .promotions {
  -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
   -webkit-order: 2;
           order: 2;
}

.cta-container .promotions-list .image {
  max-width: 270px;
  margin-bottom: 15px;
}

.cta-container .promotions-list .button {
  position: relative;
  top: -2px;
}

.cta-container .promotions .promotions-slider .flex-control-nav {
  position: static;
  margin-top: 20px;
}

/*
 *** Display Homes CTA
 */

.cta-container .display-homes-cta {
  -webkit-box-ordinal-group: 1;
     -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
   -webkit-order: 1;
           order: 1;
  background: url(images/display-homes-cta-bg.jpg) no-repeat top center;
}

.cta-container .display-homes-cta:before {
  content: "";
  display: block;
  width: 286px;
  height: 132px;
  margin: 0 auto 30px;
  background: url(images/display-homes-cta-marker.png) no-repeat;
}

@media all and (min-width: 0) {
  .cta-container .display-homes-cta:before {
    background-image: url(images/display-homes-cta-marker.svg);
  }
}


/*
 *** Contact Us CTA
 */

.cta-container .contact-cta {
  -webkit-box-ordinal-group: 3;
     -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
   -webkit-order: 3;
           order: 3;
}

.contact-cta .contact-numbers li {
  margin-bottom: 15px;
}

.contact-cta .contact-numbers .office {
  display: block;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.933333333em; /* 14px */
  color: #7a8e99;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.contact-cta .contact-numbers .number {
  display: block;
  color: #46b308;
}

.contact-cta .newsletter {
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-cta .newsletter form {
  overflow: hidden;
}

.contact-cta .newsletter form .email label {
  display: none;
}

.contact-cta .newsletter form input[type="text"],
.contact-cta .newsletter form input[type="email"] {
  float: left;
  width: 70%;
  border-radius: 3px 0 0 3px;
}

.contact-cta .newsletter form input[type="submit"] {
  float: left;
  width: 30%;
  position: relative;
  left: -1px;
  border-radius: 0 3px 3px 0;
}


/*
 ** Find a Home Design
 */

.find-home-design {
  background-color: #1b96d6;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.find-home-design .wrap:before {
  content: "";
  display: block;
  width: 260px;
  height: 180px;
  margin: 0 auto 40px;
  background: url(images/find-home-illus.png) no-repeat;
}

@media all and (min-width: 0) {
  .find-home-design .wrap:before {
    background-image: url(images/find-home-illus.svg);
  }
}

.find-home-design .content {
  margin-bottom: 20px;
}

.find-home-design .heading,
.find-home-design p {
  color: #fff;
}


/*
 ** Homepage Content section
 */

.homepage-content {
  width: 100%;
}

.homepage-content .about {
  border-bottom: 1px solid #e1e8ed;
}

.homepage-content .about,
.homepage-content .sidebar {
  padding-top: 40px;
  padding-bottom: 40px;
}

.homepage-content .about .content {
  margin-bottom: 50px;
}

.homepage-content .about .certification li {
  display: inline-block;
  width: 45%;
  text-align: center;
  vertical-align: top;
}

.homepage-content .about .certification .qec img {
  width: 63px;
}

.homepage-content .about .certification .eer img {
  width: 85px;
}


/*
 * Page Detail


.page-detail .masthead {
  margin-bottom: 0;
}
 */
.page-detail .hero-image {
  margin-top: -1px;
}

.page-detail .hero-image img {
  display: block;
  max-width: 1650px;
  margin: 0 auto;
}

.page-detail .page-content {
  padding-top: 20px;
  padding-bottom: 40px;
}

.page-detail .page-content .main {
  margin-bottom: 40px;
}

.page-detail .page-content .featured-content {
  margin-bottom: 20px;
}

.page-detail .page-content .featured-content p {
  font-size: 1.133333333em; /* 17px */
  line-height: 1.3;
  color: #7a8e99;
}

.page-detail .video-container {
  margin-bottom: 40px;
}

.page-detail .video {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 280px;
  margin-top: 20px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.page-detail .video:first-child {
  margin-top: 0;
}

.page-detail .video:before,
.page-detail .video:after {
  content: "";
  display: block;
  position: absolute;
}

.page-detail .video:before {
  top: 40%;
  left: 50%;
  width: 75px;
  height: 75px;
  margin-top: -37px;
  margin-left: -37px;
  background: url(images/play-button.png) no-repeat;
  background-size: 100%;
  z-index: 2;
  opacity: 0.8;
}

.page-detail .video:hover:before,
.page-detail .video:focus:before {
  opacity: 1;
}

.page-detail .video:active:before {
  margin-top: -36px;
}

@media all and (min-width: 0) {
  .page-detail .video:before {
    background-image: url(images/play-button.svg);
  }
}

.page-detail .video:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
  background-image:    -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
  background-image:         linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
}

.page-detail .video img {
  display: block;
}

.page-detail .video .video-name {
  display: inline-block;
  position: absolute;
  bottom: 10%;
  z-index: 2;
  width: 100%;
  color: #fff;
  font-family:'AvenirNextLTW01-Medium',  Helvetica, Arial, sans-serif;
  text-align: center;
  line-height: 1.2;
}


.page-detail .document-list .document {
  display: block;
  padding-left: 20px;
  margin-top: 10px;
  line-height: 1.3;
  background: url(images/document-icon.png) no-repeat;
  background-size: 12px;
  background-position: 0 2px;
}

@media all and (min-width: 0) {
  .page-detail .document-list .document {
    background-image: url(images/document-icon.svg);
  }
}

.page-detail .document-list .document:first-child {
  margin-top: 0;
}

/*
 * Home Designs
 */

.home-designs .masthead {
  margin-bottom: 0;
}

.home-designs .std-content  {
  display: none;
  margin-bottom: 20px;
}

/*
 ** Range Masthead
 */

 .home-designs .range-masthead {

 }

/*
 *** Design Ranges
 */

.home-designs .design-ranges {
  position: relative;
  width: auto;
  margin-left: -5%;
  margin-right: -5%;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e8ed;
  border-top: 1px solid #e1e8ed;
}

.home-designs .design-ranges > ul {
  margin-top: 0;
  margin-left: 0;
  white-space: nowrap;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.home-designs .design-ranges > ul > li {
  display: inline-block;
  vertical-align: top;
  /*margin-right: 15px;*/
  text-align: center;
}

.home-designs .design-ranges > ul > li:first-child {
  margin-left: 5%;
}

.home-designs .design-ranges > ul > li:last-child {
  margin-right: 40px;
}

.home-designs .design-ranges a {
  display: block;
  padding: 20px 10px;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 1.067em; /* 16px */
  color: #032233;
  line-height: 1;
  -webkit-transition: color 0.1s ease;
     -moz-transition: color 0.1s ease;
      -ms-transition: color 0.1s ease;
       -o-transition: color 0.1s ease;
          transition: color 0.1s ease;
}

.home-designs .design-ranges a:hover,
.home-designs .design-ranges a:focus {
  color: #1b96d6;
}

.home-designs .design-ranges a > span {
  display: block;
  margin-top: 2px;
  font-size: 0.667em; /* 10px */
  color: #7a8e99;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}

.home-designs .design-ranges li.active a {
  color: #1b96d6;
  background-image: -webkit-linear-gradient(rgba(245,246,247,1), rgba(245,246,247,0.1));
  background-image:    -moz-linear-gradient(rgba(245,246,247,1), rgba(245,246,247,0.1));
  background-image:         linear-gradient(rgba(245,246,247,1), rgba(245,246,247,0.1));
}

/*
 *** Range Info
 */

.home-designs .range-info {
  display: none;
}


/*
 *** Card Grid
 */

.home-designs .card-grid {
  border-bottom: 0;
}

.home-designs .triggers {
  display: none;
}

.js-enabled .home-designs .triggers {
  display: block;
  margin-bottom: 20px;
}

.js-enabled .home-designs .triggers:after {
  content: "";
  display: table;
  clear: both;
}

.js-enabled .home-designs .triggers > a {
  display: block;
  float: left;
  width: 50%;
  color: #032233;
  border-color: #e9ebed;
  background-color: #fff;
  text-align: center;
}

.js-enabled .home-designs .filters-trigger {
  border-radius: 4px 0 0 4px;
}

.js-enabled .home-designs .plan-trigger {
  border-radius: 0 4px 4px 0;
  margin-left: -2px;
}

.js-enabled .home-designs .triggers.desktop {
  display: none;
}

.home-designs .triggers > a:hover,
.home-designs .triggers > a:focus {
  position: relative;
  z-index: 1;
  color: #1b96d6;
  border-color: #1b96d6;
}

.js-enabled .home-designs .filter-list {
  display: none;
}

.js-enabled .home-designs .filter-list.open {
  display: block;
  width: 100%;
}

.home-designs .filter-list:after {
  content: "";
  display: table;
  clear: both;
}

.home-designs .filter-list > li {
  float: left;
  width: 45%;
  margin-bottom: 20px;
}

.home-designs .filter-list .js-block-width,
.home-designs .filter-list .js-price,
.home-designs .filter-list .js-bedrooms {
  display: none;
}

.js-enabled .home-designs .filter-list .js-block-width,
.js-enabled .home-designs .filter-list .js-price,
.js-enabled .home-designs .filter-list .js-bedrooms {
  display: block;
  width:100%;
}

.js-enabled .home-designs .filter-list .category,
.js-enabled .home-designs .filter-list .region,
.js-enabled .home-designs .filter-list .min_block_width,
.js-enabled .home-designs .filter-list .max_block_width,
.js-enabled .home-designs .filter-list .min_price,
.js-enabled .home-designs .filter-list .max_price,
.js-enabled .home-designs .filter-list .min_bedrooms,
.js-enabled .home-designs .filter-list .max_bedrooms {
  display: none;
}

.home-designs .filter-list .region {
  width: 100%;
}

.js-enabled .home-designs .filter-list .region {
  margin-top: 0;
}

.home-designs .filter-list .min_block_width,
.home-designs .filter-list .min_price,
.home-designs .filter-list .min_bedrooms,
.js-enabled .home-designs .filter-list .js-block-width,
.js-enabled .home-designs .filter-list .js-bedrooms {
  margin-right: 10%;
}

.home-designs .filter-list .min-block-width,
.home-designs .filter-list .js-block-width {
  clear: left;
}

.js-enabled .home-designs .filter-list .block-width-slider,
.js-enabled .home-designs .filter-list .price-slider,
.js-enabled .home-designs .filter-list .bedrooms-slider {
  width: 90%;
  margin: 0 auto;
}

.home-designs .filter-list .bedrooms,
.home-designs .filter-list .js-bedrooms {
  margin-bottom: 20px;
}

.home-designs .filter-list .actions {
  margin-bottom: 20px;
}

.js-enabled .home-designs .filter-list .actions {
  margin-bottom: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  width:100%;
}
.js-enabled .home-designs .filter-list .actions input[type="submit"] {
  width:100%;
}

.js-enabled .home-designs .filter-list .value {
  display: block;
  margin-bottom: 10px;
  line-height: 1;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.8em; /* 12px */
}


.home-designs .filter-list label {
  color: #7a8e99;
  font-family: 'AvenirNextLTW01-Medium',Helvetica,Arial,sans-serif;
  font-size: 0.733em; /* 11px */
  letter-spacing: 0.2em;
  margin-bottom: 5px;
  text-transform: uppercase;
}


/*
 ** Banner
 */

.home-designs .banner {
  width: 95%;
  max-width: 880px;
  margin: 0 auto 10px;
}

.home-designs .banner img {
  display: block;
}


/*
 ** Results
 */

.home-designs .no-results {
  margin-top: 60px;
  margin-bottom: 60px;
}

.home-designs .card .price.hidden {
  display: none;
}


/*
 * Home Detail
 */

/*
 ** Hero Gallery
 */

.home-detail .hero-gallery {
  position: relative;
  margin-bottom: 20px;
}

.home-detail .hero-gallery img {
  display: block;
}

.home-detail .hero-gallery .home-name {
  display: none;
}

.home-detail .hero-gallery .slide-navigation {
  border-bottom: 1px solid #e1e8ed;
}

.home-detail .hero-gallery .slide-navigation .thumbs {
  display: none;
}

.home-detail .hero-gallery .slide-navigation .flex-direction-nav li {
  display: inline-block;
  width: 50%;
}

.home-detail .hero-gallery .slide-navigation .flex-direction-nav a {
  display: block;
  padding: 10px;
  color: #032233;
  font-family:'AvenirNextLTW01-Medium',  Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.home-detail .hero-gallery .slide-navigation .flex-direction-nav .flex-next {
  text-align: right;
}

.home-detail .hero-gallery .slide-navigation .flex-direction-nav a br {
  display: none;
}


/*
 ** Home-Detail Content
 */

.home-detail .overview {

}

.home-detail .video-container {
  text-align: center;
  margin-bottom: 40px;
}

.home-detail .video-container .button.walkthrough:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  background: url(images/play-icon.png) no-repeat;
}

@media all and (min-width: 0) {
  .home-detail .video-container .button.walkthrough:before {
    background-image: url(images/play-icon.svg);
  }
}

.home-detail .video-container .walkthrough img {
  display: none;
}

.home-detail .specs:after {
  content: "";
  display: table;
  clear: left;
}

.home-detail .specs > li {
  float: left;
  width: 50%;
  text-align: center;
  padding-bottom: 30px;
}

.home-detail .specs .spec-heading {
  margin-bottom: 10px;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.8em; /* 12px */
  color: #7a8e99;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.home-detail .specs .value {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 2.667em;
  color: #032233;
  line-height: 1;
  letter-spacing: -2px;
}

.home-detail .specs .value sup {
  font-size: 0.5em;
  top: -1em;
}

.home-detail .summary {
  max-width: 520px;
  margin: 0 auto 30px auto;
  text-align: center;
}


/*
 ** Details Section
 */

.home-detail .details {
  margin-bottom: 60px;
}

.home-detail .details .promotions {
  margin-bottom: 30px;
}

.home-detail .details .promotions .section-heading {
  margin-bottom: 20px;
}

.home-detail .details .promotions .promotions-list li {
  margin-top: 25px;
}

.home-detail .details .promotions .promotions-list li:first-child {
  margin-top: 0;
}

.home-detail .details .promotions .promotions-list img {
  display: block;
  margin-bottom: 10px;
}

.home-detail .details .promotions .promotions-list p {
  font-size: 0.933em;
  color: #7A8E99;
}

.home-detail .details .display-home-opening-hours   {
    margin-bottom: 20px;
}

.home-detail .details .display-home-locations {
  margin-bottom: 30px;
}

.home-detail .details .display-home-list .location {
  position: relative;
  margin-top: 20px;
}

.home-detail .details .display-home-list .location:first-child {
  margin-top: 0;
}

.home-detail .details .display-home-list .map-info {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  padding: 0 5px 1px;
  background: #fff;
  font-size: 0.7em;
  color: #7a8e99;
  text-align: right;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.home-detail .details .display-home-list img {
  display: block;
  margin-bottom: 8px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.home-detail .details .display-home-list .address {
  display: block;
  padding-left: 17px;
  background: url(images/location-pin.png) no-repeat 0 0;
  font-size: 0.933em; /* 14/15 */
  line-height: 1.2;
  color: #7a8e99;
}

@media all and (min-width: 0) {
  .home-detail .details .display-home-list .address {
    background-image: url(images/location-pin.svg);
  }
}

.home-detail .details .document-downloads {
  padding: 20px 0;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border-top: 1px solid #e1e8ed;
  border-bottom: 1px solid #e1e8ed;
}

.home-detail .details .document-downloads .floorplans .floorplan-popup {
  display: block;
}

.home-detail .details .document-downloads .floorplans .floorplan-preview {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 90px;
  margin-right: 15px;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

.home-detail .details .document-downloads .floorplans .floorplan-preview img {
  display: block;
}

.home-detail .details .document-downloads .floorplans .section-heading {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-bottom: 0;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: left;
}

.home-detail .details .document-downloads .call-to-action {
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 15px;
  border-top: 1px solid #e1e8ed;
}

.home-detail .details .document-downloads .call-to-action .section-heading span {
  display: block;
  margin-top: 3px;
  font-size: 0.667em;
  color: #7A8E99;
}

.home-detail .details .document-downloads .document-preview {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  width: 90px;
  height: 117px;
  margin-right: 15px;
  border: 1px solid #ddd;
  background: url(images/document-logo.png) no-repeat 5px 5px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

@media all and (min-width: 0) {
  .home-detail .details .document-downloads .document-preview {
    background-image: url(images/document-logo-2x.png);
    background-size: 30px;
  }
}

.home-detail .details .document-downloads .document-preview .cover-image {
  display: block;
  margin-top: 27px;
}

.home-detail .details .document-downloads .document-preview .home-name {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 5px;
  background: rgba(27, 150, 214, 0.8);
  font-size: 0.8em; /* 12px */
  line-height: 1.2;
  color: #fff;
}

.home-detail .details .document-downloads .section-heading {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-bottom: 0;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: left;
}

.home-detail .details .document-downloads li {
  margin-top: 15px;
}

.home-detail .details .document-downloads li:first-child {
  margin-top: 0;
}

.home-detail .details .document-downloads input[type="text"],
.home-detail .details .document-downloads input[type="email"],
.home-detail .details .document-downloads select {
  width: 100%;
}

.home-detail .details .document-downloads .button.document-download {
  margin-bottom: 5px;
}

.home-detail .details .document-downloads .button.document-download:last-child {
  margin-bottom: 0;
}


.home-detail .details .elevations {
  margin-bottom: 10px;
}

.home-detail .details .elevations .elevation-images:after {
  content: "";
  display: table;
  clear: both;
}

.home-detail .details .elevations .elevation-images > li {
  float: left;
  width: 47.5%;
  margin-left: 5%;
  margin-bottom: 20px;
  text-align: right;
}

.home-detail .details .elevations .elevation-images > li:first-child {
  margin-left: 0;
}

.home-detail .details .elevations .elevation-images > li > a {
  display: block;
  position: relative;
}

.home-detail .details .elevations .elevation-images > li > a:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: block;
  width: 20px;
  height: 20px;
  background: url(images/zoom-icon.png) no-repeat;
  opacity: 0.7;
  -webkit-transition: opacity 0.1s ease-in-out;
     -moz-transition: opacity 0.1s ease-in-out;
      -ms-transition: opacity 0.1s ease-in-out;
       -o-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}

.home-detail .details .elevations .elevation-images > li > a:hover:after,
.home-detail .details .elevations .elevation-images > li > a:focus:after {
  opacity: 1;
}

.home-detail .details .elevations .elevation-images > li .elevation-name {
  color: #7a8e99;
}

.home-detail .details .specifications {
  margin-bottom: 60px;
}

.home-detail .details .specifications .spec-list {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 15px;
}

.home-detail .details .specifications .spec-list li {
  margin-top: 10px;
}

.home-detail .details .specifications .spec-list li:first-child {
  margin-top: 0;
}

.home-detail .details .related-homes {
  margin-bottom: 60px;
}

.home-detail .details .related-homes .card {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #dfe3e6;
}

.home-detail .details .related-homes .card .price {
  display: none;
}

.home-detail .details .related-homes .card .price.perth {
  display: block;
}

.home-detail .details .disclaimer p {
  font-size: 0.867em; /* 13/15 */
}

.home-detail .aside {
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e8ed;
  text-align: center;
}

.home-detail .aside .price {
  margin-bottom: 30px;
}

.home-detail .aside .price .price-nav {
  display: none;
}

.home-detail .aside .price .price-list > li {
  margin-top: 15px;
}

.home-detail .aside .price .price-list > li:first-child {
  margin-top: 0;
}

.home-detail .aside .price .price-list .region {
  display: block;
  margin-bottom: 5px;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.8em; /* 12px */
  color: #7a8e99;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.home-detail .aside .price .amount {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 2.667em;
  color: #46b308;
  letter-spacing: -2px;
  line-height: 1;
}

.home-detail .aside .price .unit {
  position: relative;
  top: -15px;
  display: inline-block;
  margin-right: 5px;
  font-family:'AvenirNextLTW02-Regular', Helvetica, Arial, sans-serif;
  font-size: 0.5em;
}

.home-detail .aside .contact .contact-numbers {
  margin-bottom: 40px;
}

.home-detail .aside .contact .contact-numbers > li {
  max-width: 220px;
  margin: 10px auto 0;
  text-align: right;
}

.home-detail .aside .contact .contact-numbers > li:first-child {
  margin-top: 0;
}

.home-detail .aside .contact .contact-numbers span {
  display: inline-block;
  margin-left: 10px;
  color: #1b96d6;
}

.home-detail .aside .contact .contact-numbers span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  background: url(images/phone-icon.png) no-repeat;
}

@media all and (min-width: 0) {
  .home-detail .aside .contact .contact-numbers span:before {
    background-image: url(images/phone-icon.svg);
  }
}

            .home-detail .aside .enquiry-form .form-trigger,
.js-enabled .home-detail .aside .enquiry-form .form-trigger.hidden {
  display: none;
}

.js-enabled .home-detail .aside .enquiry-form .form-trigger {
  display: inline-block;
  margin-bottom: 30px;
}

.home-detail .aside .enquiry-form .form-trigger:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 10px;
  background: url(images/mail-icon.png) no-repeat;
}

@media all and (min-width: 0) {
  .home-detail .aside .enquiry-form .form-trigger:before {
    background-image: url(images/mail-icon.svg);
  }
}

.js-enabled .home-detail .aside .enquiry-form .form-container.hidden {
  display: none;
}

.home-detail .aside .enquiry-form form {
  width: 80%;
  margin: 0 auto 30px;
  text-align: left;
}

.home-detail .aside .enquiry-form form li {
  margin-top: 15px;
}

.home-detail .aside .enquiry-form form input[type="text"],
.home-detail .aside .enquiry-form form input[type="email"],
.home-detail .aside .enquiry-form form textarea {
  width: 100%;
}

.home-detail .aside .enquiry-form form textarea {
  overflow: hidden;
  height: 120px;
}

.home-detail .aside .enquiry-form form li:first-child {
  margin-top: 0;
}


.home-detail .match-with-land {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #E1E8ED;
}

.home-detail .match-with-land.mobile {
  margin-bottom: 20px;
}

.home-detail .match-with-land.desktop {
  display: none;
}

.home-detail .match-with-land > a {
  display: block;
  padding: 0 20px 20px;
}

.home-detail .match-with-land .houseandland-logo,
.home-detail .match-with-land .section-heading {
  display: inline-block;
  vertical-align: middle;
}

.home-detail .match-with-land .houseandland-logo {
  width: 30%;
  margin-right: 3%;
}

.home-detail .match-with-land .section-heading {
  margin-bottom: 0;
  width: 65%;
  letter-spacing: 1.5px;
}

.home-detail .match-with-land .section-heading span {
  display: block;
  margin-top: 2px;
  font-size: 0.929em; /* 13/14 */
  color: #7A8E99;
  letter-spacing: 0;
  text-transform: none;
}



/*
 * Home and Land List
 */

.home-land-list .std-content {
  margin-bottom: 30px;
}

.home-land-list .filter-list {
  margin-bottom: 25px;
}

.home-land-list .filter-list:after {
  content: "";
  display: table;
  clear: left;
}

.home-land-list .filter-list > li {
  float: left;
  width: 50%;
}

.home-land-list .filter-list .actions {
  margin-top: 19px;
}

.home-land-list .filter-list label {
  color: #7a8e99;
  font-family: 'AvenirNextLTW01-Medium',Helvetica,Arial,sans-serif;
  font-size: 0.733em; /* 11px */
  letter-spacing: 0.2em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.home-land-list .card-grid {
  border-bottom: none;
}


.home-land-list .no-results {
  margin-top: 60px;
  margin-bottom: 60px;
}

/*
 * Land Detail
 */

/*.land-detail .page-title {
  display: none;
}*/

.land-detail .hero-image {
  margin-bottom: 20px;
}

.land-detail .overview {
  border-bottom: 1px solid #e1e8ed;
  margin-bottom: 30px;
  background-image: -webkit-linear-gradient(rgba(244,248,251,0), #f4f8fb);
  background-image:    -moz-linear-gradient(rgba(244,248,251,0), #f4f8fb);
  background-image:         linear-gradient(rgba(244,248,251,0), #f4f8fb);
}

.land-detail .overview .specs:after {
  content: "";
  display: table;
  clear: left;
}

.land-detail .overview .specs li {
  margin-bottom: 20px;
}

.land-detail .overview .specs .lot-name,
.land-detail .overview .specs .location {
  display: block;
  color: #032233;
}

.land-detail .overview .specs .lot-name {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 1.6em; /* 24px */
  line-height: 1.2;
  margin-bottom: 2px;
}

.land-detail .overview .specs .location:before {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-right: 5px;
  background: url(images/location-pin.png) no-repeat;
}

@media all and (min-width: 0) {
  .land-detail .overview .specs .location:before {
    background-image: url(images/location-pin.svg);
  }
}

.land-detail .overview .specs .spec-heading {
  margin-bottom: 10px;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 0.8em; /* 12px */
  color: #7a8e99;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.land-detail .overview .specs .value {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  color: #032233;
  line-height: 1;
  letter-spacing: -2px;
}

.land-detail .overview .summary {
  max-width: 520px;
  margin: 0 auto 20px auto;
}

/*
 ** Detail Section
 */

.land-detail .aside {
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e8ed;
  text-align: center;
}

.land-detail .aside .price {
  margin-bottom: 30px;
}

.land-detail .aside .price .amount {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 2.667em;
  color: #46b308;
  letter-spacing: -2px;
  line-height: 1;
}

.land-detail .aside .price .unit {
  position: relative;
  top: -15px;
  display: inline-block;
  margin-right: 5px;
  font-family:'AvenirNextLTW02-Regular', Helvetica, Arial, sans-serif;
  font-size: 0.5em;
}

.land-detail .aside .contact .contact-numbers {
  margin-bottom: 40px;
}

.land-detail .aside .contact .contact-numbers > li {
  max-width: 220px;
  margin: 10px auto 0;
  text-align: right;
}

.land-detail .aside .contact .contact-numbers > li:first-child {
  margin-top: 0;
}

.land-detail .aside .contact .contact-numbers span {
  display: inline-block;
  margin-left: 10px;
  color: #1b96d6;
}

.land-detail .aside .contact .contact-numbers span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  background: url(images/phone-icon.png) no-repeat;
}

@media all and (min-width: 0) {
  .land-detail .aside .contact .contact-numbers span:before {
    background-image: url(images/phone-icon.svg);
  }
}

            .land-detail .aside .enquiry-form .form-trigger,
.js-enabled .land-detail .aside .enquiry-form .form-trigger.hidden {
  display: none;
}

.land-detail .aside .enquiry-form .form-trigger {
  display: inline-block;
  margin-bottom: 30px;
}

.land-detail .aside .enquiry-form .form-trigger:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 10px;
  background: url(images/mail-icon.png) no-repeat;
}

@media all and (min-width: 0) {
  .land-detail .aside .enquiry-form .form-trigger:before {
    background-image: url(images/mail-icon.svg);
  }
}

.js-enabled .land-detail .aside .enquiry-form .form-container.hidden {
  display: none;
}

.land-detail .aside .enquiry-form form {
  width: 80%;
  margin: 0 auto 30px;
  text-align: left;
}

.land-detail .aside .enquiry-form form li {
  margin-top: 15px;
}

.land-detail .aside .enquiry-form form input[type="text"],
.land-detail .aside .enquiry-form form input[type="email"],
.land-detail .aside .enquiry-form form textarea {
  width: 100%;
}

.land-detail .aside .enquiry-form form textarea {
  overflow: hidden;
  height: 120px;
}

.land-detail .aside .enquiry-form form li:first-child {
  margin-top: 0;
}

.land-detail .details {
  margin-bottom: 60px;
}

.land-detail .details .location-map {
  margin-bottom: 30px;
}

.land-detail .details .location-map .map {
  position: relative;
  display: block;
}

.land-detail .details .location-map .map-info {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  padding: 0 5px 1px;
  background: #fff;
  font-size: 0.7em;
  color: #7a8e99;
  text-align: right;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.land-detail .details .location-map img {
  display: block;
  margin-bottom: 8px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.land-detail .details .location-map .address {
  display: block;
  padding-left: 17px;
  background: url(images/location-pin.png) no-repeat 0 0;
  font-size: 0.933em; /* 14/15 */
  line-height: 1.2;
  color: #7a8e99;
}

@media all and (min-width: 0) {
  .land-detail .details .location-map .address {
    background-image: url(images/location-pin.svg);
  }
}

.land-detail .details .document-downloads {
  padding: 20px 0;
  margin-bottom: 30px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border-top: 1px solid #e1e8ed;
  border-bottom: 1px solid #e1e8ed;
}

.land-detail .details .document-downloads .floorplans .floorplan-popup {
  display: block;
}

.land-detail .details .document-downloads .floorplans .floorplan-preview {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 90px;
  margin-right: 15px;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

.land-detail .details .document-downloads .floorplans .floorplan-preview img {
  display: block;
}

.land-detail .details .document-downloads .call-to-action {
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 15px;
  border-top: 1px solid #e1e8ed;
}

.land-detail .details .document-downloads .document-preview {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  width: 90px;
  height: 117px;
  margin-right: 15px;
  border: 1px solid #ddd;
  background: url(images/document-logo.png) no-repeat 5px 5px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

@media all and (min-width: 0) {
  .land-detail .details .document-downloads .document-preview {
    background-image: url(images/document-logo-2x.png);
    background-size: 30px;
  }
}


.land-detail .details .document-downloads .document-preview .cover-image {
  display: block;
  margin-top: 27px;
}

.land-detail .details .document-downloads .document-preview .home-name {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 5px;
  background: rgba(27, 150, 214, 0.8);
  font-size: 0.8em; /* 12px */
  line-height: 1.2;
  color: #fff;
}

.land-detail .details .document-downloads .section-heading {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-bottom: 0;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: left;
}

.land-detail .sidebar .document-downloads li {
  margin-top: 15px;
}

.land-detail .sidebar .document-downloads li:first-child {
  margin-top: 0;
}

.land-detail .sidebar .document-downloads input[type="text"],
.land-detail .sidebar .document-downloads input[type="email"],
.land-detail .sidebar .document-downloads select {
  width: 100%;
}

.land-detail .sidebar .document-downloads .button.document-download {
  margin-bottom: 5px;
}

.land-detail .sidebar .document-downloads .button.document-download:last-child {
  margin-bottom: 0;
}


.land-detail .details .specifications .features {
  margin-bottom: 30px;
}

.land-detail .details .specifications .spec-list {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 15px;
}

.land-detail .details .specifications .spec-list li {
  margin-top: 10px;
}

.land-detail .details .specifications .spec-list li:first-child {
  margin-top: 0;
}

.land-detail .details .disclaimer p {
  font-size: 0.867em; /* 13/15 */
}


.land-detail .suggested-home,
.land-detail .other-homes {
  margin-bottom: 60px;
}

.land-detail .suggested-home .card,
.land-detail .other-homes .card {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #dfe3e6;
}

.land-detail .other-homes .summary {
  margin-bottom: 10px;
}

.land-detail .suggested-home .card .price,
.land-detail .other-homes .card .price {
  display: none;
}

.land-detail .suggested-home .card .price.perth,
.land-detail .other-homes .card .price.perth {
  display: block;
}


/*
 * Walkthroughs
 */

.walkthroughs .video-stage {
  padding-bottom: 30px;
  margin-bottom: 30px;
  background-color: #f0f5f7;
  border-top: 1px solid #d8e3e8;
  border-bottom: 1px solid #d8e3e8;
}

.walkthroughs .hero-video {
  margin-bottom: 20px;
}

.walkthroughs .placeholder {
  position: relative;
  cursor: pointer;
}

.walkthroughs .placeholder:before,
.walkthroughs .placeholder:after {
  content: "";
  display: block;
  position: absolute;
}

.walkthroughs .placeholder:before {
  content: "Play Walkthrough";
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 140px;
  height: 20px;
  padding-top: 85px;
  margin-top: -52px;
  margin-left: -70px;
  background: url(images/play-button.png) no-repeat top center;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #fff;
  opacity: 0.8;
}

.walkthroughs .placeholder:hover:before,
.walkthroughs .placeholder:focus:before {
  opacity: 1;
}

.walkthroughs .placeholder:active:before {
  margin-top: -51px;
}

@media all and (min-width: 0) {
  .walkthroughs .placeholder:before {
    background-image: url(images/play-button.svg);
  }
}

.walkthroughs .placeholder:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0,0,0,0.6);
}

.walkthroughs .placeholder img {
  display: block;
}

.walkthroughs .placeholder.hidden {
  display: none;
}

.walkthroughs .video-embed.hidden {
  display: none;
}

.walkthroughs .video-stage .heading {
  margin-bottom: 10px;
}

.walkthroughs .video-stage .summary {
  margin-bottom: 20px;
}

.walkthroughs .all-walkthroughs .section-heading {
  text-align: center;
  margin-bottom: 30px;
}

.walkthroughs .all-walkthroughs .video-list {
  margin-left: -5%;
}

.walkthroughs .all-walkthroughs .video-list > li {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  margin-left: 5%;
  margin-bottom: 20px;
}

.walkthroughs .all-walkthroughs .video-list .video .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

.walkthroughs .all-walkthroughs .video-list .video .thumb:before {
  content: "";
  display: block;
  position: absolute;
}

.walkthroughs .all-walkthroughs .video-list .video .thumb:before {
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  margin-left: -18px;
  background: url(images/play-button.png) no-repeat;
  background-size: 100%;
  z-index: 2;
  opacity: 0.8;
}

.walkthroughs .all-walkthroughs .video-list .video .thumb:hover:before,
.walkthroughs .all-walkthroughs .video-list .video .thumb:focus:before {
  opacity: 1;
}

.walkthroughs .all-walkthroughs .video-list .video .thumb:active:before {
  margin-top: -17px;
}

@media all and (min-width: 0) {
  .walkthroughs .all-walkthroughs .video-list .video .thumb:before {
    background-image: url(images/play-button.svg);
  }
}

.walkthroughs .all-walkthroughs .video-list .video .thumb img {
  display: block;
}

.walkthroughs .all-walkthroughs .video-list .video .name {
  margin-bottom: 0;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 1em; /* 15px */
  text-align: center;
}


/*
 * Display Homes
 */

.display-homes .std-content {
  margin-bottom: 30px;
}

.display-homes .std-content .disclaimer {
  color: #7A8E99;
  font-size: 0.867em; /* 13/15 */
}

.display-homes .map-container {
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e8ed;
}

.display-homes .map {
  width: 100%;
  min-height: 300px;
}

.display-homes .homes-list > li {
  padding: 10px 20px 10px 32px;
  border-top: 1px solid #e1e8ed;
  background: url(images/location-pin.png) no-repeat 10px 13px;
}

.display-homes .homes-list > li:first-child {
  border-top: none;
}

@media all and (min-width: 0) {
  .display-homes .homes-list > li {
    background-image: url(images/location-pin.svg);
  }
}

.display-homes .homes-list span {
  display: block;
}

.display-homes .homes-list .home-name {
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  color: #032233;
}

.display-homes .homes-list .home-address {
  margin-top: 3px;
  color: #3D5866;
  line-height: 1.3;
}


/*
 * Home Buyer Application
 */

.home-buyer-application .std-content {
  margin-bottom: 30px;
}

.home-buyer-application .application {
  margin-bottom: 30px;
}

.applicant {
  margin-bottom: 20px;
}

.applicant .form {
  padding: 20px;
  border: 1px solid #c6c9cc;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.applicant.primary .form .heading {
  color: #46b308;
}

.applicant .form ul {
  margin-top: 0;
  margin-left: 0;
}

.applicant .form li {
  margin-top: 15px;
}

.applicant .form li:first-child {
  margin-top: 0;
}

.applicant .form li input[type="text"],
.applicant .form li input[type="email"] {
  width: 100%;
}

.applicant .form .first_home_buyer {
  position: relative;
}

.applicant .form .first_home_buyer label {
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  color: #032233;
}

.applicant .form .first_home_buyer label,
.applicant .form .first_home_buyer .helptext {
  padding-left: 25px;
}

.applicant .form .first_home_buyer .helptext {
  display: block;
}

.applicant .form .first_home_buyer input {
  position: absolute;
  top: 4px;
  left: 0;
}

.applicant .form .first_home_buyer .caption {
  clear: both;
  display: block;
  color: #7a8e99;
  padding-left: 25px;
  font-size: 0.933em;
  line-height: 1.2;
}

.applicant .form .car_loan,
.applicant .form .personal_loans,
.applicant .form .credit_card_limit  {
  float: left;
  width: 47.5%;
  margin-right: 5%;
}

.applicant .form .personal_loans {
  margin-right: 0;
}

.secondary.applicant .form-trigger {
  display: none;
}

.js-enabled .secondary.applicant .form-trigger {
  display: block;
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  border: 1px solid #dfe3e6;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  -webkit-transition: border-color 0.1s ease;
     -moz-transition: border-color 0.1s ease;
      -ms-transition: border-color 0.1s ease;
       -o-transition: border-color 0.1s ease;
          transition: border-color 0.1s ease;
}

.js-enabled .secondary.applicant .form-trigger.hidden {
  display: none;
}

.js-enabled .secondary.applicant .form-trigger:hover,
.js-enabled .secondary.applicant .form-trigger:focus {
  border-color: #c6c9cc;
}

.js-enabled .secondary.applicant .form-trigger:active {
  position: relative;
  top: 1px;
}

.js-enabled .secondary.applicant .form.hidden {
  display: none;
}

.application .offers_signup {
  position: relative;
  margin-bottom: 20px;
}

.application .offers_signup label {
  padding-left: 25px;
}

.application .offers_signup input {
  position: absolute;
  top: 4px;
  left: 0;
}


/*
 * Contact Page
 */

.contact-list {
  margin-bottom: 60px;
}

.contact-list .location {
  margin-top: 30px;
}

.contact-list .location:first-child {
  margin-top: 0;
}

.contact-list .location .contact-details {
  margin-top: 0;
  margin-left: 0;
}

.contact-list .location .contact-details > li {
  margin-top: 15px;
}

.contact-list .location .contact-details > li:first-child {
  margin-top: 0;
}

.contact-list .location .contact-details .map {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.contact-list .location .contact-details .map:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
          box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
}

.contact-list .location .contact-details .map img {
  display: block;
}

.contact-list .location .contact-details .section-heading {
  color: #7a8e99;
  margin-bottom: 5px;
}

.contact-form {
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #c6c9cc;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.contact-form li {
  margin-top: 15px;
}

.contact-form li:first-child {
  margin-top: 0;
}

.contact-form .submit {
  margin-top: 20px;
}

.contact-form li input[type="text"],
.contact-form li input[type="email"],
.contact-form li textarea {
  width: 100%;
}

.contact-form .newsletter-signup {
  position: relative;
}

.contact-form .newsletter-signup input {
  position: absolute;
  top: 4px;
  left: 0;
}

.contact-form .newsletter-signup label {
  padding-left: 25px;
  line-height: 1.2;
}

/* 404 Page */

.error-page .page-content {
  padding-bottom: 20px;
}

/*
* Live Chat Monitor
*/

#LCM_WP img {
  width: auto;
}