/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   reset
*/
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a,
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
  color: #00a5b8; }

#debug a[href="#"],
#debug a[href=""] {
  color: red !important; }

html,
body {
  height: 100%;
  color: #7f7f7f;
  position: relative;
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear; }
  html [ng\:cloak], html [ng-cloak], html [data-ng-cloak], html [x-ng-cloak], html .ng-cloak, html .x-ng-cloak,
  body [ng\:cloak],
  body [ng-cloak],
  body [data-ng-cloak],
  body [x-ng-cloak],
  body .ng-cloak,
  body .x-ng-cloak {
    display: none !important; }

* {
  outline: none; }

section {
  position: relative;
  overflow: hidden; }

html.is-ie {
  overflow: hidden; }

html.is-ie body {
  overflow: auto;
  height: 100%; }

/* bootstrap slickslideshow embedded in tab fix */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: block;
  height: 0;
  overflow: hidden; }

.tab-content > .active,
.pill-content > .active {
  height: auto; }

/* end */
.ta-hidden-input {
  display: none; }

.clear-fix {
  clear: both; }

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  border: none;
  background-color: transparent;
  margin-right: 0;
  border-radius: 0; }
  .navbar-default .navbar-toggle .icon-bar,
  .navbar-default .navbar-toggle:focus .icon-bar,
  .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: white;
    width: 25px;
    height: 5px; }
    .navbar-default .navbar-toggle .icon-bar + .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar + .icon-bar,
    .navbar-default .navbar-toggle:hover .icon-bar + .icon-bar {
      margin-top: 3px; }

select {
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

#staging section {
  padding: 200px 0 100px; }

.white {
  color: white; }

.red, .card.floorplan-card .card-title {
  color: #ba1f31; }

.gray {
  color: #7f7f7f; }

.black {
  color: black; }

.blue {
  color: #00a5b8; }

.light-gray {
  color: #a6a7a7; }

.bkg-red {
  background-color: red; }

span.read-more-toggle {
  display: none; }

.flex-wrap {
  display: -ms-flexbox;
  display: flex; }

.sort {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center; }
  .sort .type-subtitle-lg {
    margin: 0 auto 0 0;
    font-weight: 300; }
  .sort a {
    color: #00a5b8; }
    .sort a svg {
      width: 20px;
      height: 20px;
      margin-right: 5px; }
      .sort a svg path:not(.no-fill), .sort a svg polygon:not(.no-fill), .sort a svg rect:not(.no-fill), .sort a svg ellipse:not(.no-fill), .sort a svg circle:not(.no-fill), .sort a svg line:not(.no-fill) {
        fill: #00a5b8; }

.more-info {
  margin: 0 5px;
  border-radius: 20px;
  border: none;
  color: white;
  line-height: 0;
  font-size: 16px;
  width: 20px;
  height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  transition: all 0.2s ease-out;
  cursor: pointer !important; }
  .more-info:hover {
    transition: all 0.2s ease-in;
    background-color: #00b300;
    color: white; }
    .more-info:hover > * {
      color: white; }
  .more-info + .popover {
    max-width: 500px; }

#microsite #subnav, #microsite-floorplan-detail #subnav {
  background-color: white;
  border: none;
  border-radius: 0;
  margin-bottom: 0; }
  #microsite #subnav li, #microsite-floorplan-detail #subnav li {
    cursor: pointer; }

.modal #modal-body.homeowner-login .login-panel .col-right li, .modal #modal-body.homeowner-login .login-panel #lifestyle #the-design-process .col-right .fill li, #lifestyle #the-design-process .col-right .modal #modal-body.homeowner-login .login-panel .fill li, #microsite section#overview .container-inner ul li, #realtor-program #content .col-left ul li, #join-our-team section#benefits ul li {
  padding-left: 20px;
  position: relative; }
  .modal #modal-body.homeowner-login .login-panel .col-right li:after, .modal #modal-body.homeowner-login .login-panel #lifestyle #the-design-process .col-right .fill li:after, #lifestyle #the-design-process .col-right .modal #modal-body.homeowner-login .login-panel .fill li:after, #microsite section#overview .container-inner ul li:after, #realtor-program #content .col-left ul li:after, #join-our-team section#benefits ul li:after {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #00a5b8;
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    z-index: 1; }

#floorplan-gallery li.type-sm, #floorplan-gallery #slick-main li.caption, #slick-main #floorplan-gallery li.caption, #floorplan-gallery #slick-thumb li.caption, #slick-thumb #floorplan-gallery li.caption, #floorplan-gallery #slick-strip li.caption, #slick-strip #floorplan-gallery li.caption, #floorplan-gallery #slick-floorplan li.caption, #slick-floorplan #floorplan-gallery li.caption, #floorplan-gallery #slick-collections li.caption, #slick-collections #floorplan-gallery li.caption, #floorplan-gallery .card .snapshot li, .card .snapshot #floorplan-gallery li, #floorplan-gallery .card.floorplan-card li.card-subtitle, .card.floorplan-card #floorplan-gallery li.card-subtitle, #floorplan-gallery .card.floorplan-card li.card-detail, .card.floorplan-card #floorplan-gallery li.card-detail, #floorplan-gallery .card.floorplan-card li.card-price, .card.floorplan-card #floorplan-gallery li.card-price, #floorplan-gallery #join-our-team section#benefits ul li, #join-our-team section#benefits ul #floorplan-gallery li, #floorplan-gallery #st-judes #content #partner-vendors li, #st-judes #content #partner-vendors #floorplan-gallery li, #microsite section#explore li {
  color: #7f7f7f;
  transition: all 0.2s ease-out;
  cursor: pointer !important; }
  #floorplan-gallery li.type-sm:hover, #floorplan-gallery #slick-main li.caption:hover, #slick-main #floorplan-gallery li.caption:hover, #floorplan-gallery #slick-thumb li.caption:hover, #slick-thumb #floorplan-gallery li.caption:hover, #floorplan-gallery #slick-strip li.caption:hover, #slick-strip #floorplan-gallery li.caption:hover, #floorplan-gallery #slick-floorplan li.caption:hover, #slick-floorplan #floorplan-gallery li.caption:hover, #floorplan-gallery #slick-collections li.caption:hover, #slick-collections #floorplan-gallery li.caption:hover, #floorplan-gallery .card .snapshot li:hover, .card .snapshot #floorplan-gallery li:hover, #floorplan-gallery .card.floorplan-card li.card-subtitle:hover, .card.floorplan-card #floorplan-gallery li.card-subtitle:hover, #floorplan-gallery .card.floorplan-card li.card-detail:hover, .card.floorplan-card #floorplan-gallery li.card-detail:hover, #floorplan-gallery .card.floorplan-card li.card-price:hover, .card.floorplan-card #floorplan-gallery li.card-price:hover, #floorplan-gallery #join-our-team section#benefits ul li:hover, #join-our-team section#benefits ul #floorplan-gallery li:hover, #floorplan-gallery #st-judes #content #partner-vendors li:hover, #st-judes #content #partner-vendors #floorplan-gallery li:hover, #microsite section#explore li:hover {
    transition: all 0.2s ease-in;
    background-color: transparent;
    color: #00a5b8; }
    #floorplan-gallery li.type-sm:hover > *, #floorplan-gallery #slick-main li.caption:hover > *, #slick-main #floorplan-gallery li.caption:hover > *, #floorplan-gallery #slick-thumb li.caption:hover > *, #slick-thumb #floorplan-gallery li.caption:hover > *, #floorplan-gallery #slick-strip li.caption:hover > *, #slick-strip #floorplan-gallery li.caption:hover > *, #floorplan-gallery #slick-floorplan li.caption:hover > *, #slick-floorplan #floorplan-gallery li.caption:hover > *, #floorplan-gallery #slick-collections li.caption:hover > *, #slick-collections #floorplan-gallery li.caption:hover > *, #floorplan-gallery .card .snapshot li:hover > *, .card .snapshot #floorplan-gallery li:hover > *, #floorplan-gallery .card.floorplan-card li.card-subtitle:hover > *, .card.floorplan-card #floorplan-gallery li.card-subtitle:hover > *, #floorplan-gallery .card.floorplan-card li.card-detail:hover > *, .card.floorplan-card #floorplan-gallery li.card-detail:hover > *, #floorplan-gallery .card.floorplan-card li.card-price:hover > *, .card.floorplan-card #floorplan-gallery li.card-price:hover > *, #floorplan-gallery #join-our-team section#benefits ul li:hover > *, #join-our-team section#benefits ul #floorplan-gallery li:hover > *, #floorplan-gallery #st-judes #content #partner-vendors li:hover > *, #st-judes #content #partner-vendors #floorplan-gallery li:hover > *, #microsite section#explore li:hover > * {
      color: #00a5b8; }
  #floorplan-gallery li.active.type-sm, #floorplan-gallery #slick-main li.active.caption, #slick-main #floorplan-gallery li.active.caption, #floorplan-gallery #slick-thumb li.active.caption, #slick-thumb #floorplan-gallery li.active.caption, #floorplan-gallery #slick-strip li.active.caption, #slick-strip #floorplan-gallery li.active.caption, #floorplan-gallery #slick-floorplan li.active.caption, #slick-floorplan #floorplan-gallery li.active.caption, #floorplan-gallery #slick-collections li.active.caption, #slick-collections #floorplan-gallery li.active.caption, #floorplan-gallery .card .snapshot li.active, .card .snapshot #floorplan-gallery li.active, #floorplan-gallery .card.floorplan-card li.active.card-subtitle, .card.floorplan-card #floorplan-gallery li.active.card-subtitle, #floorplan-gallery .card.floorplan-card li.active.card-detail, .card.floorplan-card #floorplan-gallery li.active.card-detail, #floorplan-gallery .card.floorplan-card li.active.card-price, .card.floorplan-card #floorplan-gallery li.active.card-price, #floorplan-gallery #join-our-team section#benefits ul li.active, #join-our-team section#benefits ul #floorplan-gallery li.active, #floorplan-gallery #st-judes #content #partner-vendors li.active, #st-judes #content #partner-vendors #floorplan-gallery li.active, #microsite section#explore li.active {
    color: #00a5b8; }
  #floorplan-gallery li.type-sm:after, #floorplan-gallery #slick-main li.caption:after, #slick-main #floorplan-gallery li.caption:after, #floorplan-gallery #slick-thumb li.caption:after, #slick-thumb #floorplan-gallery li.caption:after, #floorplan-gallery #slick-strip li.caption:after, #slick-strip #floorplan-gallery li.caption:after, #floorplan-gallery #slick-floorplan li.caption:after, #slick-floorplan #floorplan-gallery li.caption:after, #floorplan-gallery #slick-collections li.caption:after, #slick-collections #floorplan-gallery li.caption:after, #floorplan-gallery .card .snapshot li:after, .card .snapshot #floorplan-gallery li:after, #floorplan-gallery .card.floorplan-card li.card-subtitle:after, .card.floorplan-card #floorplan-gallery li.card-subtitle:after, #floorplan-gallery .card.floorplan-card li.card-detail:after, .card.floorplan-card #floorplan-gallery li.card-detail:after, #floorplan-gallery .card.floorplan-card li.card-price:after, .card.floorplan-card #floorplan-gallery li.card-price:after, #floorplan-gallery #join-our-team section#benefits ul li:after, #join-our-team section#benefits ul #floorplan-gallery li:after, #floorplan-gallery #st-judes #content #partner-vendors li:after, #st-judes #content #partner-vendors #floorplan-gallery li:after, #microsite section#explore li:after {
    content: "|";
    color: #7f7f7f;
    margin-left: 15px; }
  #floorplan-gallery li.type-sm:last-child:after, #floorplan-gallery #slick-main li.caption:last-child:after, #slick-main #floorplan-gallery li.caption:last-child:after, #floorplan-gallery #slick-thumb li.caption:last-child:after, #slick-thumb #floorplan-gallery li.caption:last-child:after, #floorplan-gallery #slick-strip li.caption:last-child:after, #slick-strip #floorplan-gallery li.caption:last-child:after, #floorplan-gallery #slick-floorplan li.caption:last-child:after, #slick-floorplan #floorplan-gallery li.caption:last-child:after, #floorplan-gallery #slick-collections li.caption:last-child:after, #slick-collections #floorplan-gallery li.caption:last-child:after, #floorplan-gallery .card .snapshot li:last-child:after, .card .snapshot #floorplan-gallery li:last-child:after, #floorplan-gallery .card.floorplan-card li.card-subtitle:last-child:after, .card.floorplan-card #floorplan-gallery li.card-subtitle:last-child:after, #floorplan-gallery .card.floorplan-card li.card-detail:last-child:after, .card.floorplan-card #floorplan-gallery li.card-detail:last-child:after, #floorplan-gallery .card.floorplan-card li.card-price:last-child:after, .card.floorplan-card #floorplan-gallery li.card-price:last-child:after, #floorplan-gallery #join-our-team section#benefits ul li:last-child:after, #join-our-team section#benefits ul #floorplan-gallery li:last-child:after, #floorplan-gallery #st-judes #content #partner-vendors li:last-child:after, #st-judes #content #partner-vendors #floorplan-gallery li:last-child:after, #microsite section#explore li:last-child:after {
    content: ""; }

.sort ul, .sort li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }
  .sort ul:not(:first-child), .sort li:not(:first-child) {
    margin-left: 30px; }

.sort li i {
  font-size: 30px;
  display: block;
  line-height: 18px;
  margin-left: 10px;
  cursor: pointer;
  color: #dedede;
  transition: all 0.2s ease-out;
  cursor: pointer !important; }
  .sort li i:hover {
    transition: all 0.2s ease-in;
    background-color: transparent;
    color: #00a5b8; }
    .sort li i:hover > * {
      color: #00a5b8; }

.sort .sort-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-right: 30px; }
  .sort .sort-item:last-child {
    margin-right: 0; }
  .sort .sort-item .arrows {
    display: inline; }
  .sort .sort-item .arrow {
    font-size: 30px;
    display: block;
    line-height: 18px;
    margin-left: 10px;
    cursor: pointer;
    color: #dedede;
    transition: all 0.2s ease-out;
    cursor: pointer !important; }
    .sort .sort-item .arrow:hover {
      transition: all 0.2s ease-in;
      background-color: transparent;
      color: #00a5b8; }
      .sort .sort-item .arrow:hover > * {
        color: #00a5b8; }
    .sort .sort-item .arrow.active {
      color: #00a5b8; }

.card .card-wide .top .thumb,
.card .card-wide .top .preloader,
.card.card-wide .top .thumb,
.card.card-wide .top .preloader, .card.floorplan-card .top .thumb {
  background-color: #f5f5f5;
  background-size: cover;
  background-position: center center; }
  .card .card-wide .top .thumb img, .card .card-wide .top .preloader img, .card.card-wide .top .thumb img, .card.card-wide .top .preloader img, .card.floorplan-card .top .thumb img {
    position: relative;
    top: -5px;
    left: -5px; }

#microsite section#move-in-ready p.type-subtitle-xl, #microsite section#model-home p.type-subtitle-xl, #microsite section#floorplans p.type-subtitle-xl, #microsite section#image-gallery p.type-subtitle-xl, #microsite section#contact p.type-subtitle-xl {
  text-align: center;
  font-weight: 300;
  margin-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    #microsite section#move-in-ready p.type-subtitle-xl, #microsite section#model-home p.type-subtitle-xl, #microsite section#floorplans p.type-subtitle-xl, #microsite section#image-gallery p.type-subtitle-xl, #microsite section#contact p.type-subtitle-xl {
      margin-bottom: 30px; } }

#our-collections #our-collections-carousel .carousel, #virtual-tours #virtual-tour-carousel .carousel, #vendor-bid #vendor-bid-carousel .carousel {
  max-height: 420px; }
  #our-collections #our-collections-carousel .carousel .fill, #virtual-tours #virtual-tour-carousel .carousel .fill, #vendor-bid #vendor-bid-carousel .carousel .fill {
    background-attachment: fixed;
    background-size: 100% auto; }
  #our-collections #our-collections-carousel .carousel .flex-caption, #virtual-tours #virtual-tour-carousel .carousel .flex-caption, #vendor-bid #vendor-bid-carousel .carousel .flex-caption {
    color: white;
    padding-top: 100px;
    font-weight: 300;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }

#sales-center section#hero, #energywise section#hero, #financing section#hero, #prequalify section#hero, #general-contact section#hero, #building-a-better-community section#hero, #contact-us section#hero {
  min-height: 615px;
  background-color: #f5f5f5;
  padding-top: 100px;
  font-weight: 300;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    #sales-center section#hero, #energywise section#hero, #financing section#hero, #prequalify section#hero, #general-contact section#hero, #building-a-better-community section#hero, #contact-us section#hero {
      min-height: calc(100vh - 80px); } }
  #sales-center section#hero p, #energywise section#hero p, #financing section#hero p, #prequalify section#hero p, #general-contact section#hero p, #building-a-better-community section#hero p, #contact-us section#hero p, #sales-center section#hero h1, #energywise section#hero h1, #financing section#hero h1, #prequalify section#hero h1, #general-contact section#hero h1, #building-a-better-community section#hero h1, #contact-us section#hero h1, #sales-center section#hero h2, #energywise section#hero h2, #financing section#hero h2, #prequalify section#hero h2, #general-contact section#hero h2, #building-a-better-community section#hero h2, #contact-us section#hero h2 {
    margin-bottom: 80px; }
    #sales-center section#hero p.type-md, #energywise section#hero p.type-md, #financing section#hero p.type-md, #prequalify section#hero p.type-md, #general-contact section#hero p.type-md, #building-a-better-community section#hero p.type-md, #contact-us section#hero p.type-md, #sales-center section#hero .sort p.sort-item, .sort #sales-center section#hero p.sort-item, #energywise section#hero .sort p.sort-item, .sort #energywise section#hero p.sort-item, #financing section#hero .sort p.sort-item, .sort #financing section#hero p.sort-item, #prequalify section#hero .sort p.sort-item, .sort #prequalify section#hero p.sort-item, #general-contact section#hero .sort p.sort-item, .sort #general-contact section#hero p.sort-item, #building-a-better-community section#hero .sort p.sort-item, .sort #building-a-better-community section#hero p.sort-item, #contact-us section#hero .sort p.sort-item, .sort #contact-us section#hero p.sort-item, #sales-center section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #sales-center section#hero p.type-xl, #energywise section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #energywise section#hero p.type-xl, #financing section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #financing section#hero p.type-xl, #prequalify section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #prequalify section#hero p.type-xl, #general-contact section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #general-contact section#hero p.type-xl, #building-a-better-community section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.type-xl, #contact-us section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #contact-us section#hero p.type-xl, #sales-center section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #sales-center section#hero p.card-title, #energywise section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #energywise section#hero p.card-title, #financing section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #financing section#hero p.card-title, #prequalify section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #prequalify section#hero p.card-title, #general-contact section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #general-contact section#hero p.card-title, #building-a-better-community section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-a-better-community section#hero p.card-title, #contact-us section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #contact-us section#hero p.card-title, #sales-center section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #sales-center section#hero p.card-title, #energywise section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #energywise section#hero p.card-title, #financing section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #financing section#hero p.card-title, #prequalify section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #prequalify section#hero p.card-title, #general-contact section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #general-contact section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.card-title, #contact-us section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #contact-us section#hero p.card-title, #sales-center section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #sales-center section#hero p.popover-title, #energywise section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #energywise section#hero p.popover-title, #financing section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #financing section#hero p.popover-title, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero p.popover-title, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero p.popover-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero p.popover-title, #contact-us section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #contact-us section#hero p.popover-title, #sales-center section#hero h1.type-md, #energywise section#hero h1.type-md, #financing section#hero h1.type-md, #prequalify section#hero h1.type-md, #general-contact section#hero h1.type-md, #building-a-better-community section#hero h1.type-md, #contact-us section#hero h1.type-md, #sales-center section#hero .sort h1.sort-item, .sort #sales-center section#hero h1.sort-item, #energywise section#hero .sort h1.sort-item, .sort #energywise section#hero h1.sort-item, #financing section#hero .sort h1.sort-item, .sort #financing section#hero h1.sort-item, #prequalify section#hero .sort h1.sort-item, .sort #prequalify section#hero h1.sort-item, #general-contact section#hero .sort h1.sort-item, .sort #general-contact section#hero h1.sort-item, #building-a-better-community section#hero .sort h1.sort-item, .sort #building-a-better-community section#hero h1.sort-item, #contact-us section#hero .sort h1.sort-item, .sort #contact-us section#hero h1.sort-item, #sales-center section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #sales-center section#hero h1.popover-title, #energywise section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #energywise section#hero h1.popover-title, #financing section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #financing section#hero h1.popover-title, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero h1.popover-title, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero h1.popover-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero h1.popover-title, #contact-us section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #contact-us section#hero h1.popover-title, #sales-center section#hero h2.type-md, #energywise section#hero h2.type-md, #financing section#hero h2.type-md, #prequalify section#hero h2.type-md, #general-contact section#hero h2.type-md, #building-a-better-community section#hero h2.type-md, #contact-us section#hero h2.type-md, #sales-center section#hero .sort h2.sort-item, .sort #sales-center section#hero h2.sort-item, #energywise section#hero .sort h2.sort-item, .sort #energywise section#hero h2.sort-item, #financing section#hero .sort h2.sort-item, .sort #financing section#hero h2.sort-item, #prequalify section#hero .sort h2.sort-item, .sort #prequalify section#hero h2.sort-item, #general-contact section#hero .sort h2.sort-item, .sort #general-contact section#hero h2.sort-item, #building-a-better-community section#hero .sort h2.sort-item, .sort #building-a-better-community section#hero h2.sort-item, #contact-us section#hero .sort h2.sort-item, .sort #contact-us section#hero h2.sort-item, #sales-center section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #sales-center section#hero h2.popover-title, #energywise section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #energywise section#hero h2.popover-title, #financing section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #financing section#hero h2.popover-title, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero h2.popover-title, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero h2.popover-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero h2.popover-title, #contact-us section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #contact-us section#hero h2.popover-title {
      text-align: center;
      line-height: 40px; }
      @media only screen and (max-width: 767px) {
        #sales-center section#hero p.type-md, #energywise section#hero p.type-md, #financing section#hero p.type-md, #prequalify section#hero p.type-md, #general-contact section#hero p.type-md, #building-a-better-community section#hero p.type-md, #contact-us section#hero p.type-md, #sales-center section#hero .sort p.sort-item, .sort #sales-center section#hero p.sort-item, #energywise section#hero .sort p.sort-item, .sort #energywise section#hero p.sort-item, #financing section#hero .sort p.sort-item, .sort #financing section#hero p.sort-item, #prequalify section#hero .sort p.sort-item, .sort #prequalify section#hero p.sort-item, #general-contact section#hero .sort p.sort-item, .sort #general-contact section#hero p.sort-item, #building-a-better-community section#hero .sort p.sort-item, .sort #building-a-better-community section#hero p.sort-item, #contact-us section#hero .sort p.sort-item, .sort #contact-us section#hero p.sort-item, #sales-center section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #sales-center section#hero p.type-xl, #energywise section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #energywise section#hero p.type-xl, #financing section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #financing section#hero p.type-xl, #prequalify section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #prequalify section#hero p.type-xl, #general-contact section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #general-contact section#hero p.type-xl, #building-a-better-community section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.type-xl, #contact-us section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #contact-us section#hero p.type-xl, #sales-center section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #sales-center section#hero p.card-title, #energywise section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #energywise section#hero p.card-title, #financing section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #financing section#hero p.card-title, #prequalify section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #prequalify section#hero p.card-title, #general-contact section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #general-contact section#hero p.card-title, #building-a-better-community section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-a-better-community section#hero p.card-title, #contact-us section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #contact-us section#hero p.card-title, #sales-center section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #sales-center section#hero p.card-title, #energywise section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #energywise section#hero p.card-title, #financing section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #financing section#hero p.card-title, #prequalify section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #prequalify section#hero p.card-title, #general-contact section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #general-contact section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.card-title, #contact-us section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #contact-us section#hero p.card-title, #sales-center section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #sales-center section#hero p.popover-title, #energywise section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #energywise section#hero p.popover-title, #financing section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #financing section#hero p.popover-title, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero p.popover-title, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero p.popover-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero p.popover-title, #contact-us section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #contact-us section#hero p.popover-title, #sales-center section#hero h1.type-md, #energywise section#hero h1.type-md, #financing section#hero h1.type-md, #prequalify section#hero h1.type-md, #general-contact section#hero h1.type-md, #building-a-better-community section#hero h1.type-md, #contact-us section#hero h1.type-md, #sales-center section#hero .sort h1.sort-item, .sort #sales-center section#hero h1.sort-item, #energywise section#hero .sort h1.sort-item, .sort #energywise section#hero h1.sort-item, #financing section#hero .sort h1.sort-item, .sort #financing section#hero h1.sort-item, #prequalify section#hero .sort h1.sort-item, .sort #prequalify section#hero h1.sort-item, #general-contact section#hero .sort h1.sort-item, .sort #general-contact section#hero h1.sort-item, #building-a-better-community section#hero .sort h1.sort-item, .sort #building-a-better-community section#hero h1.sort-item, #contact-us section#hero .sort h1.sort-item, .sort #contact-us section#hero h1.sort-item, #sales-center section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #sales-center section#hero h1.popover-title, #energywise section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #energywise section#hero h1.popover-title, #financing section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #financing section#hero h1.popover-title, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero h1.popover-title, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero h1.popover-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero h1.popover-title, #contact-us section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #contact-us section#hero h1.popover-title, #sales-center section#hero h2.type-md, #energywise section#hero h2.type-md, #financing section#hero h2.type-md, #prequalify section#hero h2.type-md, #general-contact section#hero h2.type-md, #building-a-better-community section#hero h2.type-md, #contact-us section#hero h2.type-md, #sales-center section#hero .sort h2.sort-item, .sort #sales-center section#hero h2.sort-item, #energywise section#hero .sort h2.sort-item, .sort #energywise section#hero h2.sort-item, #financing section#hero .sort h2.sort-item, .sort #financing section#hero h2.sort-item, #prequalify section#hero .sort h2.sort-item, .sort #prequalify section#hero h2.sort-item, #general-contact section#hero .sort h2.sort-item, .sort #general-contact section#hero h2.sort-item, #building-a-better-community section#hero .sort h2.sort-item, .sort #building-a-better-community section#hero h2.sort-item, #contact-us section#hero .sort h2.sort-item, .sort #contact-us section#hero h2.sort-item, #sales-center section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #sales-center section#hero h2.popover-title, #energywise section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #energywise section#hero h2.popover-title, #financing section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #financing section#hero h2.popover-title, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero h2.popover-title, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero h2.popover-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero h2.popover-title, #contact-us section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #contact-us section#hero h2.popover-title {
          line-height: 30px; } }
    @media only screen and (max-width: 767px) {
      #sales-center section#hero p, #energywise section#hero p, #financing section#hero p, #prequalify section#hero p, #general-contact section#hero p, #building-a-better-community section#hero p, #contact-us section#hero p, #sales-center section#hero h1, #energywise section#hero h1, #financing section#hero h1, #prequalify section#hero h1, #general-contact section#hero h1, #building-a-better-community section#hero h1, #contact-us section#hero h1, #sales-center section#hero h2, #energywise section#hero h2, #financing section#hero h2, #prequalify section#hero h2, #general-contact section#hero h2, #building-a-better-community section#hero h2, #contact-us section#hero h2 {
        margin-bottom: 40px; } }

#homepage section#testimonials .carousel .item .flex-caption p, #customer-testimonials #testimonials-grid .testimony .info p {
  line-height: 48px;
  margin-bottom: 50px;
  padding: 0 250px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #homepage section#testimonials .carousel .item .flex-caption p, #customer-testimonials #testimonials-grid .testimony .info p {
      padding: 0 150px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage section#testimonials .carousel .item .flex-caption p, #customer-testimonials #testimonials-grid .testimony .info p {
      padding: 0 50px; } }
  @media only screen and (max-width: 767px) {
    #homepage section#testimonials .carousel .item .flex-caption p, #customer-testimonials #testimonials-grid .testimony .info p {
      padding: 0 10px;
      font-size: 5vw;
      line-height: 35px; } }

#homepage section#testimonials .carousel .item .flex-caption i, #customer-testimonials #testimonials-grid .testimony .info i {
  margin-bottom: 50px;
  font-style: italic; }

#design-overview section#design-team p.type-md, #design-overview section#bsb-design .container > .col-left p.type-md, #design-overview section#design-team .sort p.sort-item, .sort #design-overview section#design-team p.sort-item, #design-overview section#bsb-design .container > .col-left .sort p.sort-item, .sort #design-overview section#bsb-design .container > .col-left p.sort-item, #design-overview section#design-team .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #design-overview section#design-team p.type-xl, #design-overview section#bsb-design .container > .col-left .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #design-overview section#bsb-design .container > .col-left p.type-xl, #design-overview section#design-team .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #design-overview section#design-team p.card-title, #design-overview section#bsb-design .container > .col-left .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #design-overview section#bsb-design .container > .col-left p.card-title, #design-overview section#design-team .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #design-overview section#design-team p.card-title, #design-overview section#bsb-design .container > .col-left .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #design-overview section#bsb-design .container > .col-left p.card-title, #design-overview section#design-team #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #design-overview section#design-team p.popover-title, #design-overview section#bsb-design .container > .col-left #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #design-overview section#bsb-design .container > .col-left p.popover-title,
#design-overview section#design-team h2.type-md,
#design-overview section#bsb-design .container > .col-left h2.type-md,
#design-overview section#design-team .sort h2.sort-item,
.sort #design-overview section#design-team h2.sort-item,
#design-overview section#bsb-design .container > .col-left .sort h2.sort-item,
.sort #design-overview section#bsb-design .container > .col-left h2.sort-item,
#design-overview section#design-team #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
#homepage section#welcome-home .map-sm .svg-map .pin + .popover #design-overview section#design-team h2.popover-title,
#design-overview section#bsb-design .container > .col-left #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
#homepage section#welcome-home .map-sm .svg-map .pin + .popover #design-overview section#bsb-design .container > .col-left h2.popover-title {
  line-height: 42px;
  margin-top: 60px; }

#design-overview section#design-team p.type-design-xl, #design-overview section#bsb-design .container > .col-left p.type-design-xl,
#design-overview section#design-team h2.type-design-xl,
#design-overview section#bsb-design .container > .col-left h2.type-design-xl {
  letter-spacing: 5px; }

#design-overview section#design-team p:not(.type-md), #design-overview section#bsb-design .container > .col-left p:not(.type-md) {
  margin-bottom: 20px; }

#microsite #microsite-carousel,
#microsite #home-show-carousel,
#microsite #hero, #st-judes #st-judes-carousel {
  position: relative;
  overflow: hidden; }
  #microsite #microsite-carousel .carousel .carousel-inner .flex-caption, #microsite #home-show-carousel .carousel .carousel-inner .flex-caption, #microsite #hero .carousel .carousel-inner .flex-caption, #st-judes #st-judes-carousel .carousel .carousel-inner .flex-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    font-weight: 300;
    padding-top: 50px;
    padding-left: 150px;
    padding-right: 150px; }
    @media only screen and (max-width: 767px) {
      #microsite #microsite-carousel .carousel .carousel-inner .flex-caption, #microsite #home-show-carousel .carousel .carousel-inner .flex-caption, #microsite #hero .carousel .carousel-inner .flex-caption, #st-judes #st-judes-carousel .carousel .carousel-inner .flex-caption {
        padding-left: 20px;
        padding-right: 20px; } }
    #microsite #microsite-carousel .carousel .carousel-inner .flex-caption p, #microsite #home-show-carousel .carousel .carousel-inner .flex-caption p, #microsite #hero .carousel .carousel-inner .flex-caption p, #st-judes #st-judes-carousel .carousel .carousel-inner .flex-caption p {
      letter-spacing: 20px;
      text-align: center;
      opacity: 0;
      animation: kern-in 2s ease-out 1.5s forwards; }

@keyframes kern-in {
  0% {
    letter-spacing: 20px; }
  0%,
  20% {
    opacity: 0; }
  100% {
    opacity: 1;
    letter-spacing: 5px; } }
  #microsite #microsite-carousel .bottom-bar, #microsite #home-show-carousel .bottom-bar, #microsite #hero .bottom-bar, #st-judes #st-judes-carousel .bottom-bar {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    width: 100%;
    animation: bottomBar 2s ease-out; }

@keyframes bottomBar {
  0%,
  80% {
    opacity: 0;
    bottom: -90px; }
  100% {
    opacity: 1;
    bottom: 0; } }
    #microsite #microsite-carousel .bottom-bar .flex-wrap, #microsite #home-show-carousel .bottom-bar .flex-wrap, #microsite #hero .bottom-bar .flex-wrap, #st-judes #st-judes-carousel .bottom-bar .flex-wrap {
      color: white;
      height: 90px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; }
      #microsite #microsite-carousel .bottom-bar .flex-wrap p, #microsite #home-show-carousel .bottom-bar .flex-wrap p, #microsite #hero .bottom-bar .flex-wrap p, #st-judes #st-judes-carousel .bottom-bar .flex-wrap p,
      #microsite #microsite-carousel .bottom-bar .flex-wrap li,
      #microsite #home-show-carousel .bottom-bar .flex-wrap li,
      #microsite #hero .bottom-bar .flex-wrap li,
      #st-judes #st-judes-carousel .bottom-bar .flex-wrap li {
        font-weight: 300; }
      #microsite #microsite-carousel .bottom-bar .flex-wrap svg path:not(.no-fill), #microsite #home-show-carousel .bottom-bar .flex-wrap svg path:not(.no-fill), #microsite #hero .bottom-bar .flex-wrap svg path:not(.no-fill), #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg path:not(.no-fill), #microsite #microsite-carousel .bottom-bar .flex-wrap svg polygon:not(.no-fill), #microsite #home-show-carousel .bottom-bar .flex-wrap svg polygon:not(.no-fill), #microsite #hero .bottom-bar .flex-wrap svg polygon:not(.no-fill), #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg polygon:not(.no-fill), #microsite #microsite-carousel .bottom-bar .flex-wrap svg rect:not(.no-fill), #microsite #home-show-carousel .bottom-bar .flex-wrap svg rect:not(.no-fill), #microsite #hero .bottom-bar .flex-wrap svg rect:not(.no-fill), #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg rect:not(.no-fill), #microsite #microsite-carousel .bottom-bar .flex-wrap svg ellipse:not(.no-fill), #microsite #home-show-carousel .bottom-bar .flex-wrap svg ellipse:not(.no-fill), #microsite #hero .bottom-bar .flex-wrap svg ellipse:not(.no-fill), #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg ellipse:not(.no-fill), #microsite #microsite-carousel .bottom-bar .flex-wrap svg circle:not(.no-fill), #microsite #home-show-carousel .bottom-bar .flex-wrap svg circle:not(.no-fill), #microsite #hero .bottom-bar .flex-wrap svg circle:not(.no-fill), #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg circle:not(.no-fill), #microsite #microsite-carousel .bottom-bar .flex-wrap svg line:not(.no-fill), #microsite #home-show-carousel .bottom-bar .flex-wrap svg line:not(.no-fill), #microsite #hero .bottom-bar .flex-wrap svg line:not(.no-fill), #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg line:not(.no-fill) {
        fill: white; }
      #microsite #microsite-carousel .bottom-bar .flex-wrap svg.icon-tennis circle, #microsite #home-show-carousel .bottom-bar .flex-wrap svg.icon-tennis circle, #microsite #hero .bottom-bar .flex-wrap svg.icon-tennis circle, #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg.icon-tennis circle, #microsite #microsite-carousel .bottom-bar .flex-wrap svg.icon-tennis line, #microsite #home-show-carousel .bottom-bar .flex-wrap svg.icon-tennis line, #microsite #hero .bottom-bar .flex-wrap svg.icon-tennis line, #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg.icon-tennis line, #microsite #microsite-carousel .bottom-bar .flex-wrap svg.icon-tennis path, #microsite #home-show-carousel .bottom-bar .flex-wrap svg.icon-tennis path, #microsite #hero .bottom-bar .flex-wrap svg.icon-tennis path, #st-judes #st-judes-carousel .bottom-bar .flex-wrap svg.icon-tennis path {
        stroke: white;
        fill: none; }
      #microsite #microsite-carousel .bottom-bar .flex-wrap .col-left, #microsite #home-show-carousel .bottom-bar .flex-wrap .col-left, #microsite #hero .bottom-bar .flex-wrap .col-left, #st-judes #st-judes-carousel .bottom-bar .flex-wrap .col-left {
        -ms-flex: 1;
        flex: 1; }
        #microsite #microsite-carousel .bottom-bar .flex-wrap .col-left p, #microsite #home-show-carousel .bottom-bar .flex-wrap .col-left p, #microsite #hero .bottom-bar .flex-wrap .col-left p, #st-judes #st-judes-carousel .bottom-bar .flex-wrap .col-left p {
          cursor: pointer; }
        #microsite #microsite-carousel .bottom-bar .flex-wrap .col-left svg, #microsite #home-show-carousel .bottom-bar .flex-wrap .col-left svg, #microsite #hero .bottom-bar .flex-wrap .col-left svg, #st-judes #st-judes-carousel .bottom-bar .flex-wrap .col-left svg {
          margin-left: 20px; }
      #microsite #microsite-carousel .bottom-bar .flex-wrap .col-right svg, #microsite #home-show-carousel .bottom-bar .flex-wrap .col-right svg, #microsite #hero .bottom-bar .flex-wrap .col-right svg, #st-judes #st-judes-carousel .bottom-bar .flex-wrap .col-right svg, #lifestyle #the-design-process .col-right #microsite #microsite-carousel .bottom-bar .flex-wrap .fill svg, #lifestyle #the-design-process .col-right #microsite #home-show-carousel .bottom-bar .flex-wrap .fill svg, #lifestyle #the-design-process .col-right #microsite #hero .bottom-bar .flex-wrap .fill svg, #lifestyle #the-design-process .col-right #st-judes #st-judes-carousel .bottom-bar .flex-wrap .fill svg {
        width: 25px;
        height: 25px;
        margin-right: 5px;
        position: relative;
        top: 4px; }
      #microsite #microsite-carousel .bottom-bar .flex-wrap .col-right li, #microsite #home-show-carousel .bottom-bar .flex-wrap .col-right li, #microsite #hero .bottom-bar .flex-wrap .col-right li, #st-judes #st-judes-carousel .bottom-bar .flex-wrap .col-right li, #lifestyle #the-design-process .col-right #microsite #microsite-carousel .bottom-bar .flex-wrap .fill li, #lifestyle #the-design-process .col-right #microsite #home-show-carousel .bottom-bar .flex-wrap .fill li, #lifestyle #the-design-process .col-right #microsite #hero .bottom-bar .flex-wrap .fill li, #lifestyle #the-design-process .col-right #st-judes #st-judes-carousel .bottom-bar .flex-wrap .fill li {
        margin-right: 15px; }
      @media only screen and (max-width: 767px) {
        #microsite #microsite-carousel .bottom-bar .flex-wrap .col-left, #microsite #home-show-carousel .bottom-bar .flex-wrap .col-left, #microsite #hero .bottom-bar .flex-wrap .col-left, #st-judes #st-judes-carousel .bottom-bar .flex-wrap .col-left {
          padding: 0 30px;
          text-align: center; }
        #microsite #microsite-carousel .bottom-bar .flex-wrap .col-left p, #microsite #home-show-carousel .bottom-bar .flex-wrap .col-left p, #microsite #hero .bottom-bar .flex-wrap .col-left p, #st-judes #st-judes-carousel .bottom-bar .flex-wrap .col-left p {
          font-size: 20px;
          line-height: 25px; } }

.clear-item, header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content, .theme-detail #hero .row-bottom .col-right .form-wrap form .form-component:after, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .form-component:after, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .form-component:after, .form-schedule-my-tour-wrap form .form-component:after, .form-exposed-schedule-my-tour-wrap form .form-component:after, .custom-mortgage-calculator form, .modal #modal-body.vendor-signup:after, .modal #modal-body.subcontractors-and-suppliers:after,
.modal #modal-body.land-to-sell:after,
.modal #modal-body.buy-now:after, .modal #modal-body.warranty-service-question:after,
.modal #modal-body.compact:after,
.modal #modal-body.text-phone:after,
.modal #modal-body.testimonial:after,
.modal #modal-body.regional:after, .modal #modal-body.we-are-here-to-help:after, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div:after, #microsite #microsite-carousel .cta-right .get-updates .content .form-componenets:after,
#microsite #home-show-carousel .cta-right .get-updates .content .form-componenets:after,
#microsite #hero .cta-right .get-updates .content .form-componenets:after, #microsite.coming-soon #content .col-right .top form, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form, #blog #content .col-left .featured-post,
#blog #content .col-left article, #realtor-program #content .form-wrap .bottom:after {
  *zoom: 1; }
  .clear-item:before, header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content:before, .custom-mortgage-calculator form:before, #microsite.coming-soon #content .col-right .top form:before, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form:before, #blog #content .col-left .featured-post:before,
  #blog #content .col-left article:before, .clear-item:after, header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content:after, .theme-detail #hero .row-bottom .col-right .form-wrap form .form-component:after, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .form-component:after, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .form-component:after, .form-schedule-my-tour-wrap form .form-component:after, .form-exposed-schedule-my-tour-wrap form .form-component:after, .custom-mortgage-calculator form:after, .modal #modal-body.vendor-signup:after, .modal #modal-body.subcontractors-and-suppliers:after,
  .modal #modal-body.land-to-sell:after,
  .modal #modal-body.buy-now:after, .modal #modal-body.warranty-service-question:after,
  .modal #modal-body.compact:after,
  .modal #modal-body.text-phone:after,
  .modal #modal-body.testimonial:after,
  .modal #modal-body.regional:after, .modal #modal-body.we-are-here-to-help:after, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div:after, #microsite #microsite-carousel .cta-right .get-updates .content .form-componenets:after,
  #microsite #home-show-carousel .cta-right .get-updates .content .form-componenets:after,
  #microsite #hero .cta-right .get-updates .content .form-componenets:after, #microsite.coming-soon #content .col-right .top form:after, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form:after, #blog #content .col-left .featured-post:after,
  #blog #content .col-left article:after, #realtor-program #content .form-wrap .bottom:after {
    content: " ";
    display: table; }
  .clear-item:after, header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content:after, .theme-detail #hero .row-bottom .col-right .form-wrap form .form-component:after, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .form-component:after, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .form-component:after, .form-schedule-my-tour-wrap form .form-component:after, .form-exposed-schedule-my-tour-wrap form .form-component:after, .custom-mortgage-calculator form:after, .modal #modal-body.vendor-signup:after, .modal #modal-body.subcontractors-and-suppliers:after,
  .modal #modal-body.land-to-sell:after,
  .modal #modal-body.buy-now:after, .modal #modal-body.warranty-service-question:after,
  .modal #modal-body.compact:after,
  .modal #modal-body.text-phone:after,
  .modal #modal-body.testimonial:after,
  .modal #modal-body.regional:after, .modal #modal-body.we-are-here-to-help:after, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div:after, #microsite #microsite-carousel .cta-right .get-updates .content .form-componenets:after,
  #microsite #home-show-carousel .cta-right .get-updates .content .form-componenets:after,
  #microsite #hero .cta-right .get-updates .content .form-componenets:after, #microsite.coming-soon #content .col-right .top form:after, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form:after, #blog #content .col-left .featured-post:after,
  #blog #content .col-left article:after, #realtor-program #content .form-wrap .bottom:after {
    clear: both; }

#design-overview section#design-style .error.show {
  position: relative;
  animation: pulseAnimate 1.5s infinite ease-in-out; }

@keyframes pulseAnimate {
  0%, 100% {
    opacity: 0.5; }
  30%, 70% {
    opacity: 1; } }

#icon-all {
  background-color: red; }
  #icon-all svg {
    width: 30px;
    height: 30px;
    margin: 30px; }
    #icon-all svg path:not(.no-fill), #icon-all svg polygon:not(.no-fill), #icon-all svg rect:not(.no-fill), #icon-all svg ellipse:not(.no-fill), #icon-all svg circle:not(.no-fill), #icon-all svg line:not(.no-fill) {
      fill: white; }
    #icon-all svg > *[fill="none"] {
      stroke: white; }
    #icon-all svg::after {
      content: " (" attr(class) ") ";
      color: white; }

@media only screen and (max-width: 767px) {
  .hide-phone {
    display: none !important; } }

header {
  position: fixed;
  width: 100%;
  z-index: 950;
  padding-left: 5vw;
  top: 0;
  height: 0;
  transition: all 0.5s ease-out; }
  header.slideUp #top-nav .navbar-header:before {
    height: 100%; }
  header.slideUp #top-nav .navbar-header a {
    position: relative; }
  header.slideUp #top-nav .navbar-header img {
    opacity: 1;
    margin: 5px 0;
    height: calc(100% - 10px);
    width: auto;
    transition: all 0.5s ease-out; }
  header.slideUp #main-nav {
    transition: all 0.5s ease-out;
    top: -150px; }
  header:not(.isloaded) {
    animation: navOnLoad 1.5s ease-in; }

@keyframes navOnLoad {
  0%, 50% {
    top: -150px; }
  100% {
    top: 0; } }
  @media only screen and (max-width: 767px) {
    header {
      padding: 0; }
      header.slideUp #main-nav {
        top: 0px; }
    @keyframes navOnLoad {
      0%, 50% {
        top: 0px; }
      100% {
        top: 0; } } }

header nav.navbar {
  border-radius: 0;
  border: none;
  margin: 0; }

header #top-nav {
  z-index: 1;
  background-color: transparent; }
  header #top-nav .navbar-header:before,
  header #top-nav .navbar-header:after {
    background-color: rgba(127, 127, 127, 0.8); }
  header #top-nav .navbar-header {
    height: 50px;
    position: relative;
    width: 237px; }
    header #top-nav .navbar-header:after {
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      width: 100vw;
      right: 237px; }
    header #top-nav .navbar-header .navbar-brand {
      padding: 0;
      position: relative;
      bottom: 25px; }
      header #top-nav .navbar-header .navbar-brand img {
        width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    header #top-nav .navbar-header {
      width: 0; }
    header #top-nav .navbar-header:after {
      right: 0; } }
  header #top-nav > .container-fluid {
    padding: 0; }
  header #top-nav .navbar-header img {
    opacity: 0;
    transition: all 0.5s ease-out; }
  header #top-nav .navbar-header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 25px; }
  @media only screen and (min-width: 1170px) and (max-width: 1330px) {
    header #top-nav .elem-hide-md,
    header #top-nav .elem-visible-lg {
      display: none; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    header #top-nav .elem-hide-sm,
    header #top-nav .elem-visible-lg,
    header #top-nav #top-nav-toggle > ul > li > a svg {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    header #top-nav .elem-hide-sm,
    header #top-nav .elem-visible-lg,
    header #top-nav #top-nav-toggle > ul > li > a svg {
      display: none; } }
  header #top-nav #top-nav-toggle {
    height: 50px !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0; }
    header #top-nav #top-nav-toggle:after {
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      width: 100vw;
      background-color: rgba(127, 127, 127, 0.8);
      left: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header #top-nav #top-nav-toggle {
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    header #top-nav #top-nav-toggle .search {
      background-color: white;
      background-image: url(/images/site/global/search.jpg);
      background-repeat: no-repeat;
      background-position: center right 5px;
      background-size: 25px;
      padding: 0;
      margin-left: 15px;
      margin-right: 15px;
      border-radius: 5px; }
      header #top-nav #top-nav-toggle .search input,
      header #top-nav #top-nav-toggle .search button {
        border: none; }
      header #top-nav #top-nav-toggle .search button {
        color: #00a5b8; }
    header #top-nav #top-nav-toggle form.search,
    header #top-nav #top-nav-toggle ul.nav.navbar-nav {
      position: relative;
      z-index: 1; }
    header #top-nav #top-nav-toggle ul.nav.navbar-nav li {
      cursor: pointer;
      border-right: 1px solid white; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li:after {
        content: "";
        background-color: #ba1f31;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        z-index: -1;
        transition: 0.2s all ease-in; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li:hover:after {
        height: 100%;
        transition: 0.2s all ease-out; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li:first-child {
        border-left: 1px solid white; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a,
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger {
        color: white;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent;
        font-weight: 600; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger {
            font-size: 13px;
            padding-left: 10px;
            padding-right: 10px; }
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a .elem-hide-sm,
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger .elem-hide-sm {
              display: none; } }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a svg,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger svg {
          margin-right: 10px; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a svg.icon-blog,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger svg.icon-blog {
            width: 16px;
            height: 16px; }
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a svg.icon-blog path,
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger svg.icon-blog path {
              fill: white; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login .dropdown-content {
        width: 70vw;
        right: -20vw;
        position: absolute;
        background-color: rgba(127, 127, 127, 0);
        height: 0;
        overflow: hidden;
        border-top: none; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login .dropdown-content:after {
          content: "";
          background-color: #ba1f31;
          position: absolute;
          height: 5px;
          width: 0;
          top: 0;
          right: 0; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login .dropdown-content > *,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login .dropdown-content form {
          color: white;
          opacity: 0; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login :hover .dropdown-content,
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login.open .dropdown-content {
        height: auto;
        background-color: rgba(127, 127, 127, 0.95);
        transition: background-color 0.3s ease-in 0.3s; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login :hover .dropdown-content:after,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login.open .dropdown-content:after {
          width: 100%;
          transition: width 0.3s ease-in; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login :hover .dropdown-content > *,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login :hover .dropdown-content form,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login.open .dropdown-content > *,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login.open .dropdown-content form {
          opacity: 1;
          transition: all 0.3s ease-in 0.6s; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-homeowner-login:after {
        background-color: #ba1f31; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social .dropdown-content {
        width: 455px;
        right: -5vw;
        position: absolute;
        background-color: rgba(127, 127, 127, 0);
        height: 0;
        overflow: hidden;
        border-top: none; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social .dropdown-content:after {
          content: "";
          background-color: #ba1f31;
          position: absolute;
          height: 5px;
          width: 0;
          top: 0;
          right: 0; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social .dropdown-content > *,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social .dropdown-content form {
          color: white;
          opacity: 0; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social :hover .dropdown-content,
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social.open .dropdown-content {
        height: auto;
        background-color: rgba(127, 127, 127, 0.95);
        transition: background-color 0.3s ease-in 0.3s; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social :hover .dropdown-content:after,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social.open .dropdown-content:after {
          width: 100%;
          transition: width 0.3s ease-in; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social :hover .dropdown-content > *,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social :hover .dropdown-content form,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social.open .dropdown-content > *,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social.open .dropdown-content form {
          opacity: 1;
          transition: all 0.3s ease-in 0.6s; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social:after {
        background-color: #ba1f31; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content {
            right: -25vw; } }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content .title {
          padding: 40px 50px; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:not(:last-child) svg {
          margin-right: 20px; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg {
          width: 30px;
          height: 30px; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg path:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg polygon:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg rect:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg ellipse:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg circle:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg line:not(.no-fill) {
            fill: white; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg path,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg rect,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg polygon {
            transition: 0.2s all ease-out; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a svg.icon-pinterest {
            transform-origin: center;
            transform: scale(1.7); }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg path:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg polygon:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg rect:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg ellipse:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg circle:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg line:not(.no-fill) {
          fill: #00a5b8; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg path,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg rect,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-social #nav-social.dropdown-content a:hover svg polygon {
          transition: 0.2s all ease-in; }
      header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers {
        overflow: hidden;
        background-color: #00a5b8;
        height: 50px;
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers {
            width: 39.6%; } }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers.open {
          overflow: visible; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers .dropdown-content {
          width: 645px;
          right: 0vw;
          position: absolute;
          background-color: rgba(127, 127, 127, 0);
          height: 0;
          overflow: hidden;
          border-top: none; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers .dropdown-content:after {
            content: "";
            background-color: #ba1f31;
            position: absolute;
            height: 5px;
            width: 0;
            top: 0;
            right: 0; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers .dropdown-content > *,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers .dropdown-content form {
            color: white;
            opacity: 0; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers :hover .dropdown-content,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers.open .dropdown-content {
          height: auto;
          background-color: rgba(127, 127, 127, 0.95);
          transition: background-color 0.3s ease-in 0.3s; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers :hover .dropdown-content:after,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers.open .dropdown-content:after {
            width: 100%;
            transition: width 0.3s ease-in; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers :hover .dropdown-content > *,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers :hover .dropdown-content form,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers.open .dropdown-content > *,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers.open .dropdown-content form {
            opacity: 1;
            transition: all 0.3s ease-in 0.6s; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers .dd-trigger {
          background-image: url("/images/site/global/women-sm.png");
          background-repeat: no-repeat;
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 127px;
          padding-right: 20px;
          height: 100%; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers .dd-trigger a {
            color: white;
            display: block; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers .dd-trigger {
              padding-left: 115px;
              padding-right: 15px; } }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers svg {
          width: 25px;
          height: 25px;
          margin-left: 15px;
          margin-right: 0;
          stroke: white;
          stroke-width: 1.5px; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers svg path:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers svg polygon:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers svg rect:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers svg ellipse:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers svg circle:not(.no-fill), header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers svg line:not(.no-fill) {
            fill: white; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers:hover {
          transition: all 0.2s ease-in;
          background-color: #00b300;
          color: white; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers:hover > * {
            color: white; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .title,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group {
          padding: 30px 50px 0; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .title {
          text-align: left; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .title p:first-child {
            font-weight: 300;
            letter-spacing: 0.8px;
            margin-bottom: 30px; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group > input,
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group .form-component {
          width: calc(50% - 15px);
          float: left;
          margin: 10px 0; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group > input:nth-of-type(even),
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group .form-component:nth-of-type(even) {
            float: right; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group > input .help-block,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group .form-component .help-block {
            color: white; }
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group > input .help-block .fa,
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group .form-component .help-block .fa {
              color: white; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group .form-component {
          background-color: white;
          border-radius: 5px; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group .form-component > i.fa {
            z-index: 0; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group .form-component select.form-control {
          background-color: transparent;
          position: relative;
          z-index: 1; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .input-group .checkbox-opt-in label {
          line-height: 24px; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content {
          text-align: right; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content input {
            margin: 30px 50px 50px; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content img {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content p,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content a {
            height: 75px;
            padding-right: 50px;
            text-align: right;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -ms-flex-align: center;
            align-items: center; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content p {
            font-weight: 300;
            background-color: #a6a7a7; }
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content p.phone-number {
              background-color: #00a5b8;
              font-weight: 400; }
              header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content p.phone-number svg {
                width: 25px;
                height: 25px;
                margin-right: 10px; }
          header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content a {
            font-weight: 600;
            background-color: #00a5b8;
            position: relative;
            color: white;
            transition: all 0.3s ease-out;
            cursor: pointer !important; }
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content a:hover {
              transition: all 0.3s ease-in;
              background-color: #007785;
              color: white; }
              header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content a:hover > * {
                color: white; }
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content a:after {
              content: "";
              position: absolute;
              left: 0;
              bottom: 0;
              width: 100px;
              height: 100%;
              background-color: #a6a7a7; }
            header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content .bottom-content a svg {
              width: 30px;
              height: 22px;
              margin-left: 15px; }
        header #top-nav #top-nav-toggle ul.nav.navbar-nav li.dd-get-fast-answers #qsu-form.dropdown-content div.form-results-loader i.fa {
          color: white; }

header #main-nav {
  z-index: 0;
  height: 0;
  padding-right: 165px;
  position: relative;
  top: 0;
  transition: all 0.5s ease-in;
  background-color: transparent; }
  header #main-nav .navbar-header:before,
  header #main-nav .navbar-header:after {
    background-color: white; }
  header #main-nav .navbar-header {
    height: 60px;
    position: relative;
    width: 222px; }
    header #main-nav .navbar-header:after {
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      width: 100vw;
      right: 237px; }
    header #main-nav .navbar-header .navbar-brand {
      padding: 0;
      position: relative;
      bottom: 25px; }
      header #main-nav .navbar-header .navbar-brand img {
        width: 100%; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    header #main-nav {
      padding-right: 130px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    header #main-nav {
      padding-right: 22px; }
      header #main-nav .navbar-header {
        width: 150px; }
      header #main-nav .navbar-header:after {
        right: 165px; }
      header #main-nav .navbar-header .navbar-brand {
        bottom: 0px; } }
  @media only screen and (max-width: 767px) {
    header #main-nav {
      padding-right: 0; }
      header #main-nav .navbar-header {
        height: 65px;
        width: 100%;
        background-color: #7f7f7f;
        margin: 0;
        padding: 0 15px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center; }
      header #main-nav .navbar-toggle .icon-bar {
        transition: all 0.3s ease-out;
        position: relative;
        right: 0;
        background-color: white; }
      header #main-nav .navbar-toggle:not(.collapsed) .icon-bar {
        right: -5px;
        width: 35px;
        height: 2px;
        transition: all 0.3s ease-in; }
        header #main-nav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
          top: 5px;
          transform-origin: center;
          transform: rotate(45deg); }
        header #main-nav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
          bottom: 5px;
          transform-origin: center;
          transform: rotate(-45deg); }
        header #main-nav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
          opacity: 0;
          right: -10px;
          width: 0; }
      header #main-nav .navbar-header:before,
      header #main-nav .navbar-header:after {
        display: none; }
      header #main-nav .navbar-header .navbar-brand {
        bottom: inherit;
        width: 175px;
        height: auto; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      header #main-nav .navbar-header .navbar-brand {
        width: 105px; } }
  @media only screen and (max-width: 767px) {
      header #main-nav .container-fluid {
        padding: 0;
        height: 85px; } }
  header #main-nav #main-nav-toggle {
    height: 60px !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    header #main-nav #main-nav-toggle:after {
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      width: 100vw;
      background-color: white;
      left: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      header #main-nav #main-nav-toggle {
        padding-right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      header #main-nav #main-nav-toggle {
        padding-right: 0; }
        header #main-nav #main-nav-toggle:before {
          background-color: white;
          content: "";
          z-index: 5;
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 100%; } }
    @media only screen and (max-width: 767px) {
      header #main-nav #main-nav-toggle {
        margin: 0px;
        display: block !important;
        height: auto !important;
        top: 0;
        padding: 0;
        opacity: 0;
        transform-origin: top;
        transform: rotateX(90deg);
        transition: all 0.3s ease-out;
        box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
        header #main-nav #main-nav-toggle.collapsing, header #main-nav #main-nav-toggle.in {
          opacity: 1;
          transform-origin: top;
          transform: rotateX(0deg);
          transition: all 0.3s ease-in; } }
    header #main-nav #main-nav-toggle ul.nav.navbar-nav {
      float: none;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      z-index: 1;
      width: 100%;
      -ms-flex-pack: end;
      justify-content: flex-end;
      max-width: 800px;
      right: -55px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav {
          right: -40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav {
          right: 0; } }
      @media only screen and (max-width: 767px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav {
          margin: 0px;
          display: block !important;
          height: auto !important;
          top: 0;
          right: 0;
          padding: 0; } }
      header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) {
        overflow: hidden;
        cursor: pointer; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link):not(:first-child) {
          margin-left: 15px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link):not(:first-child) {
            margin-left: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) {
            padding: 0 12px; }
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link):not(:first-child) {
              margin-left: 0; } }
        @media only screen and (max-width: 767px) {
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) {
            border-bottom: 1px solid #dedede; }
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link):not(:first-child) {
              margin-left: 0; } }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a:before {
          content: "";
          position: absolute;
          top: 0;
          left: -15px;
          width: calc(100% + 90px);
          height: 100%;
          background-color: white;
          z-index: -1; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a {
          height: 60px;
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          background-color: white;
          cursor: pointer;
          z-index: 1;
          font-weight: 400;
          letter-spacing: 3px; }
          @media only screen and (min-width: 1230px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a {
              font-size: 22px;
              padding: 15px 16.5px;
              -ms-flex-pack: initial;
              justify-content: initial; } }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a {
              font-size: 20px;
              padding: 15px 16.5px;
              -ms-flex-pack: initial;
              justify-content: initial; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a {
              font-size: 15px;
              padding: 0;
              -ms-flex-pack: center;
              justify-content: center; } }
          @media only screen and (max-width: 767px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a {
              font-size: 18px;
              padding: 0;
              -ms-flex-pack: justify;
              justify-content: space-between;
              height: 45px;
              padding-left: 20px;
              padding-right: 20px; } }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a span.fa {
            margin-left: 15px;
            color: #ba1f31; }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a span.fa {
                margin-left: 8px; } }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a:after {
            content: "";
            position: absolute;
            top: calc(100% - 12px);
            left: 50%;
            margin-left: -20px;
            z-index: 9999;
            opacity: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 22.5px 12px 22.5px;
            border-color: transparent transparent white transparent;
            transform-origin: center;
            transform: rotate(180deg);
            transition: 0.2s all ease-in; }
            @media only screen and (max-width: 767px) {
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) > a:after {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 17.5px 8px 17.5px;
                border-color: transparent transparent white transparent;
                transform-origin: center;
                transform: rotate(180deg);
                margin-left: -15px; } }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) .dropdown-menu {
          background-color: transparent;
          border-radius: 0;
          padding: 0;
          width: 300px;
          margin-left: -100px;
          margin-top: -75px;
          opacity: 0;
          display: block;
          z-index: 0;
          left: 15px; }
          @media only screen and (max-width: 767px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) .dropdown-menu {
              opacity: 1;
              margin-left: 0;
              width: 100%; } }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group a:before {
          display: none;
          background-color: #a6a7a7; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group a {
          height: auto;
          -ms-flex-pack: center;
          justify-content: center;
          letter-spacing: 1px;
          width: 35%;
          color: white;
          font-size: 14px;
          background-color: transparent;
          padding: 15px 20px; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group a:last-child {
          width: 65%;
          border-left: 1px solid white;
          -ms-flex-pack: center;
          justify-content: center; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links {
          background-color: white;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding: 0 15px; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links a {
            -ms-flex: initial;
            flex: initial;
            padding: 20px 0; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links svg {
          width: 25px;
          height: 25px; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links svg path:not(.no-fill), header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links svg polygon:not(.no-fill), header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links svg rect:not(.no-fill), header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links svg ellipse:not(.no-fill), header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links svg circle:not(.no-fill), header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links svg line:not(.no-fill) {
            fill: #00a5b8; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group.social-links svg.icon-pinterest {
            transform-origin: center;
            transform: scale(1.6); }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link) .dropdown-menu {
            margin-left: -115px; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link):last-child .dropdown-menu {
            margin-left: -130px; } }
        @media only screen and (max-width: 767px) {
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.homefest-link).mobile-sub-group {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center; } }
      header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link {
        padding-left: 10px; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link:hover {
          background-color: transparent; }
        @media only screen and (max-width: 767px) {
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link {
            border-top: 1px solid lightgray;
            padding: 0;
            background-color: white; } }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link a {
          border: 1px solid #00a5b8;
          font-size: 20px;
          color: white;
          padding: 20px;
          letter-spacing: 1px;
          box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.2);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: center;
          align-items: center;
          display: -ms-inline-flexbox;
          display: inline-flex;
          transition: all 0.2s ease-in; }
          @media only screen and (max-width: 767px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link a {
              display: -ms-flexbox;
              display: flex;
              border: none;
              color: #00a5b8; } }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link a:before {
            display: none; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link a:after {
            content: "";
            width: 15px;
            height: 15px;
            border-top: thin solid white;
            border-right: thin solid white;
            transform: rotate(45deg);
            margin-left: 30px;
            transition: all 0.2s ease-in; }
            @media only screen and (max-width: 767px) {
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link a:after {
                border-color: #00a5b8; } }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link a:hover {
            background-color: #00a5b8;
            color: white;
            transition: all 0.2s ease-out; }
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.homefest-link a:hover:after {
              border-color: white;
              transition: all 0.2s ease-out; }
      header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.open,
      header #main-nav #main-nav-toggle ul.nav.navbar-nav.debug > li {
        overflow: visible; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.open > a:after,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav.debug > li > a:after {
          opacity: 1;
          top: 100%;
          transition: 0.3s all ease-in; }
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.open .dropdown-menu,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav.debug > li .dropdown-menu {
          margin-top: 0;
          opacity: 1;
          overflow: visible;
          transition: 0.3s all ease-in; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.open .dropdown-menu li a,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav.debug > li .dropdown-menu li a {
            color: white;
            background-color: rgba(127, 127, 127, 0.8);
            padding: 20px;
            text-align: center;
            text-transform: uppercase;
            display: block;
            transition: all 0.2s ease-out;
            cursor: pointer !important; }
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.open .dropdown-menu li a:hover,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav.debug > li .dropdown-menu li a:hover {
              transition: all 0.2s ease-in;
              background-color: #00a5b8;
              color: white; }
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.open .dropdown-menu li a:hover > *,
              header #main-nav #main-nav-toggle ul.nav.navbar-nav.debug > li .dropdown-menu li a:hover > * {
                color: white; }
            @media only screen and (max-width: 767px) {
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.open .dropdown-menu li a,
              header #main-nav #main-nav-toggle ul.nav.navbar-nav.debug > li .dropdown-menu li a {
                background-color: #7f7f7f;
                padding: 10px; } }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li.open .dropdown-menu li:not(:last-child) a,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav.debug > li .dropdown-menu li:not(:last-child) a {
            border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
      @media only screen and (min-width: 1230px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active {
          overflow: visible; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover > a:after,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus > a:after,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active > a:after {
            opacity: 1;
            top: 100%;
            transition: 0.3s all ease-in; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu {
            margin-top: 0;
            opacity: 1;
            overflow: visible;
            transition: 0.3s all ease-in; }
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a {
              color: white;
              background-color: rgba(127, 127, 127, 0.8);
              padding: 20px;
              text-align: center;
              text-transform: uppercase;
              display: block;
              transition: all 0.2s ease-out;
              cursor: pointer !important; }
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a:hover,
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a:hover,
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a:hover {
                transition: all 0.2s ease-in;
                background-color: #00a5b8;
                color: white; }
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a:hover > *,
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a:hover > *,
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a:hover > * {
                  color: white; } }
      @media only screen and (min-width: 1230px) and (max-width: 767px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a {
          background-color: #7f7f7f;
          padding: 10px; } }
      @media only screen and (min-width: 1230px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li:not(:last-child) a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li:not(:last-child) a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li:not(:last-child) a {
              border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active {
          overflow: visible; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover > a:after,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus > a:after,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active > a:after {
            opacity: 1;
            top: 100%;
            transition: 0.3s all ease-in; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu {
            margin-top: 0;
            opacity: 1;
            overflow: visible;
            transition: 0.3s all ease-in; }
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a {
              color: white;
              background-color: rgba(127, 127, 127, 0.8);
              padding: 20px;
              text-align: center;
              text-transform: uppercase;
              display: block;
              transition: all 0.2s ease-out;
              cursor: pointer !important; }
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a:hover,
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a:hover,
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a:hover {
                transition: all 0.2s ease-in;
                background-color: #00a5b8;
                color: white; }
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a:hover > *,
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a:hover > *,
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a:hover > * {
                  color: white; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) and (max-width: 767px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a {
          background-color: #7f7f7f;
          padding: 10px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li:not(:last-child) a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li:not(:last-child) a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li:not(:last-child) a {
              border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active {
          overflow: visible; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover > a:after,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus > a:after,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active > a:after {
            opacity: 1;
            top: 100%;
            transition: 0.3s all ease-in; }
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu,
          header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu {
            margin-top: 0;
            opacity: 1;
            overflow: visible;
            transition: 0.3s all ease-in; }
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a {
              color: white;
              background-color: rgba(127, 127, 127, 0.8);
              padding: 20px;
              text-align: center;
              text-transform: uppercase;
              display: block;
              transition: all 0.2s ease-out;
              cursor: pointer !important; }
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a:hover,
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a:hover,
              header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a:hover {
                transition: all 0.2s ease-in;
                background-color: #00a5b8;
                color: white; }
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a:hover > *,
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a:hover > *,
                header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a:hover > * {
                  color: white; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px) {
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li a,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li a,
        header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li a {
          background-color: #7f7f7f;
          padding: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):hover .dropdown-menu li:not(:last-child) a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch):focus .dropdown-menu li:not(:last-child) a,
            header #main-nav #main-nav-toggle ul.nav.navbar-nav > li:not(.touch).active .dropdown-menu li:not(:last-child) a {
              border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }
  header #main-nav .dropdown-wide {
    background-color: rgba(127, 127, 127, 0.8);
    position: relative;
    left: -10vw;
    width: 135%;
    z-index: -1;
    opacity: 0;
    top: -1000em;
    transition: 0.3s all ease-in; }
    header #main-nav .dropdown-wide .touch-btn {
      color: white;
      position: absolute;
      bottom: 20px;
      height: 55px;
      left: calc(50% - 20px);
      display: none; }
      header #main-nav .dropdown-wide .touch-btn path:not(.no-fill), header #main-nav .dropdown-wide .touch-btn polygon:not(.no-fill), header #main-nav .dropdown-wide .touch-btn rect:not(.no-fill), header #main-nav .dropdown-wide .touch-btn ellipse:not(.no-fill), header #main-nav .dropdown-wide .touch-btn circle:not(.no-fill), header #main-nav .dropdown-wide .touch-btn line:not(.no-fill) {
        fill: white; }
      header #main-nav .dropdown-wide .touch-btn.touch {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; }
      header #main-nav .dropdown-wide .touch-btn svg {
        position: relative;
        top: 10px;
        transform-origin: center;
        transform: rotate(180deg); }
    header #main-nav .dropdown-wide.open {
      transition: 0.3s all ease-in;
      opacity: 1;
      top: 0; }
    header #main-nav .dropdown-wide .col-left hr,
    header #main-nav .dropdown-wide .col-right hr,
    header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill hr,
    #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill hr {
      border-color: rgba(255, 255, 255, 0.5); }
    header #main-nav .dropdown-wide .col-left p,
    header #main-nav .dropdown-wide .col-right p,
    header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill p,
    #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill p {
      color: white; }
    header #main-nav .dropdown-wide .col-left {
      padding: 100px 80px 50px 0; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        header #main-nav .dropdown-wide .col-left {
          padding: 90px 20px 50px 0; } }
      header #main-nav .dropdown-wide .col-left form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center; }
      header #main-nav .dropdown-wide .col-left form .form-group {
        width: calc(100% - 115px);
        margin-bottom: 0; }
      header #main-nav .dropdown-wide .col-left form .form-group .btn-group {
        -ms-flex: 1;
        flex: 1; }
        header #main-nav .dropdown-wide .col-left form .form-group .btn-group button {
          font-weight: 300;
          padding: 10px 20px; }
      header #main-nav .dropdown-wide .col-left form span.search-lg {
        position: relative;
        width: 95px; }
        header #main-nav .dropdown-wide .col-left form span.search-lg svg {
          position: absolute;
          top: 20px;
          left: 15px; }
        header #main-nav .dropdown-wide .col-left form span.search-lg input {
          text-indent: 20px;
          width: 100%; }
    header #main-nav .dropdown-wide .col-right, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill {
      padding: 50px 0 50px 80px;
      border-left: 1px solid rgba(255, 255, 255, 0.5); }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        header #main-nav .dropdown-wide .col-right, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill {
          padding-left: 20px; } }
      header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li {
        text-transform: uppercase;
        color: white;
        padding: 20px 10px;
        display: block;
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        header #main-nav .dropdown-wide .col-right li:hover, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li:hover, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li:hover {
          transition: all 0.2s ease-in;
          background-color: #00a5b8;
          color: white; }
          header #main-nav .dropdown-wide .col-right li:hover > *, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li:hover > *, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li:hover > * {
            color: white; }
      header #main-nav .dropdown-wide .col-right:not(:last-child), header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill:not(:last-child), #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

body > *:not(header) {
  animation: fadeBodyIn 1s ease-in; }

@keyframes fadeBodyIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.google-search {
  height: 50px;
  padding-top: 4px; }

#___gcse_0 {
  width: 12.5vw;
  max-width: 200px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #___gcse_0 {
      width: 15.5vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #___gcse_0 {
      width: 190px; } }

#___gcse_1 {
  position: fixed;
  bottom: -5px; }

.gsc-input-box {
  border: none !important;
  background: transparent !important; }

.gsc-input-box-hover {
  box-shadow: none !important; }

form.gsc-search-box {
  margin-bottom: 0px !important; }

.gsc-search-button,
input.gsc-search-button-v2 {
  opacity: 0;
  max-width: 17px;
  overflow: hidden;
  height: 20px !important; }

.gsc-search-box-tools .gsc-clear-button,
.gsib_b {
  display: none !important; }

.gsc-search-box-tools .gsc-search-box .gsc-input,
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
  text-indent: 0 !important;
  background: none !important; }

footer {
  background-color: #a0a0a0; }
  @media only screen and (max-width: 767px) {
    footer .container {
      padding-bottom: 90px; } }
  footer .container .flex-wrap {
    height: 75px;
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      footer .container .flex-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 15px; } }
    footer .container .flex-wrap li:after {
      content: "|";
      position: relative;
      left: 7px; }
    footer .container .flex-wrap li:first-child:after, footer .container .flex-wrap li:last-child:after {
      display: none; }
    footer .container .flex-wrap li:first-child {
      font-size: 3px;
      text-align: center;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        footer .container .flex-wrap li:first-child {
          float: left; } }
    footer .container .flex-wrap a {
      color: white;
      transition: all 0.2s ease-out;
      cursor: pointer !important;
      text-transform: capitalize; }
      footer .container .flex-wrap a:hover {
        transition: all 0.2s ease-in;
        background-color: transparent;
        color: #00a5b8; }
        footer .container .flex-wrap a:hover > * {
          color: #00a5b8; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      footer .container .flex-wrap a {
        line-height: 15px;
        text-align: right; } }
  footer .container .equal-housing {
    display: inline-block;
    margin-bottom: 3px; }
    footer .container .equal-housing svg {
      height: 20px;
      margin-right: 2px;
      top: 2px;
      position: relative; }

footer #mobile-menu {
  background-color: #00a5b8;
  position: fixed;
  height: 80px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: none;
  box-shadow:  0 -5px 10px 0 rgba(0, 0, 0, 0.3); }
  @media only screen and (max-width: 767px) {
    footer #mobile-menu {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; } }
  footer #mobile-menu a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: white;
    width: 28%;
    text-align: center;
    font-size: 11px;
    height: 100%; }
    footer #mobile-menu a:not(:last-child) {
      transition: all 0.2s ease-out;
      cursor: pointer !important;
      border-right: 1px solid rgba(255, 255, 255, 0.5); }
      footer #mobile-menu a:not(:last-child):hover {
        transition: all 0.2s ease-in;
        background-color: #007785;
        color: white; }
        footer #mobile-menu a:not(:last-child):hover > * {
          color: white; }
    footer #mobile-menu a:nth-of-type(2) {
      width: 25%; }
    footer #mobile-menu a:last-child {
      width: 22%; }
  footer #mobile-menu a.active {
    background-color: #007785; }
  footer #mobile-menu svg {
    width: 35px;
    height: 25px;
    margin-bottom: 10px; }
    footer #mobile-menu svg path:not(.no-fill), footer #mobile-menu svg polygon:not(.no-fill), footer #mobile-menu svg rect:not(.no-fill), footer #mobile-menu svg ellipse:not(.no-fill), footer #mobile-menu svg circle:not(.no-fill), footer #mobile-menu svg line:not(.no-fill) {
      fill: white; }

@font-face {
  font-family: 'agendabold';
  src: url("/fonts/ufonts.com_agenda-bold_2_-webfont.woff2") format("woff2"), url("/fonts/ufonts.com_agenda-bold_2_-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body, #homepage .st-judes-info p:nth-of-type(2), #blog #content .col-right .type-subtitle-lg, #lifestyle #the-design-process .col-right #blog #content .fill .type-subtitle-lg {
  font-family: "Open Sans", sans-serif;
  font-weight: 400; }

strong {
  font-weight: 600; }

b {
  font-weight: 700; }

.arial {
  font-family: Arial, sans-serif; }

.type-xxs, footer .container .flex-wrap li, footer .container .flex-wrap a, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child .list-inline li, #microsite #microsite-carousel .cta-right .get-updates,
#microsite #home-show-carousel .cta-right .get-updates,
#microsite #hero .cta-right .get-updates, #microsite #microsite-carousel .cta-right .live-chat,
#microsite #home-show-carousel .cta-right .live-chat,
#microsite #hero .cta-right .live-chat {
  font-size: 12px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-xxs, footer .container .flex-wrap li, footer .container .flex-wrap a, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child .list-inline li, #microsite #microsite-carousel .cta-right .get-updates,
    #microsite #home-show-carousel .cta-right .get-updates,
    #microsite #hero .cta-right .get-updates, #microsite #microsite-carousel .cta-right .live-chat,
    #microsite #home-show-carousel .cta-right .live-chat,
    #microsite #hero .cta-right .live-chat {
      font-size: 12px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-xxs, footer .container .flex-wrap li, footer .container .flex-wrap a, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child .list-inline li, #microsite #microsite-carousel .cta-right .get-updates,
    #microsite #home-show-carousel .cta-right .get-updates,
    #microsite #hero .cta-right .get-updates, #microsite #microsite-carousel .cta-right .live-chat,
    #microsite #home-show-carousel .cta-right .live-chat,
    #microsite #hero .cta-right .live-chat {
      font-size: 11px; } }
  @media only screen and (max-width: 767px) {
    .type-xxs, footer .container .flex-wrap li, footer .container .flex-wrap a, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child .list-inline li, #microsite #microsite-carousel .cta-right .get-updates,
    #microsite #home-show-carousel .cta-right .get-updates,
    #microsite #hero .cta-right .get-updates, #microsite #microsite-carousel .cta-right .live-chat,
    #microsite #home-show-carousel .cta-right .live-chat,
    #microsite #hero .cta-right .live-chat {
      font-size: 11px; } }

.type-xs, header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a,
header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger, #lifestyle #visit-a-design-center .map a, #prequalify section#content label, #general-contact section#content label, #discover-the-difference #slick-slideshow .item .bottom .year {
  font-size: 14px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-xs, header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a,
    header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger, #lifestyle #visit-a-design-center .map a, #prequalify section#content label, #general-contact section#content label, #discover-the-difference #slick-slideshow .item .bottom .year {
      font-size: 14px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-xs, header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a,
    header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger, #lifestyle #visit-a-design-center .map a, #prequalify section#content label, #general-contact section#content label, #discover-the-difference #slick-slideshow .item .bottom .year {
      font-size: 13px; } }
  @media only screen and (max-width: 767px) {
    .type-xs, header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a,
    header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger, #lifestyle #visit-a-design-center .map a, #prequalify section#content label, #general-contact section#content label, #discover-the-difference #slick-slideshow .item .bottom .year {
      font-size: 13px; } }

.type-sm, #slick-main .caption, #slick-thumb .caption, #slick-strip .caption, #slick-floorplan .caption, #slick-collections .caption, .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card .snapshot li, .card .card-wide .top .info .info-bottom .snapshot li,
.card.card-wide .top .info .info-bottom .snapshot li, .card.floorplan-card .card-subtitle, .card.floorplan-card .card-detail, .card.floorplan-card .card-price, #microsite #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #join-our-team section#benefits ul li, #contact-us section#content #where-we-build .build-card .top .links a, #st-judes #content #partner-vendors li {
  font-size: 16px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-sm, #slick-main .caption, #slick-thumb .caption, #slick-strip .caption, #slick-floorplan .caption, #slick-collections .caption, .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card .snapshot li, .card .card-wide .top .info .info-bottom .snapshot li,
    .card.card-wide .top .info .info-bottom .snapshot li, .card.floorplan-card .card-subtitle, .card.floorplan-card .card-detail, .card.floorplan-card .card-price, #microsite #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #join-our-team section#benefits ul li, #contact-us section#content #where-we-build .build-card .top .links a, #st-judes #content #partner-vendors li {
      font-size: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-sm, #slick-main .caption, #slick-thumb .caption, #slick-strip .caption, #slick-floorplan .caption, #slick-collections .caption, .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card .snapshot li, .card .card-wide .top .info .info-bottom .snapshot li,
    .card.card-wide .top .info .info-bottom .snapshot li, .card.floorplan-card .card-subtitle, .card.floorplan-card .card-detail, .card.floorplan-card .card-price, #microsite #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #join-our-team section#benefits ul li, #contact-us section#content #where-we-build .build-card .top .links a, #st-judes #content #partner-vendors li {
      font-size: 15px; } }
  @media only screen and (max-width: 767px) {
    .type-sm, #slick-main .caption, #slick-thumb .caption, #slick-strip .caption, #slick-floorplan .caption, #slick-collections .caption, .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card .snapshot li, .card .card-wide .top .info .info-bottom .snapshot li,
    .card.card-wide .top .info .info-bottom .snapshot li, .card.floorplan-card .card-subtitle, .card.floorplan-card .card-detail, .card.floorplan-card .card-price, #microsite #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #join-our-team section#benefits ul li, #contact-us section#content #where-we-build .build-card .top .links a, #st-judes #content #partner-vendors li {
      font-size: 14px; } }

.type-md, .sort .sort-item, header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title {
  font-size: 18px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-md, .sort .sort-item, header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-md, .sort .sort-item, header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title {
      font-size: 15px; } }
  @media only screen and (max-width: 767px) {
    .type-md, .sort .sort-item, header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title {
      font-size: 15px; } }

.type-lg, .type-subtitle-sm, snapshot-info .snapshot, #microsite section#local-amenities .col-left .info li, #microsite.coming-soon .divider.red, #microsite.coming-soon .card.floorplan-card .divider.card-title, .card.floorplan-card #microsite.coming-soon .divider.card-title, #floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a,
#microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share textarea, #design-overview section#design-style .card-panel > div span {
  font-size: 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-lg, .type-subtitle-sm, snapshot-info .snapshot, #microsite section#local-amenities .col-left .info li, #microsite.coming-soon .divider.red, #microsite.coming-soon .card.floorplan-card .divider.card-title, .card.floorplan-card #microsite.coming-soon .divider.card-title, #floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a,
    #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share textarea, #design-overview section#design-style .card-panel > div span {
      font-size: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-lg, .type-subtitle-sm, snapshot-info .snapshot, #microsite section#local-amenities .col-left .info li, #microsite.coming-soon .divider.red, #microsite.coming-soon .card.floorplan-card .divider.card-title, .card.floorplan-card #microsite.coming-soon .divider.card-title, #floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a,
    #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share textarea, #design-overview section#design-style .card-panel > div span {
      font-size: 18px; } }
  @media only screen and (max-width: 767px) {
    .type-lg, .type-subtitle-sm, snapshot-info .snapshot, #microsite section#local-amenities .col-left .info li, #microsite.coming-soon .divider.red, #microsite.coming-soon .card.floorplan-card .divider.card-title, .card.floorplan-card #microsite.coming-soon .divider.card-title, #floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a,
    #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share textarea, #design-overview section#design-style .card-panel > div span {
      font-size: 16px; } }

.type-xl, .dropdown-gray-to-red li a, .card.floorplan-card .card-title {
  font-size: 25px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-xl, .dropdown-gray-to-red li a, .card.floorplan-card .card-title {
      font-size: 22px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-xl, .dropdown-gray-to-red li a, .card.floorplan-card .card-title {
      font-size: 21px; } }
  @media only screen and (max-width: 767px) {
    .type-xl, .dropdown-gray-to-red li a, .card.floorplan-card .card-title {
      font-size: 20px; } }

.type-xxl {
  font-size: 28px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-xxl {
      font-size: 26px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-xxl {
      font-size: 24px; } }
  @media only screen and (max-width: 767px) {
    .type-xxl {
      font-size: 20px; } }

.type-xxxl {
  font-size: 36px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-xxxl {
      font-size: 34px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-xxxl {
      font-size: 32px; } }
  @media only screen and (max-width: 767px) {
    .type-xxxl {
      font-size: 30px; } }

.type-xxxxl {
  font-size: 43px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-xxxxl {
      font-size: 38px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-xxxxl {
      font-size: 35px; } }
  @media only screen and (max-width: 767px) {
    .type-xxxxl {
      font-size: 28px; } }

.type-xxxxxl {
  font-size: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-xxxxxl {
      font-size: 48px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-xxxxxl {
      font-size: 45px; } }
  @media only screen and (max-width: 767px) {
    .type-xxxxxl {
      font-size: 40px; } }

.type-title-xs,
.type-title-md,
#homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2),
.type-title-lg,
.type-title-xl,
.type-title-xxl,
.type-title-xxxl,
#homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-child(1),
.type-realtor-program {
  letter-spacing: 5px;
  font-weight: 300; }

.type-title-xs {
  font-size: 22px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-title-xs {
      font-size: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-title-xs {
      font-size: 19px; } }
  @media only screen and (max-width: 767px) {
    .type-title-xs {
      font-size: 18px; } }


.type-title-md,
#homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2) {
  font-size: 34px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    
    .type-title-md,
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2) {
      font-size: 32px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .type-title-md,
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2) {
      font-size: 30px; } }
  @media only screen and (max-width: 767px) {
    
    .type-title-md,
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2) {
      font-size: 28px; } }

.type-title-lg {
  font-size: 52px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-title-lg {
      font-size: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-title-lg {
      font-size: 48px; } }
  @media only screen and (max-width: 767px) {
    .type-title-lg {
      font-size: 46px; } }

.type-title-xl {
  font-size: 60px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-title-xl {
      font-size: 55px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-title-xl {
      font-size: 40px; } }
  @media only screen and (max-width: 767px) {
    .type-title-xl {
      font-size: 25px; } }

.type-title-xxl {
  font-size: 90px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-title-xxl {
      font-size: 80px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-title-xxl {
      font-size: 60px; } }
  @media only screen and (max-width: 767px) {
    .type-title-xxl {
      font-size: 35px; } }


.type-title-xxxl,
#homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-child(1) {
  font-size: 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    
    .type-title-xxxl,
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-child(1) {
      font-size: 90px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .type-title-xxxl,
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-child(1) {
      font-size: 70px; } }
  @media only screen and (max-width: 767px) {
    
    .type-title-xxxl,
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-child(1) {
      font-size: 50px; } }

.type-title-xxxxl {
  font-size: 150px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-title-xxxxl {
      font-size: 125px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-title-xxxxl {
      font-size: 100px; } }
  @media only screen and (max-width: 767px) {
    .type-title-xxxxl {
      font-size: 90px; } }

.type-subtitle-sm,
.type-subtitle-md,
.type-subtitle-lg {
  letter-spacing: 1px;
  font-weight: 600; }

.type-subtitle-md {
  font-size: 24px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-subtitle-md {
      font-size: 22px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-subtitle-md {
      font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .type-subtitle-md {
      font-size: 18px; } }

.type-subtitle-lg {
  font-size: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-subtitle-lg {
      font-size: 28px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-subtitle-lg {
      font-size: 27px; } }
  @media only screen and (max-width: 767px) {
    .type-subtitle-lg {
      font-size: 21px; } }

.type-subtitle-xl {
  font-size: 72px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-subtitle-xl {
      font-size: 62px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-subtitle-xl {
      font-size: 55px; } }
  @media only screen and (max-width: 767px) {
    .type-subtitle-xl {
      font-size: 40px; } }

.type-subtitle-xxl {
  font-size: 82px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-subtitle-xxl {
      font-size: 72px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-subtitle-xxl {
      font-size: 65px; } }
  @media only screen and (max-width: 767px) {
    .type-subtitle-xxl {
      font-size: 60px; } }

.type-microsite-sm,
.type-regional-md {
  font-size: 40px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-microsite-sm,
    .type-regional-md {
      font-size: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-microsite-sm,
    .type-regional-md {
      font-size: 28px; } }
  @media only screen and (max-width: 767px) {
    .type-microsite-sm,
    .type-regional-md {
      font-size: 25px; } }

.type-blog-sm,
.type-why-choose-fischer-sm {
  font-size: 45px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-blog-sm,
    .type-why-choose-fischer-sm {
      font-size: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-blog-sm,
    .type-why-choose-fischer-sm {
      font-size: 35px; } }
  @media only screen and (max-width: 767px) {
    .type-blog-sm,
    .type-why-choose-fischer-sm {
      font-size: 30px; } }

.type-amenities-md,
.type-financing-md,
#energywise section#content > div,
#financing section#content > div,
.type-design-md,
.type-floorplan-md,
.type-why-choose-fischer-md,
.type-vendor-bid-md,
.type-contact-us-md,
.type-st-judes-md {
  font-size: 48px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-amenities-md,
    .type-financing-md,
    #energywise section#content > div,
    #financing section#content > div,
    .type-design-md,
    .type-floorplan-md,
    .type-why-choose-fischer-md,
    .type-vendor-bid-md,
    .type-contact-us-md,
    .type-st-judes-md {
      font-size: 45px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-amenities-md,
    .type-financing-md,
    #energywise section#content > div,
    #financing section#content > div,
    .type-design-md,
    .type-floorplan-md,
    .type-why-choose-fischer-md,
    .type-vendor-bid-md,
    .type-contact-us-md,
    .type-st-judes-md {
      font-size: 40px; } }
  @media only screen and (max-width: 767px) {
    .type-amenities-md,
    .type-financing-md,
    #energywise section#content > div,
    #financing section#content > div,
    .type-design-md,
    .type-floorplan-md,
    .type-why-choose-fischer-md,
    .type-vendor-bid-md,
    .type-contact-us-md,
    .type-st-judes-md {
      font-size: 38px; } }

.type-prequalify-lg,
.type-vendor-bid-lg {
  font-size: 55px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-prequalify-lg,
    .type-vendor-bid-lg {
      font-size: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-prequalify-lg,
    .type-vendor-bid-lg {
      font-size: 45px; } }
  @media only screen and (max-width: 767px) {
    .type-prequalify-lg,
    .type-vendor-bid-lg {
      font-size: 40px; } }

.type-design-xl,
.type-model-detail-xl,
.type-theme-xl,
.type-microsite-xl {
  font-size: 62px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-design-xl,
    .type-model-detail-xl,
    .type-theme-xl,
    .type-microsite-xl {
      font-size: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-design-xl,
    .type-model-detail-xl,
    .type-theme-xl,
    .type-microsite-xl {
      font-size: 55px; } }
  @media only screen and (max-width: 767px) {
    .type-design-xl,
    .type-model-detail-xl,
    .type-theme-xl,
    .type-microsite-xl {
      font-size: 50px; } }

.type-buying-process,
.type-building-process {
  font-size: 70px;
  font-weight: 300; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-buying-process,
    .type-building-process {
      font-size: 65px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-buying-process,
    .type-building-process {
      font-size: 60px; } }
  @media only screen and (max-width: 767px) {
    .type-buying-process,
    .type-building-process {
      font-size: 55px; } }

.type-realtor-program {
  font-size: 76px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .type-realtor-program {
      font-size: 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .type-realtor-program {
      font-size: 45px; } }
  @media only screen and (max-width: 767px) {
    .type-realtor-program {
      font-size: 7vw;
      letter-spacing: 0; } }

.card-furnished-home-community-title {
  font-size: 15px;
  font-weight: 600;
  color: #444;
  font-style: italic;
  line-height: 35px; }

.card-furnished-home-property-type {
  font-size: 15px;
  font-weight: 600;
  color: #00a5b8;
  line-height: 35px; }

.cookie-banner {
  background-color: #626262;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000; }
  .cookie-banner.is-open {
    visibility: visible;
    opacity: 1; }
  .cookie-banner > .row > div[class^="col-"] p {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 15px; }
    .cookie-banner > .row > div[class^="col-"] p:nth-child(2) {
      font-size: 18px; }
    .cookie-banner > .row > div[class^="col-"] p a {
      color: #fff;
      text-decoration: underline; }
  .cookie-banner > .row > div[class^="col-"] .btn-close {
    color: white;
    cursor: pointer;
    position: absolute;
    top: 7.5px;
    right: 15px; }
  .cookie-banner > .row > div[class^="col-"] .btn-i-accept {
    padding-top: 7.5px;
    padding-bottom: 7.5px; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.mCSB_dragger_bar {
  background-color: #00a5b8;
  border: 5px solid #00a5b8; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #a6a7a7;
  width: 10px; }

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

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

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

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

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

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

#slick-main .slick-control, #slick-thumb .slick-control, #slick-strip .slick-control, #slick-floorplan .slick-control, #slick-collections .slick-control, .modal .slick-control {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  #slick-main .slick-control.prev, #slick-thumb .slick-control.prev, #slick-strip .slick-control.prev, #slick-floorplan .slick-control.prev, #slick-collections .slick-control.prev, .modal .slick-control.prev {
    left: 0; }
  #slick-main .slick-control.next, #slick-thumb .slick-control.next, #slick-strip .slick-control.next, #slick-floorplan .slick-control.next, #slick-collections .slick-control.next, .modal .slick-control.next {
    right: 0; }

#slick-main, #slick-thumb, #slick-strip, #slick-floorplan, #slick-collections {
  position: relative; }
  #slick-main slick, #slick-thumb slick, #slick-strip slick, #slick-floorplan slick, #slick-collections slick {
    height: 100%; }
  #slick-main .slick-list, #slick-thumb .slick-list, #slick-strip .slick-list, #slick-floorplan .slick-list, #slick-collections .slick-list,
  #slick-main .slick-track,
  #slick-thumb .slick-track,
  #slick-strip .slick-track,
  #slick-floorplan .slick-track,
  #slick-collections .slick-track {
    height: 100%; }
  #slick-main .item, #slick-thumb .item, #slick-strip .item, #slick-floorplan .item, #slick-collections .item {
    position: relative;
    height: 100%; }
    #slick-main .item .fill, #slick-thumb .item .fill, #slick-strip .item .fill, #slick-floorplan .item .fill, #slick-collections .item .fill {
      background-size: cover;
      position: absolute;
      background-position: center;
      width: 100%;
      height: 100%; }
  #slick-main .caption, #slick-thumb .caption, #slick-strip .caption, #slick-floorplan .caption, #slick-collections .caption {
    position: absolute;
    bottom: 0;
    height: 55px;
    width: 100%;
    background-color: rgba(186, 31, 49, 0.8);
    color: white;
    padding: 20px 40px; }
    @media only screen and (max-width: 767px) {
      #slick-main .caption, #slick-thumb .caption, #slick-strip .caption, #slick-floorplan .caption, #slick-collections .caption {
        height: auto;
        padding: 15px; } }

.slick-tabs {
  margin-left: 0;
  padding-top: 30px;
  background-color: #f5f5f5;
  text-align: center; }
  .slick-tabs li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #a6a7a7;
    width: calc(35% - 5px);
    text-align: center;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    color: white;
    transition: all 0.2s ease-out;
    cursor: pointer !important; }
    .slick-tabs li:hover {
      transition: all 0.2s ease-in;
      background-color: white;
      color: #7f7f7f; }
      .slick-tabs li:hover > * {
        color: #7f7f7f; }
    @media only screen and (max-width: 767px) {
      .slick-tabs li {
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        .slick-tabs li:hover {
          transition: all 0.2s ease-in;
          background-color: #7f7f7f;
          color: white; }
          .slick-tabs li:hover > * {
            color: white; } }
    .slick-tabs li.active {
      background-color: white;
      color: #7f7f7f; }
    @media only screen and (max-width: 767px) {
      .slick-tabs li {
        font-size: 12px; } }

#slick-main {
  height: 100%;
  opacity: 1;
  transition: opacity 0.3s ease-in; }
  #slick-main.fade-out {
    opacity: 0; }
  #slick-main .slick-arrow-left {
    margin-top: -18.5px;
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 10; }
    #slick-main .slick-arrow-left svg {
      width: 35px;
      height: 35px; }
  #slick-main .slick-arrow-right {
    margin-top: -18.5px;
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 10; }
    #slick-main .slick-arrow-right svg {
      width: 35px;
      height: 35px; }
  #slick-main button {
    position: absolute;
    height: 100%;
    width: 50px;
    top: 0;
    opacity: 0;
    z-index: 11;
    overflow: hidden; }
    #slick-main button.slick-prev {
      left: 0; }
    #slick-main button.slick-next {
      right: 0; }

#slick-thumb {
  height: 90px;
  padding: 0 30px;
  margin: 30px;
  top: 0; }
  @media only screen and (min-width: 1230px) {
    #slick-thumb {
      height: 7vw; } }
  #slick-thumb slick {
    opacity: 1; }
  #slick-thumb.fade-out slick {
    opacity: 0; }
  #slick-thumb .slick-control {
    width: 30px;
    background-color: #a6a7a7;
    font-size: 50px;
    color: white;
    transition: all 0.2s ease-out;
    cursor: pointer !important; }
    #slick-thumb .slick-control:hover {
      transition: all 0.2s ease-in;
      background-color: #00a5b8;
      color: white; }
      #slick-thumb .slick-control:hover > * {
        color: white; }
  #slick-thumb .item {
    margin: 0 5px;
    border: 5px solid transparent;
    cursor: pointer; }
    #slick-thumb .item.slick-current {
      border-color: #ba1f31; }

#slick-strip .slick-control {
  cursor: pointer; }
  #slick-strip .slick-control svg {
    width: 50px;
    height: 50px;
    transition: all 0.2s ease-out; }
    #slick-strip .slick-control svg path:not(.no-fill), #slick-strip .slick-control svg polygon:not(.no-fill), #slick-strip .slick-control svg rect:not(.no-fill), #slick-strip .slick-control svg ellipse:not(.no-fill), #slick-strip .slick-control svg circle:not(.no-fill), #slick-strip .slick-control svg line:not(.no-fill) {
      fill: #7f7f7f; }
  #slick-strip .slick-control.prev {
    left: -50px; }
  #slick-strip .slick-control.next {
    right: -50px; }
  #slick-strip .slick-control:hover svg {
    transition: all 0.2s ease-out; }
    #slick-strip .slick-control:hover svg path:not(.no-fill), #slick-strip .slick-control:hover svg polygon:not(.no-fill), #slick-strip .slick-control:hover svg rect:not(.no-fill), #slick-strip .slick-control:hover svg ellipse:not(.no-fill), #slick-strip .slick-control:hover svg circle:not(.no-fill), #slick-strip .slick-control:hover svg line:not(.no-fill) {
      fill: #00a5b8; }

#slick-strip .item {
  margin: 0 20px;
  cursor: pointer;
  width: 250px;
  height: 175px; }
  #slick-strip .item .caption {
    background-color: rgba(0, 165, 184, 0.9);
    padding: 10px 15px;
    line-height: 28px;
    height: 28%;
    transition: all 0.3s ease-out; }
    #slick-strip .item .caption p:last-child {
      margin-top: 5px;
      transition: all 0.3s ease-out;
      opacity: 0; }
  #slick-strip .item:hover .caption {
    height: 100%;
    transition: all 0.3s ease-in; }
    #slick-strip .item:hover .caption p:last-child {
      transition: all 0.3s ease-in 0.3s;
      opacity: 1; }

#slick-floorplan .slick-control {
  cursor: pointer; }
  #slick-floorplan .slick-control svg {
    width: 100px;
    height: 100px;
    transition: all 0.2s ease-out; }
    #slick-floorplan .slick-control svg path:not(.no-fill), #slick-floorplan .slick-control svg polygon:not(.no-fill), #slick-floorplan .slick-control svg rect:not(.no-fill), #slick-floorplan .slick-control svg ellipse:not(.no-fill), #slick-floorplan .slick-control svg circle:not(.no-fill), #slick-floorplan .slick-control svg line:not(.no-fill) {
      fill: #7f7f7f; }
  #slick-floorplan .slick-control.prev {
    left: -20px; }
  #slick-floorplan .slick-control.next {
    right: -20px; }
  #slick-floorplan .slick-control:hover svg {
    transition: all 0.2s ease-out; }
    #slick-floorplan .slick-control:hover svg path:not(.no-fill), #slick-floorplan .slick-control:hover svg polygon:not(.no-fill), #slick-floorplan .slick-control:hover svg rect:not(.no-fill), #slick-floorplan .slick-control:hover svg ellipse:not(.no-fill), #slick-floorplan .slick-control:hover svg circle:not(.no-fill), #slick-floorplan .slick-control:hover svg line:not(.no-fill) {
      fill: #00a5b8; }

#slick-floorplan .item {
  padding: 0 60px; }
  #slick-floorplan .item img {
    width: 100%; }

@media only screen and (max-width: 767px) {
  #slick-floorplan .item {
    padding: 0 30px; }
  #slick-floorplan .slick-control {
    cursor: pointer; }
    #slick-floorplan .slick-control svg {
      width: 30px;
      height: 30px;
      transition: all 0.2s ease-out; }
      #slick-floorplan .slick-control svg path:not(.no-fill), #slick-floorplan .slick-control svg polygon:not(.no-fill), #slick-floorplan .slick-control svg rect:not(.no-fill), #slick-floorplan .slick-control svg ellipse:not(.no-fill), #slick-floorplan .slick-control svg circle:not(.no-fill), #slick-floorplan .slick-control svg line:not(.no-fill) {
        fill: #7f7f7f; }
    #slick-floorplan .slick-control.prev {
      left: -0px; }
    #slick-floorplan .slick-control.next {
      right: -0px; }
    #slick-floorplan .slick-control:hover svg {
      transition: all 0.2s ease-out; }
      #slick-floorplan .slick-control:hover svg path:not(.no-fill), #slick-floorplan .slick-control:hover svg polygon:not(.no-fill), #slick-floorplan .slick-control:hover svg rect:not(.no-fill), #slick-floorplan .slick-control:hover svg ellipse:not(.no-fill), #slick-floorplan .slick-control:hover svg circle:not(.no-fill), #slick-floorplan .slick-control:hover svg line:not(.no-fill) {
        fill: #00a5b8; } }

#slick-collections .slick-control {
  cursor: pointer; }
  #slick-collections .slick-control svg {
    width: 100px;
    height: 100px;
    transition: all 0.2s ease-out; }
    #slick-collections .slick-control svg path:not(.no-fill), #slick-collections .slick-control svg polygon:not(.no-fill), #slick-collections .slick-control svg rect:not(.no-fill), #slick-collections .slick-control svg ellipse:not(.no-fill), #slick-collections .slick-control svg circle:not(.no-fill), #slick-collections .slick-control svg line:not(.no-fill) {
      fill: #7f7f7f; }
  #slick-collections .slick-control.prev {
    left: -90px; }
  #slick-collections .slick-control.next {
    right: -90px; }
  #slick-collections .slick-control:hover svg {
    transition: all 0.2s ease-out; }
    #slick-collections .slick-control:hover svg path:not(.no-fill), #slick-collections .slick-control:hover svg polygon:not(.no-fill), #slick-collections .slick-control:hover svg rect:not(.no-fill), #slick-collections .slick-control:hover svg ellipse:not(.no-fill), #slick-collections .slick-control:hover svg circle:not(.no-fill), #slick-collections .slick-control:hover svg line:not(.no-fill) {
      fill: #00a5b8; }

#slick-collections svg path:not(.no-fill), #slick-collections svg polygon:not(.no-fill), #slick-collections svg rect:not(.no-fill), #slick-collections svg ellipse:not(.no-fill), #slick-collections svg circle:not(.no-fill), #slick-collections svg line:not(.no-fill) {
  fill: white; }

#slick-modal .slick-track {
  height: 550px; }
  @media only screen and (max-width: 767px) {
    #slick-modal .slick-track {
      height: 30vh; } }
  #slick-modal .slick-track .image {
    background-size: cover;
    background-position: center;
    height: 100%; }

.modal svg {
  width: 35px;
  height: 35px; }

.modal .slick-control {
  cursor: pointer !important; }
  .modal .slick-control path, .modal .slick-control polygon, .modal .slick-control rect, .modal .slick-control ellipse, .modal .slick-control circle, .modal .slick-control line {
    transition: all 0.2s ease-out; }
    .modal .slick-control path:not(.no-fill), .modal .slick-control polygon:not(.no-fill), .modal .slick-control rect:not(.no-fill), .modal .slick-control ellipse:not(.no-fill), .modal .slick-control circle:not(.no-fill), .modal .slick-control line:not(.no-fill) {
      fill: rgba(255, 255, 255, 0.6); }
  .modal .slick-control:hover path, .modal .slick-control:hover polygon, .modal .slick-control:hover rect, .modal .slick-control:hover ellipse, .modal .slick-control:hover circle, .modal .slick-control:hover line {
    transition: all 0.2s ease-in; }
    .modal .slick-control:hover path:not(.no-fill), .modal .slick-control:hover polygon:not(.no-fill), .modal .slick-control:hover rect:not(.no-fill), .modal .slick-control:hover ellipse:not(.no-fill), .modal .slick-control:hover circle:not(.no-fill), .modal .slick-control:hover line:not(.no-fill) {
      fill: white; }

.modal .slick-control.prev {
  left: -50px; }

.modal .slick-control.next {
  right: -50px; }

.theme-two-stack #hero {
  background-attachment: fixed;
  padding-top: 100px;
  color: white;
  height: 100%; }
  .theme-two-stack #hero .container {
    height: calc(100% - 110px);
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
  .theme-two-stack #hero .divider {
    background-color: white;
    height: 110px;
    font-weight: 600;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }

.theme-two-stack #content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: stretch;
  align-items: stretch; }

.theme-tabbed-header #hero-carousel .flex-caption {
  position: absolute;
  color: white;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.theme-tabbed-header #hero-carousel .bar-wrap {
  position: absolute;
  width: 100%;
  height: 100px;
  z-index: 1;
  bottom: 0;
  background-color: rgba(127, 127, 127, 0.7); }
  .theme-tabbed-header #hero-carousel .bar-wrap .scroll-down-arrow {
    bottom: 100%; }
  .theme-tabbed-header #hero-carousel .bar-wrap .scroll-down-arrow:before {
    background-color: rgba(127, 127, 127, 0.7); }

.theme-tabbed-header #hero-carousel .carousel-indicators {
  bottom: 115px; }

.theme-tabbed-header #hero-carousel + div {
  z-index: 1;
  position: relative;
  margin-top: -75px; }
  .theme-tabbed-header #hero-carousel + div .nav.nav-tabs {
    overflow: hidden;
    border-bottom: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li a {
      height: 75px;
      padding: 0 60px;
      background-color: #a6a7a7;
      color: white;
      border-radius: 0;
      border-color: transparent;
      margin-right: 5px;
      cursor: pointer;
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      transition: all 0.2s ease-out; }
      .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li a:after {
        content: "";
        position: absolute;
        width: 150%;
        height: 80%;
        top: 100%;
        left: -25%;
        background-color: #f5f5f5; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li a {
          padding: 0 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li a {
          padding: 0 18px; } }
    .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li.active a,
    .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li a:hover {
      color: #7f7f7f;
      background-color: #f5f5f5;
      transition: all 0.2s ease-in;
      box-shadow:  0 0 45px 0 rgba(0, 0, 0, 0.7); }
    @media only screen and (max-width: 767px) {
      .theme-tabbed-header #hero-carousel + div .nav.nav-tabs {
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: visible;
        position: relative;
        box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.1); }
        .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li,
        .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li a {
          width: 100%;
          margin: 0;
          height: 45px;
          padding: 0; }
        .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li.active {
          position: relative;
          z-index: 1; }
        .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li.active a {
          box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.3); }
        .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li a {
          box-shadow:  0px 0px 25px 0px rgba(0, 0, 0, 0.1); }
        .theme-tabbed-header #hero-carousel + div .nav.nav-tabs li a:after {
          display: none; } }
  .theme-tabbed-header #hero-carousel + div > .tab-content {
    background-color: #f5f5f5; }
    .theme-tabbed-header #hero-carousel + div > .tab-content .tab-pane {
      opacity: 0;
      transition: all 0.3s ease-out; }
      .theme-tabbed-header #hero-carousel + div > .tab-content .tab-pane.active {
        opacity: 1;
        transition: all 0.3s ease-in; }

.theme-detail #hero .row-top {
  background-color: #f5f5f5;
  height: 230px;
  padding-top: 110px; }
  .theme-detail #hero .row-top .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 30px; }
    .theme-detail #hero .row-top .container-fluid:before, .theme-detail #hero .row-top .container-fluid:after {
      display: none; }
  @media only screen and (max-width: 767px) {
    .theme-detail #hero .row-top {
      height: auto;
      text-align: center;
      padding-top: 7.5px;
      padding-bottom: 7.5px;
      margin-top: 65px; }
      .theme-detail #hero .row-top .container-fluid {
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 7.5px;
        padding-right: 7.5px; }
        .theme-detail #hero .row-top .container-fluid a.type-xl, .theme-detail #hero .row-top .container-fluid .dropdown-gray-to-red li a, .dropdown-gray-to-red li .theme-detail #hero .row-top .container-fluid a, .theme-detail #hero .row-top .container-fluid .card.floorplan-card a.card-title, .card.floorplan-card .theme-detail #hero .row-top .container-fluid a.card-title {
          margin-top: 20px;
          font-size: 16px;
          line-height: 18px; } }

.theme-detail #hero .row-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: initial;
  justify-content: initial;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* LEFT COLUMN */
  /* RIGHT COLUMN */ }
  .theme-detail #hero .row-bottom .col-left {
    width: 60%;
    perspective: 2000px;
    background-color: white;
    text-align: right; }
    .theme-detail #hero .row-bottom .col-left #slick-main {
      height: 40vw;
      overflow: hidden;
      max-height: 1500px;
      max-width: 2500px;
      float: right;
      width: 100%; }
    .theme-detail #hero .row-bottom .col-left #slick-thumb {
      float: right;
      width: calc(100% - 60px);
      max-width: 2500px; }
      @media only screen and (max-width: 767px) {
        .theme-detail #hero .row-bottom .col-left #slick-thumb {
          width: 100%; } }
    .theme-detail #hero .row-bottom .col-left .btn-back {
      background-color: rgba(0, 0, 0, 0.3);
      border-color: white;
      position: absolute;
      z-index: 15; }
      @media only screen and (min-width: 1230px) {
        .theme-detail #hero .row-bottom .col-left .btn-back {
          padding: 9px 24px;
          top: 30px;
          left: 8.4%; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .theme-detail #hero .row-bottom .col-left .btn-back {
          padding: 9px;
          top: 30px;
          left: 51px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .theme-detail #hero .row-bottom .col-left .btn-back {
          padding: 9px;
          top: 30px;
          left: 38px; } }
      @media only screen and (max-width: 767px) {
        .theme-detail #hero .row-bottom .col-left .btn-back {
          padding: 9px;
          top: 15px;
          left: 15px; } }
      .theme-detail #hero .row-bottom .col-left .btn-back:hover {
        background-color: #00a5b8; }
    .theme-detail #hero .row-bottom .col-left .zoom {
      z-index: 15;
      margin: 20px;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 40px; }
      .theme-detail #hero .row-bottom .col-left .zoom svg {
        width: 40px;
        height: 40px;
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        .theme-detail #hero .row-bottom .col-left .zoom svg path, .theme-detail #hero .row-bottom .col-left .zoom svg polygon, .theme-detail #hero .row-bottom .col-left .zoom svg rect, .theme-detail #hero .row-bottom .col-left .zoom svg ellipse, .theme-detail #hero .row-bottom .col-left .zoom svg circle, .theme-detail #hero .row-bottom .col-left .zoom svg line {
          transition: all 0.2s ease-out; }
          .theme-detail #hero .row-bottom .col-left .zoom svg path:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg polygon:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg rect:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg ellipse:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg circle:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg line:not(.no-fill) {
            fill: rgba(255, 255, 255, 0.7); }
        .theme-detail #hero .row-bottom .col-left .zoom svg:hover path, .theme-detail #hero .row-bottom .col-left .zoom svg:hover polygon, .theme-detail #hero .row-bottom .col-left .zoom svg:hover rect, .theme-detail #hero .row-bottom .col-left .zoom svg:hover ellipse, .theme-detail #hero .row-bottom .col-left .zoom svg:hover circle, .theme-detail #hero .row-bottom .col-left .zoom svg:hover line {
          transition: all 0.2s ease-in; }
          .theme-detail #hero .row-bottom .col-left .zoom svg:hover path:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg:hover polygon:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg:hover rect:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg:hover ellipse:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg:hover circle:not(.no-fill), .theme-detail #hero .row-bottom .col-left .zoom svg:hover line:not(.no-fill) {
            fill: white; }
        .theme-detail #hero .row-bottom .col-left .zoom svg:hover {
          transition: all 0.2s ease-in;
          transform-origin: center;
          transform: scale(1.2); }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .theme-detail #hero .row-bottom .col-left {
      width: 55%; }
    .theme-detail #hero .row-bottom .col-left #slick-main {
      height: 35vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .theme-detail #hero .row-bottom .col-left {
      width: 50%; }
    .theme-detail #hero .row-bottom .col-left #slick-main {
      height: 37vw; } }
  @media only screen and (max-width: 767px) {
    .theme-detail #hero .row-bottom {
      -ms-flex-direction: column;
      flex-direction: column; }
      .theme-detail #hero .row-bottom .col-left {
        width: 100%; }
      .theme-detail #hero .row-bottom .col-left #slick-main {
        height: 75vw; }
      .theme-detail #hero .row-bottom .col-left #slick-thumb {
        height: 50px;
        margin: 0; }
      .theme-detail #hero .row-bottom .zoom {
        display: none; } }
  .theme-detail #hero .row-bottom .col-right, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill {
    width: 40%;
    border-left: 1px solid #dedede; }
    .theme-detail #hero .row-bottom .col-right snapshot-info ul, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul {
      padding: 30px 30px 10px;
      background-color: #f5f5f5; }
      .theme-detail #hero .row-bottom .col-right snapshot-info ul li, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul li, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul li {
        -ms-flex-pack: start;
        justify-content: flex-start;
        float: left;
        padding: 0;
        margin: 0;
        width: 60%; }
        .theme-detail #hero .row-bottom .col-right snapshot-info ul li:nth-child(even), .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul li:nth-child(even), #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul li:nth-child(even) {
          width: 40%; }
      .theme-detail #hero .row-bottom .col-right snapshot-info ul:nth-child(even), .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul:nth-child(even), #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul:nth-child(even) {
        padding: 10px 30px 30px;
        margin-bottom: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .theme-detail #hero .row-bottom .col-right, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill {
        width: 45%; }
        .theme-detail #hero .row-bottom .col-right snapshot-info ul, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul {
          font-size: 18px; }
          .theme-detail #hero .row-bottom .col-right snapshot-info ul li svg, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul li svg, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul li svg {
            width: 25px;
            height: 25px;
            margin-right: 10px; }
          .theme-detail #hero .row-bottom .col-right snapshot-info ul small, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul small, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul small {
            font-size: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .theme-detail #hero .row-bottom .col-right, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      .theme-detail #hero .row-bottom .col-right, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill {
        width: 100%; }
        .theme-detail #hero .row-bottom .col-right snapshot-info, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info {
          display: block;
          padding-top: 15px;
          padding-bottom: 15px; }
          .theme-detail #hero .row-bottom .col-right snapshot-info ul, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul {
            font-size: 16px; }
            .theme-detail #hero .row-bottom .col-right snapshot-info ul li svg, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul li svg, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul li svg {
              width: 25px;
              height: 25px;
              margin-right: 10px; }
            .theme-detail #hero .row-bottom .col-right snapshot-info ul small, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul small, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul small {
              font-size: 13px; }
            .theme-detail #hero .row-bottom .col-right snapshot-info ul:nth-child(even), .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill snapshot-info ul:nth-child(even), #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill snapshot-info ul:nth-child(even) {
              margin-bottom: 0; } }
    .theme-detail #hero .row-bottom .col-right .form-wrap, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap {
      width: 100%;
      background-color: #dedede;
      padding: 20px 20px; }
      .theme-detail #hero .row-bottom .col-right .form-wrap .type-xxl, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap .type-xxl, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap .type-xxl {
        font-weight: 700;
        color: white;
        margin-bottom: 10px; }
        .theme-detail #hero .row-bottom .col-right .form-wrap .type-xxl span.blue, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap .type-xxl span.blue, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap .type-xxl span.blue {
          font-style: italic; }
      .theme-detail #hero .row-bottom .col-right .form-wrap .type-xl, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap .type-xl, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap .type-xl, .theme-detail #hero .row-bottom .col-right .form-wrap .dropdown-gray-to-red li a, .dropdown-gray-to-red li .theme-detail #hero .row-bottom .col-right .form-wrap a, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap .dropdown-gray-to-red li a, .dropdown-gray-to-red li .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap a, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap .dropdown-gray-to-red li a, .dropdown-gray-to-red li #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap a, .theme-detail #hero .row-bottom .col-right .form-wrap .card.floorplan-card .card-title, .card.floorplan-card .theme-detail #hero .row-bottom .col-right .form-wrap .card-title, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap .card.floorplan-card .card-title, .card.floorplan-card .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap .card-title, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap .card.floorplan-card .card-title, .card.floorplan-card #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap .card-title {
        margin-bottom: 20px; }
      .theme-detail #hero .row-bottom .col-right .form-wrap form .form-component, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .form-component, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .form-component {
        float: left;
        width: calc(50% - 10px);
        margin-bottom: 10px;
        height: 40px;
        border: none; }
        .theme-detail #hero .row-bottom .col-right .form-wrap form .form-component:nth-child(even), .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .form-component:nth-child(even), #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .form-component:nth-child(even) {
          float: right; }
      .theme-detail #hero .row-bottom .col-right .form-wrap form .button-flex, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .button-flex, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .button-flex {
        color: white;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center; }
        .theme-detail #hero .row-bottom .col-right .form-wrap form .button-flex .btn-wrap, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .button-flex .btn-wrap, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .button-flex .btn-wrap {
          color: white;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form .button-flex .btn-wrap .checkbox-opt-in label, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .button-flex .btn-wrap .checkbox-opt-in label, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .button-flex .btn-wrap .checkbox-opt-in label {
            color: #7f7f7f;
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 15px; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form .button-flex .btn-wrap p, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .button-flex .btn-wrap p, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .button-flex .btn-wrap p {
            margin-right: 20px; }
      .theme-detail #hero .row-bottom .col-right .form-wrap form > *, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form > *, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form > * {
        padding-right: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .theme-detail #hero .row-bottom .col-right .form-wrap, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap {
          width: 100%; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form > *, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form > *, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form > * {
            padding-right: 0; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form .button-flex .btn-wrap p, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .button-flex .btn-wrap p, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .button-flex .btn-wrap p {
            margin-right: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .theme-detail #hero .row-bottom .col-right .form-wrap, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap {
          width: 100%; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form > *, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form > *, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form > * {
            padding-right: 0; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form .button-flex .btn-wrap p, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .button-flex .btn-wrap p, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .button-flex .btn-wrap p {
            margin-right: 10px; } }
      @media only screen and (max-width: 767px) {
        .theme-detail #hero .row-bottom .col-right .form-wrap, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap {
          width: 100%;
          padding: 20px 15px; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form .form-components, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .form-components, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .form-components {
            padding: 0; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form .form-component, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .form-component, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .form-component {
            width: 100%; }
          .theme-detail #hero .row-bottom .col-right .form-wrap form .button-flex, .theme-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill .form-wrap form .button-flex, #lifestyle #the-design-process .col-right .theme-detail #hero .row-bottom .fill .form-wrap form .button-flex {
            padding: 0;
            -ms-flex-pack: center;
            justify-content: center; } }

.theme-detail #content {
  background-color: #f5f5f5;
  padding: 60px 0; }
  @media only screen and (max-width: 767px) {
    .theme-detail #content {
      padding-top: 0;
      padding-bottom: 0; } }
  .theme-detail #content .container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start; }
    .theme-detail #content .container .col-left {
      -ms-flex: 0.9 0 0;
      flex: 0.9 0 0;
      padding-right: 115px; }
      .theme-detail #content .container .col-left .flex-wrap {
        margin-bottom: 60px;
        -ms-flex-align: center;
        align-items: center;
        line-height: 30px; }
        @media only screen and (max-width: 767px) {
          .theme-detail #content .container .col-left .flex-wrap {
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 15px;
            margin-bottom: 0; } }
        .theme-detail #content .container .col-left .flex-wrap .icon-clock2 {
          margin-right: 15px;
          width: 40px;
          min-width: 40px; }
          .theme-detail #content .container .col-left .flex-wrap .icon-clock2 path:not(.no-fill), .theme-detail #content .container .col-left .flex-wrap .icon-clock2 polygon:not(.no-fill), .theme-detail #content .container .col-left .flex-wrap .icon-clock2 rect:not(.no-fill), .theme-detail #content .container .col-left .flex-wrap .icon-clock2 ellipse:not(.no-fill), .theme-detail #content .container .col-left .flex-wrap .icon-clock2 circle:not(.no-fill), .theme-detail #content .container .col-left .flex-wrap .icon-clock2 line:not(.no-fill) {
            fill: #00a5b8; }
          @media only screen and (max-width: 767px) {
            .theme-detail #content .container .col-left .flex-wrap .icon-clock2 {
              width: 30px;
              min-width: 30px; } }
        .theme-detail #content .container .col-left .flex-wrap span.blue.type-title-xs {
          display: block;
          letter-spacing: 0;
          margin-right: 20px;
          font-weight: 800;
          font-style: italic; }
          @media only screen and (max-width: 767px) {
            .theme-detail #content .container .col-left .flex-wrap span.blue.type-title-xs {
              font-size: 15px;
              line-height: 18px;
              width: 60px; } }
        @media only screen and (max-width: 767px) {
          .theme-detail #content .container .col-left .flex-wrap .hours p {
            font-size: 3.9vw; } }
      .theme-detail #content .container .col-left .type-xxxl {
        margin-bottom: 40px; }
      .theme-detail #content .container .col-left .type-md, .theme-detail #content .container .col-left .sort .sort-item, .sort .theme-detail #content .container .col-left .sort-item, .theme-detail #content .container .col-left header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right .theme-detail #content .container .col-left li, .theme-detail #content .container .col-left #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .theme-detail #content .container .col-left li, .theme-detail #content .container .col-left .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy .theme-detail #content .container .col-left p.type-xl, .theme-detail #content .container .col-left .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card .theme-detail #content .container .col-left p.card-title, .theme-detail #content .container .col-left .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy .theme-detail #content .container .col-left p.card-title, .theme-detail #content .container .col-left #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .theme-detail #content .container .col-left .popover-title {
        line-height: 38px; }
    .theme-detail #content .container .map {
      border: 5px solid white; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .theme-detail #content .container .col-left {
        padding-right: 90px; }
      .theme-detail #content .container .col-left .type-xxxl {
        line-height: 35px; } }
    @media only screen and (max-width: 767px) {
      .theme-detail #content .container {
        -ms-flex-direction: column;
        flex-direction: column; }
        .theme-detail #content .container .col-left {
          padding-right: 0;
          width: 100%; }
        .theme-detail #content .container .col-left .type-xxxl {
          font-size: 25px;
          margin-bottom: 5px;
          text-align: center; }
        .theme-detail #content .container .col-left .type-md, .theme-detail #content .container .col-left .sort .sort-item, .sort .theme-detail #content .container .col-left .sort-item, .theme-detail #content .container .col-left header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right .theme-detail #content .container .col-left li, .theme-detail #content .container .col-left #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .theme-detail #content .container .col-left li, .theme-detail #content .container .col-left .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy .theme-detail #content .container .col-left p.type-xl, .theme-detail #content .container .col-left .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card .theme-detail #content .container .col-left p.card-title, .theme-detail #content .container .col-left .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy .theme-detail #content .container .col-left p.card-title, .theme-detail #content .container .col-left #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .theme-detail #content .container .col-left .popover-title {
          line-height: 30px;
          margin-bottom: 20px;
          text-align: center; }
        .theme-detail #content .container mini-map,
        .theme-detail #content .container .mini-map,
        .theme-detail #content .container .map {
          width: 100%;
          height: 250px; }
        .theme-detail #content .container mini-map {
          margin-bottom: 80px; }
        .theme-detail #content .container .col-right, .theme-detail #content .container #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right .theme-detail #content .container .fill {
          width: 100%; } }

snapshot-info .snapshot {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }
  snapshot-info .snapshot li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 2px;
    white-space: nowrap; }
    snapshot-info .snapshot li:not(:first-child) {
      margin-left: 1.5vw; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        snapshot-info .snapshot li:not(:first-child) {
          margin-left: 1vw; } }
      @media only screen and (max-width: 767px) {
        snapshot-info .snapshot li:not(:first-child) {
          margin-left: 0; } }
    snapshot-info .snapshot li svg {
      width: 30px;
      height: 30px;
      margin-right: 15px; }
      snapshot-info .snapshot li svg path:not(.no-fill), snapshot-info .snapshot li svg polygon:not(.no-fill), snapshot-info .snapshot li svg rect:not(.no-fill), snapshot-info .snapshot li svg ellipse:not(.no-fill), snapshot-info .snapshot li svg circle:not(.no-fill), snapshot-info .snapshot li svg line:not(.no-fill) {
        fill: #00a5b8; }
      @media only screen and (max-width: 767px) {
        snapshot-info .snapshot li svg {
          margin-right: 10px; } }

.btn.btn-primary.btn-dropdown,
.btn.btn-primary.btn-dropdown:focus {
  border-radius: 0;
  background-color: white;
  border: none;
  color: #7f7f7f;
  width: 25vw;
  text-align: left;
  padding: 20px;
  position: relative;
  cursor: pointer; }
  @media only screen and (min-width: 768px) and (max-height: 850px) {
    .btn.btn-primary.btn-dropdown,
    .btn.btn-primary.btn-dropdown:focus {
      padding: 10px 20px; } }
  .btn.btn-primary.btn-dropdown span,
  .btn.btn-primary.btn-dropdown:focus span {
    background-color: #00a5b8;
    position: absolute;
    right: 0;
    top: 0;
    width: 65px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.2s ease-out; }
    .btn.btn-primary.btn-dropdown span svg,
    .btn.btn-primary.btn-dropdown:focus span svg {
      width: auto;
      height: 25px; }
  .btn.btn-primary.btn-dropdown:hover span,
  .btn.btn-primary.btn-dropdown:focus:hover span {
    transition: all 0.2s ease-in;
    background-color: #ba1f31; }
  .btn.btn-primary.btn-dropdown + .dropdown-menu,
  .btn.btn-primary.btn-dropdown:focus + .dropdown-menu {
    width: 100%;
    overflow: auto;
    font-size: 16px; }
  .btn.btn-primary.btn-dropdown.arrow,
  .btn.btn-primary.btn-dropdown:focus.arrow {
    width: 100%; }
    .btn.btn-primary.btn-dropdown.arrow span,
    .btn.btn-primary.btn-dropdown:focus.arrow span {
      margin-right: 0;
      background-color: transparent; }
      .btn.btn-primary.btn-dropdown.arrow span svg path:not(.no-fill), .btn.btn-primary.btn-dropdown.arrow span svg polygon:not(.no-fill), .btn.btn-primary.btn-dropdown.arrow span svg rect:not(.no-fill), .btn.btn-primary.btn-dropdown.arrow span svg ellipse:not(.no-fill), .btn.btn-primary.btn-dropdown.arrow span svg circle:not(.no-fill), .btn.btn-primary.btn-dropdown.arrow span svg line:not(.no-fill),
      .btn.btn-primary.btn-dropdown:focus.arrow span svg path:not(.no-fill),
      .btn.btn-primary.btn-dropdown:focus.arrow span svg polygon:not(.no-fill),
      .btn.btn-primary.btn-dropdown:focus.arrow span svg rect:not(.no-fill),
      .btn.btn-primary.btn-dropdown:focus.arrow span svg ellipse:not(.no-fill),
      .btn.btn-primary.btn-dropdown:focus.arrow span svg circle:not(.no-fill),
      .btn.btn-primary.btn-dropdown:focus.arrow span svg line:not(.no-fill) {
        fill: #00a5b8; }

.dropdown-menu > li > a {
  white-space: initial; }

.btn-group.dropdown .btn-dropdown-lg {
  box-shadow: none;
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  .btn-group.dropdown .btn-dropdown-lg > span {
    white-space: nowrap;
    margin-right: 15px; }
  .btn-group.dropdown .btn-dropdown-lg svg {
    transition: all 0.2s ease-out;
    transform-origin: center;
    transform: rotate(0deg); }

.btn-group.dropdown.open .btn-dropdown-lg svg {
  transition: all 0.2s ease-in;
  transform-origin: center;
  transform: rotate(180deg); }

.scroll-down-arrow {
  height: 70px;
  width: 175px;
  bottom: 0;
  left: calc(50% - 175px / 2);
  position: absolute;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  color: white; }
  @media only screen and (max-width: 767px) {
    .scroll-down-arrow {
      transform-origin: bottom;
      transform: scale(0.5); } }
  .scroll-down-arrow .fa {
    font-size: 50px;
    margin-top: 15px;
    position: relative;
    z-index: 1;
    animation: pulse 1.5s ease-in-out infinite; }

@keyframes pulse {
  0%,
  100% {
    top: -5px; }
  50% {
    top: 5px; } }
  .scroll-down-arrow.gray:before {
    background: rgba(98, 98, 98, 0.8); }
  .scroll-down-arrow:before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    border-radius: 175px;
    width: 175px;
    height: 175px;
    position: absolute;
    top: 0;
    left: 0;
    transition: background 0.2s ease-out; }
  .scroll-down-arrow:hover:before {
    background: rgba(0, 0, 0, 0.5);
    transition: background 0.2s ease-in; }

.button-hover-alt {
  color: #00a5b8;
  transition: all 0.2s ease-out;
  cursor: pointer !important; }
  .button-hover-alt.red, .card.floorplan-card .button-hover-alt.card-title {
    color: #ba1f31; }
  .button-hover-alt:hover {
    transition: all 0.2s ease-in;
    background-color: transparent;
    color: #00b300; }
    .button-hover-alt:hover > * {
      color: #00b300; }

.dropdown-gray-to-red {
  min-width: 385px;
  padding: 0;
  box-shadow:  15px 15px 0 0 rgba(0, 0, 0, 0.15); }
  .dropdown-gray-to-red li {
    cursor: pointer; }
    .dropdown-gray-to-red li > ul {
      background-color: #f5f5f5; }
    .dropdown-gray-to-red li a {
      font-weight: 300;
      line-height: 40px;
      padding: 10px 50px;
      display: block;
      color: #7f7f7f;
      transition: all 0.2s ease-out;
      cursor: pointer !important; }
      .dropdown-gray-to-red li a:hover {
        transition: all 0.2s ease-in;
        background-color: #ba1f31;
        color: white; }
        .dropdown-gray-to-red li a:hover > * {
          color: white; }
    .dropdown-gray-to-red li .sub-dropdown li a {
      padding-left: 70px; }
    @media only screen and (min-width: 768px) and (max-height: 850px) {
      .dropdown-gray-to-red li a {
        font-size: 20px;
        line-height: 30px;
        padding: 5px 50px; } }
    @media only screen and (max-width: 767px) {
      .dropdown-gray-to-red li a {
        padding: 10px 20px;
        font-size: 18px;
        line-height: 20px; }
      .dropdown-gray-to-red li .sub-dropdown li a {
        padding-left: 35px; } }

.btn.btn-blue {
  font-weight: 600;
  border-radius: 0px;
  background-color: #00a5b8;
  color: white;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-blue {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-blue svg, .btn.btn-blue .fa {
    margin-right: 15px; }
    .btn.btn-blue svg path:not(.no-fill), .btn.btn-blue svg polygon:not(.no-fill), .btn.btn-blue svg rect:not(.no-fill), .btn.btn-blue svg ellipse:not(.no-fill), .btn.btn-blue svg circle:not(.no-fill), .btn.btn-blue svg line:not(.no-fill), .btn.btn-blue .fa path:not(.no-fill), .btn.btn-blue .fa polygon:not(.no-fill), .btn.btn-blue .fa rect:not(.no-fill), .btn.btn-blue .fa ellipse:not(.no-fill), .btn.btn-blue .fa circle:not(.no-fill), .btn.btn-blue .fa line:not(.no-fill) {
      fill: white; }
  .btn.btn-blue:not(.no-hover):hover {
    transition: all 0.2s ease-in;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-blue:not(.no-hover):hover a {
      color: white; }

.btn.btn-red {
  font-weight: 600;
  border-radius: 0px;
  background-color: #ba1f31;
  color: white;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-red {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-red svg, .btn.btn-red .fa {
    margin-right: 15px; }
    .btn.btn-red svg path:not(.no-fill), .btn.btn-red svg polygon:not(.no-fill), .btn.btn-red svg rect:not(.no-fill), .btn.btn-red svg ellipse:not(.no-fill), .btn.btn-red svg circle:not(.no-fill), .btn.btn-red svg line:not(.no-fill), .btn.btn-red .fa path:not(.no-fill), .btn.btn-red .fa polygon:not(.no-fill), .btn.btn-red .fa rect:not(.no-fill), .btn.btn-red .fa ellipse:not(.no-fill), .btn.btn-red .fa circle:not(.no-fill), .btn.btn-red .fa line:not(.no-fill) {
      fill: white; }
  .btn.btn-red:not(.no-hover):hover {
    transition: all 0.2s ease-in;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-red:not(.no-hover):hover a {
      color: white; }

.btn.btn-red-svg {
  font-weight: 600;
  border-radius: 0px;
  background-color: white;
  color: #ba1f31;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-red-svg {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-red-svg svg, .btn.btn-red-svg .fa {
    margin-right: 15px; }
    .btn.btn-red-svg svg path:not(.no-fill), .btn.btn-red-svg svg polygon:not(.no-fill), .btn.btn-red-svg svg rect:not(.no-fill), .btn.btn-red-svg svg ellipse:not(.no-fill), .btn.btn-red-svg svg circle:not(.no-fill), .btn.btn-red-svg svg line:not(.no-fill), .btn.btn-red-svg .fa path:not(.no-fill), .btn.btn-red-svg .fa polygon:not(.no-fill), .btn.btn-red-svg .fa rect:not(.no-fill), .btn.btn-red-svg .fa ellipse:not(.no-fill), .btn.btn-red-svg .fa circle:not(.no-fill), .btn.btn-red-svg .fa line:not(.no-fill) {
      fill: #ba1f31; }
  .btn.btn-red-svg:not(.no-hover):hover {
    color: white;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-red-svg:not(.no-hover):hover path:not(.no-fill), .btn.btn-red-svg:not(.no-hover):hover polygon:not(.no-fill), .btn.btn-red-svg:not(.no-hover):hover rect:not(.no-fill), .btn.btn-red-svg:not(.no-hover):hover ellipse:not(.no-fill), .btn.btn-red-svg:not(.no-hover):hover circle:not(.no-fill), .btn.btn-red-svg:not(.no-hover):hover line:not(.no-fill) {
      fill: white; }

.btn.btn-white {
  font-weight: 600;
  border-radius: 0px;
  background-color: white;
  color: #00a5b8;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-white {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-white svg, .btn.btn-white .fa {
    margin-right: 15px; }
    .btn.btn-white svg path:not(.no-fill), .btn.btn-white svg polygon:not(.no-fill), .btn.btn-white svg rect:not(.no-fill), .btn.btn-white svg ellipse:not(.no-fill), .btn.btn-white svg circle:not(.no-fill), .btn.btn-white svg line:not(.no-fill), .btn.btn-white .fa path:not(.no-fill), .btn.btn-white .fa polygon:not(.no-fill), .btn.btn-white .fa rect:not(.no-fill), .btn.btn-white .fa ellipse:not(.no-fill), .btn.btn-white .fa circle:not(.no-fill), .btn.btn-white .fa line:not(.no-fill) {
      fill: #00a5b8; }
  .btn.btn-white:not(.no-hover):hover {
    color: white;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-white:not(.no-hover):hover path:not(.no-fill), .btn.btn-white:not(.no-hover):hover polygon:not(.no-fill), .btn.btn-white:not(.no-hover):hover rect:not(.no-fill), .btn.btn-white:not(.no-hover):hover ellipse:not(.no-fill), .btn.btn-white:not(.no-hover):hover circle:not(.no-fill), .btn.btn-white:not(.no-hover):hover line:not(.no-fill) {
      fill: white; }

.btn.btn-gray {
  font-weight: 600;
  border-radius: 0px;
  background-color: #a6a7a7;
  color: white;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-gray {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-gray svg, .btn.btn-gray .fa {
    margin-right: 15px; }
    .btn.btn-gray svg path:not(.no-fill), .btn.btn-gray svg polygon:not(.no-fill), .btn.btn-gray svg rect:not(.no-fill), .btn.btn-gray svg ellipse:not(.no-fill), .btn.btn-gray svg circle:not(.no-fill), .btn.btn-gray svg line:not(.no-fill), .btn.btn-gray .fa path:not(.no-fill), .btn.btn-gray .fa polygon:not(.no-fill), .btn.btn-gray .fa rect:not(.no-fill), .btn.btn-gray .fa ellipse:not(.no-fill), .btn.btn-gray .fa circle:not(.no-fill), .btn.btn-gray .fa line:not(.no-fill) {
      fill: white; }
  .btn.btn-gray:not(.no-hover):hover {
    transition: all 0.2s ease-in;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-gray:not(.no-hover):hover a {
      color: white; }

.btn.btn-orange {
  font-weight: 600;
  border-radius: 0px;
  background-color: #f08804;
  color: white;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-orange {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-orange svg, .btn.btn-orange .fa {
    margin-right: 15px; }
    .btn.btn-orange svg path:not(.no-fill), .btn.btn-orange svg polygon:not(.no-fill), .btn.btn-orange svg rect:not(.no-fill), .btn.btn-orange svg ellipse:not(.no-fill), .btn.btn-orange svg circle:not(.no-fill), .btn.btn-orange svg line:not(.no-fill), .btn.btn-orange .fa path:not(.no-fill), .btn.btn-orange .fa polygon:not(.no-fill), .btn.btn-orange .fa rect:not(.no-fill), .btn.btn-orange .fa ellipse:not(.no-fill), .btn.btn-orange .fa circle:not(.no-fill), .btn.btn-orange .fa line:not(.no-fill) {
      fill: white; }
  .btn.btn-orange:not(.no-hover):hover {
    transition: all 0.2s ease-in;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-orange:not(.no-hover):hover a {
      color: white; }

.btn.btn-black {
  font-weight: 600;
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-black {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-black svg, .btn.btn-black .fa {
    margin-right: 15px; }
    .btn.btn-black svg path:not(.no-fill), .btn.btn-black svg polygon:not(.no-fill), .btn.btn-black svg rect:not(.no-fill), .btn.btn-black svg ellipse:not(.no-fill), .btn.btn-black svg circle:not(.no-fill), .btn.btn-black svg line:not(.no-fill), .btn.btn-black .fa path:not(.no-fill), .btn.btn-black .fa polygon:not(.no-fill), .btn.btn-black .fa rect:not(.no-fill), .btn.btn-black .fa ellipse:not(.no-fill), .btn.btn-black .fa circle:not(.no-fill), .btn.btn-black .fa line:not(.no-fill) {
      fill: white; }
  .btn.btn-black:not(.no-hover):hover {
    transition: all 0.2s ease-in;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-black:not(.no-hover):hover a {
      color: white; }

.btn.btn-green {
  font-weight: 600;
  border-radius: 0px;
  background-color: #00b300;
  color: white;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-green {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-green svg, .btn.btn-green .fa {
    margin-right: 15px; }
    .btn.btn-green svg path:not(.no-fill), .btn.btn-green svg polygon:not(.no-fill), .btn.btn-green svg rect:not(.no-fill), .btn.btn-green svg ellipse:not(.no-fill), .btn.btn-green svg circle:not(.no-fill), .btn.btn-green svg line:not(.no-fill), .btn.btn-green .fa path:not(.no-fill), .btn.btn-green .fa polygon:not(.no-fill), .btn.btn-green .fa rect:not(.no-fill), .btn.btn-green .fa ellipse:not(.no-fill), .btn.btn-green .fa circle:not(.no-fill), .btn.btn-green .fa line:not(.no-fill) {
      fill: white; }
  .btn.btn-green:not(.no-hover):hover {
    transition: all 0.2s ease-in;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-green:not(.no-hover):hover a {
      color: white; }

.btn.btn-dark-green {
  font-weight: 600;
  border-radius: 0px;
  background-color: #009400;
  color: white;
  padding: 15px 30px;
  outline: none;
  cursor: default;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-out;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  @media only screen and (max-width: 767px) {
    .btn.btn-dark-green {
      padding: 7.5px 15px;
      font-size: 12px; } }
  .btn.btn-dark-green svg, .btn.btn-dark-green .fa {
    margin-right: 15px; }
    .btn.btn-dark-green svg path:not(.no-fill), .btn.btn-dark-green svg polygon:not(.no-fill), .btn.btn-dark-green svg rect:not(.no-fill), .btn.btn-dark-green svg ellipse:not(.no-fill), .btn.btn-dark-green svg circle:not(.no-fill), .btn.btn-dark-green svg line:not(.no-fill), .btn.btn-dark-green .fa path:not(.no-fill), .btn.btn-dark-green .fa polygon:not(.no-fill), .btn.btn-dark-green .fa rect:not(.no-fill), .btn.btn-dark-green .fa ellipse:not(.no-fill), .btn.btn-dark-green .fa circle:not(.no-fill), .btn.btn-dark-green .fa line:not(.no-fill) {
      fill: white; }
  .btn.btn-dark-green:not(.no-hover):hover {
    transition: all 0.2s ease-in;
    cursor: pointer;
    background-color: #00b300; }
    .btn.btn-dark-green:not(.no-hover):hover a {
      color: white; }

form input.form-control,
form select.form-control {
  border-radius: 5px !important;
  height: 35px;
  color: #7f7f7f; }

form .form-component {
  position: relative;
  height: 35px; }
  form .form-component .help-block {
    font-size: 12px;
    position: absolute;
    bottom: -20px;
    background-color: #ba1f31;
    text-transform: capitalize;
    z-index: 10;
    padding: 3px 5px;
    color: #fff; }
    form .form-component .help-block::before {
      display: block;
      position: absolute;
      content: "";
      top: -10px;
      left: 8px;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-bottom-color: #ba1f31; }
  form .form-component input:disabled,
  form .form-component select:disabled {
    opacity: 0.5; }
  form .form-component i.fa {
    color: #a6a7a7;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5; }
    form .form-component i.fa.fa-times {
      top: 0;
      right: -20px;
      display: none; }

form .uib-datepicker .btn-default {
  border-color: transparent; }

form .uib-datepicker thead tr th {
  vertical-align: middle; }

form.ng-submitted input.ng-invalid,
form.ng-submitted select.ng-invalid,
form.ng-submitted textarea.ng-invalid,
form.ng-submitted input[type="radio"].ng-invalid + label:before,
form.ng-submitted input[type="checkbox"].ng-invalid + label:before,
form.ng-submitted input[type="checkbox"].ng-invalid + label {
  background: pink !important;
  border: 1px solid !important;
  border-color: red !important;
  box-shadow: none !important; }

form ::-webkit-input-placeholder {
  text-transform: uppercase; }

form :-moz-placeholder {
  /* Firefox 18- */
  text-transform: uppercase; }

form ::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: uppercase; }

form :-ms-input-placeholder {
  text-transform: uppercase; }

div.form-results-container {
  padding: 60px 0;
  min-height: 300px;
  text-align: center; }

div.form-results-loader {
  text-align: center; }
  div.form-results-loader i.fa {
    font-size: 40px;
    color: #7f7f7f; }

.filter-select {
  -webkit-appearance: menulist;
  cursor: pointer; }

range-select,
category-select {
  padding-left: 0.5em; }

.checkbox-opt-in label {
  padding-left: 16.5px; }
  .checkbox-opt-in label input[type="checkbox"] {
    margin-left: -16.5px; }

.form-schedule-my-tour-wrap {
  background-color: #00a5b8;
  width: 100%; }
  @media only screen and (min-width: 1230px) {
    .form-schedule-my-tour-wrap {
      margin-bottom: 60px;
      padding: 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .form-schedule-my-tour-wrap {
      margin-bottom: 60px;
      padding: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .form-schedule-my-tour-wrap {
      margin-bottom: 60px;
      padding: 30px 15px; } }
  @media only screen and (max-width: 767px) {
    .form-schedule-my-tour-wrap {
      padding: 20px 15px; } }
  .form-schedule-my-tour-wrap .type-lg, .form-schedule-my-tour-wrap .type-subtitle-sm, .form-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info .form-schedule-my-tour-wrap .snapshot, .form-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info .form-schedule-my-tour-wrap li, .form-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon .form-schedule-my-tour-wrap .divider.red, .form-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card .form-schedule-my-tour-wrap .divider.card-title, .form-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon .form-schedule-my-tour-wrap .divider.card-title, .form-schedule-my-tour-wrap #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a,
  .form-schedule-my-tour-wrap #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share .form-schedule-my-tour-wrap input, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share .form-schedule-my-tour-wrap textarea, .form-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div .form-schedule-my-tour-wrap span {
    color: white;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .form-schedule-my-tour-wrap .type-lg, .form-schedule-my-tour-wrap .type-subtitle-sm, .form-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info .form-schedule-my-tour-wrap .snapshot, .form-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info .form-schedule-my-tour-wrap li, .form-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon .form-schedule-my-tour-wrap .divider.red, .form-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card .form-schedule-my-tour-wrap .divider.card-title, .form-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon .form-schedule-my-tour-wrap .divider.card-title, .form-schedule-my-tour-wrap #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a,
      .form-schedule-my-tour-wrap #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share .form-schedule-my-tour-wrap input, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share .form-schedule-my-tour-wrap textarea, .form-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div .form-schedule-my-tour-wrap span {
        font-size: 16.5px; } }
    @media only screen and (max-width: 767px) {
      .form-schedule-my-tour-wrap .type-lg, .form-schedule-my-tour-wrap .type-subtitle-sm, .form-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info .form-schedule-my-tour-wrap .snapshot, .form-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info .form-schedule-my-tour-wrap li, .form-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon .form-schedule-my-tour-wrap .divider.red, .form-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card .form-schedule-my-tour-wrap .divider.card-title, .form-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon .form-schedule-my-tour-wrap .divider.card-title, .form-schedule-my-tour-wrap #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a,
      .form-schedule-my-tour-wrap #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li .form-schedule-my-tour-wrap a, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share .form-schedule-my-tour-wrap input, .form-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share .form-schedule-my-tour-wrap textarea, .form-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div .form-schedule-my-tour-wrap span {
        font-size: 6.9vw; } }
  .form-schedule-my-tour-wrap button[disabled="disabled"] span {
    color: #cecece; }
  .form-schedule-my-tour-wrap .date-time {
    margin-top: 30px;
    margin-bottom: 7.5px; }
  .form-schedule-my-tour-wrap form .button-flex .btn-wrap .btn.btn-orange {
    margin-bottom: 0; }
  .form-schedule-my-tour-wrap form .form-components {
    width: 100%; }
    @media only screen and (min-width: 1230px) {
      .form-schedule-my-tour-wrap form .form-components .scheduled {
        float: right;
        margin-top: -60px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .form-schedule-my-tour-wrap form .form-components .scheduled {
        float: right;
        margin-top: -60px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .form-schedule-my-tour-wrap form .form-components .scheduled {
        float: right;
        margin-top: -60px; } }
    .form-schedule-my-tour-wrap form .form-components .scheduled > li {
      color: white;
      font-size: 12px; }
      .form-schedule-my-tour-wrap form .form-components .scheduled > li span.edit-btn {
        cursor: pointer;
        padding-left: 5px;
        text-decoration: underline; }
      .form-schedule-my-tour-wrap form .form-components .scheduled > li:first-child, .form-schedule-my-tour-wrap form .form-components .scheduled > li:nth-child(2) {
        line-height: 18px; }
      .form-schedule-my-tour-wrap form .form-components .scheduled > li:last-child {
        line-height: 30px; }
      @media only screen and (min-width: 1230px) {
        .form-schedule-my-tour-wrap form .form-components .scheduled > li {
          text-align: right; } }
  .form-schedule-my-tour-wrap form .form-component {
    background-color: white;
    border-radius: 5px;
    float: left;
    width: calc(50% - 10px);
    margin-bottom: 10px;
    border: none; }
    @media only screen and (max-width: 767px) {
      .form-schedule-my-tour-wrap form .form-component {
        width: 100%; } }
    .form-schedule-my-tour-wrap form .form-component:nth-child(even) {
      float: right; }
    .form-schedule-my-tour-wrap form .form-component i.fa.fa-angle-down {
      font-size: 30px;
      top: 3px;
      z-index: 1; }
    .form-schedule-my-tour-wrap form .form-component .form-control {
      background-color: transparent; }
  .form-schedule-my-tour-wrap form .button-flex {
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .form-schedule-my-tour-wrap form .button-flex {
        -ms-flex-pack: center;
        justify-content: center; } }
    .form-schedule-my-tour-wrap form .button-flex .btn-wrap {
      color: white;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media only screen and (min-width: 1230px) {
        .form-schedule-my-tour-wrap form .button-flex .btn-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: end;
          align-items: flex-end; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .form-schedule-my-tour-wrap form .button-flex .btn-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: end;
          align-items: flex-end; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .form-schedule-my-tour-wrap form .button-flex .btn-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: end;
          align-items: flex-end; } }
      @media only screen and (max-width: 767px) {
        .form-schedule-my-tour-wrap form .button-flex .btn-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: start;
          align-items: flex-start; } }
      .form-schedule-my-tour-wrap form .button-flex .btn-wrap .checkbox-opt-in label {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .form-schedule-my-tour-wrap form .button-flex .btn-wrap .checkbox-opt-in label {
            font-size: 12px; } }
      .form-schedule-my-tour-wrap form .button-flex .btn-wrap .btn.btn-orange {
        margin-bottom: -51px; }
        @media only screen and (min-width: 1230px) {
          .form-schedule-my-tour-wrap form .button-flex .btn-wrap .btn.btn-orange {
            padding: 9px 21px; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .form-schedule-my-tour-wrap form .button-flex .btn-wrap .btn.btn-orange {
            padding: 9px 21px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .form-schedule-my-tour-wrap form .button-flex .btn-wrap .btn.btn-orange {
            font-size: 13.5px;
            padding: 9px 21px; } }
        @media only screen and (max-width: 767px) {
          .form-schedule-my-tour-wrap form .button-flex .btn-wrap .btn.btn-orange {
            font-size: 16px;
            padding: 9px 21px;
            margin-bottom: 0; } }
      @media only screen and (min-width: 1230px) {
        .form-schedule-my-tour-wrap form .button-flex .btn-wrap p {
          margin-bottom: 7.5px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .form-schedule-my-tour-wrap form .button-flex .btn-wrap p {
          margin-bottom: 7.5px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .form-schedule-my-tour-wrap form .button-flex .btn-wrap p {
          margin-bottom: 7.5px; } }
      @media only screen and (max-width: 767px) {
        .form-schedule-my-tour-wrap form .button-flex .btn-wrap p {
          margin-top: 15px; } }
      .form-schedule-my-tour-wrap form .button-flex .btn-wrap p a {
        color: #fff; }
        @media only screen and (max-width: 767px) {
          .form-schedule-my-tour-wrap form .button-flex .btn-wrap p a {
            font-size: 15px; } }
  .form-schedule-my-tour-wrap h5 {
    color: #fff; }
  .form-schedule-my-tour-wrap .tour-confirmation {
    line-height: 24px;
    color: #fff;
    text-align: center; }
    .form-schedule-my-tour-wrap .tour-confirmation p {
      margin-bottom: 15px; }
  .form-schedule-my-tour-wrap div.form-results-loader i.fa {
    color: #fff; }
  .form-schedule-my-tour-wrap .dropdown {
    margin: 10px 0 15px 0;
    text-align: center;
    width: 100%; }
  .form-schedule-my-tour-wrap button.btn-dropdown.dropdown-toggle,
  .form-schedule-my-tour-wrap button.btn-dropdown.dropdown-toggle:focus {
    width: auto !important;
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    display: inline-block;
    float: none;
    padding: 5px 8px !important; }
  .form-schedule-my-tour-wrap .dropdown button {
    font-size: 12px;
    box-shadow: none !important;
    padding: 10px;
    margin-bottom: 0px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    .form-schedule-my-tour-wrap .dropdown button svg {
      width: 14px;
      margin-left: 8px;
      transform-origin: center;
      transform: rotate(0deg);
      transition: all 0.2s ease-out; }
      .form-schedule-my-tour-wrap .dropdown button svg path:not(.no-fill), .form-schedule-my-tour-wrap .dropdown button svg polygon:not(.no-fill), .form-schedule-my-tour-wrap .dropdown button svg rect:not(.no-fill), .form-schedule-my-tour-wrap .dropdown button svg ellipse:not(.no-fill), .form-schedule-my-tour-wrap .dropdown button svg circle:not(.no-fill), .form-schedule-my-tour-wrap .dropdown button svg line:not(.no-fill) {
        fill: #a0a0a0; }
      .form-schedule-my-tour-wrap .dropdown button svg g path {
        fill: #fff !important; }
  .form-schedule-my-tour-wrap .dropdown.open button svg {
    transform-origin: center;
    transform: rotate(-180deg);
    transition: all 0.2s ease-in; }
  .form-schedule-my-tour-wrap .dropdown-menu {
    background-color: #f5f5f5;
    border-radius: 0; }
    .form-schedule-my-tour-wrap .dropdown-menu a {
      border: none;
      font-size: 14px;
      padding: 10px 15px;
      white-space: normal;
      font-weight: 400;
      transition: all 0.2s ease-out;
      cursor: pointer !important; }
      .form-schedule-my-tour-wrap .dropdown-menu a:hover {
        transition: all 0.2s ease-in;
        background-color: #ba1f31;
        color: white; }
        .form-schedule-my-tour-wrap .dropdown-menu a:hover > * {
          color: white; }
      @media only screen and (min-width: 1230px) {
        .form-schedule-my-tour-wrap .dropdown-menu a {
          padding: 10px 20px; } }

.form-exposed-schedule-my-tour-wrap {
  background-color: #00a5b8;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media only screen and (min-width: 1230px) {
    .form-exposed-schedule-my-tour-wrap {
      padding: 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .form-exposed-schedule-my-tour-wrap {
      padding: 30px 24px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .form-exposed-schedule-my-tour-wrap {
      padding: 30px 15px; } }
  @media only screen and (max-width: 767px) {
    .form-exposed-schedule-my-tour-wrap {
      padding: 20px 15px; } }
  .form-exposed-schedule-my-tour-wrap .type-lg, .form-exposed-schedule-my-tour-wrap .type-subtitle-sm, .form-exposed-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info .form-exposed-schedule-my-tour-wrap .snapshot, .form-exposed-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info .form-exposed-schedule-my-tour-wrap li, .form-exposed-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon .form-exposed-schedule-my-tour-wrap .divider.red, .form-exposed-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card .form-exposed-schedule-my-tour-wrap .divider.card-title, .form-exposed-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon .form-exposed-schedule-my-tour-wrap .divider.card-title, .form-exposed-schedule-my-tour-wrap #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a,
  .form-exposed-schedule-my-tour-wrap #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share .form-exposed-schedule-my-tour-wrap input, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share .form-exposed-schedule-my-tour-wrap textarea, .form-exposed-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div .form-exposed-schedule-my-tour-wrap span {
    color: white; }
    @media only screen and (min-width: 1230px) {
      .form-exposed-schedule-my-tour-wrap .type-lg, .form-exposed-schedule-my-tour-wrap .type-subtitle-sm, .form-exposed-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info .form-exposed-schedule-my-tour-wrap .snapshot, .form-exposed-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info .form-exposed-schedule-my-tour-wrap li, .form-exposed-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon .form-exposed-schedule-my-tour-wrap .divider.red, .form-exposed-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card .form-exposed-schedule-my-tour-wrap .divider.card-title, .form-exposed-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon .form-exposed-schedule-my-tour-wrap .divider.card-title, .form-exposed-schedule-my-tour-wrap #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a,
      .form-exposed-schedule-my-tour-wrap #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share .form-exposed-schedule-my-tour-wrap input, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share .form-exposed-schedule-my-tour-wrap textarea, .form-exposed-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div .form-exposed-schedule-my-tour-wrap span {
        margin-bottom: 24px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .form-exposed-schedule-my-tour-wrap .type-lg, .form-exposed-schedule-my-tour-wrap .type-subtitle-sm, .form-exposed-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info .form-exposed-schedule-my-tour-wrap .snapshot, .form-exposed-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info .form-exposed-schedule-my-tour-wrap li, .form-exposed-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon .form-exposed-schedule-my-tour-wrap .divider.red, .form-exposed-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card .form-exposed-schedule-my-tour-wrap .divider.card-title, .form-exposed-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon .form-exposed-schedule-my-tour-wrap .divider.card-title, .form-exposed-schedule-my-tour-wrap #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a,
      .form-exposed-schedule-my-tour-wrap #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share .form-exposed-schedule-my-tour-wrap input, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share .form-exposed-schedule-my-tour-wrap textarea, .form-exposed-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div .form-exposed-schedule-my-tour-wrap span {
        font-size: 16.5px; } }
    @media only screen and (max-width: 767px) {
      .form-exposed-schedule-my-tour-wrap .type-lg, .form-exposed-schedule-my-tour-wrap .type-subtitle-sm, .form-exposed-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info .form-exposed-schedule-my-tour-wrap .snapshot, .form-exposed-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info .form-exposed-schedule-my-tour-wrap li, .form-exposed-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon .form-exposed-schedule-my-tour-wrap .divider.red, .form-exposed-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card .form-exposed-schedule-my-tour-wrap .divider.card-title, .form-exposed-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon .form-exposed-schedule-my-tour-wrap .divider.card-title, .form-exposed-schedule-my-tour-wrap #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a,
      .form-exposed-schedule-my-tour-wrap #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li .form-exposed-schedule-my-tour-wrap a, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share .form-exposed-schedule-my-tour-wrap input, .form-exposed-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share .form-exposed-schedule-my-tour-wrap textarea, .form-exposed-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div .form-exposed-schedule-my-tour-wrap span {
        font-size: 6.9vw; } }
  .form-exposed-schedule-my-tour-wrap button[disabled="disabled"] span {
    color: #cecece; }
  .form-exposed-schedule-my-tour-wrap .date-time {
    margin-top: 30px;
    margin-bottom: 7.5px; }
  @media only screen and (min-width: 1230px) {
    .form-exposed-schedule-my-tour-wrap form > .row > div[class^="col-"]:first-child > div {
      padding-right: 15px; } }
  @media only screen and (min-width: 1230px) {
    .form-exposed-schedule-my-tour-wrap form > .row > div[class^="col-"]:last-child > div {
      padding-left: 15px; } }
  .form-exposed-schedule-my-tour-wrap form .button-flex .btn-wrap .btn.btn-orange {
    margin-bottom: 0; }
  .form-exposed-schedule-my-tour-wrap form .form-components {
    width: 100%; }
    .form-exposed-schedule-my-tour-wrap form .form-components .scheduled > li {
      color: white;
      font-size: 12px; }
      .form-exposed-schedule-my-tour-wrap form .form-components .scheduled > li span.edit-btn {
        cursor: pointer;
        padding-left: 5px;
        text-decoration: underline; }
      .form-exposed-schedule-my-tour-wrap form .form-components .scheduled > li:first-child, .form-exposed-schedule-my-tour-wrap form .form-components .scheduled > li:nth-child(2) {
        line-height: 18px; }
      .form-exposed-schedule-my-tour-wrap form .form-components .scheduled > li:last-child {
        line-height: 30px; }
      @media only screen and (min-width: 1230px) {
        .form-exposed-schedule-my-tour-wrap form .form-components .scheduled > li {
          text-align: right; } }
      @media only screen and (max-width: 767px) {
        .form-exposed-schedule-my-tour-wrap form .form-components .scheduled > li {
          display: block; } }
  .form-exposed-schedule-my-tour-wrap form .form-component {
    margin-bottom: 10px;
    height: 40px;
    border: none; }
    @media only screen and (max-width: 767px) {
      .form-exposed-schedule-my-tour-wrap form .form-component {
        width: 100%; } }
    .form-exposed-schedule-my-tour-wrap form .form-component i.fa.fa-angle-down {
      font-size: 30px;
      top: 3px; }
  .form-exposed-schedule-my-tour-wrap form .checkbox-opt-in label {
    color: white;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px; }
  .form-exposed-schedule-my-tour-wrap form .btn-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media only screen and (min-width: 1230px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end; } }
    @media only screen and (max-width: 767px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start; } }
    @media only screen and (min-width: 1230px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap .btn.btn-orange {
        padding: 9px 21px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap .btn.btn-orange {
        padding: 9px 21px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap .btn.btn-orange {
        font-size: 13.5px;
        padding: 9px 21px; } }
    @media only screen and (max-width: 767px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap .btn.btn-orange {
        font-size: 16px;
        padding: 9px 21px;
        margin-bottom: 0; } }
    @media only screen and (min-width: 1230px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap p {
        margin-bottom: 7.5px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap p {
        margin-bottom: 7.5px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap p {
        margin-bottom: 7.5px; } }
    @media only screen and (max-width: 767px) {
      .form-exposed-schedule-my-tour-wrap form .btn-wrap p {
        margin-top: 15px; } }
    .form-exposed-schedule-my-tour-wrap form .btn-wrap p a {
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .form-exposed-schedule-my-tour-wrap form .btn-wrap p a {
          font-size: 15px; } }
  .form-exposed-schedule-my-tour-wrap h5 {
    color: #fff; }
  .form-exposed-schedule-my-tour-wrap .tour-confirmation {
    line-height: 24px;
    color: #fff;
    margin-bottom: 15px; }
  .form-exposed-schedule-my-tour-wrap div.form-results-loader i.fa {
    color: #fff; }
  .form-exposed-schedule-my-tour-wrap .dropdown {
    margin-bottom: 15px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .form-exposed-schedule-my-tour-wrap .dropdown {
        margin-top: 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .form-exposed-schedule-my-tour-wrap .dropdown {
        margin-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .form-exposed-schedule-my-tour-wrap .dropdown {
        margin-top: 10px; } }
  .form-exposed-schedule-my-tour-wrap button.btn-dropdown.dropdown-toggle,
  .form-exposed-schedule-my-tour-wrap button.btn-dropdown.dropdown-toggle:focus {
    width: auto !important;
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 5px 8px !important; }
  .form-exposed-schedule-my-tour-wrap .dropdown button {
    font-size: 12px;
    box-shadow: none !important;
    padding: 10px;
    margin-bottom: 0px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    .form-exposed-schedule-my-tour-wrap .dropdown button svg {
      width: 14px;
      margin-left: 8px;
      transform-origin: center;
      transform: rotate(0deg);
      transition: all 0.2s ease-out; }
      .form-exposed-schedule-my-tour-wrap .dropdown button svg path:not(.no-fill), .form-exposed-schedule-my-tour-wrap .dropdown button svg polygon:not(.no-fill), .form-exposed-schedule-my-tour-wrap .dropdown button svg rect:not(.no-fill), .form-exposed-schedule-my-tour-wrap .dropdown button svg ellipse:not(.no-fill), .form-exposed-schedule-my-tour-wrap .dropdown button svg circle:not(.no-fill), .form-exposed-schedule-my-tour-wrap .dropdown button svg line:not(.no-fill) {
        fill: #a0a0a0; }
      .form-exposed-schedule-my-tour-wrap .dropdown button svg g path {
        fill: #fff !important; }
  .form-exposed-schedule-my-tour-wrap .dropdown.open button svg {
    transform-origin: center;
    transform: rotate(-180deg);
    transition: all 0.2s ease-in; }
  .form-exposed-schedule-my-tour-wrap .dropdown-menu {
    background-color: #f5f5f5;
    border-radius: 0; }
    .form-exposed-schedule-my-tour-wrap .dropdown-menu a {
      border: none;
      font-size: 14px;
      padding: 10px 15px;
      white-space: normal;
      font-weight: 400;
      transition: all 0.2s ease-out;
      cursor: pointer !important; }
      .form-exposed-schedule-my-tour-wrap .dropdown-menu a:hover {
        transition: all 0.2s ease-in;
        background-color: #ba1f31;
        color: white; }
        .form-exposed-schedule-my-tour-wrap .dropdown-menu a:hover > * {
          color: white; }
      @media only screen and (min-width: 1230px) {
        .form-exposed-schedule-my-tour-wrap .dropdown-menu a {
          padding: 10px 20px; } }

.inline-new-phase, .inline-get-fast-answers, .inline-stay-updated inline-form,
.inline-energywyse inline-form {
  background-color: #dedede;
  height: 140px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .inline-new-phase, .inline-get-fast-answers, .inline-stay-updated inline-form,
    .inline-energywyse inline-form {
      display: block;
      text-align: center;
      height: auto;
      padding: 10px 20px; } }
  .inline-new-phase .image, .inline-get-fast-answers .image, .inline-stay-updated inline-form .image, .inline-energywyse inline-form .image {
    background-image: url("/images/site/microsite/tiny-tree.jpg");
    background-size: cover;
    background-position: bottom center;
    width: 255px;
    height: 100%;
    -ms-flex: 1.5 0 0;
    flex: 1.5 0 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inline-new-phase .image, .inline-get-fast-answers .image, .inline-stay-updated inline-form .image, .inline-energywyse inline-form .image {
        display: none; } }
  .inline-new-phase .copy, .inline-get-fast-answers .copy, .inline-stay-updated inline-form .copy, .inline-energywyse inline-form .copy {
    padding-left: 25px;
    -ms-flex: 2;
    flex: 2; }
    .inline-new-phase .copy p.type-lg, .inline-get-fast-answers .copy p.type-lg, .inline-stay-updated inline-form .copy p.type-lg, .inline-energywyse inline-form .copy p.type-lg, .inline-new-phase .copy p.type-subtitle-sm, .inline-get-fast-answers .copy p.type-subtitle-sm, .inline-stay-updated inline-form .copy p.type-subtitle-sm, .inline-energywyse inline-form .copy p.type-subtitle-sm, .inline-new-phase .copy snapshot-info p.snapshot, snapshot-info .inline-new-phase .copy p.snapshot, .inline-get-fast-answers .copy snapshot-info p.snapshot, snapshot-info .inline-get-fast-answers .copy p.snapshot, .inline-stay-updated inline-form .copy snapshot-info p.snapshot, snapshot-info .inline-stay-updated inline-form .copy p.snapshot, .inline-energywyse inline-form .copy snapshot-info p.snapshot, snapshot-info .inline-energywyse inline-form .copy p.snapshot, .inline-new-phase .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-new-phase .copy p.divider.red, .inline-get-fast-answers .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-get-fast-answers .copy p.divider.red, .inline-stay-updated inline-form .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-stay-updated inline-form .copy p.divider.red, .inline-energywyse inline-form .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-energywyse inline-form .copy p.divider.red, .inline-new-phase .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-new-phase .copy p.divider.card-title, .inline-get-fast-answers .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-get-fast-answers .copy p.divider.card-title, .inline-stay-updated inline-form .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-stay-updated inline-form .copy p.divider.card-title, .inline-energywyse inline-form .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-energywyse inline-form .copy p.divider.card-title, .inline-new-phase .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-new-phase .copy p.divider.card-title, .inline-get-fast-answers .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-get-fast-answers .copy p.divider.card-title, .inline-stay-updated inline-form .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-stay-updated inline-form .copy p.divider.card-title, .inline-energywyse inline-form .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-energywyse inline-form .copy p.divider.card-title {
      font-style: italic;
      margin-bottom: 5px; }
    .inline-new-phase .copy p.type-xs, .inline-get-fast-answers .copy p.type-xs, .inline-stay-updated inline-form .copy p.type-xs, .inline-energywyse inline-form .copy p.type-xs,
    .inline-new-phase .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-new-phase .copy li > p.dd-trigger,
    .inline-get-fast-answers .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-get-fast-answers .copy li > p.dd-trigger,
    .inline-stay-updated inline-form .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-stay-updated inline-form .copy li > p.dd-trigger,
    .inline-energywyse inline-form .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-energywyse inline-form .copy li > p.dd-trigger, .inline-new-phase .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-new-phase .copy p.year, .inline-get-fast-answers .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-get-fast-answers .copy p.year, .inline-stay-updated inline-form .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-stay-updated inline-form .copy p.year, .inline-energywyse inline-form .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-energywyse inline-form .copy p.year {
      line-height: 22px; }
    @media only screen and (max-width: 767px) {
      .inline-new-phase .copy, .inline-get-fast-answers .copy, .inline-stay-updated inline-form .copy, .inline-energywyse inline-form .copy {
        padding-left: 0;
        margin-bottom: 20px; } }
  .inline-new-phase .flex-wrap, .inline-get-fast-answers .flex-wrap, .inline-stay-updated inline-form .flex-wrap, .inline-energywyse inline-form .flex-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 4;
    flex: 4; }
    .inline-new-phase .flex-wrap .form-results-container div.form-results-loader, .inline-get-fast-answers .flex-wrap .form-results-container div.form-results-loader, .inline-stay-updated inline-form .flex-wrap .form-results-container div.form-results-loader, .inline-energywyse inline-form .flex-wrap .form-results-container div.form-results-loader {
      margin-top: 50px; }
    .inline-new-phase .flex-wrap .form-results-container h5, .inline-get-fast-answers .flex-wrap .form-results-container h5, .inline-stay-updated inline-form .flex-wrap .form-results-container h5, .inline-energywyse inline-form .flex-wrap .form-results-container h5 {
      margin-top: 80px; }
    @media only screen and (max-width: 767px) {
      .inline-new-phase .flex-wrap, .inline-get-fast-answers .flex-wrap, .inline-stay-updated inline-form .flex-wrap, .inline-energywyse inline-form .flex-wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch; } }
  .inline-new-phase .flex-wrap form, .inline-get-fast-answers .flex-wrap form, .inline-stay-updated inline-form .flex-wrap form, .inline-energywyse inline-form .flex-wrap form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px; }
    .inline-new-phase .flex-wrap form > .input-group, .inline-get-fast-answers .flex-wrap form > .input-group, .inline-stay-updated inline-form .flex-wrap form > .input-group, .inline-energywyse inline-form .flex-wrap form > .input-group {
      width: 60%; }
    .inline-new-phase .flex-wrap form > .input-group:last-child, .inline-get-fast-answers .flex-wrap form > .input-group:last-child, .inline-stay-updated inline-form .flex-wrap form > .input-group:last-child, .inline-energywyse inline-form .flex-wrap form > .input-group:last-child {
      width: 40%; }
    .inline-new-phase .flex-wrap form > .input-group > .form-component, .inline-get-fast-answers .flex-wrap form > .input-group > .form-component, .inline-stay-updated inline-form .flex-wrap form > .input-group > .form-component, .inline-energywyse inline-form .flex-wrap form > .input-group > .form-component {
      width: calc(50% - 10px); }
      .inline-new-phase .flex-wrap form > .input-group > .form-component:nth-child(odd), .inline-get-fast-answers .flex-wrap form > .input-group > .form-component:nth-child(odd), .inline-stay-updated inline-form .flex-wrap form > .input-group > .form-component:nth-child(odd), .inline-energywyse inline-form .flex-wrap form > .input-group > .form-component:nth-child(odd) {
        float: left; }
      .inline-new-phase .flex-wrap form > .input-group > .form-component:nth-child(even), .inline-get-fast-answers .flex-wrap form > .input-group > .form-component:nth-child(even), .inline-stay-updated inline-form .flex-wrap form > .input-group > .form-component:nth-child(even), .inline-energywyse inline-form .flex-wrap form > .input-group > .form-component:nth-child(even) {
        float: right; }
      .inline-new-phase .flex-wrap form > .input-group > .form-component:nth-child(n + 1), .inline-get-fast-answers .flex-wrap form > .input-group > .form-component:nth-child(n + 1), .inline-stay-updated inline-form .flex-wrap form > .input-group > .form-component:nth-child(n + 1), .inline-energywyse inline-form .flex-wrap form > .input-group > .form-component:nth-child(n + 1) {
        margin-bottom: 20px; }
    .inline-new-phase .flex-wrap form .input-group.form-components, .inline-get-fast-answers .flex-wrap form .input-group.form-components, .inline-stay-updated inline-form .flex-wrap form .input-group.form-components, .inline-energywyse inline-form .flex-wrap form .input-group.form-components {
      margin-top: 20px; }
    .inline-new-phase .flex-wrap form .checkbox-opt-in label, .inline-get-fast-answers .flex-wrap form .checkbox-opt-in label, .inline-stay-updated inline-form .flex-wrap form .checkbox-opt-in label, .inline-energywyse inline-form .flex-wrap form .checkbox-opt-in label {
      font-size: 12px;
      line-height: 15px; }
      .inline-new-phase .flex-wrap form .checkbox-opt-in label input[type="checkbox"], .inline-get-fast-answers .flex-wrap form .checkbox-opt-in label input[type="checkbox"], .inline-stay-updated inline-form .flex-wrap form .checkbox-opt-in label input[type="checkbox"], .inline-energywyse inline-form .flex-wrap form .checkbox-opt-in label input[type="checkbox"] {
        position: relative;
        top: 3px; }
    .inline-new-phase .flex-wrap form .btn-wrap, .inline-get-fast-answers .flex-wrap form .btn-wrap, .inline-stay-updated inline-form .flex-wrap form .btn-wrap, .inline-energywyse inline-form .flex-wrap form .btn-wrap {
      margin-left: 20px; }
    .inline-new-phase .flex-wrap form .btn-wrap input[type="submit"], .inline-get-fast-answers .flex-wrap form .btn-wrap input[type="submit"], .inline-stay-updated inline-form .flex-wrap form .btn-wrap input[type="submit"], .inline-energywyse inline-form .flex-wrap form .btn-wrap input[type="submit"] {
      display: block;
      margin: 15px auto;
      padding: 10px 45px;
      position: relative;
      z-index: 1; }
    .inline-new-phase .flex-wrap form a, .inline-get-fast-answers .flex-wrap form a, .inline-stay-updated inline-form .flex-wrap form a, .inline-energywyse inline-form .flex-wrap form a {
      color: #7f7f7f;
      display: block;
      text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inline-new-phase .flex-wrap form .btn-wrap, .inline-get-fast-answers .flex-wrap form .btn-wrap, .inline-stay-updated inline-form .flex-wrap form .btn-wrap, .inline-energywyse inline-form .flex-wrap form .btn-wrap {
        margin-bottom: 20px; }
      .inline-new-phase .flex-wrap form .btn-wrap input[type="submit"], .inline-get-fast-answers .flex-wrap form .btn-wrap input[type="submit"], .inline-stay-updated inline-form .flex-wrap form .btn-wrap input[type="submit"], .inline-energywyse inline-form .flex-wrap form .btn-wrap input[type="submit"] {
        font-size: 13px;
        padding: 10px; } }
    @media only screen and (max-width: 767px) {
      .inline-new-phase .flex-wrap form, .inline-get-fast-answers .flex-wrap form, .inline-stay-updated inline-form .flex-wrap form, .inline-energywyse inline-form .flex-wrap form {
        padding: 0;
        display: block; }
        .inline-new-phase .flex-wrap form > .input-group, .inline-get-fast-answers .flex-wrap form > .input-group, .inline-stay-updated inline-form .flex-wrap form > .input-group, .inline-energywyse inline-form .flex-wrap form > .input-group, .inline-new-phase .flex-wrap form > .input-group:last-child, .inline-get-fast-answers .flex-wrap form > .input-group:last-child, .inline-stay-updated inline-form .flex-wrap form > .input-group:last-child, .inline-energywyse inline-form .flex-wrap form > .input-group:last-child {
          width: 100%; }
        .inline-new-phase .flex-wrap form > .input-group > .form-component, .inline-get-fast-answers .flex-wrap form > .input-group > .form-component, .inline-stay-updated inline-form .flex-wrap form > .input-group > .form-component, .inline-energywyse inline-form .flex-wrap form > .input-group > .form-component, .inline-new-phase .flex-wrap form > .input-group > .form-component:nth-child(n + 1), .inline-get-fast-answers .flex-wrap form > .input-group > .form-component:nth-child(n + 1), .inline-stay-updated inline-form .flex-wrap form > .input-group > .form-component:nth-child(n + 1), .inline-energywyse inline-form .flex-wrap form > .input-group > .form-component:nth-child(n + 1) {
          width: 100%;
          float: none;
          margin-bottom: 15px; }
        .inline-new-phase .flex-wrap form .input-group.form-components, .inline-get-fast-answers .flex-wrap form .input-group.form-components, .inline-stay-updated inline-form .flex-wrap form .input-group.form-components, .inline-energywyse inline-form .flex-wrap form .input-group.form-components {
          margin-top: 0px; }
        .inline-new-phase .flex-wrap form .btn-wrap, .inline-get-fast-answers .flex-wrap form .btn-wrap, .inline-stay-updated inline-form .flex-wrap form .btn-wrap, .inline-energywyse inline-form .flex-wrap form .btn-wrap {
          margin-left: 0px;
          margin-bottom: 0px; }
        .inline-new-phase .flex-wrap form .btn-wrap input[type="submit"], .inline-get-fast-answers .flex-wrap form .btn-wrap input[type="submit"], .inline-stay-updated inline-form .flex-wrap form .btn-wrap input[type="submit"], .inline-energywyse inline-form .flex-wrap form .btn-wrap input[type="submit"] {
          font-size: 16px;
          margin-bottom: 10px; } }

.inline-get-fast-answers .image {
  width: 145px;
  -ms-flex: initial !important;
  flex: initial !important; }
  @media only screen and (max-width: 767px) {
    .inline-get-fast-answers .image {
      display: none; } }

.inline-get-fast-answers .copy {
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  text-align: left;
  padding: 25px 5px; }
  .inline-get-fast-answers .copy p.type-lg, .inline-get-fast-answers .copy p.type-subtitle-sm, .inline-get-fast-answers .copy snapshot-info p.snapshot, snapshot-info .inline-get-fast-answers .copy p.snapshot, .inline-get-fast-answers .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-get-fast-answers .copy p.divider.red, .inline-get-fast-answers .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-get-fast-answers .copy p.divider.card-title, .inline-get-fast-answers .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-get-fast-answers .copy p.divider.card-title {
    line-height: 25px;
    font-size: 14px;
    text-align: left; }
  .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers .copy p.card-title {
    color: #7f7f7f;
    font-style: initial;
    line-height: 25px; }
  .inline-get-fast-answers .copy p.type-xs,
  .inline-get-fast-answers .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-get-fast-answers .copy li > p.dd-trigger, .inline-get-fast-answers .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-get-fast-answers .copy p.year,
  .inline-get-fast-answers .copy p > a {
    color: inherit;
    font-style: initial;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 5px; }

.inline-get-fast-answers .flex-wrap {
  -ms-flex: 5;
  flex: 5; }
  @media only screen and (min-width: 1230px) {
    .inline-get-fast-answers .flex-wrap form {
      padding: 20px 5px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .inline-get-fast-answers .flex-wrap form {
      padding: 20px 5px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .inline-get-fast-answers .flex-wrap form {
      padding: 20px 5px; } }
  @media only screen and (min-width: 1230px) {
    .inline-get-fast-answers .flex-wrap form > .input-group {
      width: 52.5%; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .inline-get-fast-answers .flex-wrap form > .input-group {
      width: 52.5%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .inline-get-fast-answers .flex-wrap form > .input-group {
      width: 52.5%; } }
  @media only screen and (min-width: 1230px) {
    .inline-get-fast-answers .flex-wrap form > .input-group:last-child {
      width: 46.5%; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .inline-get-fast-answers .flex-wrap form > .input-group:last-child {
      width: 46.5%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .inline-get-fast-answers .flex-wrap form > .input-group:last-child {
      width: 46.5%; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inline-get-fast-answers .copy {
    -ms-flex: 1.4 0 0;
    flex: 1.4 0 0;
    padding: 0; }
  .inline-get-fast-answers p.type-lg, .inline-get-fast-answers p.type-subtitle-sm, .inline-get-fast-answers snapshot-info p.snapshot, snapshot-info .inline-get-fast-answers p.snapshot, .inline-get-fast-answers #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-get-fast-answers p.divider.red, .inline-get-fast-answers #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-get-fast-answers p.divider.card-title, .inline-get-fast-answers .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-get-fast-answers p.divider.card-title {
    line-height: 20px;
    font-size: 13px; }
  .inline-get-fast-answers .flex-wrap {
    -ms-flex: 5 0 0;
    flex: 5 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .inline-get-fast-answers .copy {
    -ms-flex: 1.3 0 0;
    flex: 1.3 0 0;
    padding: 10px; }
  .inline-get-fast-answers .copy p.type-lg, .inline-get-fast-answers .copy p.type-subtitle-sm, .inline-get-fast-answers .copy snapshot-info p.snapshot, snapshot-info .inline-get-fast-answers .copy p.snapshot, .inline-get-fast-answers .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-get-fast-answers .copy p.divider.red, .inline-get-fast-answers .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-get-fast-answers .copy p.divider.card-title, .inline-get-fast-answers .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-get-fast-answers .copy p.divider.card-title {
    line-height: 18px;
    font-size: 13px; }
  .inline-get-fast-answers .copy p.type-xs,
  .inline-get-fast-answers .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-get-fast-answers .copy li > p.dd-trigger, .inline-get-fast-answers .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-get-fast-answers .copy p.year {
    font-size: 16px;
    line-height: 20px; } }

@media only screen and (max-width: 767px) {
  .inline-get-fast-answers {
    background-color: #00a5b8;
    color: white; }
    .inline-get-fast-answers .copy {
      padding: 0; }
    .inline-get-fast-answers .copy, .inline-get-fast-answers .copy p.type-lg, .inline-get-fast-answers .copy p.type-subtitle-sm, .inline-get-fast-answers .copy snapshot-info p.snapshot, snapshot-info .inline-get-fast-answers .copy p.snapshot, .inline-get-fast-answers .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-get-fast-answers .copy p.divider.red, .inline-get-fast-answers .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-get-fast-answers .copy p.divider.card-title, .inline-get-fast-answers .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-get-fast-answers .copy p.divider.card-title {
      text-align: center; }
    .inline-get-fast-answers .copy p.type-xs,
    .inline-get-fast-answers .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-get-fast-answers .copy li > p.dd-trigger, .inline-get-fast-answers .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-get-fast-answers .copy p.year {
      color: #fff;
      font-size: 9vw;
      line-height: 12vw; }
    .inline-get-fast-answers .flex-wrap form .checkbox-opt-in label {
      color: #fff; }
    .inline-get-fast-answers .flex-wrap form .btn-wrap input[type="submit"] {
      font-size: 6vw;
      margin-left: auto;
      margin-right: auto; } }

.inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title {
  line-height: 22px; }

.inline-stay-updated,
.inline-energywyse {
  background-color: #dedede; }
  .inline-stay-updated inline-form .image,
  .inline-energywyse inline-form .image {
    display: none; }
  .inline-stay-updated inline-form .copy,
  .inline-energywyse inline-form .copy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 25px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inline-stay-updated inline-form .copy,
      .inline-energywyse inline-form .copy {
        padding-right: 0; } }
    @media only screen and (max-width: 767px) {
      .inline-stay-updated inline-form .copy,
      .inline-energywyse inline-form .copy {
        padding: 0;
        -ms-flex-pack: center;
        justify-content: center; } }
    .inline-stay-updated inline-form .copy p,
    .inline-energywyse inline-form .copy p {
      max-width: 240px;
      line-height: 40px;
      color: white; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .inline-stay-updated inline-form .copy p,
        .inline-energywyse inline-form .copy p {
          font-size: 18px;
          line-height: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .inline-stay-updated inline-form .copy p,
        .inline-energywyse inline-form .copy p {
          font-size: 16px;
          line-height: 20px; } }
      @media only screen and (max-width: 767px) {
        .inline-stay-updated inline-form .copy p,
        .inline-energywyse inline-form .copy p {
          font-size: 22px;
          max-width: 500px; } }
  .inline-stay-updated inline-form .flex-wrap,
  .inline-energywyse inline-form .flex-wrap {
    -ms-flex: 7 0 0;
    flex: 7 0 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inline-stay-updated inline-form .flex-wrap,
      .inline-energywyse inline-form .flex-wrap {
        -ms-flex: 5 0 0;
        flex: 5 0 0; } }
    .inline-stay-updated inline-form .flex-wrap .btn-wrap svg path:not(.no-fill), .inline-stay-updated inline-form .flex-wrap .btn-wrap svg polygon:not(.no-fill), .inline-stay-updated inline-form .flex-wrap .btn-wrap svg rect:not(.no-fill), .inline-stay-updated inline-form .flex-wrap .btn-wrap svg ellipse:not(.no-fill), .inline-stay-updated inline-form .flex-wrap .btn-wrap svg circle:not(.no-fill), .inline-stay-updated inline-form .flex-wrap .btn-wrap svg line:not(.no-fill),
    .inline-energywyse inline-form .flex-wrap .btn-wrap svg path:not(.no-fill),
    .inline-energywyse inline-form .flex-wrap .btn-wrap svg polygon:not(.no-fill),
    .inline-energywyse inline-form .flex-wrap .btn-wrap svg rect:not(.no-fill),
    .inline-energywyse inline-form .flex-wrap .btn-wrap svg ellipse:not(.no-fill),
    .inline-energywyse inline-form .flex-wrap .btn-wrap svg circle:not(.no-fill),
    .inline-energywyse inline-form .flex-wrap .btn-wrap svg line:not(.no-fill) {
      fill: white; }
    .inline-stay-updated inline-form .flex-wrap .btn-wrap span.icon,
    .inline-energywyse inline-form .flex-wrap .btn-wrap span.icon {
      position: absolute;
      top: 20px;
      left: 20px; }
    .inline-stay-updated inline-form .flex-wrap .btn-wrap input.btn,
    .inline-energywyse inline-form .flex-wrap .btn-wrap input.btn {
      transition: all 0.2s ease-out;
      background-color: #00a5b8;
      width: 100%; }
    .inline-stay-updated inline-form .flex-wrap .btn-wrap:hover input.btn,
    .inline-energywyse inline-form .flex-wrap .btn-wrap:hover input.btn {
      transition: all 0.2s ease-in;
      background-color: #00b300; }

.inline-energywyse inline-form .copy p {
  line-height: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .inline-energywyse inline-form .copy p {
      font-size: 16px; } }

.inline-energywyse inline-form .flex-wrap form .input-group:last-child {
  margin-top: -12px; }
  .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown,
  .inline-energywyse inline-form .flex-wrap form .input-group:last-child .form-component {
    width: 100%; }
  .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button.btn,
  .inline-energywyse inline-form .flex-wrap form .input-group:last-child .form-component {
    padding: 0px 0px 0px 20px;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button.btn,
      .inline-energywyse inline-form .flex-wrap form .input-group:last-child .form-component {
        margin-bottom: 20px;
        margin-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button.btn,
      .inline-energywyse inline-form .flex-wrap form .input-group:last-child .form-component {
        padding: 0;
        margin-top: 10px;
        margin-bottom: 15px; } }
  .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button span svg {
    width: 20px;
    height: 20px; }
    .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button span svg path:not(.no-fill), .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button span svg polygon:not(.no-fill), .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button span svg rect:not(.no-fill), .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button span svg ellipse:not(.no-fill), .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button span svg circle:not(.no-fill), .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-group.dropdown button span svg line:not(.no-fill) {
      fill: #7f7f7f; }
  .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-wrap {
    display: inline-block;
    float: right; }
    @media only screen and (max-width: 767px) {
      .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-wrap {
        float: none; } }
  .inline-energywyse inline-form .flex-wrap form .input-group:last-child .btn-wrap input.btn {
    padding: 7px 20px;
    font-size: 13px;
    margin-bottom: 0; }

.inline-exposed-schedule-my-tour {
  background-color: #dedede;
  margin-top: 45px;
  margin-bottom: 60px;
  width: 100%; }
  @media only screen and (min-width: 1230px) {
    .inline-exposed-schedule-my-tour {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .inline-exposed-schedule-my-tour {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .inline-exposed-schedule-my-tour {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (max-width: 767px) {
    .inline-exposed-schedule-my-tour {
      background-color: #00a5b8;
      color: white; } }
  .inline-exposed-schedule-my-tour .image {
    background-image: url("/images/site/microsite/tiny-tree.jpg");
    background-size: contain;
    background-position: left bottom;
    width: 15vw;
    height: 100%;
    background-repeat: no-repeat;
    -ms-flex: initial;
    flex: initial;
    max-width: 210px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inline-exposed-schedule-my-tour .image {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .inline-exposed-schedule-my-tour .image {
        display: none; } }
  @media only screen and (min-width: 1230px) {
    .inline-exposed-schedule-my-tour .copy {
      height: 100%;
      padding: 25px 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .inline-exposed-schedule-my-tour .copy {
      -ms-flex: 1.4 0 0;
      flex: 1.4 0 0;
      height: 100%;
      padding: 25px 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .inline-exposed-schedule-my-tour .copy {
      -ms-flex: 1.3 0 0;
      flex: 1.3 0 0;
      padding: 10px; } }
  @media only screen and (max-width: 767px) {
    .inline-exposed-schedule-my-tour .copy {
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center; } }
  @media only screen and (min-width: 1230px) {
    .inline-exposed-schedule-my-tour .copy p {
      margin-left: -1.5vw; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .inline-exposed-schedule-my-tour .copy p {
      margin-left: -1.5vw; } }
  .inline-exposed-schedule-my-tour .copy p.type-lg, .inline-exposed-schedule-my-tour .copy p.type-subtitle-sm, .inline-exposed-schedule-my-tour .copy snapshot-info p.snapshot, snapshot-info .inline-exposed-schedule-my-tour .copy p.snapshot, .inline-exposed-schedule-my-tour .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-exposed-schedule-my-tour .copy p.divider.red, .inline-exposed-schedule-my-tour .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-exposed-schedule-my-tour .copy p.divider.card-title, .inline-exposed-schedule-my-tour .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-exposed-schedule-my-tour .copy p.divider.card-title {
    font-size: 14px;
    font-style: italic;
    line-height: 25px;
    margin-bottom: 5px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .inline-exposed-schedule-my-tour .copy p.type-lg, .inline-exposed-schedule-my-tour .copy p.type-subtitle-sm, .inline-exposed-schedule-my-tour .copy snapshot-info p.snapshot, snapshot-info .inline-exposed-schedule-my-tour .copy p.snapshot, .inline-exposed-schedule-my-tour .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-exposed-schedule-my-tour .copy p.divider.red, .inline-exposed-schedule-my-tour .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-exposed-schedule-my-tour .copy p.divider.card-title, .inline-exposed-schedule-my-tour .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-exposed-schedule-my-tour .copy p.divider.card-title {
        line-height: 20px;
        font-size: 13px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .inline-exposed-schedule-my-tour .copy p.type-lg, .inline-exposed-schedule-my-tour .copy p.type-subtitle-sm, .inline-exposed-schedule-my-tour .copy snapshot-info p.snapshot, snapshot-info .inline-exposed-schedule-my-tour .copy p.snapshot, .inline-exposed-schedule-my-tour .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-exposed-schedule-my-tour .copy p.divider.red, .inline-exposed-schedule-my-tour .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-exposed-schedule-my-tour .copy p.divider.card-title, .inline-exposed-schedule-my-tour .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-exposed-schedule-my-tour .copy p.divider.card-title {
        line-height: 18px;
        font-size: 13px; } }
    @media only screen and (max-width: 767px) {
      .inline-exposed-schedule-my-tour .copy p.type-lg, .inline-exposed-schedule-my-tour .copy p.type-subtitle-sm, .inline-exposed-schedule-my-tour .copy snapshot-info p.snapshot, snapshot-info .inline-exposed-schedule-my-tour .copy p.snapshot, .inline-exposed-schedule-my-tour .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon .inline-exposed-schedule-my-tour .copy p.divider.red, .inline-exposed-schedule-my-tour .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card .inline-exposed-schedule-my-tour .copy p.divider.card-title, .inline-exposed-schedule-my-tour .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon .inline-exposed-schedule-my-tour .copy p.divider.card-title {
        text-align: center; } }
  .inline-exposed-schedule-my-tour .copy p.type-xs,
  .inline-exposed-schedule-my-tour .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-exposed-schedule-my-tour .copy li > p.dd-trigger, .inline-exposed-schedule-my-tour .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-exposed-schedule-my-tour .copy p.year,
  .inline-exposed-schedule-my-tour .copy p > a {
    color: inherit;
    font-style: initial;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 5px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .inline-exposed-schedule-my-tour .copy p.type-xs,
    .inline-exposed-schedule-my-tour .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-exposed-schedule-my-tour .copy li > p.dd-trigger, .inline-exposed-schedule-my-tour .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-exposed-schedule-my-tour .copy p.year {
      font-size: 16px;
      line-height: 20px; } }
  @media only screen and (max-width: 767px) {
    .inline-exposed-schedule-my-tour .copy p.type-xs,
    .inline-exposed-schedule-my-tour .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .inline-exposed-schedule-my-tour .copy li > p.dd-trigger, .inline-exposed-schedule-my-tour .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom .inline-exposed-schedule-my-tour .copy p.year {
      color: #fff;
      font-size: 9vw;
      line-height: 12vw; } }
  .inline-exposed-schedule-my-tour .flex-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 5;
    flex: 5; }
    .inline-exposed-schedule-my-tour .flex-wrap .form-results-container div.form-results-loader {
      margin-top: 50px; }
    .inline-exposed-schedule-my-tour .flex-wrap .form-results-container h5 {
      margin-top: 80px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .inline-exposed-schedule-my-tour .flex-wrap {
        -ms-flex: 6 0 0;
        flex: 6 0 0; } }
    @media only screen and (max-width: 767px) {
      .inline-exposed-schedule-my-tour .flex-wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch; } }

html.is-ie .inline-get-fast-answers .copy {
  width: 50%;
  -ms-flex: 1.5;
  flex: 1.5; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    html.is-ie .inline-get-fast-answers .copy {
      -ms-flex: 1;
      flex: 1; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    html.is-ie .inline-get-fast-answers .copy {
      -ms-flex: 1;
      flex: 1; } }

html.is-ie inline-form fh-form-inline {
  display: -ms-flexbox;
  display: flex; }

/* .customCheckbox */
div[class^="custom-checkbox-"] {
  width: 27px;
  height: 27px;
  position: relative;
  margin: 0 15px 0 0;
  border: 1px solid #a6a7a7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  div[class^="custom-checkbox-"] label {
    width: 25px;
    height: 25px; }
  div[class^="custom-checkbox-"] input[type=checkbox] {
    margin-right: 45px; }
  @media only screen and (max-width: 767px) {
    div[class^="custom-checkbox-"] {
      width: 22px;
      height: 22px; }
      div[class^="custom-checkbox-"] label {
        width: 20px;
        height: 20px; }
      div[class^="custom-checkbox-"] input[type=checkbox] {
        margin-right: 30px; } }
  div[class^="custom-checkbox-"] label {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent; }
    div[class^="custom-checkbox-"] label:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #00a5b8;
      opacity: 0;
      transition: all 0.2s ease-in;
      transform-origin: center;
      transform: scale(0); }
    div[class^="custom-checkbox-"] label.checkmark:after {
      background: transparent; }
    div[class^="custom-checkbox-"] label:hover::after {
      opacity: 0; }
  div[class^="custom-checkbox-"] input[type=checkbox] {
    visibility: hidden; }
    div[class^="custom-checkbox-"] input[type=checkbox]:checked + label:after {
      opacity: 1;
      transition: all 0.2s ease-out;
      transform-origin: center;
      transform: scale(1); }
    div[class^="custom-checkbox-"] input[type=checkbox]:checked + label:after {
      background: url("/images/site/global/checkmark.svg") no-repeat;
      background-size: 75%;
      background-position: 5px 5px; }

/* end .customCheckbox */
card, .card {
  cursor: pointer; }
  card .preloader,
  card .img, .card .preloader,
  .card .img {
    width: 100%;
    height: 255px; }
    @media only screen and (min-width: 768px) and (max-height: 850px) {
      card .preloader,
      card .img, .card .preloader,
      .card .img {
        height: 195px; } }
    @media only screen and (max-width: 767px) {
      card .preloader,
      card .img, .card .preloader,
      .card .img {
        height: 50vw; } }
  card .preloader, .card .preloader {
    background-repeat: no-repeat;
    background-image: url("/images/site/global/ajax-loader.gif");
    background-size: auto;
    background-position: center; }
  card .img, .card .img {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1; }
    card .img > *, .card .img > * {
      position: absolute; }
    card .img a.btn, .card .img a.btn {
      bottom: 20px;
      right: 20px;
      padding: 10px 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; }
    card .img .action-btn-group, .card .img .action-btn-group {
      bottom: 20px;
      right: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; }
      card .img .action-btn-group .action .popover, .card .img .action-btn-group .action .popover {
        width: 114px;
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: none;
        font-size: 14px !important;
        text-align: center;
        color: #00a5b8; }
      card .img .action-btn-group .action a, .card .img .action-btn-group .action a {
        display: inline-block;
        width: 36px;
        height: 36px;
        padding: 6px;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 100%;
        border: 1px solid #fff;
        transition: all 0.25s ease-in-out; }
        card .img .action-btn-group .action a.video, .card .img .action-btn-group .action a.video {
          padding: 7px; }
        card .img .action-btn-group .action a:hover, .card .img .action-btn-group .action a:hover {
          background-color: #00a5b8;
          border-color: #00a5b8; }
        card .img .action-btn-group .action a svg, .card .img .action-btn-group .action a svg {
          width: 100%;
          height: 100%; }
      card .img .action-btn-group .action + .action, .card .img .action-btn-group .action + .action {
        margin-left: 8px; }
    card .img .card-image-banner, .card .img .card-image-banner {
      position: absolute;
      top: -5px;
      right: -5px; }
  card .title, .card .title {
    padding: 15px 15px 15px 30px;
    text-align: left; }
    card .title .type-xl, card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li card .title a, card .title .card.floorplan-card .card-title, .card.floorplan-card card .title .card-title,
    card .title .type-md,
    card .title .sort .sort-item,
    .sort card .title .sort-item,
    card .title header #main-nav .dropdown-wide .col-right li,
    header #main-nav .dropdown-wide .col-right card .title li,
    card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
    header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill card .title li,
    card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
    #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill card .title li,
    card .title .inline-get-fast-answers.md .copy p.type-xl,
    .inline-get-fast-answers.md .copy card .title p.type-xl,
    card .title .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
    .inline-get-fast-answers.md .copy .card.floorplan-card card .title p.card-title,
    card .title .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers.md .copy card .title p.card-title,
    card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover card .title .popover-title,
    card .title .type-sm,
    card .title #slick-main .caption,
    #slick-main card .title .caption,
    card .title #slick-thumb .caption,
    #slick-thumb card .title .caption,
    card .title #slick-strip .caption,
    #slick-strip card .title .caption,
    card .title #slick-floorplan .caption,
    #slick-floorplan card .title .caption,
    card .title #slick-collections .caption,
    #slick-collections card .title .caption,
    card .title .inline-get-fast-answers .copy p.type-xl,
    .inline-get-fast-answers .copy card .title p.type-xl,
    card .title .inline-get-fast-answers .copy .card.floorplan-card p.card-title,
    .inline-get-fast-answers .copy .card.floorplan-card card .title p.card-title,
    card .title .card.floorplan-card .inline-get-fast-answers .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers .copy card .title p.card-title,
    card .title .card .snapshot li,
    .card .snapshot card .title li,
    card .title .card .card-wide .top .info .info-bottom .snapshot li,
    .card .card-wide .top .info .info-bottom .snapshot card .title li,
    card .title .card.card-wide .top .info .info-bottom .snapshot li,
    .card.card-wide .top .info .info-bottom .snapshot card .title li,
    card .title .card.floorplan-card .card-subtitle,
    .card.floorplan-card card .title .card-subtitle,
    card .title .card.floorplan-card .card-detail,
    .card.floorplan-card card .title .card-detail,
    card .title .card.floorplan-card .card-price,
    .card.floorplan-card card .title .card-price,
    card .title #microsite #subnav #subnav-toggle ul li a,
    #microsite #subnav #subnav-toggle ul li card .title a,
    card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
    #microsite-floorplan-detail #subnav #subnav-toggle ul li card .title a,
    card .title #join-our-team section#benefits ul li,
    #join-our-team section#benefits ul card .title li,
    card .title #contact-us section#content #where-we-build .build-card .top .links a,
    #contact-us section#content #where-we-build .build-card .top .links card .title a,
    card .title #st-judes #content #partner-vendors li,
    #st-judes #content #partner-vendors card .title li, .card .title .type-xl, .card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li .card .title a, .card.floorplan-card .title .card-title,
    .card .title .type-md,
    .card .title .sort .sort-item,
    .sort .card .title .sort-item,
    .card .title header #main-nav .dropdown-wide .col-right li,
    header #main-nav .dropdown-wide .col-right .card .title li,
    .card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
    header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill .card .title li,
    .card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
    #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .card .title li,
    .card .title .inline-get-fast-answers.md .copy p.type-xl,
    .inline-get-fast-answers.md .copy .card .title p.type-xl,
    .inline-get-fast-answers.md .copy .card.floorplan-card .title p.card-title,
    .card.floorplan-card .title .inline-get-fast-answers.md .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers.md .copy .title p.card-title,
    .card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover .card .title .popover-title,
    .card .title .type-sm,
    .card .title #slick-main .caption,
    #slick-main .card .title .caption,
    .card .title #slick-thumb .caption,
    #slick-thumb .card .title .caption,
    .card .title #slick-strip .caption,
    #slick-strip .card .title .caption,
    .card .title #slick-floorplan .caption,
    #slick-floorplan .card .title .caption,
    .card .title #slick-collections .caption,
    #slick-collections .card .title .caption,
    .card .title .inline-get-fast-answers .copy p.type-xl,
    .inline-get-fast-answers .copy .card .title p.type-xl,
    .inline-get-fast-answers .copy .card.floorplan-card .title p.card-title,
    .card.floorplan-card .title .inline-get-fast-answers .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers .copy .title p.card-title,
    .card .title .snapshot li,
    .card .snapshot .title li,
    .card .title .card-wide .top .info .info-bottom .snapshot li,
    .card .card-wide .top .info .info-bottom .snapshot .title li,
    .card.card-wide .title .top .info .info-bottom .snapshot li,
    .card.card-wide .top .info .info-bottom .snapshot .title li,
    .card.floorplan-card .title .card-subtitle,
    .card.floorplan-card .title .card-detail,
    .card.floorplan-card .title .card-price,
    .card .title #microsite #subnav #subnav-toggle ul li a,
    #microsite #subnav #subnav-toggle ul li .card .title a,
    .card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
    #microsite-floorplan-detail #subnav #subnav-toggle ul li .card .title a,
    .card .title #join-our-team section#benefits ul li,
    #join-our-team section#benefits ul .card .title li,
    .card .title #contact-us section#content #where-we-build .build-card .top .links a,
    #contact-us section#content #where-we-build .build-card .top .links .card .title a,
    .card .title #st-judes #content #partner-vendors li,
    #st-judes #content #partner-vendors .card .title li {
      line-height: 33px; }
    card .title .type-xl, card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li card .title a, card .title .card.floorplan-card .card-title, .card.floorplan-card card .title .card-title, .card .title .type-xl, .card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li .card .title a, .card.floorplan-card .title .card-title {
      color: #ba1f31; }
    
    card .title .type-md,
    card .title .sort .sort-item,
    .sort card .title .sort-item,
    card .title header #main-nav .dropdown-wide .col-right li,
    header #main-nav .dropdown-wide .col-right card .title li,
    card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
    header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill card .title li,
    card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
    #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill card .title li,
    card .title .inline-get-fast-answers.md .copy p.type-xl,
    .inline-get-fast-answers.md .copy card .title p.type-xl,
    card .title .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
    .inline-get-fast-answers.md .copy .card.floorplan-card card .title p.card-title,
    card .title .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers.md .copy card .title p.card-title,
    card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover card .title .popover-title,
    .card .title .type-md,
    .card .title .sort .sort-item,
    .sort .card .title .sort-item,
    .card .title header #main-nav .dropdown-wide .col-right li,
    header #main-nav .dropdown-wide .col-right .card .title li,
    .card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
    header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill .card .title li,
    .card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
    #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .card .title li,
    .card .title .inline-get-fast-answers.md .copy p.type-xl,
    .inline-get-fast-answers.md .copy .card .title p.type-xl,
    .inline-get-fast-answers.md .copy .card.floorplan-card .title p.card-title,
    .card.floorplan-card .title .inline-get-fast-answers.md .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers.md .copy .title p.card-title,
    .card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover .card .title .popover-title {
      color: #7f7f7f; }
    
    card .title .type-sm,
    card .title #slick-main .caption,
    #slick-main card .title .caption,
    card .title #slick-thumb .caption,
    #slick-thumb card .title .caption,
    card .title #slick-strip .caption,
    #slick-strip card .title .caption,
    card .title #slick-floorplan .caption,
    #slick-floorplan card .title .caption,
    card .title #slick-collections .caption,
    #slick-collections card .title .caption,
    card .title .inline-get-fast-answers .copy p.type-xl,
    .inline-get-fast-answers .copy card .title p.type-xl,
    card .title .inline-get-fast-answers .copy .card.floorplan-card p.card-title,
    .inline-get-fast-answers .copy .card.floorplan-card card .title p.card-title,
    card .title .card.floorplan-card .inline-get-fast-answers .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers .copy card .title p.card-title,
    card .title .card .snapshot li,
    .card .snapshot card .title li,
    card .title .card .card-wide .top .info .info-bottom .snapshot li,
    .card .card-wide .top .info .info-bottom .snapshot card .title li,
    card .title .card.card-wide .top .info .info-bottom .snapshot li,
    .card.card-wide .top .info .info-bottom .snapshot card .title li,
    card .title .card.floorplan-card .card-subtitle,
    .card.floorplan-card card .title .card-subtitle,
    card .title .card.floorplan-card .card-detail,
    .card.floorplan-card card .title .card-detail,
    card .title .card.floorplan-card .card-price,
    .card.floorplan-card card .title .card-price,
    card .title #microsite #subnav #subnav-toggle ul li a,
    #microsite #subnav #subnav-toggle ul li card .title a,
    card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
    #microsite-floorplan-detail #subnav #subnav-toggle ul li card .title a,
    card .title #join-our-team section#benefits ul li,
    #join-our-team section#benefits ul card .title li,
    card .title #contact-us section#content #where-we-build .build-card .top .links a,
    #contact-us section#content #where-we-build .build-card .top .links card .title a,
    card .title #st-judes #content #partner-vendors li,
    #st-judes #content #partner-vendors card .title li,
    .card .title .type-sm,
    .card .title #slick-main .caption,
    #slick-main .card .title .caption,
    .card .title #slick-thumb .caption,
    #slick-thumb .card .title .caption,
    .card .title #slick-strip .caption,
    #slick-strip .card .title .caption,
    .card .title #slick-floorplan .caption,
    #slick-floorplan .card .title .caption,
    .card .title #slick-collections .caption,
    #slick-collections .card .title .caption,
    .card .title .inline-get-fast-answers .copy p.type-xl,
    .inline-get-fast-answers .copy .card .title p.type-xl,
    .inline-get-fast-answers .copy .card.floorplan-card .title p.card-title,
    .card.floorplan-card .title .inline-get-fast-answers .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers .copy .title p.card-title,
    .card .title .snapshot li,
    .card .snapshot .title li,
    .card .title .card-wide .top .info .info-bottom .snapshot li,
    .card .card-wide .top .info .info-bottom .snapshot .title li,
    .card.card-wide .title .top .info .info-bottom .snapshot li,
    .card.card-wide .top .info .info-bottom .snapshot .title li,
    .card.floorplan-card .title .card-subtitle,
    .card.floorplan-card .title .card-detail,
    .card.floorplan-card .title .card-price,
    .card .title #microsite #subnav #subnav-toggle ul li a,
    #microsite #subnav #subnav-toggle ul li .card .title a,
    .card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
    #microsite-floorplan-detail #subnav #subnav-toggle ul li .card .title a,
    .card .title #join-our-team section#benefits ul li,
    #join-our-team section#benefits ul .card .title li,
    .card .title #contact-us section#content #where-we-build .build-card .top .links a,
    #contact-us section#content #where-we-build .build-card .top .links .card .title a,
    .card .title #st-judes #content #partner-vendors li,
    #st-judes #content #partner-vendors .card .title li {
      color: black; }
      card .title .type-sm.price, card .title #slick-main .price.caption, #slick-main card .title .price.caption, card .title #slick-thumb .price.caption, #slick-thumb card .title .price.caption, card .title #slick-strip .price.caption, #slick-strip card .title .price.caption, card .title #slick-floorplan .price.caption, #slick-floorplan card .title .price.caption, card .title #slick-collections .price.caption, #slick-collections card .title .price.caption, card .title .inline-get-fast-answers .copy p.price.type-xl, .inline-get-fast-answers .copy card .title p.price.type-xl, card .title .inline-get-fast-answers .copy .card.floorplan-card p.price.card-title, .inline-get-fast-answers .copy .card.floorplan-card card .title p.price.card-title, card .title .card.floorplan-card .inline-get-fast-answers .copy p.price.card-title, .card.floorplan-card .inline-get-fast-answers .copy card .title p.price.card-title, card .title .card .snapshot li.price, .card .snapshot card .title li.price, card .title .card .card-wide .top .info .info-bottom .snapshot li.price, .card .card-wide .top .info .info-bottom .snapshot card .title li.price,
      card .title .card.card-wide .top .info .info-bottom .snapshot li.price, .card.card-wide .top .info .info-bottom .snapshot card .title li.price, card .title .card.floorplan-card .price.card-subtitle, .card.floorplan-card card .title .price.card-subtitle, card .title .card.floorplan-card .price.card-detail, .card.floorplan-card card .title .price.card-detail, card .title .card.floorplan-card .price.card-price, .card.floorplan-card card .title .price.card-price, card .title #microsite #subnav #subnav-toggle ul li a.price, #microsite #subnav #subnav-toggle ul li card .title a.price, card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a.price, #microsite-floorplan-detail #subnav #subnav-toggle ul li card .title a.price, card .title #join-our-team section#benefits ul li.price, #join-our-team section#benefits ul card .title li.price, card .title #contact-us section#content #where-we-build .build-card .top .links a.price, #contact-us section#content #where-we-build .build-card .top .links card .title a.price, card .title #st-judes #content #partner-vendors li.price, #st-judes #content #partner-vendors card .title li.price, .card .title .type-sm.price, .card .title #slick-main .price.caption, #slick-main .card .title .price.caption, .card .title #slick-thumb .price.caption, #slick-thumb .card .title .price.caption, .card .title #slick-strip .price.caption, #slick-strip .card .title .price.caption, .card .title #slick-floorplan .price.caption, #slick-floorplan .card .title .price.caption, .card .title #slick-collections .price.caption, #slick-collections .card .title .price.caption, .card .title .inline-get-fast-answers .copy p.price.type-xl, .inline-get-fast-answers .copy .card .title p.price.type-xl, .inline-get-fast-answers .copy .card.floorplan-card .title p.price.card-title, .card.floorplan-card .title .inline-get-fast-answers .copy p.price.card-title, .card.floorplan-card .inline-get-fast-answers .copy .title p.price.card-title, .card .title .snapshot li.price, .card .snapshot .title li.price, .card .title .card-wide .top .info .info-bottom .snapshot li.price, .card .card-wide .top .info .info-bottom .snapshot .title li.price,
      .card.card-wide .title .top .info .info-bottom .snapshot li.price, .card.card-wide .top .info .info-bottom .snapshot .title li.price, .card.floorplan-card .title .price.card-subtitle, .card.floorplan-card .title .price.card-detail, .card.floorplan-card .title .price.card-price, .card .title #microsite #subnav #subnav-toggle ul li a.price, #microsite #subnav #subnav-toggle ul li .card .title a.price, .card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a.price, #microsite-floorplan-detail #subnav #subnav-toggle ul li .card .title a.price, .card .title #join-our-team section#benefits ul li.price, #join-our-team section#benefits ul .card .title li.price, .card .title #contact-us section#content #where-we-build .build-card .top .links a.price, #contact-us section#content #where-we-build .build-card .top .links .card .title a.price, .card .title #st-judes #content #partner-vendors li.price, #st-judes #content #partner-vendors .card .title li.price {
        font-style: italic; }
    @media only screen and (min-width: 768px) and (max-height: 850px) {
      card .title, .card .title {
        min-height: 0;
        padding: 10px 25px; }
        card .title .type-xl, card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li card .title a, card .title .card.floorplan-card .card-title, .card.floorplan-card card .title .card-title,
        card .title .type-md,
        card .title .sort .sort-item,
        .sort card .title .sort-item,
        card .title header #main-nav .dropdown-wide .col-right li,
        header #main-nav .dropdown-wide .col-right card .title li,
        card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
        header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill card .title li,
        card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
        #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill card .title li,
        card .title .inline-get-fast-answers.md .copy p.type-xl,
        .inline-get-fast-answers.md .copy card .title p.type-xl,
        card .title .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
        .inline-get-fast-answers.md .copy .card.floorplan-card card .title p.card-title,
        card .title .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers.md .copy card .title p.card-title,
        card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover card .title .popover-title,
        card .title .type-sm,
        card .title #slick-main .caption,
        #slick-main card .title .caption,
        card .title #slick-thumb .caption,
        #slick-thumb card .title .caption,
        card .title #slick-strip .caption,
        #slick-strip card .title .caption,
        card .title #slick-floorplan .caption,
        #slick-floorplan card .title .caption,
        card .title #slick-collections .caption,
        #slick-collections card .title .caption,
        card .title .inline-get-fast-answers .copy p.type-xl,
        .inline-get-fast-answers .copy card .title p.type-xl,
        card .title .inline-get-fast-answers .copy .card.floorplan-card p.card-title,
        .inline-get-fast-answers .copy .card.floorplan-card card .title p.card-title,
        card .title .card.floorplan-card .inline-get-fast-answers .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers .copy card .title p.card-title,
        card .title .card .snapshot li,
        .card .snapshot card .title li,
        card .title .card .card-wide .top .info .info-bottom .snapshot li,
        .card .card-wide .top .info .info-bottom .snapshot card .title li,
        card .title .card.card-wide .top .info .info-bottom .snapshot li,
        .card.card-wide .top .info .info-bottom .snapshot card .title li,
        card .title .card.floorplan-card .card-subtitle,
        .card.floorplan-card card .title .card-subtitle,
        card .title .card.floorplan-card .card-detail,
        .card.floorplan-card card .title .card-detail,
        card .title .card.floorplan-card .card-price,
        .card.floorplan-card card .title .card-price,
        card .title #microsite #subnav #subnav-toggle ul li a,
        #microsite #subnav #subnav-toggle ul li card .title a,
        card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
        #microsite-floorplan-detail #subnav #subnav-toggle ul li card .title a,
        card .title #join-our-team section#benefits ul li,
        #join-our-team section#benefits ul card .title li,
        card .title #contact-us section#content #where-we-build .build-card .top .links a,
        #contact-us section#content #where-we-build .build-card .top .links card .title a,
        card .title #st-judes #content #partner-vendors li,
        #st-judes #content #partner-vendors card .title li, .card .title .type-xl, .card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li .card .title a, .card.floorplan-card .title .card-title,
        .card .title .type-md,
        .card .title .sort .sort-item,
        .sort .card .title .sort-item,
        .card .title header #main-nav .dropdown-wide .col-right li,
        header #main-nav .dropdown-wide .col-right .card .title li,
        .card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
        header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill .card .title li,
        .card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
        #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .card .title li,
        .card .title .inline-get-fast-answers.md .copy p.type-xl,
        .inline-get-fast-answers.md .copy .card .title p.type-xl,
        .inline-get-fast-answers.md .copy .card.floorplan-card .title p.card-title,
        .card.floorplan-card .title .inline-get-fast-answers.md .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers.md .copy .title p.card-title,
        .card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover .card .title .popover-title,
        .card .title .type-sm,
        .card .title #slick-main .caption,
        #slick-main .card .title .caption,
        .card .title #slick-thumb .caption,
        #slick-thumb .card .title .caption,
        .card .title #slick-strip .caption,
        #slick-strip .card .title .caption,
        .card .title #slick-floorplan .caption,
        #slick-floorplan .card .title .caption,
        .card .title #slick-collections .caption,
        #slick-collections .card .title .caption,
        .card .title .inline-get-fast-answers .copy p.type-xl,
        .inline-get-fast-answers .copy .card .title p.type-xl,
        .inline-get-fast-answers .copy .card.floorplan-card .title p.card-title,
        .card.floorplan-card .title .inline-get-fast-answers .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers .copy .title p.card-title,
        .card .title .snapshot li,
        .card .snapshot .title li,
        .card .title .card-wide .top .info .info-bottom .snapshot li,
        .card .card-wide .top .info .info-bottom .snapshot .title li,
        .card.card-wide .title .top .info .info-bottom .snapshot li,
        .card.card-wide .top .info .info-bottom .snapshot .title li,
        .card.floorplan-card .title .card-subtitle,
        .card.floorplan-card .title .card-detail,
        .card.floorplan-card .title .card-price,
        .card .title #microsite #subnav #subnav-toggle ul li a,
        #microsite #subnav #subnav-toggle ul li .card .title a,
        .card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
        #microsite-floorplan-detail #subnav #subnav-toggle ul li .card .title a,
        .card .title #join-our-team section#benefits ul li,
        #join-our-team section#benefits ul .card .title li,
        .card .title #contact-us section#content #where-we-build .build-card .top .links a,
        #contact-us section#content #where-we-build .build-card .top .links .card .title a,
        .card .title #st-judes #content #partner-vendors li,
        #st-judes #content #partner-vendors .card .title li {
          line-height: 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      card .title, .card .title {
        min-height: 0;
        padding: 10px 25px; }
        card .title .type-xl, card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li card .title a, card .title .card.floorplan-card .card-title, .card.floorplan-card card .title .card-title,
        card .title .type-md,
        card .title .sort .sort-item,
        .sort card .title .sort-item,
        card .title header #main-nav .dropdown-wide .col-right li,
        header #main-nav .dropdown-wide .col-right card .title li,
        card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
        header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill card .title li,
        card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
        #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill card .title li,
        card .title .inline-get-fast-answers.md .copy p.type-xl,
        .inline-get-fast-answers.md .copy card .title p.type-xl,
        card .title .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
        .inline-get-fast-answers.md .copy .card.floorplan-card card .title p.card-title,
        card .title .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers.md .copy card .title p.card-title,
        card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover card .title .popover-title,
        card .title .type-sm,
        card .title #slick-main .caption,
        #slick-main card .title .caption,
        card .title #slick-thumb .caption,
        #slick-thumb card .title .caption,
        card .title #slick-strip .caption,
        #slick-strip card .title .caption,
        card .title #slick-floorplan .caption,
        #slick-floorplan card .title .caption,
        card .title #slick-collections .caption,
        #slick-collections card .title .caption,
        card .title .inline-get-fast-answers .copy p.type-xl,
        .inline-get-fast-answers .copy card .title p.type-xl,
        card .title .inline-get-fast-answers .copy .card.floorplan-card p.card-title,
        .inline-get-fast-answers .copy .card.floorplan-card card .title p.card-title,
        card .title .card.floorplan-card .inline-get-fast-answers .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers .copy card .title p.card-title,
        card .title .card .snapshot li,
        .card .snapshot card .title li,
        card .title .card .card-wide .top .info .info-bottom .snapshot li,
        .card .card-wide .top .info .info-bottom .snapshot card .title li,
        card .title .card.card-wide .top .info .info-bottom .snapshot li,
        .card.card-wide .top .info .info-bottom .snapshot card .title li,
        card .title .card.floorplan-card .card-subtitle,
        .card.floorplan-card card .title .card-subtitle,
        card .title .card.floorplan-card .card-detail,
        .card.floorplan-card card .title .card-detail,
        card .title .card.floorplan-card .card-price,
        .card.floorplan-card card .title .card-price,
        card .title #microsite #subnav #subnav-toggle ul li a,
        #microsite #subnav #subnav-toggle ul li card .title a,
        card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
        #microsite-floorplan-detail #subnav #subnav-toggle ul li card .title a,
        card .title #join-our-team section#benefits ul li,
        #join-our-team section#benefits ul card .title li,
        card .title #contact-us section#content #where-we-build .build-card .top .links a,
        #contact-us section#content #where-we-build .build-card .top .links card .title a,
        card .title #st-judes #content #partner-vendors li,
        #st-judes #content #partner-vendors card .title li, .card .title .type-xl, .card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li .card .title a, .card.floorplan-card .title .card-title,
        .card .title .type-md,
        .card .title .sort .sort-item,
        .sort .card .title .sort-item,
        .card .title header #main-nav .dropdown-wide .col-right li,
        header #main-nav .dropdown-wide .col-right .card .title li,
        .card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
        header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill .card .title li,
        .card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
        #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .card .title li,
        .card .title .inline-get-fast-answers.md .copy p.type-xl,
        .inline-get-fast-answers.md .copy .card .title p.type-xl,
        .inline-get-fast-answers.md .copy .card.floorplan-card .title p.card-title,
        .card.floorplan-card .title .inline-get-fast-answers.md .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers.md .copy .title p.card-title,
        .card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover .card .title .popover-title,
        .card .title .type-sm,
        .card .title #slick-main .caption,
        #slick-main .card .title .caption,
        .card .title #slick-thumb .caption,
        #slick-thumb .card .title .caption,
        .card .title #slick-strip .caption,
        #slick-strip .card .title .caption,
        .card .title #slick-floorplan .caption,
        #slick-floorplan .card .title .caption,
        .card .title #slick-collections .caption,
        #slick-collections .card .title .caption,
        .card .title .inline-get-fast-answers .copy p.type-xl,
        .inline-get-fast-answers .copy .card .title p.type-xl,
        .inline-get-fast-answers .copy .card.floorplan-card .title p.card-title,
        .card.floorplan-card .title .inline-get-fast-answers .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers .copy .title p.card-title,
        .card .title .snapshot li,
        .card .snapshot .title li,
        .card .title .card-wide .top .info .info-bottom .snapshot li,
        .card .card-wide .top .info .info-bottom .snapshot .title li,
        .card.card-wide .title .top .info .info-bottom .snapshot li,
        .card.card-wide .top .info .info-bottom .snapshot .title li,
        .card.floorplan-card .title .card-subtitle,
        .card.floorplan-card .title .card-detail,
        .card.floorplan-card .title .card-price,
        .card .title #microsite #subnav #subnav-toggle ul li a,
        #microsite #subnav #subnav-toggle ul li .card .title a,
        .card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
        #microsite-floorplan-detail #subnav #subnav-toggle ul li .card .title a,
        .card .title #join-our-team section#benefits ul li,
        #join-our-team section#benefits ul .card .title li,
        .card .title #contact-us section#content #where-we-build .build-card .top .links a,
        #contact-us section#content #where-we-build .build-card .top .links .card .title a,
        .card .title #st-judes #content #partner-vendors li,
        #st-judes #content #partner-vendors .card .title li {
          line-height: 25px; } }
    @media only screen and (max-width: 767px) {
      card .title, .card .title {
        min-height: 0;
        padding: 10px 25px; }
        card .title .type-xl, card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li card .title a, card .title .card.floorplan-card .card-title, .card.floorplan-card card .title .card-title,
        card .title .type-md,
        card .title .sort .sort-item,
        .sort card .title .sort-item,
        card .title header #main-nav .dropdown-wide .col-right li,
        header #main-nav .dropdown-wide .col-right card .title li,
        card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
        header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill card .title li,
        card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
        #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill card .title li,
        card .title .inline-get-fast-answers.md .copy p.type-xl,
        .inline-get-fast-answers.md .copy card .title p.type-xl,
        card .title .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
        .inline-get-fast-answers.md .copy .card.floorplan-card card .title p.card-title,
        card .title .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers.md .copy card .title p.card-title,
        card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover card .title .popover-title,
        card .title .type-sm,
        card .title #slick-main .caption,
        #slick-main card .title .caption,
        card .title #slick-thumb .caption,
        #slick-thumb card .title .caption,
        card .title #slick-strip .caption,
        #slick-strip card .title .caption,
        card .title #slick-floorplan .caption,
        #slick-floorplan card .title .caption,
        card .title #slick-collections .caption,
        #slick-collections card .title .caption,
        card .title .inline-get-fast-answers .copy p.type-xl,
        .inline-get-fast-answers .copy card .title p.type-xl,
        card .title .inline-get-fast-answers .copy .card.floorplan-card p.card-title,
        .inline-get-fast-answers .copy .card.floorplan-card card .title p.card-title,
        card .title .card.floorplan-card .inline-get-fast-answers .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers .copy card .title p.card-title,
        card .title .card .snapshot li,
        .card .snapshot card .title li,
        card .title .card .card-wide .top .info .info-bottom .snapshot li,
        .card .card-wide .top .info .info-bottom .snapshot card .title li,
        card .title .card.card-wide .top .info .info-bottom .snapshot li,
        .card.card-wide .top .info .info-bottom .snapshot card .title li,
        card .title .card.floorplan-card .card-subtitle,
        .card.floorplan-card card .title .card-subtitle,
        card .title .card.floorplan-card .card-detail,
        .card.floorplan-card card .title .card-detail,
        card .title .card.floorplan-card .card-price,
        .card.floorplan-card card .title .card-price,
        card .title #microsite #subnav #subnav-toggle ul li a,
        #microsite #subnav #subnav-toggle ul li card .title a,
        card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
        #microsite-floorplan-detail #subnav #subnav-toggle ul li card .title a,
        card .title #join-our-team section#benefits ul li,
        #join-our-team section#benefits ul card .title li,
        card .title #contact-us section#content #where-we-build .build-card .top .links a,
        #contact-us section#content #where-we-build .build-card .top .links card .title a,
        card .title #st-judes #content #partner-vendors li,
        #st-judes #content #partner-vendors card .title li, .card .title .type-xl, .card .title .dropdown-gray-to-red li a, .dropdown-gray-to-red li .card .title a, .card.floorplan-card .title .card-title,
        .card .title .type-md,
        .card .title .sort .sort-item,
        .sort .card .title .sort-item,
        .card .title header #main-nav .dropdown-wide .col-right li,
        header #main-nav .dropdown-wide .col-right .card .title li,
        .card .title header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill li,
        header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right .fill .card .title li,
        .card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
        #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .card .title li,
        .card .title .inline-get-fast-answers.md .copy p.type-xl,
        .inline-get-fast-answers.md .copy .card .title p.type-xl,
        .inline-get-fast-answers.md .copy .card.floorplan-card .title p.card-title,
        .card.floorplan-card .title .inline-get-fast-answers.md .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers.md .copy .title p.card-title,
        .card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover .card .title .popover-title,
        .card .title .type-sm,
        .card .title #slick-main .caption,
        #slick-main .card .title .caption,
        .card .title #slick-thumb .caption,
        #slick-thumb .card .title .caption,
        .card .title #slick-strip .caption,
        #slick-strip .card .title .caption,
        .card .title #slick-floorplan .caption,
        #slick-floorplan .card .title .caption,
        .card .title #slick-collections .caption,
        #slick-collections .card .title .caption,
        .card .title .inline-get-fast-answers .copy p.type-xl,
        .inline-get-fast-answers .copy .card .title p.type-xl,
        .inline-get-fast-answers .copy .card.floorplan-card .title p.card-title,
        .card.floorplan-card .title .inline-get-fast-answers .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers .copy .title p.card-title,
        .card .title .snapshot li,
        .card .snapshot .title li,
        .card .title .card-wide .top .info .info-bottom .snapshot li,
        .card .card-wide .top .info .info-bottom .snapshot .title li,
        .card.card-wide .title .top .info .info-bottom .snapshot li,
        .card.card-wide .top .info .info-bottom .snapshot .title li,
        .card.floorplan-card .title .card-subtitle,
        .card.floorplan-card .title .card-detail,
        .card.floorplan-card .title .card-price,
        .card .title #microsite #subnav #subnav-toggle ul li a,
        #microsite #subnav #subnav-toggle ul li .card .title a,
        .card .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
        #microsite-floorplan-detail #subnav #subnav-toggle ul li .card .title a,
        .card .title #join-our-team section#benefits ul li,
        #join-our-team section#benefits ul .card .title li,
        .card .title #contact-us section#content #where-we-build .build-card .top .links a,
        #contact-us section#content #where-we-build .build-card .top .links .card .title a,
        .card .title #st-judes #content #partner-vendors li,
        #st-judes #content #partner-vendors .card .title li {
          line-height: 25px; } }
  card .col-wrap, .card .col-wrap {
    border-top: 1px solid #dedede;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch; }
    card .col-wrap .col-left,
    card .col-wrap .col-right,
    card .col-wrap #lifestyle #the-design-process .col-right .fill,
    #lifestyle #the-design-process .col-right card .col-wrap .fill, .card .col-wrap .col-left,
    .card .col-wrap .col-right,
    .card .col-wrap #lifestyle #the-design-process .col-right .fill,
    #lifestyle #the-design-process .col-right .card .col-wrap .fill {
      padding: 15px;
      text-align: left;
      transition: all 0.2s ease-out;
      cursor: pointer !important;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 50%;
      border-left: 1px solid #dedede; }
      card .col-wrap .col-left:hover,
      card .col-wrap .col-right:hover,
      card .col-wrap #lifestyle #the-design-process .col-right .fill:hover,
      #lifestyle #the-design-process .col-right card .col-wrap .fill:hover, .card .col-wrap .col-left:hover,
      .card .col-wrap .col-right:hover,
      .card .col-wrap #lifestyle #the-design-process .col-right .fill:hover,
      #lifestyle #the-design-process .col-right .card .col-wrap .fill:hover {
        transition: all 0.2s ease-in;
        background-color: #00a5b8;
        color: white; }
        card .col-wrap .col-left:hover > *,
        card .col-wrap .col-right:hover > *,
        card .col-wrap #lifestyle #the-design-process .col-right .fill:hover > *,
        #lifestyle #the-design-process .col-right card .col-wrap .fill:hover > *, .card .col-wrap .col-left:hover > *,
        .card .col-wrap .col-right:hover > *,
        .card .col-wrap #lifestyle #the-design-process .col-right .fill:hover > *,
        #lifestyle #the-design-process .col-right .card .col-wrap .fill:hover > * {
          color: white; }
      card .col-wrap .col-left:first-child,
      card .col-wrap .col-right:first-child,
      card .col-wrap #lifestyle #the-design-process .col-right .fill:first-child,
      #lifestyle #the-design-process .col-right card .col-wrap .fill:first-child, .card .col-wrap .col-left:first-child,
      .card .col-wrap .col-right:first-child,
      .card .col-wrap #lifestyle #the-design-process .col-right .fill:first-child,
      #lifestyle #the-design-process .col-right .card .col-wrap .fill:first-child {
        border-left: 0; }
      card .col-wrap .col-left .red, card .col-wrap .col-left .card.floorplan-card .card-title, .card.floorplan-card card .col-wrap .col-left .card-title,
      card .col-wrap .col-right .red,
      card .col-wrap #lifestyle #the-design-process .col-right .fill .red,
      #lifestyle #the-design-process .col-right card .col-wrap .fill .red,
      card .col-wrap .col-right .card.floorplan-card .card-title,
      .card.floorplan-card card .col-wrap .col-right .card-title,
      card .col-wrap #lifestyle #the-design-process .col-right .fill .card.floorplan-card .card-title,
      .card.floorplan-card card .col-wrap #lifestyle #the-design-process .col-right .fill .card-title,
      #lifestyle #the-design-process .col-right card .col-wrap .fill .card.floorplan-card .card-title,
      .card.floorplan-card #lifestyle #the-design-process .col-right card .col-wrap .fill .card-title, .card .col-wrap .col-left .red, .card.floorplan-card .col-wrap .col-left .card-title,
      .card .col-wrap .col-right .red,
      .card .col-wrap #lifestyle #the-design-process .col-right .fill .red,
      #lifestyle #the-design-process .col-right .card .col-wrap .fill .red,
      .card.floorplan-card .col-wrap .col-right .card-title,
      .card.floorplan-card .col-wrap #lifestyle #the-design-process .col-right .fill .card-title,
      #lifestyle #the-design-process .col-right .card.floorplan-card .col-wrap .fill .card-title {
        margin-right: 5px; }
        @media only screen and (min-width: 1230px) {
          card .col-wrap .col-left .red, card .col-wrap .col-left .card.floorplan-card .card-title, .card.floorplan-card card .col-wrap .col-left .card-title,
          card .col-wrap .col-right .red,
          card .col-wrap #lifestyle #the-design-process .col-right .fill .red,
          #lifestyle #the-design-process .col-right card .col-wrap .fill .red,
          card .col-wrap .col-right .card.floorplan-card .card-title,
          .card.floorplan-card card .col-wrap .col-right .card-title,
          card .col-wrap #lifestyle #the-design-process .col-right .fill .card.floorplan-card .card-title,
          .card.floorplan-card card .col-wrap #lifestyle #the-design-process .col-right .fill .card-title,
          #lifestyle #the-design-process .col-right card .col-wrap .fill .card.floorplan-card .card-title,
          .card.floorplan-card #lifestyle #the-design-process .col-right card .col-wrap .fill .card-title, .card .col-wrap .col-left .red, .card.floorplan-card .col-wrap .col-left .card-title,
          .card .col-wrap .col-right .red,
          .card .col-wrap #lifestyle #the-design-process .col-right .fill .red,
          #lifestyle #the-design-process .col-right .card .col-wrap .fill .red,
          .card.floorplan-card .col-wrap .col-right .card-title,
          .card.floorplan-card .col-wrap #lifestyle #the-design-process .col-right .fill .card-title,
          #lifestyle #the-design-process .col-right .card.floorplan-card .col-wrap .fill .card-title {
            margin-right: 10px; } }
      card .col-wrap .col-left p, card .col-wrap .col-left h2,
      card .col-wrap .col-right p,
      card .col-wrap #lifestyle #the-design-process .col-right .fill p,
      #lifestyle #the-design-process .col-right card .col-wrap .fill p,
      card .col-wrap .col-right h2,
      card .col-wrap #lifestyle #the-design-process .col-right .fill h2,
      #lifestyle #the-design-process .col-right card .col-wrap .fill h2, .card .col-wrap .col-left p, .card .col-wrap .col-left h2,
      .card .col-wrap .col-right p,
      .card .col-wrap #lifestyle #the-design-process .col-right .fill p,
      #lifestyle #the-design-process .col-right .card .col-wrap .fill p,
      .card .col-wrap .col-right h2,
      .card .col-wrap #lifestyle #the-design-process .col-right .fill h2,
      #lifestyle #the-design-process .col-right .card .col-wrap .fill h2 {
        color: #7f7f7f;
        line-height: 17px; }
      @media only screen and (max-width: 767px) {
        card .col-wrap .col-left,
        card .col-wrap .col-right,
        card .col-wrap #lifestyle #the-design-process .col-right .fill,
        #lifestyle #the-design-process .col-right card .col-wrap .fill, .card .col-wrap .col-left,
        .card .col-wrap .col-right,
        .card .col-wrap #lifestyle #the-design-process .col-right .fill,
        #lifestyle #the-design-process .col-right .card .col-wrap .fill {
          padding: 5px; }
          card .col-wrap .col-left p, card .col-wrap .col-left h2,
          card .col-wrap .col-right p,
          card .col-wrap #lifestyle #the-design-process .col-right .fill p,
          #lifestyle #the-design-process .col-right card .col-wrap .fill p,
          card .col-wrap .col-right h2,
          card .col-wrap #lifestyle #the-design-process .col-right .fill h2,
          #lifestyle #the-design-process .col-right card .col-wrap .fill h2, .card .col-wrap .col-left p, .card .col-wrap .col-left h2,
          .card .col-wrap .col-right p,
          .card .col-wrap #lifestyle #the-design-process .col-right .fill p,
          #lifestyle #the-design-process .col-right .card .col-wrap .fill p,
          .card .col-wrap .col-right h2,
          .card .col-wrap #lifestyle #the-design-process .col-right .fill h2,
          #lifestyle #the-design-process .col-right .card .col-wrap .fill h2 {
            line-height: 15px; } }

.card {
  border: 1px solid #dedede;
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: left;
  justify-content: left;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
  .card .amenities {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 93px;
    padding: 30px 10px; }
    .card .amenities a svg {
      margin: 0 7px;
      width: 30px;
      height: 30px;
      cursor: pointer !important; }
      .card .amenities a svg path, .card .amenities a svg polygon, .card .amenities a svg rect, .card .amenities a svg ellipse, .card .amenities a svg circle, .card .amenities a svg line {
        transition: all 0.2s ease-out; }
        .card .amenities a svg path:not(.no-fill), .card .amenities a svg polygon:not(.no-fill), .card .amenities a svg rect:not(.no-fill), .card .amenities a svg ellipse:not(.no-fill), .card .amenities a svg circle:not(.no-fill), .card .amenities a svg line:not(.no-fill) {
          fill: #00a5b8; }
      .card .amenities a svg:hover path, .card .amenities a svg:hover polygon, .card .amenities a svg:hover rect, .card .amenities a svg:hover ellipse, .card .amenities a svg:hover circle, .card .amenities a svg:hover line {
        transition: all 0.2s ease-in; }
        .card .amenities a svg:hover path:not(.no-fill), .card .amenities a svg:hover polygon:not(.no-fill), .card .amenities a svg:hover rect:not(.no-fill), .card .amenities a svg:hover ellipse:not(.no-fill), .card .amenities a svg:hover circle:not(.no-fill), .card .amenities a svg:hover line:not(.no-fill) {
          fill: #00b300; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .card .amenities a svg {
          margin: 0 5px;
          width: 25px;
          height: 25px; } }
  .card .snapshot {
    margin: 0;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 10px; }
    @media only screen and (max-width: 767px) {
      .card .snapshot {
        padding: 10px; } }
    .card .snapshot li {
      margin-right: 0;
      margin-left: 0;
      color: #7f7f7f; }
      @media only screen and (max-width: 767px) {
        .card .snapshot li:not(:last-child) {
          margin-right: 15px; } }
      .card .snapshot li svg {
        margin-right: 10px;
        width: 25px;
        height: 25px; }
        @media only screen and (max-width: 767px) {
          .card .snapshot li svg {
            width: 20px; } }
  .card .availability {
    text-align: center;
    padding: 30px;
    color: #7f7f7f; }
    .card .availability span {
      color: #ba1f31; }
    @media only screen and (min-width: 768px) and (max-height: 850px) {
      .card .availability {
        padding: 15px 30px; } }
    @media only screen and (max-width: 767px) {
      .card .availability {
        padding: 15px 30px; } }
  .card .cta-link-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
    .card .cta-link-group .cta-link {
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 50%;
      border-left: 1px solid #dedede; }
      .card .cta-link-group .cta-link:first-child {
        border-left: 0; }

.card .card-wide .top,
.card .card-wide .info-top,
.card .card-wide .info-bottom,
.card .card-wide .view-details,
.card.card-wide .top,
.card.card-wide .info-top,
.card.card-wide .info-bottom,
.card.card-wide .view-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.card .card-wide .snapshot,
.card.card-wide .snapshot {
  border: 0; }

.card .card-wide .top,
.card.card-wide .top {
  height: 200px; }
  .card .card-wide .top .thumb,
  .card .card-wide .top .preloader,
  .card.card-wide .top .thumb,
  .card.card-wide .top .preloader {
    width: 300px;
    height: 100%; }
  .card .card-wide .top .info,
  .card.card-wide .top .info {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -ms-flex-align: initial;
    align-items: initial; }
    .card .card-wide .top .info .info-top,
    .card.card-wide .top .info .info-top {
      padding: 30px;
      -ms-flex-align: start;
      align-items: flex-start; }
    .card .card-wide .top .info .info-top .info-left p,
    .card .card-wide .top .info .info-top .info-left h2,
    .card.card-wide .top .info .info-top .info-left p,
    .card.card-wide .top .info .info-top .info-left h2 {
      margin-bottom: 20px; }
    .card .card-wide .top .info .info-top .info-left .black,
    .card.card-wide .top .info .info-top .info-left .black {
      font-style: italic; }
    .card .card-wide .top .info .info-top .info-right a,
    .card.card-wide .top .info .info-top .info-right a {
      color: #00a5b8;
      display: block;
      margin-bottom: 15px; }
      .card .card-wide .top .info .info-top .info-right a:last-child,
      .card.card-wide .top .info .info-top .info-right a:last-child {
        margin-bottom: 0; }
      .card .card-wide .top .info .info-top .info-right a svg,
      .card.card-wide .top .info .info-top .info-right a svg {
        width: 25px;
        height: 20px;
        position: relative;
        top: 5px;
        margin-right: 10px; }
        .card .card-wide .top .info .info-top .info-right a svg path:not(.no-fill), .card .card-wide .top .info .info-top .info-right a svg polygon:not(.no-fill), .card .card-wide .top .info .info-top .info-right a svg rect:not(.no-fill), .card .card-wide .top .info .info-top .info-right a svg ellipse:not(.no-fill), .card .card-wide .top .info .info-top .info-right a svg circle:not(.no-fill), .card .card-wide .top .info .info-top .info-right a svg line:not(.no-fill),
        .card.card-wide .top .info .info-top .info-right a svg path:not(.no-fill),
        .card.card-wide .top .info .info-top .info-right a svg polygon:not(.no-fill),
        .card.card-wide .top .info .info-top .info-right a svg rect:not(.no-fill),
        .card.card-wide .top .info .info-top .info-right a svg ellipse:not(.no-fill),
        .card.card-wide .top .info .info-top .info-right a svg circle:not(.no-fill),
        .card.card-wide .top .info .info-top .info-right a svg line:not(.no-fill) {
          fill: #00a5b8; }
        .card .card-wide .top .info .info-top .info-right a svg.icon-car,
        .card.card-wide .top .info .info-top .info-right a svg.icon-car {
          width: 25px;
          height: 25px; }
    .card .card-wide .top .info .info-bottom,
    .card.card-wide .top .info .info-bottom {
      border-top: 1px solid #dedede;
      border-bottom: 1px solid #dedede;
      overflow: hidden;
      padding-left: 30px; }
    .card .card-wide .top .info .view-details,
    .card.card-wide .top .info .view-details {
      height: 70px;
      background-color: #00a5b8;
      color: white;
      padding: 0 20px;
      transition: all 0.2s ease-out;
      cursor: pointer !important; }
      .card .card-wide .top .info .view-details:hover,
      .card.card-wide .top .info .view-details:hover {
        transition: all 0.2s ease-in;
        background-color: #00b300;
        color: white; }
        .card .card-wide .top .info .view-details:hover > *,
        .card.card-wide .top .info .view-details:hover > * {
          color: white; }

.card .card-wide .bottom,
.card.card-wide .bottom {
  padding: 50px;
  line-height: 36px; }

@media only screen and (max-width: 767px) {
  .card .card-wide .top,
  .card .card-wide .info-top,
  .card .card-wide .info-bottom,
  .card .card-wide .view-details,
  .card.card-wide .top,
  .card.card-wide .info-top,
  .card.card-wide .info-bottom,
  .card.card-wide .view-details {
    -ms-flex-direction: column;
    flex-direction: column; }
  .card .card-wide .top,
  .card.card-wide .top {
    height: auto; }
  .card .card-wide .top .thumb,
  .card .card-wide .top .preloader,
  .card.card-wide .top .thumb,
  .card.card-wide .top .preloader {
    width: 100%;
    height: 185px; }
  .card .card-wide .top .info .info-top,
  .card.card-wide .top .info .info-top {
    -ms-flex-align: center;
    align-items: center; }
  .card .card-wide .top .info .info-top .info-right,
  .card.card-wide .top .info .info-top .info-right {
    font-size: 14px; }
  .card .card-wide .top .info .info-bottom,
  .card.card-wide .top .info .info-bottom {
    padding-left: 0; }
  .card .card-wide .top .info .info-bottom .snapshot,
  .card.card-wide .top .info .info-bottom .snapshot {
    padding: 20px;
    display: inline-block; }
    .card .card-wide .top .info .info-bottom .snapshot li,
    .card.card-wide .top .info .info-bottom .snapshot li {
      letter-spacing: 0;
      font-size: 14px;
      width: 50%;
      float: left;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .card .card-wide .top .info .info-bottom .snapshot li:not(:first-child),
    .card.card-wide .top .info .info-bottom .snapshot li:not(:first-child) {
      margin-left: 0; }
    .card .card-wide .top .info .info-bottom .snapshot li:nth-child(even),
    .card.card-wide .top .info .info-bottom .snapshot li:nth-child(even) {
      padding-left: 20px; }
    .card .card-wide .top .info .info-bottom .snapshot li svg,
    .card.card-wide .top .info .info-bottom .snapshot li svg {
      width: 22px;
      margin-right: 5px; }
    .card .card-wide .top .info .info-bottom .snapshot:after,
    .card.card-wide .top .info .info-bottom .snapshot:after {
      content: '';
      clear: both; }
  .card .card-wide .top .info .view-details,
  .card.card-wide .top .info .view-details {
    width: 100%;
    height: 50px;
    -ms-flex-pack: center;
    justify-content: center; } }

.card.floorplan-card .top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .card.floorplan-card .top > div {
    -ms-flex: 1;
    flex: 1; }
  .card.floorplan-card .top .thumb {
    width: 100%;
    height: 185px; }
  .card.floorplan-card .top .info {
    padding: 25px 30px;
    line-height: 30px;
    text-align: left; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .card.floorplan-card .top .thumb {
      height: 155px; } }
  @media only screen and (max-width: 767px) {
    .card.floorplan-card .top {
      display: block !important;
      -ms-flex-direction: column;
      flex-direction: column; }
      .card.floorplan-card .top .info {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 15px 20px;
        line-height: 25px; }
      .card.floorplan-card .top .thumb {
        height: 0;
        padding-top: 60%; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .card.floorplan-card .snapshot li {
    letter-spacing: 1px;
    margin-right: 5px; }
  .card.floorplan-card .snapshot li:not(:first-child) {
    margin-left: 1vw; }
  .card.floorplan-card .snapshot li svg {
    margin-right: 5px; } }

@media only screen and (max-width: 767px) {
  .card.floorplan-card .snapshot {
    display: block;
    text-align: center; }
    .card.floorplan-card .snapshot .snapshot__levels {
      display: none; }
    .card.floorplan-card .snapshot li {
      margin: 0.6em 7px 10px;
      display: inline-block;
      -ms-flex-pack: start;
      justify-content: flex-start;
      letter-spacing: 1px;
      font-size: 13px; }
      .card.floorplan-card .snapshot li svg {
        vertical-align: middle;
        margin-top: -0.4em; } }

.card.floorplan-card .cta-link-group {
  clear: both; }

.card.floorplan-card .card-title {
  margin-bottom: 10px; }
  @media only screen and (min-width: 768px) and (max-height: 850px) {
    .card.floorplan-card .card-title {
      margin-bottom: 5px; } }
  @media only screen and (max-width: 767px) {
    .card.floorplan-card .card-title {
      margin-bottom: 5px; } }

.card.floorplan-card .card-subtitle {
  color: #00a5b8; }

.card.floorplan-card .card-detail {
  color: grey; }

.card.floorplan-card .card-price {
  color: black;
  font-style: italic; }

.card.floorplan-card .view-details {
  text-align: center;
  background-color: #f5f5f5;
  color: #00a5b8;
  transition: all 0.2s ease-out;
  cursor: pointer !important; }
  .card.floorplan-card .view-details:hover {
    transition: all 0.2s ease-in;
    background-color: #00a5b8;
    color: white; }
    .card.floorplan-card .view-details:hover > * {
      color: white; }

.card-xs {
  background-color: white;
  text-align: left;
  border: 1px solid #dedede; }
  .card-xs .image {
    height: 65%;
    min-height: 150px;
    background-size: cover;
    background-position: center center; }
  .card-xs .info {
    padding: 20px 30px;
    line-height: 20px; }
    .card-xs .info p.red, .card-xs .info .card.floorplan-card p.card-title, .card.floorplan-card .card-xs .info p.card-title {
      margin-bottom: 10px;
      line-height: 30px; }

.property-type {
  color: #00a5b8;
  text-transform: uppercase;
  font-weight: 600; }
  .property-type::after {
    content: " | "; }
  .property-type:last-child::after {
    content: ""; }

.marketing-description {
  color: #00a5b8; }

/* CTA Link style for big blue-on-gray, hovers to green-on-white */
.card-cta, .card .cta-link-group .cta-link {
  transition: all 0.2s ease-out;
  cursor: pointer !important;
  display: block;
  background-color: #f5f5f5;
  color: #00a5b8;
  padding: 15px 0; }
  .card-cta:hover, .card .cta-link-group .cta-link:hover {
    transition: all 0.2s ease-in;
    background-color: #00a5b8;
    color: white; }
    .card-cta:hover > *, .card .cta-link-group .cta-link:hover > * {
      color: white; }

.card-section-container, .card .amenities, .card .snapshot, .card .availability, .card .cta-link-group {
  border-top: 1px solid #dedede; }

.carousel,
.carousel .carousel-inner,
.carousel .carousel-inner .item,
.carousel .carousel-inner .item .flex-caption {
  height: 100%; }
  .carousel .fill,
  .carousel .carousel-inner .fill,
  .carousel .carousel-inner .item .fill,
  .carousel .carousel-inner .item .flex-caption .fill {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    transform: scale(1.3);
    transition: all 18s ease-out; }
    .carousel .fill.video,
    .carousel .carousel-inner .fill.video,
    .carousel .carousel-inner .item .fill.video,
    .carousel .carousel-inner .item .flex-caption .fill.video {
      height: calc(100% - 80px); }
  .carousel.active .fill:not(.video),
  .carousel .carousel-inner.active .fill:not(.video),
  .carousel .carousel-inner .item.active .fill:not(.video),
  .carousel .carousel-inner .item .flex-caption.active .fill:not(.video) {
    transform: scale(1); }
  .carousel .flex-caption,
  .carousel .carousel-inner .flex-caption,
  .carousel .carousel-inner .item .flex-caption,
  .carousel .carousel-inner .item .flex-caption .flex-caption {
    position: relative;
    z-index: 1;
    text-transform: uppercase; }

.carousel {
  background-color: black;
  position: relative;
  perspective: 2000px;
  height: 88vh;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .carousel {
      height: 50vh; } }
  .carousel .carousel-inner {
    overflow: visible; }
  .carousel .carousel-control {
    background-image: none;
    opacity: 1;
    cursor: pointer;
    width: 100px;
    padding-top: 110px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .carousel .carousel-control {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .carousel .carousel-control {
        display: none; } }
    .carousel .carousel-control svg {
      width: 40px;
      height: 40px;
      position: relative;
      z-index: 1; }
    .carousel .carousel-control:after {
      content: "";
      background-color: #ba1f31;
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0; }
    .carousel .carousel-control.left:after {
      left: -100%;
      transition: all 0.3s ease-in; }
    .carousel .carousel-control.left:hover:after {
      transition: all 0.3s ease-out;
      left: 0%; }
    .carousel .carousel-control.right:after {
      right: -100%;
      transition: all 0.3s ease-in; }
    .carousel .carousel-control.right:hover:after {
      transition: all 0.3s ease-out;
      right: 0%; }

#homepage #homepage-carousel .carousel {
  height: 100vh; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage #homepage-carousel .carousel {
      height: 60vh; } }

#homepage #homepage-carousel .carousel .carousel-inner .item .flex-caption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column; }
  #homepage #homepage-carousel .carousel .carousel-inner .item .flex-caption h1 {
    color: white;
    font-size: 70px;
    font-weight: 700; }

#microsite #microsite-carousel .carousel .carousel-indicator li, #microsite #home-show-carousel .carousel .carousel-indicator li, #microsite #hero .carousel .carousel-indicator li, #st-judes #st-judes-carousel .carousel .carousel-indicator li, .theme-tabbed-header #hero-carousel .carousel ol.carousel-indicators li, #homepage #homepage-carousel .carousel ol.carousel-indicators li, #homepage section#testimonials .carousel .carousel-indicators li, #microsite section#move-in-ready .carousel ol.carousel-indicators li {
  background-color: white;
  border: none;
  border-radius: 0;
  margin-right: .5vw; }
  @media only screen and (max-width: 767px) {
    #microsite #microsite-carousel .carousel .carousel-indicator li, #microsite #home-show-carousel .carousel .carousel-indicator li, #microsite #hero .carousel .carousel-indicator li, #st-judes #st-judes-carousel .carousel .carousel-indicator li, .theme-tabbed-header #hero-carousel .carousel ol.carousel-indicators li, #homepage #homepage-carousel .carousel ol.carousel-indicators li, #homepage section#testimonials .carousel .carousel-indicators li, #microsite section#move-in-ready .carousel ol.carousel-indicators li {
      margin: 1px 5px; } }
  #microsite #microsite-carousel .carousel .carousel-indicator li.active, #microsite #home-show-carousel .carousel .carousel-indicator li.active, #microsite #hero .carousel .carousel-indicator li.active, #st-judes #st-judes-carousel .carousel .carousel-indicator li.active, .theme-tabbed-header #hero-carousel .carousel ol.carousel-indicators li.active, #homepage #homepage-carousel .carousel ol.carousel-indicators li.active, #homepage section#testimonials .carousel .carousel-indicators li.active, #microsite section#move-in-ready .carousel ol.carousel-indicators li.active {
    background-color: #00a5b8; }

.theme-tabbed-header #hero-carousel .carousel ol.carousel-indicators, #homepage #homepage-carousel .carousel ol.carousel-indicators {
  left: auto;
  right: 0;
  text-align: right;
  margin: 0;
  padding-right: 1vw;
  width: auto; }

show-more span {
  color: #00a5b8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 80px;
  cursor: pointer; }
  show-more span svg {
    margin: 0 10px; }
    show-more span svg path:not(.no-fill), show-more span svg polygon:not(.no-fill), show-more span svg rect:not(.no-fill), show-more span svg ellipse:not(.no-fill), show-more span svg circle:not(.no-fill), show-more span svg line:not(.no-fill) {
      fill: #00a5b8; }

.mini-map {
  width: 445px;
  height: 350px;
  position: relative; }
  .mini-map .map {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 445px;
    transition: all 0.3s ease-out;
    background-image: url("/images/site/global/map-template.jpg");
    background-size: cover;
    background-position: center; }
    .mini-map .map img {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -67px 0 0 -23px; }
    .mini-map .map .btn {
      float: right; }
      .mini-map .map .btn:after {
        content: "EXPAND MAP"; }
    .mini-map .map.expand {
      transition: all 0.3s ease-in;
      width: 100%; }
      .mini-map .map.expand .btn {
        background-color: #ba1f31; }
        .mini-map .map.expand .btn:after {
          content: "SHRINK MAP"; }

.accordian-thumbnail {
  cursor: pointer;
  position: relative;
  perspective: 500px;
  border: 10px solid white;
  background-size: 300px 200px;
  background-position: left center;
  box-shadow:  0px 5px 10px 0 rgba(0, 0, 0, 0.2);
  width: 300px;
  height: 200px; }
  .accordian-thumbnail > div:nth-child(1) .col, .accordian-thumbnail > div:nth-child(1):after, .accordian-thumbnail > div:nth-child(2) .col, .accordian-thumbnail > div:nth-child(2):after, .accordian-thumbnail > div:nth-child(3) .col, .accordian-thumbnail > div:nth-child(3):after, .accordian-thumbnail > div:nth-child(4) .col, .accordian-thumbnail > div:nth-child(4):after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .accordian-thumbnail {
      height: 150px;
      background-size: 300px 150px; } }
  @media only screen and (max-width: 767px) {
    .accordian-thumbnail {
      height: 65vw;
      background-size: cover; } }
  .accordian-thumbnail > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 20%;
    z-index: 1;
    overflow: hidden;
    width: 20%;
    height: 100%;
    transition: all 0.15s ease-out; }
    .accordian-thumbnail > div:nth-child(1) .col {
      left: -100%;
      width: 300px;
      background-size: 300px 200px;
      background-position: center;
      transition: all 0.15s ease-out; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .accordian-thumbnail > div:nth-child(1) .col {
          background-size: 300px 150px; } }
      @media only screen and (max-width: 767px) {
        .accordian-thumbnail > div:nth-child(1) .col {
          width: 90vw;
          background-size: auto 100%; } }
    .accordian-thumbnail > div:nth-child(1):after {
      left: 0;
      width: 100%;
      background-color: black;
      opacity: 0;
      transition: all 0.15s ease-out; }
  .accordian-thumbnail:hover > div:nth-child(1),
  .accordian-thumbnail.active > div:nth-child(1),
  .accordian-thumbnail.debug > div:nth-child(1) {
    left: 20%;
    transition: all 0.15s ease-in;
    transform-origin: left;
    transform: rotateY(-45deg); }
  .accordian-thumbnail > div:nth-child(2) {
    position: absolute;
    top: 0;
    left: 40%;
    z-index: 1;
    overflow: hidden;
    width: 20%;
    height: 100%;
    transition: all 0.15s ease-out; }
    .accordian-thumbnail > div:nth-child(2) .col {
      left: -200%;
      width: 300px;
      background-size: 300px 200px;
      background-position: center;
      transition: all 0.15s ease-out; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .accordian-thumbnail > div:nth-child(2) .col {
          background-size: 300px 150px; } }
      @media only screen and (max-width: 767px) {
        .accordian-thumbnail > div:nth-child(2) .col {
          width: 90vw;
          background-size: auto 100%; } }
    .accordian-thumbnail > div:nth-child(2):after {
      left: 0;
      width: 100%;
      background-color: black;
      opacity: 0;
      transition: all 0.15s ease-out; }
  .accordian-thumbnail:hover > div:nth-child(2),
  .accordian-thumbnail.active > div:nth-child(2),
  .accordian-thumbnail.debug > div:nth-child(2) {
    left: 28%;
    transition: all 0.15s ease-in;
    transform-origin: right;
    transform: rotateY(45deg); }
    .accordian-thumbnail:hover > div:nth-child(2):after,
    .accordian-thumbnail.active > div:nth-child(2):after,
    .accordian-thumbnail.debug > div:nth-child(2):after {
      opacity: 0.6;
      transition: all 0.15s ease-in; }
  .accordian-thumbnail > div:nth-child(3) {
    position: absolute;
    top: 0;
    left: 60%;
    z-index: 1;
    overflow: hidden;
    width: 20%;
    height: 100%;
    transition: all 0.15s ease-out; }
    .accordian-thumbnail > div:nth-child(3) .col {
      left: -300%;
      width: 300px;
      background-size: 300px 200px;
      background-position: center;
      transition: all 0.15s ease-out; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .accordian-thumbnail > div:nth-child(3) .col {
          background-size: 300px 150px; } }
      @media only screen and (max-width: 767px) {
        .accordian-thumbnail > div:nth-child(3) .col {
          width: 90vw;
          background-size: auto 100%; } }
    .accordian-thumbnail > div:nth-child(3):after {
      left: 0;
      width: 100%;
      background-color: black;
      opacity: 0;
      transition: all 0.15s ease-out; }
  .accordian-thumbnail:hover > div:nth-child(3),
  .accordian-thumbnail.active > div:nth-child(3),
  .accordian-thumbnail.debug > div:nth-child(3) {
    left: 47%;
    transition: all 0.15s ease-in;
    transform-origin: left;
    transform: rotateY(-45deg); }
  .accordian-thumbnail > div:nth-child(4) {
    position: absolute;
    top: 0;
    left: 80%;
    z-index: 1;
    overflow: hidden;
    width: 20%;
    height: 100%;
    transition: all 0.15s ease-out; }
    .accordian-thumbnail > div:nth-child(4) .col {
      left: -400%;
      width: 300px;
      background-size: 300px 200px;
      background-position: center;
      transition: all 0.15s ease-out; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .accordian-thumbnail > div:nth-child(4) .col {
          background-size: 300px 150px; } }
      @media only screen and (max-width: 767px) {
        .accordian-thumbnail > div:nth-child(4) .col {
          width: 90vw;
          background-size: auto 100%; } }
    .accordian-thumbnail > div:nth-child(4):after {
      left: 0;
      width: 100%;
      background-color: black;
      opacity: 0;
      transition: all 0.15s ease-out; }
  .accordian-thumbnail:hover > div:nth-child(4),
  .accordian-thumbnail.active > div:nth-child(4),
  .accordian-thumbnail.debug > div:nth-child(4) {
    left: 55%;
    transition: all 0.15s ease-in;
    transform-origin: right;
    transform: rotateY(45deg); }
    .accordian-thumbnail:hover > div:nth-child(4):after,
    .accordian-thumbnail.active > div:nth-child(4):after,
    .accordian-thumbnail.debug > div:nth-child(4):after {
      opacity: 0.6;
      transition: all 0.15s ease-in; }
  .accordian-thumbnail > div.last {
    width: 25.5%;
    height: 100%;
    background-color: #7f7f7f;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    padding: 13px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .accordian-thumbnail > div.last {
        padding: 15px 0; } }
    .accordian-thumbnail > div.last > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -ms-flex-align: center;
      align-items: center; }
    .accordian-thumbnail > div.last svg {
      cursor: pointer;
      cursor: pointer !important;
      width: 20px;
      height: 20px; }
      .accordian-thumbnail > div.last svg path, .accordian-thumbnail > div.last svg polygon, .accordian-thumbnail > div.last svg rect, .accordian-thumbnail > div.last svg ellipse, .accordian-thumbnail > div.last svg circle, .accordian-thumbnail > div.last svg line {
        transition: all 0.2s ease-out; }
        .accordian-thumbnail > div.last svg path:not(.no-fill), .accordian-thumbnail > div.last svg polygon:not(.no-fill), .accordian-thumbnail > div.last svg rect:not(.no-fill), .accordian-thumbnail > div.last svg ellipse:not(.no-fill), .accordian-thumbnail > div.last svg circle:not(.no-fill), .accordian-thumbnail > div.last svg line:not(.no-fill) {
          fill: white; }
      .accordian-thumbnail > div.last svg:hover path, .accordian-thumbnail > div.last svg:hover polygon, .accordian-thumbnail > div.last svg:hover rect, .accordian-thumbnail > div.last svg:hover ellipse, .accordian-thumbnail > div.last svg:hover circle, .accordian-thumbnail > div.last svg:hover line {
        transition: all 0.2s ease-in; }
        .accordian-thumbnail > div.last svg:hover path:not(.no-fill), .accordian-thumbnail > div.last svg:hover polygon:not(.no-fill), .accordian-thumbnail > div.last svg:hover rect:not(.no-fill), .accordian-thumbnail > div.last svg:hover ellipse:not(.no-fill), .accordian-thumbnail > div.last svg:hover circle:not(.no-fill), .accordian-thumbnail > div.last svg:hover line:not(.no-fill) {
          fill: #00a5b8; }
      .accordian-thumbnail > div.last svg.icon-pinterest {
        width: 40px;
        height: 40px; }
      @media only screen and (max-width: 767px) {
        .accordian-thumbnail > div.last svg {
          width: 7vw;
          height: 7vw; } }
    .accordian-thumbnail > div.last .top a:last-child {
      margin-top: 8px; }

building-animation {
  perspective: 1000px; }
  building-animation > div {
    background-image: url("/images/site/building-a-better-community/building.png");
    display: inline-block;
    position: relative;
    opacity: 1;
    background-size: cover;
    width: 55px;
    height: 135px; }
    building-animation > div:nth-child(odd) {
      transform-origin: bottom; }
    building-animation > div:nth-child(even) {
      transform-origin: left; }
    building-animation > div.b {
      background-position: 0; }
    building-animation > div.u {
      background-position: -48px; }
    building-animation > div.i {
      width: 30px;
      background-position: -100px; }
    building-animation > div.l {
      background-position: -122px; }
    building-animation > div.d {
      background-position: -170px; }
    building-animation > div.n {
      background-position: -245px; }
    building-animation > div.g {
      background-position: -296px; }
    @media only screen and (max-width: 767px) {
      building-animation > div {
        width: 35px;
        height: 95px; }
        building-animation > div.u {
          background-position: -38px; }
        building-animation > div.i {
          width: 15px;
          background-position: -75px; }
        building-animation > div.l {
          background-position: -90px; }
        building-animation > div.d {
          background-position: -125px; }
        building-animation > div.n {
          background-position: -180px; }
        building-animation > div.g {
          background-position: 35px; } }

.custom-mortgage-calculator {
  color: white; }
  .custom-mortgage-calculator form {
    background-color: #00a5b8;
    padding: 50px; }
    .custom-mortgage-calculator form label {
      margin-bottom: 10px; }
    .custom-mortgage-calculator form input:not(.btn-white),
    .custom-mortgage-calculator form p {
      margin-bottom: 30px; }
    .custom-mortgage-calculator form input:not(.btn-white) {
      font-size: 16px;
      font-weight: 600; }
    .custom-mortgage-calculator form input.btn-white {
      margin-top: 20px;
      float: right; }
    @media only screen and (max-width: 767px) {
      .custom-mortgage-calculator form {
        padding: 20px; }
        .custom-mortgage-calculator form input:not(.btn-white),
        .custom-mortgage-calculator form p {
          margin-bottom: 20px; }
        .custom-mortgage-calculator form .col-sm-12 {
          text-align: center; }
          .custom-mortgage-calculator form .col-sm-12 input {
            float: none; } }
  .custom-mortgage-calculator .middle {
    background-color: #008e9f;
    padding: 25px 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .custom-mortgage-calculator .middle {
        padding: 20px;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .custom-mortgage-calculator .bottom {
    background-color: #007785;
    padding: 30px;
    line-height: 20px; }

.modal .modal-dialog .modal-content {
  border-radius: 0;
  background-color: #00a5b8; }
  .modal .modal-dialog .modal-content > * {
    border: none; }
  .modal .modal-dialog .modal-content .modal-header {
    text-align: right;
    padding: 0; }
    .modal .modal-dialog .modal-content .modal-header .btn-close {
      border: none;
      padding: 5px 10px;
      background-color: #008e9f;
      border-radius: 0;
      color: white; }
  .modal .modal-dialog .modal-content .modal-body {
    padding: 0 30px; }
  .modal .modal-dialog .modal-content .modal-footer {
    color: white;
    padding: 15px 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    .modal .modal-dialog .modal-content .modal-footer:after, .modal .modal-dialog .modal-content .modal-footer:before {
      display: none; }
    .modal .modal-dialog .modal-content .modal-footer .social {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; }
    .modal .modal-dialog .modal-content .modal-footer svg {
      width: 20px;
      height: 20px;
      cursor: pointer !important; }
      .modal .modal-dialog .modal-content .modal-footer svg path, .modal .modal-dialog .modal-content .modal-footer svg polygon, .modal .modal-dialog .modal-content .modal-footer svg rect, .modal .modal-dialog .modal-content .modal-footer svg ellipse, .modal .modal-dialog .modal-content .modal-footer svg circle, .modal .modal-dialog .modal-content .modal-footer svg line {
        transition: all 0.2s ease-out; }
        .modal .modal-dialog .modal-content .modal-footer svg path:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg polygon:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg rect:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg ellipse:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg circle:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg line:not(.no-fill) {
          fill: white; }
      .modal .modal-dialog .modal-content .modal-footer svg:hover path, .modal .modal-dialog .modal-content .modal-footer svg:hover polygon, .modal .modal-dialog .modal-content .modal-footer svg:hover rect, .modal .modal-dialog .modal-content .modal-footer svg:hover ellipse, .modal .modal-dialog .modal-content .modal-footer svg:hover circle, .modal .modal-dialog .modal-content .modal-footer svg:hover line {
        transition: all 0.2s ease-in; }
        .modal .modal-dialog .modal-content .modal-footer svg:hover path:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg:hover polygon:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg:hover rect:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg:hover ellipse:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg:hover circle:not(.no-fill), .modal .modal-dialog .modal-content .modal-footer svg:hover line:not(.no-fill) {
          fill: white; }
      .modal .modal-dialog .modal-content .modal-footer svg.icon-pinterest {
        width: 35px;
        height: 35px; }
      .modal .modal-dialog .modal-content .modal-footer svg.icon-twitter {
        margin-left: 10px; }

.modal .modal-dialog.modal-xl {
  width: 90%;
  height: 90%; }
  .modal .modal-dialog.modal-xl .modal-content,
  .modal .modal-dialog.modal-xl .modal-body {
    height: 100%; }
  .modal .modal-dialog.modal-xl iframe {
    height: calc(100% - 30px); }

.modal #modal-body.vendor-signup, .modal #modal-body.subcontractors-and-suppliers,
.modal #modal-body.land-to-sell,
.modal #modal-body.buy-now, .modal #modal-body.warranty-service-question,
.modal #modal-body.compact,
.modal #modal-body.text-phone,
.modal #modal-body.testimonial,
.modal #modal-body.regional, .modal #modal-body.we-are-here-to-help, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div {
  color: white;
  padding: 30px 50px; }
  @media only screen and (max-width: 767px) {
    .modal #modal-body.vendor-signup, .modal #modal-body.subcontractors-and-suppliers,
    .modal #modal-body.land-to-sell,
    .modal #modal-body.buy-now, .modal #modal-body.warranty-service-question,
    .modal #modal-body.compact,
    .modal #modal-body.text-phone,
    .modal #modal-body.testimonial,
    .modal #modal-body.regional, .modal #modal-body.we-are-here-to-help, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div {
      padding: 30px 35px; } }
  .modal #modal-body.vendor-signup p, .modal #modal-body.subcontractors-and-suppliers p, .modal #modal-body.land-to-sell p, .modal #modal-body.buy-now p, .modal #modal-body.warranty-service-question p, .modal #modal-body.compact p, .modal #modal-body.text-phone p, .modal #modal-body.testimonial p, .modal #modal-body.regional p, .modal #modal-body.we-are-here-to-help p, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p {
    margin-bottom: 40px; }
  .modal #modal-body.vendor-signup p.type-sm, .modal #modal-body.subcontractors-and-suppliers p.type-sm, .modal #modal-body.land-to-sell p.type-sm, .modal #modal-body.buy-now p.type-sm, .modal #modal-body.warranty-service-question p.type-sm, .modal #modal-body.compact p.type-sm, .modal #modal-body.text-phone p.type-sm, .modal #modal-body.testimonial p.type-sm, .modal #modal-body.regional p.type-sm, .modal #modal-body.we-are-here-to-help p.type-sm, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.type-sm, .modal #modal-body.vendor-signup #slick-main p.caption, #slick-main .modal #modal-body.vendor-signup p.caption, .modal #modal-body.subcontractors-and-suppliers #slick-main p.caption, #slick-main .modal #modal-body.subcontractors-and-suppliers p.caption, .modal #modal-body.land-to-sell #slick-main p.caption, #slick-main .modal #modal-body.land-to-sell p.caption, .modal #modal-body.buy-now #slick-main p.caption, #slick-main .modal #modal-body.buy-now p.caption, .modal #modal-body.warranty-service-question #slick-main p.caption, #slick-main .modal #modal-body.warranty-service-question p.caption, .modal #modal-body.compact #slick-main p.caption, #slick-main .modal #modal-body.compact p.caption, .modal #modal-body.text-phone #slick-main p.caption, #slick-main .modal #modal-body.text-phone p.caption, .modal #modal-body.testimonial #slick-main p.caption, #slick-main .modal #modal-body.testimonial p.caption, .modal #modal-body.regional #slick-main p.caption, #slick-main .modal #modal-body.regional p.caption, .modal #modal-body.we-are-here-to-help #slick-main p.caption, #slick-main .modal #modal-body.we-are-here-to-help p.caption, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div #slick-main p.caption, #slick-main .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.caption, .modal #modal-body.vendor-signup #slick-thumb p.caption, #slick-thumb .modal #modal-body.vendor-signup p.caption, .modal #modal-body.subcontractors-and-suppliers #slick-thumb p.caption, #slick-thumb .modal #modal-body.subcontractors-and-suppliers p.caption, .modal #modal-body.land-to-sell #slick-thumb p.caption, #slick-thumb .modal #modal-body.land-to-sell p.caption, .modal #modal-body.buy-now #slick-thumb p.caption, #slick-thumb .modal #modal-body.buy-now p.caption, .modal #modal-body.warranty-service-question #slick-thumb p.caption, #slick-thumb .modal #modal-body.warranty-service-question p.caption, .modal #modal-body.compact #slick-thumb p.caption, #slick-thumb .modal #modal-body.compact p.caption, .modal #modal-body.text-phone #slick-thumb p.caption, #slick-thumb .modal #modal-body.text-phone p.caption, .modal #modal-body.testimonial #slick-thumb p.caption, #slick-thumb .modal #modal-body.testimonial p.caption, .modal #modal-body.regional #slick-thumb p.caption, #slick-thumb .modal #modal-body.regional p.caption, .modal #modal-body.we-are-here-to-help #slick-thumb p.caption, #slick-thumb .modal #modal-body.we-are-here-to-help p.caption, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div #slick-thumb p.caption, #slick-thumb .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.caption, .modal #modal-body.vendor-signup #slick-strip p.caption, #slick-strip .modal #modal-body.vendor-signup p.caption, .modal #modal-body.subcontractors-and-suppliers #slick-strip p.caption, #slick-strip .modal #modal-body.subcontractors-and-suppliers p.caption, .modal #modal-body.land-to-sell #slick-strip p.caption, #slick-strip .modal #modal-body.land-to-sell p.caption, .modal #modal-body.buy-now #slick-strip p.caption, #slick-strip .modal #modal-body.buy-now p.caption, .modal #modal-body.warranty-service-question #slick-strip p.caption, #slick-strip .modal #modal-body.warranty-service-question p.caption, .modal #modal-body.compact #slick-strip p.caption, #slick-strip .modal #modal-body.compact p.caption, .modal #modal-body.text-phone #slick-strip p.caption, #slick-strip .modal #modal-body.text-phone p.caption, .modal #modal-body.testimonial #slick-strip p.caption, #slick-strip .modal #modal-body.testimonial p.caption, .modal #modal-body.regional #slick-strip p.caption, #slick-strip .modal #modal-body.regional p.caption, .modal #modal-body.we-are-here-to-help #slick-strip p.caption, #slick-strip .modal #modal-body.we-are-here-to-help p.caption, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div #slick-strip p.caption, #slick-strip .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.caption, .modal #modal-body.vendor-signup #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.vendor-signup p.caption, .modal #modal-body.subcontractors-and-suppliers #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.subcontractors-and-suppliers p.caption, .modal #modal-body.land-to-sell #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.land-to-sell p.caption, .modal #modal-body.buy-now #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.buy-now p.caption, .modal #modal-body.warranty-service-question #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.warranty-service-question p.caption, .modal #modal-body.compact #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.compact p.caption, .modal #modal-body.text-phone #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.text-phone p.caption, .modal #modal-body.testimonial #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.testimonial p.caption, .modal #modal-body.regional #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.regional p.caption, .modal #modal-body.we-are-here-to-help #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.we-are-here-to-help p.caption, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div #slick-floorplan p.caption, #slick-floorplan .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.caption, .modal #modal-body.vendor-signup #slick-collections p.caption, #slick-collections .modal #modal-body.vendor-signup p.caption, .modal #modal-body.subcontractors-and-suppliers #slick-collections p.caption, #slick-collections .modal #modal-body.subcontractors-and-suppliers p.caption, .modal #modal-body.land-to-sell #slick-collections p.caption, #slick-collections .modal #modal-body.land-to-sell p.caption, .modal #modal-body.buy-now #slick-collections p.caption, #slick-collections .modal #modal-body.buy-now p.caption, .modal #modal-body.warranty-service-question #slick-collections p.caption, #slick-collections .modal #modal-body.warranty-service-question p.caption, .modal #modal-body.compact #slick-collections p.caption, #slick-collections .modal #modal-body.compact p.caption, .modal #modal-body.text-phone #slick-collections p.caption, #slick-collections .modal #modal-body.text-phone p.caption, .modal #modal-body.testimonial #slick-collections p.caption, #slick-collections .modal #modal-body.testimonial p.caption, .modal #modal-body.regional #slick-collections p.caption, #slick-collections .modal #modal-body.regional p.caption, .modal #modal-body.we-are-here-to-help #slick-collections p.caption, #slick-collections .modal #modal-body.we-are-here-to-help p.caption, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div #slick-collections p.caption, #slick-collections .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.caption, .modal #modal-body.vendor-signup .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.vendor-signup p.type-xl, .modal #modal-body.subcontractors-and-suppliers .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.subcontractors-and-suppliers p.type-xl, .modal #modal-body.land-to-sell .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.land-to-sell p.type-xl, .modal #modal-body.buy-now .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.buy-now p.type-xl, .modal #modal-body.warranty-service-question .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.warranty-service-question p.type-xl, .modal #modal-body.compact .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.compact p.type-xl, .modal #modal-body.text-phone .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.text-phone p.type-xl, .modal #modal-body.testimonial .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.testimonial p.type-xl, .modal #modal-body.regional .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.regional p.type-xl, .modal #modal-body.we-are-here-to-help .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.we-are-here-to-help p.type-xl, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.type-xl, .modal #modal-body.vendor-signup .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.vendor-signup p.card-title, .modal #modal-body.subcontractors-and-suppliers .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.subcontractors-and-suppliers p.card-title, .modal #modal-body.land-to-sell .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.land-to-sell p.card-title, .modal #modal-body.buy-now .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.buy-now p.card-title, .modal #modal-body.warranty-service-question .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.warranty-service-question p.card-title, .modal #modal-body.compact .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.compact p.card-title, .modal #modal-body.text-phone .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.text-phone p.card-title, .modal #modal-body.testimonial .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.testimonial p.card-title, .modal #modal-body.regional .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.regional p.card-title, .modal #modal-body.we-are-here-to-help .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.we-are-here-to-help p.card-title, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.card-title, .modal #modal-body.vendor-signup .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.vendor-signup p.card-title, .modal #modal-body.subcontractors-and-suppliers .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.subcontractors-and-suppliers p.card-title, .modal #modal-body.land-to-sell .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.land-to-sell p.card-title, .modal #modal-body.buy-now .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.buy-now p.card-title, .modal #modal-body.warranty-service-question .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.warranty-service-question p.card-title, .modal #modal-body.compact .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.compact p.card-title, .modal #modal-body.text-phone .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.text-phone p.card-title, .modal #modal-body.testimonial .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.testimonial p.card-title, .modal #modal-body.regional .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.regional p.card-title, .modal #modal-body.we-are-here-to-help .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.we-are-here-to-help p.card-title, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.card-title, .modal #modal-body.vendor-signup .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.vendor-signup p.card-subtitle, .modal #modal-body.subcontractors-and-suppliers .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.subcontractors-and-suppliers p.card-subtitle, .modal #modal-body.land-to-sell .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.land-to-sell p.card-subtitle, .modal #modal-body.buy-now .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.buy-now p.card-subtitle, .modal #modal-body.warranty-service-question .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.warranty-service-question p.card-subtitle, .modal #modal-body.compact .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.compact p.card-subtitle, .modal #modal-body.text-phone .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.text-phone p.card-subtitle, .modal #modal-body.testimonial .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.testimonial p.card-subtitle, .modal #modal-body.regional .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.regional p.card-subtitle, .modal #modal-body.we-are-here-to-help .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.we-are-here-to-help p.card-subtitle, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.card-subtitle, .modal #modal-body.vendor-signup .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.vendor-signup p.card-detail, .modal #modal-body.subcontractors-and-suppliers .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.subcontractors-and-suppliers p.card-detail, .modal #modal-body.land-to-sell .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.land-to-sell p.card-detail, .modal #modal-body.buy-now .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.buy-now p.card-detail, .modal #modal-body.warranty-service-question .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.warranty-service-question p.card-detail, .modal #modal-body.compact .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.compact p.card-detail, .modal #modal-body.text-phone .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.text-phone p.card-detail, .modal #modal-body.testimonial .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.testimonial p.card-detail, .modal #modal-body.regional .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.regional p.card-detail, .modal #modal-body.we-are-here-to-help .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.we-are-here-to-help p.card-detail, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .card.floorplan-card p.card-detail, .card.floorplan-card .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.card-detail, .modal #modal-body.vendor-signup .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.vendor-signup p.card-price, .modal #modal-body.subcontractors-and-suppliers .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.subcontractors-and-suppliers p.card-price, .modal #modal-body.land-to-sell .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.land-to-sell p.card-price, .modal #modal-body.buy-now .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.buy-now p.card-price, .modal #modal-body.warranty-service-question .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.warranty-service-question p.card-price, .modal #modal-body.compact .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.compact p.card-price, .modal #modal-body.text-phone .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.text-phone p.card-price, .modal #modal-body.testimonial .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.testimonial p.card-price, .modal #modal-body.regional .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.regional p.card-price, .modal #modal-body.we-are-here-to-help .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.we-are-here-to-help p.card-price, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .card.floorplan-card p.card-price, .card.floorplan-card .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.card-price,
  .modal #modal-body.vendor-signup p.type-md,
  .modal #modal-body.subcontractors-and-suppliers p.type-md,
  .modal #modal-body.land-to-sell p.type-md,
  .modal #modal-body.buy-now p.type-md,
  .modal #modal-body.warranty-service-question p.type-md,
  .modal #modal-body.compact p.type-md,
  .modal #modal-body.text-phone p.type-md,
  .modal #modal-body.testimonial p.type-md,
  .modal #modal-body.regional p.type-md,
  .modal #modal-body.we-are-here-to-help p.type-md,
  .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.type-md,
  .modal #modal-body.vendor-signup .sort p.sort-item,
  .sort .modal #modal-body.vendor-signup p.sort-item,
  .modal #modal-body.subcontractors-and-suppliers .sort p.sort-item,
  .sort .modal #modal-body.subcontractors-and-suppliers p.sort-item,
  .modal #modal-body.land-to-sell .sort p.sort-item,
  .sort .modal #modal-body.land-to-sell p.sort-item,
  .modal #modal-body.buy-now .sort p.sort-item,
  .sort .modal #modal-body.buy-now p.sort-item,
  .modal #modal-body.warranty-service-question .sort p.sort-item,
  .sort .modal #modal-body.warranty-service-question p.sort-item,
  .modal #modal-body.compact .sort p.sort-item,
  .sort .modal #modal-body.compact p.sort-item,
  .modal #modal-body.text-phone .sort p.sort-item,
  .sort .modal #modal-body.text-phone p.sort-item,
  .modal #modal-body.testimonial .sort p.sort-item,
  .sort .modal #modal-body.testimonial p.sort-item,
  .modal #modal-body.regional .sort p.sort-item,
  .sort .modal #modal-body.regional p.sort-item,
  .modal #modal-body.we-are-here-to-help .sort p.sort-item,
  .sort .modal #modal-body.we-are-here-to-help p.sort-item,
  .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .sort p.sort-item,
  .sort .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.sort-item,
  .modal #modal-body.vendor-signup .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.vendor-signup p.type-xl,
  .modal #modal-body.subcontractors-and-suppliers .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.subcontractors-and-suppliers p.type-xl,
  .modal #modal-body.land-to-sell .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.land-to-sell p.type-xl,
  .modal #modal-body.buy-now .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.buy-now p.type-xl,
  .modal #modal-body.warranty-service-question .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.warranty-service-question p.type-xl,
  .modal #modal-body.compact .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.compact p.type-xl,
  .modal #modal-body.text-phone .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.text-phone p.type-xl,
  .modal #modal-body.testimonial .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.testimonial p.type-xl,
  .modal #modal-body.regional .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.regional p.type-xl,
  .modal #modal-body.we-are-here-to-help .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal #modal-body.we-are-here-to-help p.type-xl,
  .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .inline-get-fast-answers.md .copy p.type-xl,
  .inline-get-fast-answers.md .copy .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.type-xl,
  .modal #modal-body.vendor-signup .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.vendor-signup p.card-title,
  .modal #modal-body.subcontractors-and-suppliers .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.subcontractors-and-suppliers p.card-title,
  .modal #modal-body.land-to-sell .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.land-to-sell p.card-title,
  .modal #modal-body.buy-now .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.buy-now p.card-title,
  .modal #modal-body.warranty-service-question .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.warranty-service-question p.card-title,
  .modal #modal-body.compact .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.compact p.card-title,
  .modal #modal-body.text-phone .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.text-phone p.card-title,
  .modal #modal-body.testimonial .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.testimonial p.card-title,
  .modal #modal-body.regional .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.regional p.card-title,
  .modal #modal-body.we-are-here-to-help .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal #modal-body.we-are-here-to-help p.card-title,
  .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
  .inline-get-fast-answers.md .copy .card.floorplan-card .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.card-title,
  .modal #modal-body.vendor-signup .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.vendor-signup p.card-title,
  .modal #modal-body.subcontractors-and-suppliers .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.subcontractors-and-suppliers p.card-title,
  .modal #modal-body.land-to-sell .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.land-to-sell p.card-title,
  .modal #modal-body.buy-now .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.buy-now p.card-title,
  .modal #modal-body.warranty-service-question .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.warranty-service-question p.card-title,
  .modal #modal-body.compact .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.compact p.card-title,
  .modal #modal-body.text-phone .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.text-phone p.card-title,
  .modal #modal-body.testimonial .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.testimonial p.card-title,
  .modal #modal-body.regional .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.regional p.card-title,
  .modal #modal-body.we-are-here-to-help .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal #modal-body.we-are-here-to-help p.card-title,
  .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
  .card.floorplan-card .inline-get-fast-answers.md .copy .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.card-title,
  .modal #modal-body.vendor-signup #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.vendor-signup p.popover-title,
  .modal #modal-body.subcontractors-and-suppliers #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.subcontractors-and-suppliers p.popover-title,
  .modal #modal-body.land-to-sell #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.land-to-sell p.popover-title,
  .modal #modal-body.buy-now #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.buy-now p.popover-title,
  .modal #modal-body.warranty-service-question #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.warranty-service-question p.popover-title,
  .modal #modal-body.compact #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.compact p.popover-title,
  .modal #modal-body.text-phone #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.text-phone p.popover-title,
  .modal #modal-body.testimonial #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.testimonial p.popover-title,
  .modal #modal-body.regional #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.regional p.popover-title,
  .modal #modal-body.we-are-here-to-help #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal #modal-body.we-are-here-to-help p.popover-title,
  .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p.popover-title {
    line-height: 30px; }
  .modal #modal-body.vendor-signup a, .modal #modal-body.subcontractors-and-suppliers a, .modal #modal-body.land-to-sell a, .modal #modal-body.buy-now a, .modal #modal-body.warranty-service-question a, .modal #modal-body.compact a, .modal #modal-body.text-phone a, .modal #modal-body.testimonial a, .modal #modal-body.regional a, .modal #modal-body.we-are-here-to-help a, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div a {
    color: white; }
  .modal #modal-body.vendor-signup input.btn.btn-orange, .modal #modal-body.subcontractors-and-suppliers input.btn.btn-orange, .modal #modal-body.land-to-sell input.btn.btn-orange, .modal #modal-body.buy-now input.btn.btn-orange, .modal #modal-body.warranty-service-question input.btn.btn-orange, .modal #modal-body.compact input.btn.btn-orange, .modal #modal-body.text-phone input.btn.btn-orange, .modal #modal-body.testimonial input.btn.btn-orange, .modal #modal-body.regional input.btn.btn-orange, .modal #modal-body.we-are-here-to-help input.btn.btn-orange, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div input.btn.btn-orange {
    margin-bottom: 20px;
    float: right; }
  .modal #modal-body.vendor-signup input[type="radio"], .modal #modal-body.subcontractors-and-suppliers input[type="radio"], .modal #modal-body.land-to-sell input[type="radio"], .modal #modal-body.buy-now input[type="radio"], .modal #modal-body.warranty-service-question input[type="radio"], .modal #modal-body.compact input[type="radio"], .modal #modal-body.text-phone input[type="radio"], .modal #modal-body.testimonial input[type="radio"], .modal #modal-body.regional input[type="radio"], .modal #modal-body.we-are-here-to-help input[type="radio"], .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div input[type="radio"] {
    width: 25px;
    margin: 0 2px 0 0; }
    .modal #modal-body.vendor-signup input[type="radio"]:not(:first-child), .modal #modal-body.subcontractors-and-suppliers input[type="radio"]:not(:first-child), .modal #modal-body.land-to-sell input[type="radio"]:not(:first-child), .modal #modal-body.buy-now input[type="radio"]:not(:first-child), .modal #modal-body.warranty-service-question input[type="radio"]:not(:first-child), .modal #modal-body.compact input[type="radio"]:not(:first-child), .modal #modal-body.text-phone input[type="radio"]:not(:first-child), .modal #modal-body.testimonial input[type="radio"]:not(:first-child), .modal #modal-body.regional input[type="radio"]:not(:first-child), .modal #modal-body.we-are-here-to-help input[type="radio"]:not(:first-child), .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div input[type="radio"]:not(:first-child) {
      margin-left: 15px; }
  .modal #modal-body.vendor-signup label, .modal #modal-body.subcontractors-and-suppliers label, .modal #modal-body.land-to-sell label, .modal #modal-body.buy-now label, .modal #modal-body.warranty-service-question label, .modal #modal-body.compact label, .modal #modal-body.text-phone label, .modal #modal-body.testimonial label, .modal #modal-body.regional label, .modal #modal-body.we-are-here-to-help label, .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div label {
    margin-bottom: 10px; }

.modal #modal-body.vendor-signup .flex-wrap {
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px; }

.modal #modal-body.vendor-signup .flex-wrap .form-group {
  width: 31%; }

.modal #modal-body.mortgage-calculator,
.modal #modal-body.earning-calculator,
.modal #modal-body.prequalify,
.modal #modal-body.web-view {
  padding-bottom: 30px; }
  .modal #modal-body.mortgage-calculator iframe,
  .modal #modal-body.earning-calculator iframe,
  .modal #modal-body.prequalify iframe,
  .modal #modal-body.web-view iframe {
    background-color: white;
    position: relative;
    z-index: 1;
    opacity: 1;
    width: 100%;
    height: 470px; }
    @media only screen and (max-width: 767px) {
      .modal #modal-body.mortgage-calculator iframe,
      .modal #modal-body.earning-calculator iframe,
      .modal #modal-body.prequalify iframe,
      .modal #modal-body.web-view iframe {
        width: 300px; } }

.modal #modal-body.no-padding {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }

.modal .modal-header.homeowner-login {
  background-color: white; }

.modal #modal-body.homeowner-login {
  max-width: 930px;
  padding: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal #modal-body.homeowner-login {
      width: 102vw;
      right: -77.5vw; } }
  @media only screen and (min-width: 768px) and (max-height: 850px) {
    .modal #modal-body.homeowner-login {
      transform-origin: center;
      transform: scale(0.85);
      transform-origin: top; } }
  .modal #modal-body.homeowner-login > div:not(.active) {
    display: none; }
  .modal #modal-body.homeowner-login p {
    margin-bottom: 40px; }
  .modal #modal-body.homeowner-login a {
    color: white;
    transition: all 0.2s ease-out;
    cursor: pointer !important; }
    .modal #modal-body.homeowner-login a:hover {
      transition: all 0.2s ease-in;
      background-color: transparent;
      color: #00d3eb; }
      .modal #modal-body.homeowner-login a:hover > * {
        color: #00d3eb; }
  .modal #modal-body.homeowner-login .type-xs, .modal #modal-body.homeowner-login header #top-nav #top-nav-toggle ul.nav.navbar-nav li > a, header #top-nav #top-nav-toggle ul.nav.navbar-nav .modal #modal-body.homeowner-login li > a,
  .modal #modal-body.homeowner-login header #top-nav #top-nav-toggle ul.nav.navbar-nav li > .dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav .modal #modal-body.homeowner-login li > .dd-trigger, .modal #modal-body.homeowner-login #lifestyle #visit-a-design-center .map a, #lifestyle #visit-a-design-center .map .modal #modal-body.homeowner-login a, .modal #modal-body.homeowner-login #prequalify section#content label, #prequalify section#content .modal #modal-body.homeowner-login label, .modal #modal-body.homeowner-login #general-contact section#content label, #general-contact section#content .modal #modal-body.homeowner-login label, .modal #modal-body.homeowner-login #discover-the-difference #slick-slideshow .item .bottom .year, #discover-the-difference #slick-slideshow .item .bottom .modal #modal-body.homeowner-login .year {
    line-height: 24px; }
  .modal #modal-body.homeowner-login .type-sm, .modal #modal-body.homeowner-login #slick-main .caption, #slick-main .modal #modal-body.homeowner-login .caption, .modal #modal-body.homeowner-login #slick-thumb .caption, #slick-thumb .modal #modal-body.homeowner-login .caption, .modal #modal-body.homeowner-login #slick-strip .caption, #slick-strip .modal #modal-body.homeowner-login .caption, .modal #modal-body.homeowner-login #slick-floorplan .caption, #slick-floorplan .modal #modal-body.homeowner-login .caption, .modal #modal-body.homeowner-login #slick-collections .caption, #slick-collections .modal #modal-body.homeowner-login .caption, .modal #modal-body.homeowner-login .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.homeowner-login p.type-xl, .modal #modal-body.homeowner-login .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.homeowner-login p.card-title, .modal #modal-body.homeowner-login .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.homeowner-login p.card-title, .modal #modal-body.homeowner-login .card .snapshot li, .card .snapshot .modal #modal-body.homeowner-login li, .modal #modal-body.homeowner-login .card.floorplan-card .card-subtitle, .card.floorplan-card .modal #modal-body.homeowner-login .card-subtitle, .modal #modal-body.homeowner-login .card.floorplan-card .card-detail, .card.floorplan-card .modal #modal-body.homeowner-login .card-detail, .modal #modal-body.homeowner-login .card.floorplan-card .card-price, .card.floorplan-card .modal #modal-body.homeowner-login .card-price, .modal #modal-body.homeowner-login #microsite #subnav #subnav-toggle ul li a, #microsite #subnav #subnav-toggle ul li .modal #modal-body.homeowner-login a, .modal #modal-body.homeowner-login #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li .modal #modal-body.homeowner-login a, .modal #modal-body.homeowner-login #join-our-team section#benefits ul li, #join-our-team section#benefits ul .modal #modal-body.homeowner-login li, .modal #modal-body.homeowner-login #contact-us section#content #where-we-build .build-card .top .links a, #contact-us section#content #where-we-build .build-card .top .links .modal #modal-body.homeowner-login a, .modal #modal-body.homeowner-login #st-judes #content #partner-vendors li, #st-judes #content #partner-vendors .modal #modal-body.homeowner-login li {
    line-height: 30px; }
  .modal #modal-body.homeowner-login .password-group a {
    margin-top: 15px; }
  .modal #modal-body.homeowner-login .flex-wrap > * {
    -ms-flex: 1;
    flex: 1; }
  .modal #modal-body.homeowner-login .title-wrap, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap {
    padding: 50px; }
  @media only screen and (min-width: 768px) and (max-height: 850px) {
    .modal #modal-body.homeowner-login .title-wrap, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap {
      padding: 30px; } }
  .modal #modal-body.homeowner-login .title-wrap .flex-wrap > *, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .flex-wrap > * {
    margin-right: 30px; }
  .modal #modal-body.homeowner-login .title-wrap .flex-wrap span, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .flex-wrap span {
    position: relative;
    margin-right: 0;
    -ms-flex: initial;
    flex: initial; }
    .modal #modal-body.homeowner-login .title-wrap .flex-wrap span svg, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .flex-wrap span svg {
      position: absolute;
      top: 20px;
      left: 20px; }
    .modal #modal-body.homeowner-login .title-wrap .flex-wrap span input, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .flex-wrap span input {
      text-align: right;
      width: 140px;
      padding: 15px 20px;
      -ms-flex-pack: end;
      justify-content: flex-end; }
  .modal #modal-body.homeowner-login .login-panel .col-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: initial;
    justify-content: initial;
    -ms-flex-align: initial;
    align-items: initial;
    -ms-flex: 2;
    flex: 2; }
    .modal #modal-body.homeowner-login .login-panel .col-left .type-subtitle-md {
      font-weight: 300;
      line-height: 42px; }
    .modal #modal-body.homeowner-login .login-panel .col-left .top,
    .modal #modal-body.homeowner-login .login-panel .col-left .mid,
    .modal #modal-body.homeowner-login .login-panel .col-left .bottom {
      padding: 20px 40px; }
    .modal #modal-body.homeowner-login .login-panel .col-left .top {
      background-color: #a6a7a7; }
      .modal #modal-body.homeowner-login .login-panel .col-left .top p:first-child {
        margin-bottom: 30px; }
      .modal #modal-body.homeowner-login .login-panel .col-left .top p:last-child {
        margin-bottom: 15px; }
    .modal #modal-body.homeowner-login .login-panel .col-left .mid {
      background-color: #00a5b8;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; }
      .modal #modal-body.homeowner-login .login-panel .col-left .mid svg {
        transform-origin: right;
        transform: scale(1.5); }
    .modal #modal-body.homeowner-login .login-panel .col-left .bottom {
      background-clor: #626262; }
    .modal #modal-body.homeowner-login .login-panel .col-left .bottom span {
      font-weight: 600;
      font-style: italic; }
    .modal #modal-body.homeowner-login .login-panel .col-left .bottom a {
      display: block; }
  .modal #modal-body.homeowner-login .login-panel .col-right, .modal #modal-body.homeowner-login .login-panel #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right .modal #modal-body.homeowner-login .login-panel .fill {
    -ms-flex: 1.5;
    flex: 1.5;
    padding: 30px 50px 15px;
    background-color: rgba(255, 255, 255, 0.9); }
    .modal #modal-body.homeowner-login .login-panel .col-right li, .modal #modal-body.homeowner-login .login-panel #lifestyle #the-design-process .col-right .fill li, #lifestyle #the-design-process .col-right .modal #modal-body.homeowner-login .login-panel .fill li,
    .modal #modal-body.homeowner-login .login-panel .col-right p,
    .modal #modal-body.homeowner-login .login-panel #lifestyle #the-design-process .col-right .fill p,
    #lifestyle #the-design-process .col-right .modal #modal-body.homeowner-login .login-panel .fill p {
      color: #7f7f7f;
      position: relative;
      margin-bottom: 15px; }
    .modal #modal-body.homeowner-login .login-panel .col-right p:first-child, .modal #modal-body.homeowner-login .login-panel #lifestyle #the-design-process .col-right .fill p:first-child, #lifestyle #the-design-process .col-right .modal #modal-body.homeowner-login .login-panel .fill p:first-child {
      color: #00a5b8;
      font-weight: 700; }
  .modal #modal-body.homeowner-login .forgot-password > .title-wrap .type-sm, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .type-sm, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #slick-main .caption, #slick-main .modal #modal-body.homeowner-login .forgot-password > .title-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-main .caption, #slick-main .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #slick-thumb .caption, #slick-thumb .modal #modal-body.homeowner-login .forgot-password > .title-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-thumb .caption, #slick-thumb .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #slick-strip .caption, #slick-strip .modal #modal-body.homeowner-login .forgot-password > .title-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-strip .caption, #slick-strip .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #slick-floorplan .caption, #slick-floorplan .modal #modal-body.homeowner-login .forgot-password > .title-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-floorplan .caption, #slick-floorplan .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #slick-collections .caption, #slick-collections .modal #modal-body.homeowner-login .forgot-password > .title-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-collections .caption, #slick-collections .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .caption, .modal #modal-body.homeowner-login .forgot-password > .title-wrap .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.homeowner-login .forgot-password > .title-wrap p.type-xl, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.type-xl, .modal #modal-body.homeowner-login .forgot-password > .title-wrap .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .title-wrap p.card-title, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.card-title, .modal #modal-body.homeowner-login .forgot-password > .title-wrap .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.homeowner-login .forgot-password > .title-wrap p.card-title, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.card-title, .modal #modal-body.homeowner-login .forgot-password > .title-wrap .card .snapshot li, .card .snapshot .modal #modal-body.homeowner-login .forgot-password > .title-wrap li, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card .snapshot li, .card .snapshot .modal #modal-body.homeowner-login .forgot-password > .flex-wrap li, .modal #modal-body.homeowner-login .forgot-password > .title-wrap .card.floorplan-card .card-subtitle, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .title-wrap .card-subtitle, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card.floorplan-card .card-subtitle, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card-subtitle, .modal #modal-body.homeowner-login .forgot-password > .title-wrap .card.floorplan-card .card-detail, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .title-wrap .card-detail, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card.floorplan-card .card-detail, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card-detail, .modal #modal-body.homeowner-login .forgot-password > .title-wrap .card.floorplan-card .card-price, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .title-wrap .card-price, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card.floorplan-card .card-price, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card-price, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #microsite #subnav #subnav-toggle ul li a, #microsite #subnav #subnav-toggle ul li .modal #modal-body.homeowner-login .forgot-password > .title-wrap a, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #microsite #subnav #subnav-toggle ul li a, #microsite #subnav #subnav-toggle ul li .modal #modal-body.homeowner-login .forgot-password > .flex-wrap a, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li .modal #modal-body.homeowner-login .forgot-password > .title-wrap a, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li .modal #modal-body.homeowner-login .forgot-password > .flex-wrap a, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #join-our-team section#benefits ul li, #join-our-team section#benefits ul .modal #modal-body.homeowner-login .forgot-password > .title-wrap li, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #join-our-team section#benefits ul li, #join-our-team section#benefits ul .modal #modal-body.homeowner-login .forgot-password > .flex-wrap li, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #contact-us section#content #where-we-build .build-card .top .links a, #contact-us section#content #where-we-build .build-card .top .links .modal #modal-body.homeowner-login .forgot-password > .title-wrap a, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #contact-us section#content #where-we-build .build-card .top .links a, #contact-us section#content #where-we-build .build-card .top .links .modal #modal-body.homeowner-login .forgot-password > .flex-wrap a, .modal #modal-body.homeowner-login .forgot-password > .title-wrap #st-judes #content #partner-vendors li, #st-judes #content #partner-vendors .modal #modal-body.homeowner-login .forgot-password > .title-wrap li, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #st-judes #content #partner-vendors li, #st-judes #content #partner-vendors .modal #modal-body.homeowner-login .forgot-password > .flex-wrap li {
    margin-bottom: 0; }
  .modal #modal-body.homeowner-login .forgot-password > .title-wrap .btn.btn-gray, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .btn.btn-gray {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    color: white; }
    .modal #modal-body.homeowner-login .forgot-password > .title-wrap .btn.btn-gray svg, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .btn.btn-gray svg {
      margin-left: 15px;
      margin-right: 0;
      top: 0;
      left: 0;
      position: relative; }
  .modal #modal-body.homeowner-login .forgot-password > .flex-wrap {
    background-color: #a6a7a7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    .modal #modal-body.homeowner-login .forgot-password > .flex-wrap input:nth-child(2) {
      -ms-flex: 3;
      flex: 3;
      margin-right: 30px;
      height: 55px;
      border-radius: 5px; }
  .modal #modal-body.homeowner-login .flex-wrap {
    -ms-flex-direction: column;
    flex-direction: column; }
  .modal #modal-body.homeowner-login .title-wrap, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap {
    padding: 20px; }
  .modal #modal-body.homeowner-login .title-wrap p.type-title-md, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.type-title-md, .modal #modal-body.homeowner-login .title-wrap #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2), #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption .modal #modal-body.homeowner-login .title-wrap p:nth-of-type(2), .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2), #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p:nth-of-type(2) {
    font-size: 8vw;
    letter-spacing: 0.5px;
    text-align: center; }
  .modal #modal-body.homeowner-login .title-wrap p.type-sm, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.type-sm, .modal #modal-body.homeowner-login .title-wrap #slick-main p.caption, #slick-main .modal #modal-body.homeowner-login .title-wrap p.caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-main p.caption, #slick-main .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.caption, .modal #modal-body.homeowner-login .title-wrap #slick-thumb p.caption, #slick-thumb .modal #modal-body.homeowner-login .title-wrap p.caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-thumb p.caption, #slick-thumb .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.caption, .modal #modal-body.homeowner-login .title-wrap #slick-strip p.caption, #slick-strip .modal #modal-body.homeowner-login .title-wrap p.caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-strip p.caption, #slick-strip .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.caption, .modal #modal-body.homeowner-login .title-wrap #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.homeowner-login .title-wrap p.caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-floorplan p.caption, #slick-floorplan .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.caption, .modal #modal-body.homeowner-login .title-wrap #slick-collections p.caption, #slick-collections .modal #modal-body.homeowner-login .title-wrap p.caption, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap #slick-collections p.caption, #slick-collections .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.caption, .modal #modal-body.homeowner-login .title-wrap .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.homeowner-login .title-wrap p.type-xl, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.type-xl, .modal #modal-body.homeowner-login .title-wrap .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.homeowner-login .title-wrap p.card-title, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.card-title, .modal #modal-body.homeowner-login .title-wrap .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.homeowner-login .title-wrap p.card-title, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.card-title, .modal #modal-body.homeowner-login .title-wrap .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.homeowner-login .title-wrap p.card-subtitle, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card.floorplan-card p.card-subtitle, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.card-subtitle, .modal #modal-body.homeowner-login .title-wrap .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.homeowner-login .title-wrap p.card-detail, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card.floorplan-card p.card-detail, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.card-detail, .modal #modal-body.homeowner-login .title-wrap .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.homeowner-login .title-wrap p.card-price, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .card.floorplan-card p.card-price, .card.floorplan-card .modal #modal-body.homeowner-login .forgot-password > .flex-wrap p.card-price {
    display: none; }
  .modal #modal-body.homeowner-login .title-wrap .flex-wrap > *, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .flex-wrap > * {
    margin-right: 0; }
  .modal #modal-body.homeowner-login .title-wrap form, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap form {
    -ms-flex-align: center;
    align-items: center; }
    .modal #modal-body.homeowner-login .title-wrap form .password-group, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap form .password-group {
      margin-top: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%; }
      .modal #modal-body.homeowner-login .title-wrap form .password-group a, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap form .password-group a {
        text-align: center;
        margin-bottom: 20px;
        color: #00a5b8; }
    .modal #modal-body.homeowner-login .title-wrap form .login-group, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap form .login-group {
      width: 120px; }
      .modal #modal-body.homeowner-login .title-wrap form .login-group svg, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap form .login-group svg {
        top: 8px;
        width: 20px; }
      .modal #modal-body.homeowner-login .title-wrap form .login-group input, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap form .login-group input {
        font-size: 15px;
        padding-left: 40px;
        width: auto; }
  .modal #modal-body.homeowner-login > div {
    background-color: white; }
  .modal #modal-body.homeowner-login .login-panel .col-left .top,
  .modal #modal-body.homeowner-login .login-panel .col-left .mid {
    color: white;
    padding: 20px; }
  .modal #modal-body.homeowner-login .login-panel .col-left .type-subtitle-md {
    line-height: 30px; }
  .modal #modal-body.homeowner-login .login-panel .col-left .bottom {
    padding: 20px 20px 0; }
    .modal #modal-body.homeowner-login .login-panel .col-left .bottom a {
      color: #00a5b8; }
  .modal #modal-body.homeowner-login .login-panel .col-right, .modal #modal-body.homeowner-login .login-panel #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right .modal #modal-body.homeowner-login .login-panel .fill {
    padding: 20px; }
  .modal #modal-body.homeowner-login .forgot-password > .title-wrap .flex-wrap, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .flex-wrap {
    -ms-flex-align: center;
    align-items: center; }
  .modal #modal-body.homeowner-login .forgot-password > .title-wrap .btn.btn-gray, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .btn.btn-gray {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .modal #modal-body.homeowner-login .forgot-password > .title-wrap .btn.btn-gray svg, .modal #modal-body.homeowner-login .forgot-password > .flex-wrap .btn.btn-gray svg {
      margin: 0 5px 0 0;
      transform-origin: center;
      transform: rotate(180deg); }
  .modal #modal-body.homeowner-login .forgot-password > .flex-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
    .modal #modal-body.homeowner-login .forgot-password > .flex-wrap span {
      color: white; }
    .modal #modal-body.homeowner-login .forgot-password > .flex-wrap input:nth-child(2) {
      margin: 20px 0; }

.modal #modal-body.subcontractors-and-suppliers div.form-results-loader i.fa,
.modal #modal-body.land-to-sell div.form-results-loader i.fa,
.modal #modal-body.buy-now div.form-results-loader i.fa {
  color: white; }

.modal #modal-body.subcontractors-and-suppliers form > .flex-wrap,
.modal #modal-body.subcontractors-and-suppliers .location.flex-wrap,
.modal #modal-body.land-to-sell form > .flex-wrap,
.modal #modal-body.land-to-sell .location.flex-wrap,
.modal #modal-body.buy-now form > .flex-wrap,
.modal #modal-body.buy-now .location.flex-wrap {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.modal #modal-body.subcontractors-and-suppliers form > .flex-wrap,
.modal #modal-body.land-to-sell form > .flex-wrap,
.modal #modal-body.buy-now form > .flex-wrap {
  margin-bottom: 30px; }
  .modal #modal-body.subcontractors-and-suppliers form > .flex-wrap .help-block,
  .modal #modal-body.land-to-sell form > .flex-wrap .help-block,
  .modal #modal-body.buy-now form > .flex-wrap .help-block {
    color: white; }
    .modal #modal-body.subcontractors-and-suppliers form > .flex-wrap .help-block .fa,
    .modal #modal-body.land-to-sell form > .flex-wrap .help-block .fa,
    .modal #modal-body.buy-now form > .flex-wrap .help-block .fa {
      color: white; }
  .modal #modal-body.subcontractors-and-suppliers form > .flex-wrap .form-group,
  .modal #modal-body.land-to-sell form > .flex-wrap .form-group,
  .modal #modal-body.buy-now form > .flex-wrap .form-group {
    margin-bottom: 20px; }

.modal #modal-body.subcontractors-and-suppliers textarea,
.modal #modal-body.land-to-sell textarea,
.modal #modal-body.buy-now textarea {
  height: 110px;
  resize: none; }

.modal #modal-body.subcontractors-and-suppliers .checkbox-group.flex-wrap,
.modal #modal-body.land-to-sell .checkbox-group.flex-wrap,
.modal #modal-body.buy-now .checkbox-group.flex-wrap {
  -ms-flex-align: center;
  align-items: center; }

.modal #modal-body.subcontractors-and-suppliers .location.flex-wrap > div,
.modal #modal-body.land-to-sell .location.flex-wrap > div,
.modal #modal-body.buy-now .location.flex-wrap > div {
  width: calc(33.3333333333% - 10px); }

.modal #modal-body.subcontractors-and-suppliers .col-left,
.modal #modal-body.subcontractors-and-suppliers .col-right,
.modal #modal-body.subcontractors-and-suppliers #lifestyle #the-design-process .col-right .fill,
#lifestyle #the-design-process .col-right .modal #modal-body.subcontractors-and-suppliers .fill,
.modal #modal-body.land-to-sell .col-left,
.modal #modal-body.land-to-sell .col-right,
.modal #modal-body.land-to-sell #lifestyle #the-design-process .col-right .fill,
#lifestyle #the-design-process .col-right .modal #modal-body.land-to-sell .fill,
.modal #modal-body.buy-now .col-left,
.modal #modal-body.buy-now .col-right,
.modal #modal-body.buy-now #lifestyle #the-design-process .col-right .fill,
#lifestyle #the-design-process .col-right .modal #modal-body.buy-now .fill {
  width: calc(50% - 20px); }

.modal #modal-body.subcontractors-and-suppliers a,
.modal #modal-body.land-to-sell a,
.modal #modal-body.buy-now a {
  color: white;
  transition: all 0.2s ease-out;
  cursor: pointer !important; }
  .modal #modal-body.subcontractors-and-suppliers a:hover,
  .modal #modal-body.land-to-sell a:hover,
  .modal #modal-body.buy-now a:hover {
    transition: all 0.2s ease-in;
    background-color: transparent;
    color: #f08804; }
    .modal #modal-body.subcontractors-and-suppliers a:hover > *,
    .modal #modal-body.land-to-sell a:hover > *,
    .modal #modal-body.buy-now a:hover > * {
      color: #f08804; }

.modal #modal-body.land-to-sell label {
  font-size: 15px; }

.modal #modal-body.land-to-sell textarea {
  height: 70px; }

.modal-compact {
  max-width: 455px; }

.modal #modal-body.testimonial {
  padding-top: 0;
  color: white;
  text-align: left; }
  .modal #modal-body.testimonial .thumbnail {
    float: left;
    margin-right: 30px;
    background-size: cover;
    background-position: center;
    width: 200px;
    height: 200px; }
    @media only screen and (max-width: 767px) {
      .modal #modal-body.testimonial .thumbnail {
        margin-right: 0;
        width: 100%;
        height: 75vw; } }
  .modal #modal-body.testimonial p {
    margin-bottom: 15px; }
  .modal #modal-body.testimonial i {
    font-style: italic; }

.modal #modal-body.regional {
  line-height: 30px; }

.modal #modal-body.text-phone {
  padding: 0 20px 20px; }
  .modal #modal-body.text-phone .title .type-title-md, .modal #modal-body.text-phone .title #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2), #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption .modal #modal-body.text-phone .title p:nth-of-type(2) {
    font-size: 27px;
    letter-spacing: 0;
    line-height: 35px; }
  .modal #modal-body.text-phone .title .type-sm, .modal #modal-body.text-phone .title #slick-main .caption, #slick-main .modal #modal-body.text-phone .title .caption, .modal #modal-body.text-phone .title #slick-thumb .caption, #slick-thumb .modal #modal-body.text-phone .title .caption, .modal #modal-body.text-phone .title #slick-strip .caption, #slick-strip .modal #modal-body.text-phone .title .caption, .modal #modal-body.text-phone .title #slick-floorplan .caption, #slick-floorplan .modal #modal-body.text-phone .title .caption, .modal #modal-body.text-phone .title #slick-collections .caption, #slick-collections .modal #modal-body.text-phone .title .caption, .modal #modal-body.text-phone .title .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy .modal #modal-body.text-phone .title p.type-xl, .modal #modal-body.text-phone .title .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card .modal #modal-body.text-phone .title p.card-title, .modal #modal-body.text-phone .title .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy .modal #modal-body.text-phone .title p.card-title, .modal #modal-body.text-phone .title .card .snapshot li, .card .snapshot .modal #modal-body.text-phone .title li, .modal #modal-body.text-phone .title .card.floorplan-card .card-subtitle, .card.floorplan-card .modal #modal-body.text-phone .title .card-subtitle, .modal #modal-body.text-phone .title .card.floorplan-card .card-detail, .card.floorplan-card .modal #modal-body.text-phone .title .card-detail, .modal #modal-body.text-phone .title .card.floorplan-card .card-price, .card.floorplan-card .modal #modal-body.text-phone .title .card-price, .modal #modal-body.text-phone .title #microsite #subnav #subnav-toggle ul li a, #microsite #subnav #subnav-toggle ul li .modal #modal-body.text-phone .title a, .modal #modal-body.text-phone .title #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li .modal #modal-body.text-phone .title a, .modal #modal-body.text-phone .title #join-our-team section#benefits ul li, #join-our-team section#benefits ul .modal #modal-body.text-phone .title li, .modal #modal-body.text-phone .title #contact-us section#content #where-we-build .build-card .top .links a, #contact-us section#content #where-we-build .build-card .top .links .modal #modal-body.text-phone .title a, .modal #modal-body.text-phone .title #st-judes #content #partner-vendors li, #st-judes #content #partner-vendors .modal #modal-body.text-phone .title li,
  .modal #modal-body.text-phone .bottom-content img,
  .modal #modal-body.text-phone .bottom-content p {
    display: none; }
  .modal #modal-body.text-phone .input-group {
    width: 100%; }
    .modal #modal-body.text-phone .input-group .form-component:not(:last-child) {
      margin-bottom: 10px; }
  .modal #modal-body.text-phone .bottom-content {
    text-align: center; }
  .modal #modal-body.text-phone .bottom-content input.btn.btn-orange {
    float: none; }
  .modal #modal-body.text-phone .contact-info {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 20px; }
    .modal #modal-body.text-phone .contact-info p {
      margin: 20px 5px; }
    .modal #modal-body.text-phone .contact-info a {
      width: 100%;
      color: #00a5b8;
      padding: 10px 15px; }
      .modal #modal-body.text-phone .contact-info a:hover, .modal #modal-body.text-phone .contact-info a:focus {
        color: white; }
  .modal #modal-body.text-phone form .form-component {
    margin-bottom: 20px; }

.modal #modal-body.compact {
  padding-bottom: 40px; }
  .modal #modal-body.compact p {
    margin-bottom: 30px; }
  .modal #modal-body.compact .flex-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    .modal #modal-body.compact .flex-wrap .btn-group {
      -ms-flex: .7 0 auto;
      flex: .7 0 auto; }
    .modal #modal-body.compact .flex-wrap button.btn {
      padding: 11px 20px;
      border-radius: 5px; }
      .modal #modal-body.compact .flex-wrap button.btn span {
        width: 45px; }
      .modal #modal-body.compact .flex-wrap button.btn svg {
        width: 18px;
        height: 18px; }
    .modal #modal-body.compact .flex-wrap .dropdown-menu li a {
      color: #7f7f7f;
      transition: all 0.2s ease-out;
      cursor: pointer !important; }
      .modal #modal-body.compact .flex-wrap .dropdown-menu li a:hover {
        transition: all 0.2s ease-in;
        background-color: #00a5b8;
        color: white; }
        .modal #modal-body.compact .flex-wrap .dropdown-menu li a:hover > * {
          color: white; }
    .modal #modal-body.compact .flex-wrap input,
    .modal #modal-body.compact .flex-wrap .submit {
      padding: 10px 20px; }
    .modal #modal-body.compact .flex-wrap .submit {
      color: #00a5b8; }
      .modal #modal-body.compact .flex-wrap .submit:hover {
        color: white; }
  @media only screen and (max-width: 767px) {
    .modal #modal-body.compact.regional .btn-group.dropdown {
      width: 100%; } }

.modal-450 {
  width: 450px; }
  @media only screen and (max-width: 767px) {
    .modal-450 {
      width: calc(100% - 20px); } }

.modal #modal-body.we-are-here-to-help div.form-results-loader i.fa {
  color: white; }

.modal #modal-body.we-are-here-to-help p {
  margin-bottom: 15px; }

.modal #modal-body.we-are-here-to-help .call-or-text {
  background-color: #ba1f31;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -50px;
  margin-right: -50px;
  padding-top: 15px;
  padding-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .modal #modal-body.we-are-here-to-help .call-or-text {
      margin-left: -35px;
      margin-right: -35px; } }
  .modal #modal-body.we-are-here-to-help .call-or-text .fa {
    margin-right: 10px; }

.modal #modal-body.we-are-here-to-help form .help-block {
  color: white; }
  .modal #modal-body.we-are-here-to-help form .help-block .fa {
    color: white; }

.modal #modal-body.we-are-here-to-help form input.btn.btn-orange {
  width: 100%; }

.modal #modal-body.buy-now form > .flex-wrap {
  margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .modal #modal-body.buy-now form > .flex-wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 5px; } }

.modal #modal-body.buy-now input.btn.btn-orange {
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .modal #modal-body.buy-now input.btn.btn-orange {
      width: 100%; } }

.modal #modal-body.buy-now p {
  margin-bottom: 15px; }

@media only screen and (max-width: 767px) {
  .modal #modal-body.buy-now .col-left,
  .modal #modal-body.buy-now .col-right,
  .modal #modal-body.buy-now #lifestyle #the-design-process .col-right .fill,
  #lifestyle #the-design-process .col-right .modal #modal-body.buy-now .fill {
    width: 100%; } }

.modal .modal-dialog.modal-tour-a-model-home {
  width: 900px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal .modal-dialog.modal-tour-a-model-home {
      width: 720px; } }
  @media only screen and (max-width: 767px) {
    .modal .modal-dialog.modal-tour-a-model-home {
      width: auto; } }
  .modal .modal-dialog.modal-tour-a-model-home .modal-content {
    background-image: url("/images/site/virtual-tours/tour-a-model-home.jpg");
    background-size: cover;
    background-position: center; }
    .modal .modal-dialog.modal-tour-a-model-home .modal-content .modal-header .btn-close {
      position: absolute;
      right: 0;
      z-index: 1; }
    .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home {
      padding-left: 270px;
      padding-right: 270px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home {
          padding-left: 180px;
          padding-right: 180px; } }
      @media only screen and (max-width: 767px) {
        .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home {
          padding-left: 30px;
          padding-right: 30px; } }
      .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div {
        background-color: rgba(0, 165, 184, 0.75); }
        .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div div.form-results-loader i.fa {
          color: white; }
        @media only screen and (max-width: 767px) {
          .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div {
            padding-left: 15px;
            padding-right: 15px; } }
        .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div p {
          margin-bottom: 15px; }
        .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div form .help-block {
          color: white; }
          .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div form .help-block .fa {
            color: white; }
        .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div form .checkbox-opt-in label {
          font-size: 12px; }
        .modal .modal-dialog.modal-tour-a-model-home .modal-content #modal-body.tour-a-model-home > div form input.btn.btn-orange {
          margin-bottom: 0;
          width: 100%; }

#floorplan-gallery {
  padding: 100px 0;
  background-color: white; }
  #floorplan-gallery p, #floorplan-gallery ul, #floorplan-gallery h2 {
    margin-bottom: 60px;
    display: block; }
  #floorplan-gallery a svg {
    margin-right: 15px; }
    #floorplan-gallery a svg path:not(.no-fill), #floorplan-gallery a svg polygon:not(.no-fill), #floorplan-gallery a svg rect:not(.no-fill), #floorplan-gallery a svg ellipse:not(.no-fill), #floorplan-gallery a svg circle:not(.no-fill), #floorplan-gallery a svg line:not(.no-fill) {
      fill: #00a5b8; }
  #floorplan-gallery p, #floorplan-gallery h2 {
    font-weight: 300;
    letter-spacing: 2px; }
  #floorplan-gallery .nav-tabs > li {
    padding-left: 15px;
    padding-right: 15px; }
  #floorplan-gallery li.type-sm, #floorplan-gallery #slick-main li.caption, #slick-main #floorplan-gallery li.caption, #floorplan-gallery #slick-thumb li.caption, #slick-thumb #floorplan-gallery li.caption, #floorplan-gallery #slick-strip li.caption, #slick-strip #floorplan-gallery li.caption, #floorplan-gallery #slick-floorplan li.caption, #slick-floorplan #floorplan-gallery li.caption, #floorplan-gallery #slick-collections li.caption, #slick-collections #floorplan-gallery li.caption, #floorplan-gallery .card .snapshot li, .card .snapshot #floorplan-gallery li, #floorplan-gallery .card.floorplan-card li.card-subtitle, .card.floorplan-card #floorplan-gallery li.card-subtitle, #floorplan-gallery .card.floorplan-card li.card-detail, .card.floorplan-card #floorplan-gallery li.card-detail, #floorplan-gallery .card.floorplan-card li.card-price, .card.floorplan-card #floorplan-gallery li.card-price, #floorplan-gallery #join-our-team section#benefits ul li, #join-our-team section#benefits ul #floorplan-gallery li, #floorplan-gallery #st-judes #content #partner-vendors li, #st-judes #content #partner-vendors #floorplan-gallery li {
    padding: 15px; }
    #floorplan-gallery li.type-sm:last-child:after, #floorplan-gallery #slick-main li.caption:last-child:after, #slick-main #floorplan-gallery li.caption:last-child:after, #floorplan-gallery #slick-thumb li.caption:last-child:after, #slick-thumb #floorplan-gallery li.caption:last-child:after, #floorplan-gallery #slick-strip li.caption:last-child:after, #slick-strip #floorplan-gallery li.caption:last-child:after, #floorplan-gallery #slick-floorplan li.caption:last-child:after, #slick-floorplan #floorplan-gallery li.caption:last-child:after, #floorplan-gallery #slick-collections li.caption:last-child:after, #slick-collections #floorplan-gallery li.caption:last-child:after, #floorplan-gallery .card .snapshot li:last-child:after, .card .snapshot #floorplan-gallery li:last-child:after, #floorplan-gallery .card.floorplan-card li.card-subtitle:last-child:after, .card.floorplan-card #floorplan-gallery li.card-subtitle:last-child:after, #floorplan-gallery .card.floorplan-card li.card-detail:last-child:after, .card.floorplan-card #floorplan-gallery li.card-detail:last-child:after, #floorplan-gallery .card.floorplan-card li.card-price:last-child:after, .card.floorplan-card #floorplan-gallery li.card-price:last-child:after, #floorplan-gallery #join-our-team section#benefits ul li:last-child:after, #join-our-team section#benefits ul #floorplan-gallery li:last-child:after, #floorplan-gallery #st-judes #content #partner-vendors li:last-child:after, #st-judes #content #partner-vendors #floorplan-gallery li:last-child:after {
      content: '|';
      color: transparent; }
  #floorplan-gallery .slick-arrow {
    display: none !important; }
  @media only screen and (max-width: 767px) {
    #floorplan-gallery {
      padding: 30px 0 50px; }
      #floorplan-gallery p, #floorplan-gallery ul, #floorplan-gallery h2 {
        margin-bottom: 30px; }
      #floorplan-gallery li:after {
        display: none; } }

section#content #block-links {
  background-color: #f5f5f5;
  padding: 90px 0; }
  section#content #block-links .block-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    section#content #block-links .block-wrap:first-child {
      margin-bottom: 70px; }
  section#content #block-links .block.prequalify .block-link {
    background-image: url("/images/site/contact-us/thumb-001.jpg");
    background-size: cover;
    background-position: center; }
  section#content #block-links .block.subcontractors .block-link {
    background-image: url("/images/site/contact-us/thumb-002.jpg");
    background-size: cover;
    background-position: center; }
  section#content #block-links .block.land-to-sell .block-link {
    background-image: url("/images/site/contact-us/thumb-003.jpg");
    background-size: cover;
    background-position: center; }
  section#content #block-links .block.warranty .block-link {
    background-image: url("/images/site/contact-us/thumb-004.jpg");
    background-size: cover;
    background-position: center; }
  section#content #block-links .block.general-inquiries .block-link {
    background-image: url("/images/site/contact-us/thumb-005.jpg");
    background-size: cover;
    background-position: center; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    section#content #block-links {
      padding: 40px 0; }
      section#content #block-links .block {
        padding: 30px; } }
  section#content #block-links .block .block-link {
    color: white;
    text-align: center;
    position: relative;
    display: inline-block;
    line-height: 35px;
    cursor: pointer;
    margin-bottom: 28px;
    font-weight: 300;
    height: 260px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    section#content #block-links .block .block-link span {
      position: relative; }
      section#content #block-links .block .block-link span:last-child {
        opacity: 0;
        margin-bottom: -40px;
        transition: all 0.2s ease-out;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; }
        section#content #block-links .block .block-link span:last-child svg {
          margin-right: 10px;
          width: 20px;
          height: 20px; }
          section#content #block-links .block .block-link span:last-child svg path:not(.no-fill), section#content #block-links .block .block-link span:last-child svg polygon:not(.no-fill), section#content #block-links .block .block-link span:last-child svg rect:not(.no-fill), section#content #block-links .block .block-link span:last-child svg ellipse:not(.no-fill), section#content #block-links .block .block-link span:last-child svg circle:not(.no-fill), section#content #block-links .block .block-link span:last-child svg line:not(.no-fill) {
            fill: white; }
    section#content #block-links .block .block-link:before {
      opacity: 0;
      transition: all 0.3s ease-out;
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background-color: #00a5b8;
      width: 100%;
      height: 100%; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      section#content #block-links .block .block-link {
        height: 210px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      section#content #block-links .block .block-link {
        height: 310px;
        font-size: 25px; } }
    @media only screen and (max-width: 767px) {
      section#content #block-links .block .block-link {
        margin-bottom: 20px;
        font-size: 25px; } }
    section#content #block-links .block .block-link:hover:before {
      opacity: .8;
      transition: all 0.3s ease-in; }
    section#content #block-links .block .block-link:hover span:last-child {
      opacity: 1;
      margin-bottom: 0px;
      height: 40px;
      transition: margin-bottom 0.2s ease-out, opacity 0.3s ease-in 0.3s; }

.banner-have-a-question {
  background-color: #00a5b8;
  padding: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start; }
  .banner-have-a-question button, .banner-have-a-question a {
    font-size: inherit; }
  @media only screen and (max-width: 767px) {
    .banner-have-a-question {
      display: block; } }
  .banner-have-a-question .image {
    -ms-flex: 3 0 0;
    flex: 3 0 0;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.6); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-have-a-question .image {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .banner-have-a-question .image {
        display: none; } }
    .banner-have-a-question .image img {
      width: 100%; }
  .banner-have-a-question .copy {
    padding-left: 15px;
    -ms-flex: 12;
    flex: 12; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-have-a-question .copy {
        padding-left: 0; } }
    .banner-have-a-question .copy p.type-xxl {
      font-size: 31.5px;
      font-style: italic;
      font-weight: 300;
      margin-bottom: 24px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .banner-have-a-question .copy p.type-xxl {
          font-size: 2.4vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-have-a-question .copy p.type-xxl {
          font-size: 3.3vw; } }
      @media only screen and (max-width: 767px) {
        .banner-have-a-question .copy p.type-xxl {
          font-size: 6vw;
          line-height: 30px; } }
    @media only screen and (max-width: 767px) {
      .banner-have-a-question .copy {
        padding-left: 3px;
        padding-right: 3px; } }
    .banner-have-a-question .copy > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: start;
      align-items: flex-start; }
      @media only screen and (max-width: 767px) {
        .banner-have-a-question .copy > div {
          -ms-flex-direction: column;
          flex-direction: column; } }
  .banner-have-a-question .cta-container {
    font-size: 18px;
    color: white;
    display: block; }
    .banner-have-a-question .cta-container .btn {
      border: 1px solid rgba(255, 255, 255, 0.6);
      padding: 9px;
      font-size: 18px;
      display: block;
      text-align: center; }
  .banner-have-a-question .banner-have-a-question__cta-container__or {
    color: white;
    font-size: 15px;
    font-style: italic;
    margin-bottom: 6px;
    margin-top: 6px;
    text-align: center; }
  .banner-have-a-question .banner-have-a-question__cta-container__phone {
    white-space: nowrap; }
  .banner-have-a-question .flex-wrap {
    -ms-flex-direction: column;
    flex-direction: column; }
    .banner-have-a-question .flex-wrap .btn-ask-the-fischer-team {
      font-style: italic; }
      .banner-have-a-question .flex-wrap .btn-ask-the-fischer-team img {
        margin-right: 10px; }
    .banner-have-a-question .flex-wrap.left {
      -ms-flex: 6;
      flex: 6; }
      .banner-have-a-question .flex-wrap.left div.form-results-container {
        color: #fff;
        min-height: auto; }
      .banner-have-a-question .flex-wrap.left form > .input-group {
        width: 96%; }
        @media only screen and (max-width: 767px) {
          .banner-have-a-question .flex-wrap.left form > .input-group {
            width: 100%; } }
        .banner-have-a-question .flex-wrap.left form > .input-group:first-child > .form-component {
          width: calc(50% - 10px); }
          @media only screen and (max-width: 767px) {
            .banner-have-a-question .flex-wrap.left form > .input-group:first-child > .form-component {
              width: 100%; } }
          .banner-have-a-question .flex-wrap.left form > .input-group:first-child > .form-component:nth-child(odd) {
            float: left; }
            @media only screen and (max-width: 767px) {
              .banner-have-a-question .flex-wrap.left form > .input-group:first-child > .form-component:nth-child(odd) {
                float: none; } }
          .banner-have-a-question .flex-wrap.left form > .input-group:first-child > .form-component:nth-child(even) {
            float: right; }
            @media only screen and (max-width: 767px) {
              .banner-have-a-question .flex-wrap.left form > .input-group:first-child > .form-component:nth-child(even) {
                float: none; } }
          .banner-have-a-question .flex-wrap.left form > .input-group:first-child > .form-component:nth-child(n + 1) {
            margin-bottom: 15px; }
      .banner-have-a-question .flex-wrap.left form .checkbox-opt-in {
        display: inline-block;
        vertical-align: top;
        width: 69%; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .banner-have-a-question .flex-wrap.left form .checkbox-opt-in {
            vertical-align: bottom;
            width: 60%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .banner-have-a-question .flex-wrap.left form .checkbox-opt-in {
            vertical-align: bottom;
            width: 60%; } }
        @media only screen and (max-width: 767px) {
          .banner-have-a-question .flex-wrap.left form .checkbox-opt-in {
            width: 100%; } }
        .banner-have-a-question .flex-wrap.left form .checkbox-opt-in label {
          color: #fff;
          font-size: 12px;
          line-height: 15px; }
          .banner-have-a-question .flex-wrap.left form .checkbox-opt-in label input[type="checkbox"] {
            position: relative;
            top: 3px; }
      .banner-have-a-question .flex-wrap.left form .btn-wrap input[type="submit"] {
        display: inline-block;
        padding: 10px 45px;
        position: relative;
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          .banner-have-a-question .flex-wrap.left form .btn-wrap input[type="submit"] {
            display: block;
            font-size: 15px;
            margin: 15px auto; } }
    .banner-have-a-question .flex-wrap.right {
      -ms-flex: 3;
      flex: 3; }
      @media only screen and (max-width: 767px) {
        .banner-have-a-question .flex-wrap.right {
          width: 100%; } }
      .banner-have-a-question .flex-wrap.right .privacy {
        margin-top: 15px; }
        .banner-have-a-question .flex-wrap.right .privacy a {
          color: #fff;
          font-weight: 600; }
  .banner-have-a-question.combined .btn {
    border: none; }
  .banner-have-a-question.combined .cta-container {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 4.5px; }
  .banner-have-a-question.combined .banner-have-a-question__cta-container__or {
    display: none !important; }
  @media only screen and (max-width: 767px) {
    .banner-have-a-question.combined {
      padding-left: 3px;
      padding-right: 3px; } }
  @media only screen and (max-width: 767px) {
    .banner-have-a-question.combined .copy {
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (max-width: 767px) {
    .banner-have-a-question.combined .flex-wrap .btn-bordered > div {
      float: left; }
      .banner-have-a-question.combined .flex-wrap .btn-bordered > div:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.6);
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        border-left: 1px solid rgba(255, 255, 255, 0.6);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 33.33333333%;
        height: 107px; }
      .banner-have-a-question.combined .flex-wrap .btn-bordered > div:last-child {
        width: 66.66666667%; } }
  .banner-have-a-question.combined .flex-wrap .btn-ask-the-fischer-team {
    border-bottom-color: #00b300;
    font-size: 12px; }
    @media only screen and (max-width: 767px) {
      .banner-have-a-question.combined .flex-wrap .btn-ask-the-fischer-team {
        border-left-color: #00b300;
        text-align: left; } }
  .banner-have-a-question.combined .flex-wrap .btn-call-or-text {
    border-top-color: #009400; }
    @media only screen and (max-width: 767px) {
      .banner-have-a-question.combined .flex-wrap .btn-call-or-text {
        border-left-color: #009400;
        font-size: 12px; } }

.banner-promo {
  background-image: url("/images/site/microsite/promo-bkg.jpg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow:  0px 0px 30px 0 rgba(0, 0, 0, 0.2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-promo {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    .banner-promo {
      display: block;
      padding-top: 1.5px;
      padding-bottom: 15px; } }
  .banner-promo .image {
    -ms-flex: 4 0 0;
    flex: 4 0 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-promo .image {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .banner-promo .image {
        display: none; } }
    .banner-promo .image img {
      width: 100%; }
  .banner-promo .copy {
    padding-left: 3vw;
    padding-right: 1.5vw;
    -ms-flex: 7;
    flex: 7; }
    .banner-promo .copy p.type-xxxl {
      color: rgba(255, 255, 255, 0.45);
      font-family: "agendabold", sans-serif;
      letter-spacing: 3px;
      line-height: 4.5vw;
      text-shadow: 0 0 30px rgba(0, 165, 184, 0.45);
      -webkit-text-stroke-color: #00a5b8;
      position: relative;
      z-index: 0; }
      .banner-promo .copy p.type-xxxl::before {
        content: attr(data-char);
        position: absolute;
        left: 0;
        width: 100%;
        z-index: -1;
        -webkit-text-stroke-color: #007785; }
        @media only screen and (min-width: 1230px) {
          .banner-promo .copy p.type-xxxl::before {
            -webkit-text-stroke-width: 4.5px; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .banner-promo .copy p.type-xxxl::before {
            -webkit-text-stroke-width: 4.5px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .banner-promo .copy p.type-xxxl::before {
            -webkit-text-stroke-width: 4.5px; } }
        @media only screen and (max-width: 767px) {
          .banner-promo .copy p.type-xxxl::before {
            -webkit-text-stroke-width: 3px; } }
      @media only screen and (min-width: 1230px) {
        .banner-promo .copy p.type-xxxl {
          font-size: 3.6vw;
          margin-bottom: 7.5px;
          -webkit-text-stroke-width: 1.5px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .banner-promo .copy p.type-xxxl {
          font-size: 37.5px;
          line-height: 45px;
          -webkit-text-stroke-width: 1.5px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-promo .copy p.type-xxxl {
          font-size: 37.5px;
          line-height: 45px;
          -webkit-text-stroke-width: 1.5px; } }
      @media only screen and (max-width: 767px) {
        .banner-promo .copy p.type-xxxl {
          font-size: 8.1vw;
          line-height: 45px;
          -webkit-text-stroke-width: 1.5px;
          margin-top: 15px;
          margin-bottom: 15px;
          text-align: center; } }
    .banner-promo .copy p.type-sm, .banner-promo .copy #slick-main p.caption, #slick-main .banner-promo .copy p.caption, .banner-promo .copy #slick-thumb p.caption, #slick-thumb .banner-promo .copy p.caption, .banner-promo .copy #slick-strip p.caption, #slick-strip .banner-promo .copy p.caption, .banner-promo .copy #slick-floorplan p.caption, #slick-floorplan .banner-promo .copy p.caption, .banner-promo .copy #slick-collections p.caption, #slick-collections .banner-promo .copy p.caption, .banner-promo .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .banner-promo .copy p.type-xl, .banner-promo .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .banner-promo .copy .card.floorplan-card p.card-title, .banner-promo .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .banner-promo .copy p.card-title, .banner-promo .copy .card.floorplan-card p.card-subtitle, .card.floorplan-card .banner-promo .copy p.card-subtitle, .banner-promo .copy .card.floorplan-card p.card-detail, .card.floorplan-card .banner-promo .copy p.card-detail, .banner-promo .copy .card.floorplan-card p.card-price, .card.floorplan-card .banner-promo .copy p.card-price {
      color: #000;
      font-weight: 600;
      line-height: 24px; }
  .banner-promo .flex-wrap {
    -ms-flex: 5;
    flex: 5;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 1.5vw;
    padding-right: 3vw; }
    @media only screen and (max-width: 767px) {
      .banner-promo .flex-wrap {
        padding-top: 15px; } }
    .banner-promo .flex-wrap .cta-container {
      border: 2px solid #00a5b8;
      border-radius: 6px;
      font-size: 18px;
      color: white;
      display: block;
      max-width: 378px;
      padding: 3px; }
      .banner-promo .flex-wrap .cta-container .btn-call-or-text {
        border: 1px solid #00a5b8;
        border-radius: 3px;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        text-align: left; }
        @media only screen and (min-width: 1230px) {
          .banner-promo .flex-wrap .cta-container .btn-call-or-text {
            font-size: 18px;
            padding-left: 24px;
            padding-right: 24px; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .banner-promo .flex-wrap .cta-container .btn-call-or-text {
            font-size: 15px;
            padding-left: 12px;
            padding-right: 12px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .banner-promo .flex-wrap .cta-container .btn-call-or-text {
            font-size: 15px;
            padding-left: 12px;
            padding-right: 12px; } }
        @media only screen and (max-width: 767px) {
          .banner-promo .flex-wrap .cta-container .btn-call-or-text {
            font-size: 12px; } }
        .banner-promo .flex-wrap .cta-container .btn-call-or-text .banner-have-a-question__cta-container__phone {
          white-space: nowrap; }
        .banner-promo .flex-wrap .cta-container .btn-call-or-text img {
          float: left;
          margin-right: 15px; }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            .banner-promo .flex-wrap .cta-container .btn-call-or-text img {
              width: 36px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .banner-promo .flex-wrap .cta-container .btn-call-or-text img {
              width: 36px; } }
          @media only screen and (max-width: 767px) {
            .banner-promo .flex-wrap .cta-container .btn-call-or-text img {
              width: 36px; } }

@media only screen and (min-width: 300px) {
  .large-footer {
    column-count: 1; } }

@media only screen and (min-width: 600px) {
  .large-footer {
    column-count: 2; } }

@media only screen and (min-width: 900px) {
  .large-footer {
    column-count: 3; } }

@media only screen and (min-width: 1200px) {
  .large-footer {
    column-count: 4; } }

@media only screen and (min-width: 1500px) {
  .large-footer {
    column-count: 5; } }

@media only screen and (min-width: 1800px) {
  .large-footer {
    column-count: 6; } }

@media only screen and (min-width: 2100px) {
  .large-footer {
    column-count: 7; } }

@media only screen and (min-width: 2500px) {
  .large-footer {
    column-count: 8; } }

.large-footer {
  background-color: #ba1f31;
  color: #f5f5f5;
  font-size: .9em;
  margin: auto; }

.large-footer__region {
  width: 20em;
  padding: 1em 1em;
  break-inside: avoid;
  margin: auto; }

.large-footer__region h4 {
  font-weight: 900;
  padding: 1em 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  border-bottom: 2px ridge #ff566a; }

.large-footer__region a {
  display: block;
  padding: .5em .25em;
  margin: 0 -.25em;
  color: #f5f5f5;
  line-height: 133%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: bold; }

.large-footer__region a:hover {
  background: #f5f5f5;
  color: #444;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.01); }

.large-footer-gray {
  background: #444; }

.large-footer-gray .large-footer__region h4 {
  border-bottom: 2px ridge #888; }

#error_404 section {
  padding-top: 50px;
  height: calc(100% - 75px);
  background-image: url("/images/site/404/bkg.jpg");
  background-size: auto;
  background-position: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  #error_404 section svg path {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #error_404 section svg path {
        bottom: 0px; } }
  #error_404 section.in svg path {
    transition: opacity 0.7s ease-out 1s, bottom 1.5s ease-out 1s;
    opacity: 1;
    bottom: 0; }
  #error_404 section svg polygon {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #error_404 section svg polygon {
        bottom: 0px; } }
  #error_404 section.in svg polygon {
    transition: opacity 0.7s ease-out 1s, bottom 1.5s ease-out 1s;
    opacity: 1;
    bottom: 0; }
  #error_404 section svg rect {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #error_404 section svg rect {
        right: 0px; } }
  #error_404 section.in svg rect {
    transition: opacity 0.7s ease-out 1.5s, right 1.5s ease-out 1.5s;
    opacity: 1;
    right: 0; }
  #error_404 section p {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #error_404 section p {
        bottom: 0px; } }
  #error_404 section.in p {
    transition: opacity 0.7s ease-out 2s, bottom 1.5s ease-out 2s;
    opacity: 1;
    bottom: 0; }
  #error_404 section a {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #error_404 section a {
        bottom: 0px; } }
  #error_404 section.in a {
    transition: opacity 0.7s ease-out 2.5s, bottom 1.5s ease-out 2.5s;
    opacity: 1;
    bottom: 0; }
  #error_404 section svg {
    width: 50vh;
    height: 45vh;
    max-height: 500px; }
  #error_404 section p {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      #error_404 section p {
        padding: 0 30px;
        text-align: center;
        line-height: 25px; } }

#sales-center section#hero {
  background-image: url("/images/site/sales-center/hero-bkg.jpg");
  background-size: cover;
  background-position: center;
  color: white;
  display: block;
  padding-top: 0; }
  #sales-center section#hero > .container-fluid > .row > div[class^="col-"] {
    height: 100vh; }
    #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div {
      height: calc(100vh - 30px);
      padding-top: 51px;
      padding-left: 36px;
      padding-right: 36px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div {
          padding-left: 0;
          padding-right: 0; } }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div .logo > img {
        width: 180px; }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div .model-home-name {
        color: white;
        font-size: 36px;
        font-weight: 600;
        line-height: 45px;
        margin-top: 30px;
        margin-bottom: 60px; }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div h1, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div p, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div li {
        -webkit-text-shadow: 1.5px 1.5px 7.5px rgba(0, 0, 0, 0.75);
        -moz-text-shadow: 1.5px 1.5px 7.5px rgba(0, 0, 0, 0.75);
        text-shadow: 1.5px 1.5px 7.5px rgba(0, 0, 0, 0.75); }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div h1, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div p {
        margin-bottom: 30px; }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div h1 {
        font-weight: 600; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div h1 {
            font-size: 36px; } }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div p, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div li {
        font-size: 27px;
        font-weight: 400; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div p, #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div li {
            font-size: 21px; } }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div .list-unstyled {
        margin-bottom: 30px; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div .list-unstyled li {
          background-image: url("/images/site/sales-center/icon-checkbox.png");
          background-repeat: no-repeat;
          background-position: left center;
          font-weight: 400;
          line-height: 52.5px;
          padding-left: 45px; }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child > div i {
        font-style: italic; }
    #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child .list-inline li:first-child {
      font-size: 3px;
      text-align: center;
      vertical-align: middle; }
    #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child .equal-housing {
      display: inline-block;
      margin-bottom: 3px; }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:first-child .equal-housing svg {
        height: 20px;
        margin-right: 2px;
        top: 2px;
        position: relative; }
    #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child {
      background-color: rgba(166, 167, 167, 0.8); }
      #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap {
        padding: 48px 12px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap {
            padding: 30px 15px; } }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .form-components > .row:nth-child(3) > div[class^="col-"]:first-child {
          padding-right: 5px; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .form-components > .row:nth-child(3) > div[class^="col-"]:last-child {
          padding-left: 5px; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .form-component {
          height: auto;
          margin-bottom: 10px; }
          #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .form-component .help-block {
            display: none; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap label {
          font-size: 13.5px;
          font-weight: 600;
          line-height: 21px;
          margin-bottom: 5px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap label {
              font-size: 12px; } }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .form-control {
          font-size: 10.5px; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .list-inline li {
          font-size: 13.5px;
          font-weight: 600; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .list-inline li {
              font-size: 12px; } }
          #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .list-inline li .form-component {
            display: inline-block;
            margin-bottom: 0;
            margin-left: 7.5px;
            width: 210px; }
            #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .list-inline li .form-component input.form-control {
              font-weight: 300; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .row {
          margin-top: 12px; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .icon {
          position: absolute;
          top: 21px;
          left: 48px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .icon {
              left: 33px; } }
          #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .icon svg path {
            fill: white; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap .btn.btn-blue {
          padding-left: 45px;
          width: 100%; }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap p {
          margin-top: 7.5px;
          margin-bottom: 0; }
          #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap p a {
            color: white;
            font-weight: 600;
            line-height: 18px; }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap p a {
                font-size: 12px; } }
        #sales-center section#hero > .container-fluid > .row > div[class^="col-"]:last-child .form-wrap h5 {
          font-size: 30px;
          line-height: 45px; }

#site-map section#hero {
  height: 420px;
  background-color: #00a5b8;
  padding-top: 100px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  #site-map section#hero .type-subtitle-xl {
    font-weight: 300; }
  @media only screen and (max-width: 767px) {
    #site-map section#hero {
      padding-top: 60px;
      height: 300px;
      text-align: center; } }

#site-map section#content {
  padding-top: 50px;
  background-color: #f5f5f5; }
  #site-map section#content .type-title-xl {
    margin-bottom: 140px;
    font-weight: 300; }
  #site-map section#content h3 {
    margin-bottom: 20px; }
  #site-map section#content .row > div[class^="col-"] {
    magin-bottom: 30px; }
  #site-map section#content .col-count-4 {
    column-count: 4; }
  #site-map section#content .col-count-3 {
    column-count: 3; }
  @media only screen and (max-width: 767px) {
    #site-map section#content .col-count-4 {
      column-count: 2; }
    #site-map section#content .col-count-3 {
      column-count: 1; } }
  #site-map section#content li {
    line-height: 30px; }
    #site-map section#content li > ul {
      margin-left: 30px; }
  #site-map section#content a {
    color: #7f7f7f;
    transition: all 0.2s ease-out;
    cursor: pointer !important;
    text-transform: capitalize; }
    #site-map section#content a:hover {
      transition: all 0.2s ease-in;
      background-color: transparent;
      color: #00a5b8; }
      #site-map section#content a:hover > * {
        color: #00a5b8; }
  #site-map section#content .flex-wrap {
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #site-map section#content .site-map-wrap > div {
    margin-bottom: 100px; }

#privacy-policy section {
  padding-top: 250px;
  padding-bottom: 100px;
  min-height: calc(100% - 75px);
  background-color: #f5f5f5; }
  #privacy-policy section .type-title-xl {
    margin-bottom: 140px;
    text-align: center;
    font-weight: 300; }
  #privacy-policy section .type-lg, #privacy-policy section .type-subtitle-sm, #privacy-policy section snapshot-info .snapshot, snapshot-info #privacy-policy section .snapshot, #privacy-policy #microsite section#local-amenities .col-left .info li, #microsite #privacy-policy section#local-amenities .col-left .info li, #privacy-policy section #microsite.coming-soon .divider.red, #microsite.coming-soon #privacy-policy section .divider.red, #privacy-policy section #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card #privacy-policy section .divider.card-title, #privacy-policy section .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon #privacy-policy section .divider.card-title, #privacy-policy section #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu #privacy-policy section a, #privacy-policy section #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu #privacy-policy section a,
  #privacy-policy section #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu #privacy-policy section a, #privacy-policy section #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu #privacy-policy section a, #privacy-policy section #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li #privacy-policy section a, #privacy-policy section #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share #privacy-policy section input, #privacy-policy section #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share #privacy-policy section textarea, #privacy-policy #design-overview section#design-style .card-panel > div span, #design-overview #privacy-policy section#design-style .card-panel > div span {
    font-weight: 600; }
  #privacy-policy section p:not(:first-child) {
    line-height: 36px;
    margin-bottom: 30px;
    padding-right: 20px; }
  @media only screen and (max-width: 767px) {
    #privacy-policy section {
      padding-top: 130px; }
      #privacy-policy section .type-title-xl {
        margin-bottom: 50px; }
      #privacy-policy section p:not(:first-child) {
        margin-bottom: 20px;
        padding-right: 0; } }

#long-interest-list #hero {
  background-image: url("/images/site/long-interest-list/hero-bkg.jpg");
  background-size: cover;
  background-position: center;
  height: 460px;
  color: white;
  padding-top: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  #long-interest-list #hero .type-subtitle-xl {
    font-weight: 300;
    margin-bottom: 65px; }

#long-interest-list #content .container form.row > div {
  padding: 90px; }

#long-interest-list #content .container form.row > .col-left {
  background-color: #f5f5f5;
  padding-left: 0; }
  #long-interest-list #content .container form.row > .col-left input[type="radio"] {
    margin: 0;
    border: none;
    box-shadow: none;
    width: 30px;
    height: 30px; }
  #long-interest-list #content .container form.row > .col-left label {
    margin-top: 15px;
    margin-bottom: 5px;
    line-height: 25px; }
    #long-interest-list #content .container form.row > .col-left label + ul,
    #long-interest-list #content .container form.row > .col-left label + .checkbox-group {
      margin-top: 10px; }
  #long-interest-list #content .container form.row > .col-left > .form-group:first-child label {
    margin-top: 0; }
  #long-interest-list #content .container form.row > .col-left:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f5f5f5;
    width: 100%;
    height: 100%;
    width: 500%;
    left: -500%; }
  #long-interest-list #content .container form.row > .col-left .location {
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #long-interest-list #content .container form.row > .col-left .location > div {
      width: calc(33.3333333333% - 10px); }
  #long-interest-list #content .container form.row > .col-left .form-group.financing,
  #long-interest-list #content .container form.row > .col-left .form-group.home-type {
    margin-top: 50px; }
  #long-interest-list #content .container form.row > .col-left .form-group.financing .flex-wrap {
    -ms-flex-align: center;
    align-items: center; }
    #long-interest-list #content .container form.row > .col-left .form-group.financing .flex-wrap span {
      margin-right: 30px; }
  #long-interest-list #content .container form.row > .col-left .form-group.home-type li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center; }

#long-interest-list #content .container form.row > .col-right, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill {
  padding-right: 0; }
  #long-interest-list #content .container form.row > .col-right .row, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill .row, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill .row {
    margin-left: 0; }
  #long-interest-list #content .container form.row > .col-right p.type-xl, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill p.type-xl, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill p.type-xl, #long-interest-list #content .container form.row > .col-right .card.floorplan-card p.card-title, .card.floorplan-card #long-interest-list #content .container form.row > .col-right p.card-title, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill .card.floorplan-card p.card-title, .card.floorplan-card #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill p.card-title, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill .card.floorplan-card p.card-title, .card.floorplan-card #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill p.card-title,
  #long-interest-list #content .container form.row > .col-right .location-group,
  #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill .location-group,
  #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill .location-group {
    margin-bottom: 50px; }
  #long-interest-list #content .container form.row > .col-right .location-group p, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill .location-group p, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill .location-group p {
    margin-bottom: 25px; }
  #long-interest-list #content .container form.row > .col-right .location-group li, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill .location-group li, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill .location-group li {
    margin-bottom: 15px;
    text-transform: uppercase;
    -ms-flex-align: center;
    align-items: center; }
    #long-interest-list #content .container form.row > .col-right .location-group li input, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill .location-group li input, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill .location-group li input {
      width: 35px;
      border: none;
      box-shadow: none;
      margin: 0; }
  #long-interest-list #content .container form.row > .col-right .location-group > div, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill .location-group > div, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill .location-group > div {
    padding: 0; }
    #long-interest-list #content .container form.row > .col-right .location-group > div.widen, #long-interest-list #content .container #lifestyle #the-design-process .col-right form.row > .fill .location-group > div.widen, #lifestyle #the-design-process .col-right #long-interest-list #content .container form.row > .fill .location-group > div.widen {
      width: 40%; }

@media only screen and (max-width: 767px) {
  #homepage #homepage-carousel {
    height: calc(100vh - 80px); }
    #homepage #homepage-carousel .carousel {
      height: calc(100vh - 80px); } }

#homepage #homepage-carousel video {
  position: relative;
  bottom: 0;
  left: 0;
  height: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage #homepage-carousel video {
      left: -22%; } }
  @media only screen and (max-width: 767px) {
    #homepage #homepage-carousel video {
      left: -100%; } }

#homepage #homepage-carousel .item .flex-caption {
  transform: rotateY(90deg);
  opacity: 0;
  padding-top: 50px; }
  @media only screen and (max-width: 767px) {
    #homepage #homepage-carousel .item .flex-caption {
      padding-top: 0; } }
  #homepage #homepage-carousel .item .flex-caption p {
    color: white; }
  #homepage #homepage-carousel .item .flex-caption p.type-md, #homepage #homepage-carousel .item .flex-caption .sort p.sort-item, .sort #homepage #homepage-carousel .item .flex-caption p.sort-item, #homepage #homepage-carousel .item .flex-caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item .flex-caption p.type-xl, #homepage #homepage-carousel .item .flex-caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item .flex-caption p.card-title, #homepage #homepage-carousel .item .flex-caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item .flex-caption p.card-title, #homepage #homepage-carousel .item .flex-caption section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item .flex-caption p.popover-title {
    line-height: 48px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #homepage #homepage-carousel .item .flex-caption p.type-md, #homepage #homepage-carousel .item .flex-caption .sort p.sort-item, .sort #homepage #homepage-carousel .item .flex-caption p.sort-item, #homepage #homepage-carousel .item .flex-caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item .flex-caption p.type-xl, #homepage #homepage-carousel .item .flex-caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item .flex-caption p.card-title, #homepage #homepage-carousel .item .flex-caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item .flex-caption p.card-title, #homepage #homepage-carousel .item .flex-caption section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item .flex-caption p.popover-title {
        line-height: 35px; } }
    @media only screen and (max-width: 767px) {
      #homepage #homepage-carousel .item .flex-caption p.type-md, #homepage #homepage-carousel .item .flex-caption .sort p.sort-item, .sort #homepage #homepage-carousel .item .flex-caption p.sort-item, #homepage #homepage-carousel .item .flex-caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item .flex-caption p.type-xl, #homepage #homepage-carousel .item .flex-caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item .flex-caption p.card-title, #homepage #homepage-carousel .item .flex-caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item .flex-caption p.card-title, #homepage #homepage-carousel .item .flex-caption section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item .flex-caption p.popover-title {
        line-height: 25px;
        font-size: 13px; } }
  #homepage #homepage-carousel .item .flex-caption a {
    display: -ms-flexbox;
    display: flex; }
    #homepage #homepage-carousel .item .flex-caption a svg {
      display: none;
      margin-right: 0;
      height: 20px;
      width: 20px; }
  #homepage #homepage-carousel .item .flex-caption .anchor-wrap {
    padding-top: 30px; }

@media only screen and (max-width: 767px) {
  #homepage #homepage-carousel .item .fill {
    background-size: cover;
    background-position: center; }
  #homepage #homepage-carousel .item .flex-caption {
    padding-top: 150px; }
    #homepage #homepage-carousel .item .flex-caption .btn.btn-blue {
      background-color: rgba(0, 0, 0, 0.7);
      border: 2px solid #00a5b8; }
      #homepage #homepage-carousel .item .flex-caption .btn.btn-blue .icon-search {
        display: inline-block;
        margin-right: 10px;
        width: 12px;
        height: 12px; } }

#homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.type-md, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .sort p.sort-item, .sort #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.sort-item, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.type-xl, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.card-title, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.card-title, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item.slide-distinct-style .flex-caption p.popover-title {
  padding: 0 30vw; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.type-md, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .sort p.sort-item, .sort #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.sort-item, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.type-xl, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.card-title, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.card-title, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item.slide-distinct-style .flex-caption p.popover-title {
      padding: 0 10vw; } }
  @media only screen and (max-width: 767px) {
    #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.type-md, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .sort p.sort-item, .sort #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.sort-item, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.type-xl, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.card-title, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item.slide-distinct-style .flex-caption p.card-title, #homepage #homepage-carousel .item.slide-distinct-style .flex-caption section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item.slide-distinct-style .flex-caption p.popover-title {
      padding: 0; } }

#homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.type-md, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption .sort p.sort-item, .sort #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.sort-item, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.type-xl, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.card-title, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.card-title, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.popover-title {
  margin: 50px; }
  @media only screen and (max-width: 767px) {
    #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.type-md, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption .sort p.sort-item, .sort #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.sort-item, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.type-xl, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.card-title, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.card-title, #homepage #homepage-carousel .item:not(.slide-st-judes) .flex-caption section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item:not(.slide-st-judes) .flex-caption p.popover-title {
      margin: 20px; } }

#homepage #homepage-carousel .item.active:not(.slide-decorated-model-homes) .flex-caption {
  transition: all 0.6s ease-in 0.1s;
  transform: rotateY(0deg);
  opacity: 1; }

#homepage #homepage-carousel .item.slide-happy-homeowners svg.icon-smile {
  margin: 0;
  margin-right: 15px;
  display: inline-block; }
  #homepage #homepage-carousel .item.slide-happy-homeowners svg.icon-smile path:not(.no-fill), #homepage #homepage-carousel .item.slide-happy-homeowners svg.icon-smile polygon:not(.no-fill), #homepage #homepage-carousel .item.slide-happy-homeowners svg.icon-smile rect:not(.no-fill), #homepage #homepage-carousel .item.slide-happy-homeowners svg.icon-smile ellipse:not(.no-fill), #homepage #homepage-carousel .item.slide-happy-homeowners svg.icon-smile circle:not(.no-fill), #homepage #homepage-carousel .item.slide-happy-homeowners svg.icon-smile line:not(.no-fill) {
    fill: white; }

#homepage #homepage-carousel .item.slide-move-in-ready svg.icon-search {
  margin: 0;
  margin-right: 15px;
  display: inline-block; }
  #homepage #homepage-carousel .item.slide-move-in-ready svg.icon-search path:not(.no-fill), #homepage #homepage-carousel .item.slide-move-in-ready svg.icon-search polygon:not(.no-fill), #homepage #homepage-carousel .item.slide-move-in-ready svg.icon-search rect:not(.no-fill), #homepage #homepage-carousel .item.slide-move-in-ready svg.icon-search ellipse:not(.no-fill), #homepage #homepage-carousel .item.slide-move-in-ready svg.icon-search circle:not(.no-fill), #homepage #homepage-carousel .item.slide-move-in-ready svg.icon-search line:not(.no-fill) {
    fill: white; }

#homepage #homepage-carousel .item.slide-decorated-model-homes svg.icon-search {
  margin: 0;
  margin-right: 15px;
  display: inline-block; }
  #homepage #homepage-carousel .item.slide-decorated-model-homes svg.icon-search path:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes svg.icon-search polygon:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes svg.icon-search rect:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes svg.icon-search ellipse:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes svg.icon-search circle:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes svg.icon-search line:not(.no-fill) {
    fill: #00a5b8; }

#homepage #homepage-carousel .item.slide-st-judes svg.icon-circle-arrow-right {
  margin: 0;
  margin-left: 15px;
  display: inline-block; }
  #homepage #homepage-carousel .item.slide-st-judes svg.icon-circle-arrow-right path:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes svg.icon-circle-arrow-right polygon:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes svg.icon-circle-arrow-right rect:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes svg.icon-circle-arrow-right ellipse:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes svg.icon-circle-arrow-right circle:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes svg.icon-circle-arrow-right line:not(.no-fill) {
    fill: #ba1f31; }

#homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption {
  width: 100%;
  padding: 100px 100px;
  background-color: #00a5b8;
  transform: rotateY(0deg);
  opacity: 1; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption {
      min-width: 505px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption {
      padding: 200px 0 100px; } }
  #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption > * {
    opacity: 0; }
    #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption > * a:hover svg path:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption > * a:hover svg polygon:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption > * a:hover svg rect:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption > * a:hover svg ellipse:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption > * a:hover svg circle:not(.no-fill), #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption > * a:hover svg line:not(.no-fill) {
      fill: white; }
  #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2) {
    line-height: 50px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2) {
        margin-top: 20px;
        font-size: 20px;
        line-height: 30px; } }
    @media only screen and (max-width: 767px) {
      #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2) {
        line-height: 30px;
        font-size: 25px; } }
  #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(3) {
    padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(3) {
        margin: 20px 50px; } }

#homepage #homepage-carousel .item.slide-decorated-model-homes.active .flex-caption {
  transition: all 0.6s ease-in;
  width: 40%;
  opacity: 1; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage #homepage-carousel .item.slide-decorated-model-homes.active .flex-caption {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    #homepage #homepage-carousel .item.slide-decorated-model-homes.active .flex-caption {
      width: 100%;
      padding: 20px; } }
  #homepage #homepage-carousel .item.slide-decorated-model-homes.active .flex-caption > * {
    transition: all 0.3s ease-in 0.8s;
    opacity: 1; }

#homepage #homepage-carousel .item.slide-st-judes .flex-caption {
  padding-top: 0; }

#homepage #homepage-carousel .item.slide-st-judes:after {
  content: "";
  background-color: rgba(99, 16, 26, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 175px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage #homepage-carousel .item.slide-st-judes:after {
      height: 145px; } }

#homepage #homepage-carousel .item.slide-st-judes img {
  margin-bottom: 0px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage #homepage-carousel .item.slide-st-judes img {
      width: 200px; } }
  @media only screen and (min-width: 768px) and (max-height: 850px) {
    #homepage #homepage-carousel .item.slide-st-judes img {
      width: 300px; } }
  @media only screen and (max-width: 767px) {
    #homepage #homepage-carousel .item.slide-st-judes img {
      position: relative;
      top: -40px;
      width: 50%; } }

#homepage #homepage-carousel .item.slide-st-judes .st-judes-info {
  position: absolute;
  bottom: 15px;
  left: 10vw;
  text-align: left;
  opacity: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage #homepage-carousel .item.slide-st-judes .st-judes-info {
      bottom: 20px; }
      #homepage #homepage-carousel .item.slide-st-judes .st-judes-info p {
        line-height: 35px; } }
  @media only screen and (max-width: 767px) {
    #homepage #homepage-carousel .item.slide-st-judes .st-judes-info {
      bottom: 88px; }
      #homepage #homepage-carousel .item.slide-st-judes .st-judes-info p.type-subtitle-lg {
        line-height: 25px;
        font-size: 18px; }
      #homepage #homepage-carousel .item.slide-st-judes .st-judes-info p.type-md, #homepage #homepage-carousel .item.slide-st-judes .st-judes-info .sort p.sort-item, .sort #homepage #homepage-carousel .item.slide-st-judes .st-judes-info p.sort-item, #homepage #homepage-carousel .item.slide-st-judes .st-judes-info .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item.slide-st-judes .st-judes-info p.type-xl, #homepage #homepage-carousel .item.slide-st-judes .st-judes-info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage #homepage-carousel .item.slide-st-judes .st-judes-info p.card-title, #homepage #homepage-carousel .item.slide-st-judes .st-judes-info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage #homepage-carousel .item.slide-st-judes .st-judes-info p.card-title, #homepage #homepage-carousel .item.slide-st-judes .st-judes-info section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #homepage-carousel .item.slide-st-judes .st-judes-info p.popover-title {
        line-height: 25px;
        font-size: 13px; }
      #homepage #homepage-carousel .item.slide-st-judes .st-judes-info p.type-title-xs {
        font-size: 11px;
        line-height: 30px; } }

#homepage #homepage-carousel .item.slide-st-judes .anchor-wrap {
  padding: 0; }

#homepage #homepage-carousel .item.slide-st-judes a {
  color: #ba1f31;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative;
  margin-top: 10px;
  margin-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    #homepage #homepage-carousel .item.slide-st-judes a {
      top: -20px; } }
  #homepage #homepage-carousel .item.slide-st-judes a:hover {
    color: white; }
    #homepage #homepage-carousel .item.slide-st-judes a:hover svg path:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes a:hover svg polygon:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes a:hover svg rect:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes a:hover svg ellipse:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes a:hover svg circle:not(.no-fill), #homepage #homepage-carousel .item.slide-st-judes a:hover svg line:not(.no-fill) {
      fill: white; }

#homepage #homepage-carousel .item.slide-st-judes.active .st-judes-info {
  transition: opacity 0.3s ease-in 0.7s;
  opacity: 1; }

#homepage section#welcome-home .col-left, #homepage section#be-inspired, #homepage section#testimonials {
  padding: 135px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage section#welcome-home .col-left, #homepage section#be-inspired, #homepage section#testimonials {
      padding: 70px 0; } }
  @media only screen and (max-width: 767px) {
    #homepage section#welcome-home .col-left, #homepage section#be-inspired, #homepage section#testimonials {
      padding: 70px 0; } }

#homepage .st-judes-info p {
  line-height: 48px;
  text-align: left; }
  #homepage .st-judes-info p:nth-of-type(1) {
    font-weight: 700; }
  #homepage .st-judes-info p:last-child {
    font-weight: 600;
    line-height: 38px; }

#homepage section {
  position: relative;
  overflow: hidden; }

#homepage section#welcome-home {
  background-color: #f5f5f5;
  z-index: 1; }
  #homepage section#welcome-home .col-left {
    transition: left 1s ease-out;
    position: relative;
    left: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #homepage section#welcome-home .col-left {
        left: 0px; } }
  #homepage section#welcome-home.in .col-left {
    transition: opacity 0.7s ease-out 0s, left 1.5s ease-out 0s;
    opacity: 1;
    left: 0; }
  #homepage section#welcome-home .map-sm {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #homepage section#welcome-home .map-sm {
        right: 0px; } }
  #homepage section#welcome-home.in .map-sm {
    transition: opacity 0.7s ease-out 0s, right 1.5s ease-out 0s;
    opacity: 1;
    right: 0; }
  #homepage section#welcome-home.in {
    overflow: visible; }
  #homepage section#welcome-home .col-left p, #homepage section#welcome-home .col-left h1, #homepage section#welcome-home .col-left h2 {
    margin-bottom: 50px; }
  #homepage section#welcome-home .col-left h1 {
    line-height: 28px; }
  #homepage section#welcome-home .col-left p.type-md, #homepage section#welcome-home .col-left .sort p.sort-item, .sort #homepage section#welcome-home .col-left p.sort-item, #homepage section#welcome-home .col-left .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage section#welcome-home .col-left p.type-xl, #homepage section#welcome-home .col-left .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage section#welcome-home .col-left p.card-title, #homepage section#welcome-home .col-left .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage section#welcome-home .col-left p.card-title, #homepage section#welcome-home .col-left .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .col-left p.popover-title {
    line-height: 48px; }
  #homepage section#welcome-home .col-left button {
    min-width: 215px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #homepage section#welcome-home .col-left {
      padding: 70px 15px; }
      #homepage section#welcome-home .col-left p.type-md, #homepage section#welcome-home .col-left .sort p.sort-item, .sort #homepage section#welcome-home .col-left p.sort-item, #homepage section#welcome-home .col-left .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage section#welcome-home .col-left p.type-xl, #homepage section#welcome-home .col-left .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage section#welcome-home .col-left p.card-title, #homepage section#welcome-home .col-left .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage section#welcome-home .col-left p.card-title, #homepage section#welcome-home .col-left .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .col-left p.popover-title {
        line-height: 35px; } }
  @media only screen and (max-width: 767px) {
    #homepage section#welcome-home .col-left {
      padding: 70px 15px;
      text-align: center; }
      #homepage section#welcome-home .col-left p, #homepage section#welcome-home .col-left h1, #homepage section#welcome-home .col-left h2 {
        margin-bottom: 25px; }
      #homepage section#welcome-home .col-left p.type-title-xl {
        font-size: 35px;
        letter-spacing: 0px; }
      #homepage section#welcome-home .col-left p.type-md, #homepage section#welcome-home .col-left .sort p.sort-item, .sort #homepage section#welcome-home .col-left p.sort-item, #homepage section#welcome-home .col-left .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #homepage section#welcome-home .col-left p.type-xl, #homepage section#welcome-home .col-left .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #homepage section#welcome-home .col-left p.card-title, #homepage section#welcome-home .col-left .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #homepage section#welcome-home .col-left p.card-title, #homepage section#welcome-home .col-left .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover .col-left p.popover-title {
        line-height: 30px; } }
  #homepage section#welcome-home .map-sm {
    position: absolute;
    overflow: hidden;
    width: calc(50% - 150px);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    height: 100%;
    top: 0;
    background-color: white; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #homepage section#welcome-home .map-sm {
        width: calc(50% - 100px); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #homepage section#welcome-home .map-sm {
        width: calc(50% - 50px); } }
    #homepage section#welcome-home .map-sm .svg-map {
      position: absolute;
      top: 0;
      height: 100%;
      left: -18%;
      width: 705px; }
      @media only screen and (min-width: 1230px) {
        #homepage section#welcome-home .map-sm .svg-map {
          left: 0;
          width: 700px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #homepage section#welcome-home .map-sm .svg-map {
          left: -12%;
          width: 700px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #homepage section#welcome-home .map-sm .svg-map {
          left: -18%;
          width: 546px; } }
      #homepage section#welcome-home .map-sm .svg-map .pin {
        width: 20px;
        position: absolute;
        z-index: 1; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #homepage section#welcome-home .map-sm .svg-map .pin {
            margin-top: -15px; } }
        #homepage section#welcome-home .map-sm .svg-map .pin:after {
          content: '';
          width: 30px;
          height: 3px;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.14);
          left: -5px;
          bottom: 0px;
          border-radius: 100%; }
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover {
          border-radius: 0;
          border: none;
          padding: 0px; }
          #homepage section#welcome-home .map-sm .svg-map .pin + .popover .arrow {
            bottom: -10px; }
          #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title {
            text-align: center;
            background-color: transparent;
            border: none;
            color: #ba1f31;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-bottom: 2px; }
          #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-content {
            padding-top: 0;
            text-align: center; }
            #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-content i.fa {
              margin-right: 5px; }
        #homepage section#welcome-home .map-sm .svg-map .pin .icon-red-pin {
          max-height: 41px; }
      #homepage section#welcome-home .map-sm .svg-map #icon-us-map {
        height: 100%; }

#homepage section#be-inspired {
  background-image: url(https://images.fischerhomes.com/resources/218215/original/blue-filter-dash-bg.png);
  background-attachment: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  #homepage section#be-inspired p {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #homepage section#be-inspired p {
        bottom: 0px; } }
  #homepage section#be-inspired.in p {
    transition: opacity 0.7s ease-out 0s, bottom 1.5s ease-out 0s;
    opacity: 1;
    bottom: 0; }
  #homepage section#be-inspired span {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #homepage section#be-inspired.in span {
    transition: opacity 0.7s ease-out 0.6s;
    opacity: 1;
    static: 0; }
  #homepage section#be-inspired p {
    color: white;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      #homepage section#be-inspired p {
        margin-bottom: 25px; } }
  #homepage section#be-inspired a.btn {
    margin-top: 30px; }
    @media only screen and (max-width: 767px) {
      #homepage section#be-inspired a.btn {
        margin-top: 15px; } }

#homepage section#fischer-gives-back {
  background-image: url(https://d1k0mxjwfbpkpb.cloudfront.net/resources/262686/original/StJude2022.png);
  background-position: center;
  background-size: cover; }
  #homepage section#fischer-gives-back .col-left {
    transition: left 1s ease-out;
    position: relative;
    left: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #homepage section#fischer-gives-back .col-left {
        left: 0px; } }
  #homepage section#fischer-gives-back.in .col-left {
    transition: opacity 0.7s ease-out 0s, left 1.5s ease-out 0s;
    opacity: 1;
    left: 0; }
  #homepage section#fischer-gives-back .col-right, #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #homepage section#fischer-gives-back .col-right, #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill {
        right: 0px; } }
  #homepage section#fischer-gives-back.in .col-right, #homepage section#fischer-gives-back.in #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back.in .fill {
    transition: opacity 0.7s ease-out 0s, right 1.5s ease-out 0s;
    opacity: 1;
    right: 0; }
  @media only screen and (max-width: 767px) {
    #homepage section#fischer-gives-back > .container > .flex-wrap {
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; } }
  #homepage section#fischer-gives-back p, #homepage section#fischer-gives-back a {
    color: white; }
  #homepage section#fischer-gives-back .col-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #homepage section#fischer-gives-back .col-left img {
        width: 200px; }
      #homepage section#fischer-gives-back .col-left .st-judes-info p {
        line-height: 35px; } }
    @media only screen and (max-width: 767px) {
      #homepage section#fischer-gives-back .col-left {
        padding-top: 0;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
        #homepage section#fischer-gives-back .col-left a {
          margin-bottom: 60px; }
        #homepage section#fischer-gives-back .col-left img {
          width: 50%;
          margin-bottom: 50px;
          margin-top: 20px; }
        #homepage section#fischer-gives-back .col-left .st-judes-info {
          margin-bottom: 30px; }
        #homepage section#fischer-gives-back .col-left .st-judes-info p {
          line-height: 30px;
          text-align: center; }
          #homepage section#fischer-gives-back .col-left .st-judes-info p.type-subtitle-lg {
            font-size: 20px; } }
  #homepage section#fischer-gives-back .col-right, #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill {
    padding: 135px 15px 135px 0;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      #homepage section#fischer-gives-back .col-right, #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill {
        padding: 60px 15px 0;
        text-align: center; }
        #homepage section#fischer-gives-back .col-right .type-title-lg, #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill .type-title-lg {
          font-size: 38px;
          letter-spacing: 0px; } }
    #homepage section#fischer-gives-back .col-right p:not(:nth-of-type(3)), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:not(:nth-of-type(3)), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:not(:nth-of-type(3)) {
      white-space: nowrap; }
      @media only screen and (max-width: 767px) {
        #homepage section#fischer-gives-back .col-right p:not(:nth-of-type(3)), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:not(:nth-of-type(3)), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:not(:nth-of-type(3)) {
          white-space: normal; } }
    #homepage section#fischer-gives-back .col-right p:nth-of-type(1), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(1), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(1) {
      margin-bottom: 35px; }
      @media only screen and (max-width: 767px) {
        #homepage section#fischer-gives-back .col-right p:nth-of-type(1), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(1), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(1) {
          margin-bottom: 8px; } }
    #homepage section#fischer-gives-back .col-right p:nth-of-type(2), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(2), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(2) {
      margin-bottom: 65px; }
      @media only screen and (max-width: 767px) {
        #homepage section#fischer-gives-back .col-right p:nth-of-type(2), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(2), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(2) {
          margin-bottom: 35px; } }
    #homepage section#fischer-gives-back .col-right p:nth-of-type(3), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(3), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(3) {
      margin-bottom: 80px;
      line-height: 48px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #homepage section#fischer-gives-back .col-right p:nth-of-type(3), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(3), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(3) {
          padding-left: 35px;
          font-size: 15px;
          line-height: 35px; } }
      @media only screen and (min-width: 768px) and (max-height: 850px) {
        #homepage section#fischer-gives-back .col-right p:nth-of-type(3), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(3), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(3) {
          padding-left: 35px;
          font-size: 15px;
          line-height: 35px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #homepage section#fischer-gives-back .col-right p:nth-of-type(3), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(3), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(3) {
          padding-left: 35px;
          font-size: 15px;
          line-height: 35px; } }
      @media only screen and (max-width: 767px) {
        #homepage section#fischer-gives-back .col-right p:nth-of-type(3), #homepage section#fischer-gives-back #lifestyle #the-design-process .col-right .fill p:nth-of-type(3), #lifestyle #the-design-process .col-right #homepage section#fischer-gives-back .fill p:nth-of-type(3) {
          margin-bottom: 40px;
          line-height: 35px; } }

#homepage section#testimonials .carousel {
  transition: left 1s ease-out;
  position: relative;
  bottom: -70px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #homepage section#testimonials .carousel {
      bottom: 0px; } }

#homepage section#testimonials.in .carousel {
  transition: opacity 0.7s ease-out 0s, bottom 1.5s ease-out 0s;
  opacity: 1;
  bottom: 0; }

#homepage section#testimonials span.link {
  transition: left 1s ease-out;
  position: relative;
  opacity: 0; }

#homepage section#testimonials.in span.link {
  transition: opacity 0.7s ease-out 0.6s;
  opacity: 1;
  static: 0; }

@media only screen and (max-width: 767px) {
  #homepage section#testimonials {
    padding-top: 0;
    padding-bottom: 150px; } }

#homepage section#testimonials .carousel {
  height: 300px;
  margin-bottom: 50px;
  background-color: white; }
  @media only screen and (max-width: 767px) {
    #homepage section#testimonials .carousel {
      height: 330px; } }
  #homepage section#testimonials .carousel .carousel-control {
    display: none; }
  #homepage section#testimonials .carousel .item .flex-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      #homepage section#testimonials .carousel .item .flex-caption .info p {
        font-size: 15px; } }
  #homepage section#testimonials .carousel .item .quote:before,
  #homepage section#testimonials .carousel .item .quote:after {
    content: '"'; }
  #homepage section#testimonials .carousel .item:nth-of-type(3) .quote {
    padding: 0 100px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #homepage section#testimonials .carousel .item:nth-of-type(3) .quote {
        padding: 0 150px; } }
    @media only screen and (max-width: 767px) {
      #homepage section#testimonials .carousel .item:nth-of-type(3) .quote {
        padding: 0 10px; } }
  #homepage section#testimonials .carousel .carousel-indicators li:not(.active) {
    background-color: #a0a0a0; }

#homepage section#testimonials p {
  color: #7f7f7f; }

#microsite section#overview .container-inner, #microsite section#move-in-ready, #microsite section#model-home, #microsite section#floorplans, #microsite section#image-gallery, #microsite section#contact, #microsite section#explore, #microsite section#builders-webcam, #microsite section#our-partners, #microsite section#hours-and-directions {
  padding: 120px 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#overview .container-inner, #microsite section#move-in-ready, #microsite section#model-home, #microsite section#floorplans, #microsite section#image-gallery, #microsite section#contact, #microsite section#explore, #microsite section#builders-webcam, #microsite section#our-partners, #microsite section#hours-and-directions {
      padding: 60px 0; } }

#microsite section#explore .type-title-xl, #microsite section#builders-webcam .type-title-xl, #microsite section#our-partners .type-title-xl, #microsite section#hours-and-directions .type-title-xl {
  margin-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    #microsite section#explore .type-title-xl, #microsite section#builders-webcam .type-title-xl, #microsite section#our-partners .type-title-xl, #microsite section#hours-and-directions .type-title-xl {
      margin-bottom: 40px; } }

#microsite .arrow-bouncing {
  position: fixed;
  bottom: 165px;
  right: 15px;
  z-index: 100; }
  #microsite .arrow-bouncing svg {
    animation: pulse 1.5s ease-in-out infinite;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
    position: relative; }

@keyframes pulse {
  0%,
  100% {
    top: -5px; }
  50% {
    top: 5px; } }

#microsite #microsite-carousel .btn-back,
#microsite #home-show-carousel .btn-back,
#microsite #hero .btn-back {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: white;
  padding: 9px;
  position: absolute;
  top: 135px;
  left: 15px;
  z-index: 15; }
  @media only screen and (min-width: 1230px) {
    #microsite #microsite-carousel .btn-back,
    #microsite #home-show-carousel .btn-back,
    #microsite #hero .btn-back {
      padding-left: 24px;
      padding-right: 24px; } }
  #microsite #microsite-carousel .btn-back:hover,
  #microsite #home-show-carousel .btn-back:hover,
  #microsite #hero .btn-back:hover {
    background-color: #00a5b8; }
  #microsite #microsite-carousel .btn-back span:first-child,
  #microsite #home-show-carousel .btn-back span:first-child,
  #microsite #hero .btn-back span:first-child {
    padding-right: 6px; }
  #microsite #microsite-carousel .btn-back span:last-child,
  #microsite #home-show-carousel .btn-back span:last-child,
  #microsite #hero .btn-back span:last-child {
    padding-left: 6px; }

#microsite #microsite-carousel .signature-community,
#microsite #home-show-carousel .signature-community,
#microsite #hero .signature-community {
  position: absolute;
  top: 110px;
  right: 4vw; }

#microsite #microsite-carousel .list-inline-buttons,
#microsite #home-show-carousel .list-inline-buttons,
#microsite #hero .list-inline-buttons {
  position: absolute;
  bottom: 105px;
  right: 10px; }
  #microsite #microsite-carousel .list-inline-buttons .btn,
  #microsite #home-show-carousel .list-inline-buttons .btn,
  #microsite #hero .list-inline-buttons .btn {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: white; }
    @media only screen and (min-width: 1230px) {
      #microsite #microsite-carousel .list-inline-buttons .btn,
      #microsite #home-show-carousel .list-inline-buttons .btn,
      #microsite #hero .list-inline-buttons .btn {
        padding: 9px 24px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #microsite #microsite-carousel .list-inline-buttons .btn,
      #microsite #home-show-carousel .list-inline-buttons .btn,
      #microsite #hero .list-inline-buttons .btn {
        padding: 9px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #microsite #microsite-carousel .list-inline-buttons .btn,
      #microsite #home-show-carousel .list-inline-buttons .btn,
      #microsite #hero .list-inline-buttons .btn {
        padding: 9px; } }
    @media only screen and (max-width: 767px) {
      #microsite #microsite-carousel .list-inline-buttons .btn,
      #microsite #home-show-carousel .list-inline-buttons .btn,
      #microsite #hero .list-inline-buttons .btn {
        padding: 9px; } }
    #microsite #microsite-carousel .list-inline-buttons .btn:hover,
    #microsite #home-show-carousel .list-inline-buttons .btn:hover,
    #microsite #hero .list-inline-buttons .btn:hover {
      background-color: #00a5b8; }
      #microsite #microsite-carousel .list-inline-buttons .btn:hover svg,
      #microsite #home-show-carousel .list-inline-buttons .btn:hover svg,
      #microsite #hero .list-inline-buttons .btn:hover svg {
        border-color: blue; }
    #microsite #microsite-carousel .list-inline-buttons .btn svg,
    #microsite #home-show-carousel .list-inline-buttons .btn svg,
    #microsite #hero .list-inline-buttons .btn svg {
      width: 25px;
      height: 25px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #microsite #microsite-carousel .list-inline-buttons .btn svg,
        #microsite #home-show-carousel .list-inline-buttons .btn svg,
        #microsite #hero .list-inline-buttons .btn svg {
          margin-right: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #microsite #microsite-carousel .list-inline-buttons .btn svg,
        #microsite #home-show-carousel .list-inline-buttons .btn svg,
        #microsite #hero .list-inline-buttons .btn svg {
          margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        #microsite #microsite-carousel .list-inline-buttons .btn svg,
        #microsite #home-show-carousel .list-inline-buttons .btn svg,
        #microsite #hero .list-inline-buttons .btn svg {
          margin-right: 0; } }

#microsite #microsite-carousel .cta-right,
#microsite #home-show-carousel .cta-right,
#microsite #hero .cta-right {
  right: 0;
  top: 250px;
  position: absolute; }
  @media only screen and (max-width: 767px) {
    #microsite #microsite-carousel .cta-right,
    #microsite #home-show-carousel .cta-right,
    #microsite #hero .cta-right {
      top: calc(50% - 20px); } }
  #microsite #microsite-carousel .cta-right .get-updates,
  #microsite #home-show-carousel .cta-right .get-updates,
  #microsite #hero .cta-right .get-updates {
    position: relative;
    margin-bottom: 10px;
    left: 0;
    color: white;
    background-color: #ba1f31;
    width: 105px;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease-out;
    cursor: pointer !important;
    transition: all 0.3s ease-out; }
    #microsite #microsite-carousel .cta-right .get-updates:hover,
    #microsite #home-show-carousel .cta-right .get-updates:hover,
    #microsite #hero .cta-right .get-updates:hover {
      transition: all 0.3s ease-in;
      background-color: #8e1825;
      color: white; }
      #microsite #microsite-carousel .cta-right .get-updates:hover > *,
      #microsite #home-show-carousel .cta-right .get-updates:hover > *,
      #microsite #hero .cta-right .get-updates:hover > * {
        color: white; }
    @media only screen and (max-width: 767px) {
      #microsite #microsite-carousel .cta-right .get-updates,
      #microsite #home-show-carousel .cta-right .get-updates,
      #microsite #hero .cta-right .get-updates {
        width: 50px;
        height: 50px; } }
    #microsite #microsite-carousel .cta-right .get-updates > div,
    #microsite #home-show-carousel .cta-right .get-updates > div,
    #microsite #hero .cta-right .get-updates > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
    #microsite #microsite-carousel .cta-right .get-updates svg,
    #microsite #home-show-carousel .cta-right .get-updates svg,
    #microsite #hero .cta-right .get-updates svg {
      width: 30px;
      height: 30px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 767px) {
        #microsite #microsite-carousel .cta-right .get-updates svg,
        #microsite #home-show-carousel .cta-right .get-updates svg,
        #microsite #hero .cta-right .get-updates svg {
          margin-bottom: 0; } }
    #microsite #microsite-carousel .cta-right .get-updates.open,
    #microsite #home-show-carousel .cta-right .get-updates.open,
    #microsite #hero .cta-right .get-updates.open {
      left: -620px;
      transition: all 0.3s ease-in; }
    #microsite #microsite-carousel .cta-right .get-updates .close-btn,
    #microsite #home-show-carousel .cta-right .get-updates .close-btn,
    #microsite #hero .cta-right .get-updates .close-btn {
      display: none; }
    #microsite #microsite-carousel .cta-right .get-updates .content,
    #microsite #home-show-carousel .cta-right .get-updates .content,
    #microsite #hero .cta-right .get-updates .content {
      width: 620px;
      height: auto;
      position: absolute;
      top: -100px;
      left: 100%;
      padding: 30px 40px;
      background-color: #f5f5f5; }
      #microsite #microsite-carousel .cta-right .get-updates .content p.type-xl, #microsite #microsite-carousel .cta-right .get-updates .content .card.floorplan-card p.card-title, .card.floorplan-card #microsite #microsite-carousel .cta-right .get-updates .content p.card-title,
      #microsite #home-show-carousel .cta-right .get-updates .content p.type-xl,
      #microsite #home-show-carousel .cta-right .get-updates .content .card.floorplan-card p.card-title,
      .card.floorplan-card #microsite #home-show-carousel .cta-right .get-updates .content p.card-title,
      #microsite #hero .cta-right .get-updates .content p.type-xl,
      #microsite #hero .cta-right .get-updates .content .card.floorplan-card p.card-title,
      .card.floorplan-card #microsite #hero .cta-right .get-updates .content p.card-title {
        color: #626262;
        font-style: italic;
        font-weight: 600;
        margin-bottom: 20px; }
      #microsite #microsite-carousel .cta-right .get-updates .content .form-component,
      #microsite #home-show-carousel .cta-right .get-updates .content .form-component,
      #microsite #hero .cta-right .get-updates .content .form-component {
        border: none;
        width: calc(50% - 10px);
        margin-bottom: 10px;
        float: left; }
        #microsite #microsite-carousel .cta-right .get-updates .content .form-component:nth-child(odd),
        #microsite #home-show-carousel .cta-right .get-updates .content .form-component:nth-child(odd),
        #microsite #hero .cta-right .get-updates .content .form-component:nth-child(odd) {
          margin-right: 10px; }
        #microsite #microsite-carousel .cta-right .get-updates .content .form-component:nth-child(even),
        #microsite #home-show-carousel .cta-right .get-updates .content .form-component:nth-child(even),
        #microsite #hero .cta-right .get-updates .content .form-component:nth-child(even) {
          margin-left: 10px; }
      #microsite #microsite-carousel .cta-right .get-updates .content .button-flex,
      #microsite #home-show-carousel .cta-right .get-updates .content .button-flex,
      #microsite #hero .cta-right .get-updates .content .button-flex {
        color: white;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center; }
        #microsite #microsite-carousel .cta-right .get-updates .content .button-flex .btn-wrap,
        #microsite #home-show-carousel .cta-right .get-updates .content .button-flex .btn-wrap,
        #microsite #hero .cta-right .get-updates .content .button-flex .btn-wrap {
          padding-top: 20px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -ms-flex-align: center;
          align-items: center; }
          #microsite #microsite-carousel .cta-right .get-updates .content .button-flex .btn-wrap p,
          #microsite #home-show-carousel .cta-right .get-updates .content .button-flex .btn-wrap p,
          #microsite #hero .cta-right .get-updates .content .button-flex .btn-wrap p {
            color: #7f7f7f;
            margin-right: 20px; }
      #microsite #microsite-carousel .cta-right .get-updates .content .form-results-container h5,
      #microsite #home-show-carousel .cta-right .get-updates .content .form-results-container h5,
      #microsite #hero .cta-right .get-updates .content .form-results-container h5 {
        color: black;
        font-size: 16px; }
    @media only screen and (max-width: 767px) {
      #microsite #microsite-carousel .cta-right .get-updates .close-btn,
      #microsite #home-show-carousel .cta-right .get-updates .close-btn,
      #microsite #hero .cta-right .get-updates .close-btn {
        padding: 5px;
        font-size: 25px;
        color: #a6a7a7;
        position: absolute;
        top: 75px;
        right: 20px;
        display: inline-block; }
      #microsite #microsite-carousel .cta-right .get-updates.open,
      #microsite #home-show-carousel .cta-right .get-updates.open,
      #microsite #hero .cta-right .get-updates.open {
        left: -100vw; }
      #microsite #microsite-carousel .cta-right .get-updates .content,
      #microsite #home-show-carousel .cta-right .get-updates .content,
      #microsite #hero .cta-right .get-updates .content {
        width: 100vw;
        padding: 65px 20px 20px;
        top: -50px;
        top: -20vh;
        height: 66vh;
        max-height: 445px;
        background-color: #e8e8e8; }
        #microsite #microsite-carousel .cta-right .get-updates .content p.type-xl, #microsite #microsite-carousel .cta-right .get-updates .content .card.floorplan-card p.card-title, .card.floorplan-card #microsite #microsite-carousel .cta-right .get-updates .content p.card-title,
        #microsite #home-show-carousel .cta-right .get-updates .content p.type-xl,
        #microsite #home-show-carousel .cta-right .get-updates .content .card.floorplan-card p.card-title,
        .card.floorplan-card #microsite #home-show-carousel .cta-right .get-updates .content p.card-title,
        #microsite #hero .cta-right .get-updates .content p.type-xl,
        #microsite #hero .cta-right .get-updates .content .card.floorplan-card p.card-title,
        .card.floorplan-card #microsite #hero .cta-right .get-updates .content p.card-title {
          font-size: 20px;
          line-height: 25px;
          padding-right: 20px; }
        #microsite #microsite-carousel .cta-right .get-updates .content .form-component,
        #microsite #home-show-carousel .cta-right .get-updates .content .form-component,
        #microsite #hero .cta-right .get-updates .content .form-component {
          width: 100%; }
          #microsite #microsite-carousel .cta-right .get-updates .content .form-component:nth-child(odd),
          #microsite #home-show-carousel .cta-right .get-updates .content .form-component:nth-child(odd),
          #microsite #hero .cta-right .get-updates .content .form-component:nth-child(odd) {
            margin-right: 0; }
          #microsite #microsite-carousel .cta-right .get-updates .content .form-component:nth-child(even),
          #microsite #home-show-carousel .cta-right .get-updates .content .form-component:nth-child(even),
          #microsite #hero .cta-right .get-updates .content .form-component:nth-child(even) {
            margin-left: 0; } }
  #microsite #microsite-carousel .cta-right .live-chat,
  #microsite #home-show-carousel .cta-right .live-chat,
  #microsite #hero .cta-right .live-chat {
    color: white;
    background-color: #00a5b8;
    width: 105px;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease-out;
    cursor: pointer !important; }
    #microsite #microsite-carousel .cta-right .live-chat:hover,
    #microsite #home-show-carousel .cta-right .live-chat:hover,
    #microsite #hero .cta-right .live-chat:hover {
      transition: all 0.3s ease-in;
      background-color: #007785;
      color: white; }
      #microsite #microsite-carousel .cta-right .live-chat:hover > *,
      #microsite #home-show-carousel .cta-right .live-chat:hover > *,
      #microsite #hero .cta-right .live-chat:hover > * {
        color: white; }
    @media only screen and (max-width: 767px) {
      #microsite #microsite-carousel .cta-right .live-chat,
      #microsite #home-show-carousel .cta-right .live-chat,
      #microsite #hero .cta-right .live-chat {
        width: 50px;
        height: 50px; } }
    #microsite #microsite-carousel .cta-right .live-chat > div,
    #microsite #home-show-carousel .cta-right .live-chat > div,
    #microsite #hero .cta-right .live-chat > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
    #microsite #microsite-carousel .cta-right .live-chat svg,
    #microsite #home-show-carousel .cta-right .live-chat svg,
    #microsite #hero .cta-right .live-chat svg {
      width: 30px;
      height: 30px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 767px) {
        #microsite #microsite-carousel .cta-right .live-chat svg,
        #microsite #home-show-carousel .cta-right .live-chat svg,
        #microsite #hero .cta-right .live-chat svg {
          margin-bottom: 0; } }

@media only screen and (max-width: 767px) {
  #microsite #microsite-carousel .bottom-bar .flex-wrap,
  #microsite #home-show-carousel .bottom-bar .flex-wrap,
  #microsite #hero .bottom-bar .flex-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto; } }

@media only screen and (max-width: 767px) {
  #microsite #microsite-carousel .bottom-bar .flex-wrap .col-left,
  #microsite #home-show-carousel .bottom-bar .flex-wrap .col-left,
  #microsite #hero .bottom-bar .flex-wrap .col-left {
    padding: 6px 3px; } }

@media only screen and (max-width: 767px) {
  #microsite #microsite-carousel .bottom-bar .flex-wrap .col-right, #microsite #microsite-carousel .bottom-bar .flex-wrap #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #microsite #microsite-carousel .bottom-bar .flex-wrap .fill,
  #microsite #home-show-carousel .bottom-bar .flex-wrap .col-right,
  #microsite #home-show-carousel .bottom-bar .flex-wrap #lifestyle #the-design-process .col-right .fill,
  #lifestyle #the-design-process .col-right #microsite #home-show-carousel .bottom-bar .flex-wrap .fill,
  #microsite #hero .bottom-bar .flex-wrap .col-right,
  #microsite #hero .bottom-bar .flex-wrap #lifestyle #the-design-process .col-right .fill,
  #lifestyle #the-design-process .col-right #microsite #hero .bottom-bar .flex-wrap .fill {
    padding-bottom: 9px; } }

@media only screen and (max-width: 767px) {
  #microsite #microsite-carousel .bottom-bar .flex-wrap .col-right svg, #lifestyle #the-design-process .col-right #microsite #microsite-carousel .bottom-bar .flex-wrap .fill svg,
  #microsite #home-show-carousel .bottom-bar .flex-wrap .col-right svg,
  #lifestyle #the-design-process .col-right #microsite #home-show-carousel .bottom-bar .flex-wrap .fill svg,
  #microsite #hero .bottom-bar .flex-wrap .col-right svg,
  #lifestyle #the-design-process .col-right #microsite #hero .bottom-bar .flex-wrap .fill svg {
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  #microsite #microsite-carousel .bottom-bar .flex-wrap .col-right li, #lifestyle #the-design-process .col-right #microsite #microsite-carousel .bottom-bar .flex-wrap .fill li,
  #microsite #home-show-carousel .bottom-bar .flex-wrap .col-right li,
  #lifestyle #the-design-process .col-right #microsite #home-show-carousel .bottom-bar .flex-wrap .fill li,
  #microsite #hero .bottom-bar .flex-wrap .col-right li,
  #lifestyle #the-design-process .col-right #microsite #hero .bottom-bar .flex-wrap .fill li {
    margin-right: 0; } }

#microsite #microsite-carousel .carousel {
  background-color: #00a5b8; }
  #microsite #microsite-carousel .carousel .carousel-inner .slideImage {
    width: 100%;
    height: 100%;
    padding-bottom: 65%; }
  #microsite #microsite-carousel .carousel .carousel-inner .slideImage img {
    position: relative;
    width: 100%;
    top: auto; }
    @media only screen and (max-width: 767px) {
      #microsite #microsite-carousel .carousel .carousel-inner .slideImage img {
        top: auto; } }
  #microsite #microsite-carousel .carousel .carousel-indicators > li {
    margin-left: 5px;
    margin-right: 5px;
    width: 15px;
    height: 15px; }
  #microsite #microsite-carousel .carousel .flex-caption {
    height: 100%; }
  #microsite #microsite-carousel .carousel .flex-caption p {
    text-shadow: 2px 2px black; }

#microsite #microsite-carousel .youtube-video-slide {
  position: initial;
  width: 100%;
  height: 100%; }
  #microsite #microsite-carousel .youtube-video-slide iframe {
    transform-origin: center;
    transform: scale(1.01);
    height: 100%; }

#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .item {
  transition-property: opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .item,
#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .active.left,
#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .active.right {
  opacity: 0; }

#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .active,
#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .next.left,
#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .prev.right {
  opacity: 1; }

#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .next,
#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .prev,
#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .active.left,
#microsite #microsite-carousel.fading-carousel .carousel .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #microsite #microsite-carousel .carousel {
    height: 430px; } }

@media only screen and (max-width: 767px) {
  #microsite #microsite-carousel .carousel {
    margin-top: 115px;
    height: 57vw; }
  #microsite #microsite-carousel .carousel .carousel-inner .flex-caption {
    padding-left: 50px;
    padding-right: 50px; }
  #microsite #microsite-carousel .carousel .carousel-inner .flex-caption p {
    font-size: 30px; }
  #microsite #microsite-carousel .signature-community {
    position: absolute;
    top: 126px;
    right: 0;
    height: 40px; }
    #microsite #microsite-carousel .signature-community img {
      height: 100%; }
  #microsite #microsite-carousel .carousel-indicators {
    display: none; } }

#microsite #microsite-carousel.microsite-carousel-coming-soon .row-top {
  background-color: #f5f5f5;
  height: 230px;
  padding-top: 110px; }
  #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 30px; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid:before, #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid:after {
      display: none; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid > h1 {
      margin-right: 15px; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid > div {
      margin-left: 15px; }
      @media only screen and (min-width: 1230px) {
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid > div {
          white-space: nowrap; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid > div {
          white-space: nowrap; } }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid .btn-white {
      border: 2px solid #00a5b8;
      margin-left: 7.5px;
      margin-right: 7.5px;
      padding: 7.5px 15px; }
      @media only screen and (max-width: 767px) {
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid .btn-white {
          display: block; } }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid .btn-white:hover {
        border-color: #00b300; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid .btn-white:nth-child(2) {
          margin-top: 7.5px; } }
      @media only screen and (max-width: 767px) {
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid .btn-white:nth-child(2) {
          margin-top: 15px;
          margin-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top {
      height: auto;
      text-align: center;
      padding-top: 7.5px;
      padding-bottom: 7.5px;
      margin-top: 65px; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-top .container-fluid {
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 7.5px;
        padding-right: 7.5px; } }

#microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: initial;
  justify-content: initial;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* LEFT COLUMN */
  /* RIGHT COLUMN */ }
  #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left {
    width: 60%;
    perspective: 2000px;
    background-color: white;
    text-align: right; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left #slick-main {
      height: 584px;
      overflow: hidden;
      max-height: 1500px;
      max-width: 2500px;
      float: right;
      width: 100%; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left #slick-thumb {
      float: right;
      width: calc(100% - 60px);
      max-width: 2500px; }
      @media only screen and (max-width: 767px) {
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left #slick-thumb {
          width: 100%; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left {
      width: 55%; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left #slick-main {
      height: 35vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left {
      width: 50%; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left #slick-main {
      height: 37vw; } }
  @media only screen and (max-width: 767px) {
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom {
      -ms-flex-direction: column;
      flex-direction: column; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left {
        width: 100%; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left #slick-main {
        height: 75vw; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-left #slick-thumb {
        height: 50px;
        margin: 0; } }
  #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right, #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill {
    background-color: #00a5b8;
    color: white;
    width: 40%; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right, #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill {
        width: 45%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right, #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right, #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill {
        width: 100%; } }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top .form-results-container, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top .form-results-container {
      margin-top: 100px; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top .form-results-container .form-results-loader i.fa, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top .form-results-container .form-results-loader i.fa {
        font-size: 80px;
        color: white; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form {
      /* max-width: 470px; */
      padding: 45px;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form {
          padding: 24px; } }
      @media only screen and (max-width: 767px) {
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form {
          padding: 15px; } }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form .form-component, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form .form-component, #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form input, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form input {
        margin-bottom: 15px; }
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form .form-component[type="submit"], #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form .form-component[type="submit"], #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form input[type="submit"], #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form input[type="submit"] {
          margin-top: 15px; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form .type-xxxxl, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form .type-xxxxl {
        font-weight: 300; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form .type-xl, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form .type-xl, #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form .dropdown-gray-to-red li a, .dropdown-gray-to-red li #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form a, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form .dropdown-gray-to-red li a, .dropdown-gray-to-red li #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form a, #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form .card.floorplan-card .card-title, .card.floorplan-card #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top form .card-title, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form .card.floorplan-card .card-title, .card.floorplan-card #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top form .card-title {
        font-weight: 600;
        letter-spacing: .9px;
        line-height: 30px;
        margin: 20px 0; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top .contact-info, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top .contact-info {
      padding-top: 15px;
      clear: both;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .top .contact-info p, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .top .contact-info p {
        margin: 0 10px; }
    #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .bottom .mini-map, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .bottom .mini-map {
      width: auto;
      height: 270px; }
      #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .bottom .mini-map .map .btn, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .bottom .mini-map .map .btn {
        font-weight: 400;
        padding: 7.5px 18px;
        position: absolute;
        bottom: 0;
        right: 0; }
        #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .col-right .bottom .mini-map .map .btn:after, #lifestyle #the-design-process .col-right #microsite #microsite-carousel.microsite-carousel-coming-soon .row-bottom .fill .bottom .mini-map .map .btn:after {
          content: "GET DIRECTIONS"; }

#microsite .microsite-amenities-icon-list {
  padding-left: 0;
  margin-left: -5px;
  list-style: none; }
  #microsite .microsite-amenities-icon-list .icon-list-item {
    text-transform: uppercase;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }

#microsite .coming-soon-bottom-bar .container {
  padding-top: 21px;
  padding-bottom: 21px; }

#microsite .coming-soon-bottom-bar h3 {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #ba1f31; }

#microsite .coming-soon-bottom-bar .btn-white {
  border: 2px solid #00a5b8;
  margin-left: 7.5px;
  margin-right: 7.5px;
  padding-top: 7.5px;
  padding-bottom: 7.5px; }
  @media only screen and (max-width: 767px) {
    #microsite .coming-soon-bottom-bar .btn-white {
      display: block; } }
  #microsite .coming-soon-bottom-bar .btn-white:hover {
    border-color: #00b300; }
  @media only screen and (max-width: 767px) {
    #microsite .coming-soon-bottom-bar .btn-white:nth-child(2) {
      margin-top: 15px;
      margin-bottom: 15px; } }

#microsite .flex-caption.coming-soon-caption {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -ms-flex-pack: center;
  justify-content: center; }
  #microsite .flex-caption.coming-soon-caption div.caption-container {
    -ms-flex: 1;
    flex: 1;
    text-align: center; }
    #microsite .flex-caption.coming-soon-caption div.caption-container p {
      color: white;
      text-transform: uppercase; }
    #microsite .flex-caption.coming-soon-caption div.caption-container .btn {
      margin-top: 50px; }

#microsite #subnav {
  z-index: 100; }
  @media only screen and (max-width: 767px) {
    #microsite #subnav {
      background-color: transparent;
      position: fixed;
      top: 65px;
      width: 100%;
      left: 0; } }
  #microsite #subnav #subnav-toggle {
    text-align: center; }
    #microsite #subnav #subnav-toggle ul {
      float: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #microsite #subnav #subnav-toggle ul li a {
        padding: 22px;
        display: block;
        text-transform: uppercase;
        transition: all 0.2s ease-in; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #microsite #subnav #subnav-toggle ul li a {
            padding: 15px;
            font-size: 14px; } }
      #microsite #subnav #subnav-toggle ul li.active a,
      #microsite #subnav #subnav-toggle ul li:hover a {
        transition: all 0.2s ease-in;
        background-color: #00a5b8;
        color: white; }
    @media only screen and (max-width: 767px) {
      #microsite #subnav #subnav-toggle {
        padding: 0; }
        #microsite #subnav #subnav-toggle ul {
          background: #7f7f7f;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: inherit;
          align-items: inherit;
          margin: 0; }
          #microsite #subnav #subnav-toggle ul li a {
            padding: 8px 15px;
            color: white; } }
  #microsite #subnav .container-inner {
    background: white;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      #microsite #subnav .container-inner {
        position: relative;
        top: 0;
        transition: all 0.3s ease-out;
        box-shadow:  0px 1px 5px 0 rgba(0, 0, 0, 0.3); }
        #microsite #subnav .container-inner.down {
          transition: all 0.3s ease-in;
          top: -65px; } }
  @media only screen and (min-width: 1230px) {
    #microsite #subnav.affixed .container-inner {
      perspective: 2000px;
      position: fixed;
      top: 50px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #microsite #subnav.affixed .container-inner {
      perspective: 2000px;
      position: fixed;
      top: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #microsite #subnav.affixed .container-inner {
      perspective: 2000px;
      position: fixed;
      top: 50px; } }
  @media only screen and (max-width: 767px) {
    #microsite #subnav {
      max-height: 55px; }
      #microsite #subnav .navbar-toggle .icon-bar {
        transition: all 0.3s ease-out;
        position: relative;
        right: 0;
        background-color: #7f7f7f; }
      #microsite #subnav .navbar-toggle:not(.collapsed) .icon-bar {
        right: -5px;
        width: 35px;
        height: 2px;
        transition: all 0.3s ease-in; }
        #microsite #subnav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
          top: 5px;
          transform-origin: center;
          transform: rotate(45deg); }
        #microsite #subnav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
          bottom: 5px;
          transform-origin: center;
          transform: rotate(-45deg); }
        #microsite #subnav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
          opacity: 0;
          right: -10px;
          width: 0; }
      #microsite #subnav .navbar-toggle {
        right: 15px; }
      #microsite #subnav .navbar-header {
        height: 55px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center; }
        #microsite #subnav .navbar-header p {
          margin-left: 15px; }
        #microsite #subnav .navbar-header:before, #microsite #subnav .navbar-header:after {
          display: none; } }

#microsite section#overview {
  background-color: #f5f5f5; }
  #microsite section#overview .container {
    transition: left 1s ease-out;
    position: relative;
    left: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #microsite section#overview .container {
        left: 0px; } }
  #microsite section#overview.in .container {
    transition: opacity 0.7s ease-out 0s, left 1.5s ease-out 0s;
    opacity: 1;
    left: 0; }
  #microsite section#overview .img-right {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #microsite section#overview .img-right {
        right: 0px; } }
  #microsite section#overview.in .img-right {
    transition: opacity 0.7s ease-out 0.6s, right 1.5s ease-out 0.6s;
    opacity: 1;
    right: 0; }
  #microsite section#overview .inline-new-phase, #microsite section#overview .inline-get-fast-answers, #microsite section#overview .inline-stay-updated inline-form, .inline-stay-updated #microsite section#overview inline-form,
  #microsite section#overview .inline-energywyse inline-form, .inline-energywyse #microsite section#overview inline-form {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #microsite section#overview .inline-new-phase, #microsite section#overview .inline-get-fast-answers, #microsite section#overview .inline-stay-updated inline-form, .inline-stay-updated #microsite section#overview inline-form,
      #microsite section#overview .inline-energywyse inline-form, .inline-energywyse #microsite section#overview inline-form {
        bottom: 0px; } }
  #microsite section#overview.in .inline-new-phase, #microsite section#overview.in .inline-get-fast-answers, #microsite section#overview.in .inline-stay-updated inline-form, .inline-stay-updated #microsite section#overview.in inline-form,
  #microsite section#overview.in .inline-energywyse inline-form, .inline-energywyse #microsite section#overview.in inline-form {
    transition: opacity 0.7s ease-out 0.8s, bottom 1.5s ease-out 0.8s;
    opacity: 1;
    bottom: 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#overview {
      width: 100%; } }
  #microsite section#overview .container-inner {
    position: relative; }
    #microsite section#overview .container-inner .img-right {
      background-image: url("/images/site/microsite/living-space.jpg");
      background-size: cover;
      background-position: center;
      position: absolute;
      top: 0;
      right: 0;
      width: 40%;
      height: 100%; }
      @media only screen and (max-width: 767px) {
        #microsite section#overview .container-inner .img-right {
          display: none; } }
    #microsite section#overview .container-inner a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      #microsite section#overview .container-inner a svg {
        margin: 0 0 0 20px; }
    #microsite section#overview .container-inner .type-xl, #microsite section#overview .container-inner .dropdown-gray-to-red li a, .dropdown-gray-to-red li #microsite section#overview .container-inner a, #microsite section#overview .container-inner .card.floorplan-card .card-title, .card.floorplan-card #microsite section#overview .container-inner .card-title {
      margin-bottom: 20px; }
    #microsite section#overview .container-inner .type-title-xl {
      margin-bottom: 80px; }
    #microsite section#overview .container-inner .type-md, #microsite section#overview .container-inner .sort .sort-item, .sort #microsite section#overview .container-inner .sort-item, #microsite section#overview .container-inner header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right #microsite section#overview .container-inner li, #microsite section#overview .container-inner #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #microsite section#overview .container-inner li, #microsite section#overview .container-inner .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #microsite section#overview .container-inner p.type-xl, #microsite section#overview .container-inner .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #microsite section#overview .container-inner p.card-title, #microsite section#overview .container-inner .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #microsite section#overview .container-inner p.card-title, #microsite section#overview .container-inner #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite section#overview .container-inner .popover-title {
      line-height: 45px;
      margin-bottom: 45px; }
    #microsite section#overview .container-inner ul {
      display: block; }
    #microsite section#overview .container-inner ul li {
      margin-bottom: 20px;
      line-height: 30px; }
      #microsite section#overview .container-inner ul li:after {
        top: 10px; }
    @media only screen and (min-width: 1230px) {
      #microsite section#overview .container-inner ul li {
        line-height: 35px; }
        #microsite section#overview .container-inner ul li:after {
          top: 12px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #microsite section#overview .container-inner .type-xl, #microsite section#overview .container-inner .dropdown-gray-to-red li a, .dropdown-gray-to-red li #microsite section#overview .container-inner a, #microsite section#overview .container-inner .card.floorplan-card .card-title, .card.floorplan-card #microsite section#overview .container-inner .card-title {
        margin-bottom: 10px; }
      #microsite section#overview .container-inner .type-title-xl {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 767px) {
      #microsite section#overview .container-inner .type-xl, #microsite section#overview .container-inner .dropdown-gray-to-red li a, .dropdown-gray-to-red li #microsite section#overview .container-inner a, #microsite section#overview .container-inner .card.floorplan-card .card-title, .card.floorplan-card #microsite section#overview .container-inner .card-title {
        margin-bottom: 10px; }
      #microsite section#overview .container-inner .type-title-xl {
        margin-bottom: 40px; }
      #microsite section#overview .container-inner .type-xl, #microsite section#overview .container-inner .dropdown-gray-to-red li a, .dropdown-gray-to-red li #microsite section#overview .container-inner a, #microsite section#overview .container-inner .card.floorplan-card .card-title, .card.floorplan-card #microsite section#overview .container-inner .card-title,
      #microsite section#overview .container-inner .type-title-xl {
        text-align: center; }
      #microsite section#overview .container-inner .type-md, #microsite section#overview .container-inner .sort .sort-item, .sort #microsite section#overview .container-inner .sort-item, #microsite section#overview .container-inner header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right #microsite section#overview .container-inner li, #microsite section#overview .container-inner #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #microsite section#overview .container-inner li, #microsite section#overview .container-inner .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #microsite section#overview .container-inner p.type-xl, #microsite section#overview .container-inner .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #microsite section#overview .container-inner p.card-title, #microsite section#overview .container-inner .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #microsite section#overview .container-inner p.card-title, #microsite section#overview .container-inner #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite section#overview .container-inner .popover-title {
        margin-bottom: 0; } }
    #microsite section#overview .container-inner.overview-coming-soon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: stretch;
      align-items: stretch; }
      @media only screen and (max-width: 767px) {
        #microsite section#overview .container-inner.overview-coming-soon {
          -ms-flex-direction: column;
          flex-direction: column; } }
      #microsite section#overview .container-inner.overview-coming-soon .img-right {
        height: 45vw; }
        #microsite section#overview .container-inner.overview-coming-soon .img-right.first {
          top: 180px; }
        #microsite section#overview .container-inner.overview-coming-soon .img-right.second {
          top: calc(45vw + 195px); }

#microsite section#banner-promo {
  overflow: visible;
  z-index: 1; }

#microsite section#move-in-ready {
  background-color: #00a5b8;
  color: white;
  text-align: center; }
  #microsite section#move-in-ready .type-subtitle-xl {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #microsite section#move-in-ready.in .type-subtitle-xl {
    transition: opacity 0.7s ease-out 0s;
    opacity: 1;
    static: 0; }
  #microsite section#move-in-ready .carousel {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #microsite section#move-in-ready .carousel {
        bottom: 0px; } }
  #microsite section#move-in-ready.in .carousel {
    transition: opacity 0.7s ease-out 0.6s, bottom 1.5s ease-out 0.6s;
    opacity: 1;
    bottom: 0; }
  #microsite section#move-in-ready .carousel {
    background-color: transparent;
    min-height: 0;
    height: auto;
    overflow: visible; }
    #microsite section#move-in-ready .carousel .flex-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #microsite section#move-in-ready .carousel .flex-wrap .card {
        opacity: 1;
        transition: all 0.2s ease-out;
        transform-origin: center;
        transform: scale(1);
        background: white;
        width: calc(33% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        max-width: 300px; }
      #microsite section#move-in-ready .carousel .flex-wrap .card .card .img {
        height: 185px; }
      #microsite section#move-in-ready .carousel .flex-wrap .card .card .title {
        min-height: 0; }
      #microsite section#move-in-ready .carousel .flex-wrap.hovered .card.active,
      #microsite section#move-in-ready .carousel .flex-wrap .card.active {
        transition: all 0.2s ease-out;
        transform-origin: center;
        transform: scale(1.05); }
      #microsite section#move-in-ready .carousel .flex-wrap.hovered .card:not(.active) {
        transition: all 0.2s ease-out;
        opacity: .3; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #microsite section#move-in-ready .carousel .flex-wrap .card .card .img {
          height: 125px; }
        #microsite section#move-in-ready .carousel .flex-wrap .card .title .type-md, #microsite section#move-in-ready .carousel .flex-wrap .card .title .sort .sort-item, .sort #microsite section#move-in-ready .carousel .flex-wrap .card .title .sort-item, #microsite section#move-in-ready .carousel .flex-wrap .card .title header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right #microsite section#move-in-ready .carousel .flex-wrap .card .title li, #microsite section#move-in-ready .carousel .flex-wrap .card .title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #microsite section#move-in-ready .carousel .flex-wrap .card .title li, #microsite section#move-in-ready .carousel .flex-wrap .card .title .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #microsite section#move-in-ready .carousel .flex-wrap .card .title p.type-xl, #microsite section#move-in-ready .carousel .flex-wrap .inline-get-fast-answers.md .copy .card.floorplan-card .title p.card-title, .inline-get-fast-answers.md .copy #microsite section#move-in-ready .carousel .flex-wrap .card.floorplan-card .title p.card-title, #microsite section#move-in-ready .carousel .flex-wrap .card.floorplan-card .title .inline-get-fast-answers.md .copy p.card-title, #microsite section#move-in-ready .carousel .flex-wrap .card.floorplan-card .inline-get-fast-answers.md .copy .title p.card-title, #microsite section#move-in-ready .carousel .flex-wrap .card .title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite section#move-in-ready .carousel .flex-wrap .card .title .popover-title,
        #microsite section#move-in-ready .carousel .flex-wrap .card .availability.type-lg,
        #microsite section#move-in-ready .carousel .flex-wrap .card .availability.type-subtitle-sm,
        #microsite section#move-in-ready .carousel .flex-wrap .card snapshot-info .availability.snapshot,
        snapshot-info #microsite section#move-in-ready .carousel .flex-wrap .card .availability.snapshot,
        #microsite section#move-in-ready .carousel .flex-wrap .card section#local-amenities .col-left .info li.availability,
        #microsite section#local-amenities .col-left .info section#move-in-ready .carousel .flex-wrap .card li.availability,
        #microsite.coming-soon section#move-in-ready .carousel .flex-wrap .card .availability.divider.red,
        #microsite.coming-soon section#move-in-ready .carousel .flex-wrap .card.floorplan-card .availability.divider.card-title,
        #microsite section#move-in-ready .carousel .flex-wrap .card.floorplan-card #microsite.coming-soon .availability.divider.card-title,
        #microsite section#move-in-ready .carousel .flex-wrap .card #floorplan-detail #hero .col-right .info .dropdown-menu a.availability,
        #floorplan-detail #hero .col-right .info .dropdown-menu #microsite section#move-in-ready .carousel .flex-wrap .card a.availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a.availability,
        #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu #microsite section#move-in-ready .carousel .flex-wrap .card a.availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a.availability,
        #microsite-floorplan-detail #hero .col-right .info .dropdown-menu #microsite section#move-in-ready .carousel .flex-wrap .card a.availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a.availability,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu #microsite section#move-in-ready .carousel .flex-wrap .card a.availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card #blog #content .col-left .comment-share .nav.nav-tabs li a.availability,
        #blog #content .col-left .comment-share .nav.nav-tabs li #microsite section#move-in-ready .carousel .flex-wrap .card a.availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card #blog #content .col-left .comment-share input.availability,
        #blog #content .col-left .comment-share #microsite section#move-in-ready .carousel .flex-wrap .card input.availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card #blog #content .col-left .comment-share textarea.availability,
        #blog #content .col-left .comment-share #microsite section#move-in-ready .carousel .flex-wrap .card textarea.availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card #design-overview section#design-style .card-panel > div span.availability,
        #design-overview section#design-style .card-panel > div #microsite section#move-in-ready .carousel .flex-wrap .card span.availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card snapshot-info li {
          font-size: 14px; }
        #microsite section#move-in-ready .carousel .flex-wrap .card snapshot-info svg {
          width: 20px;
          height: 20px; }
        #microsite section#move-in-ready .carousel .flex-wrap .card .title,
        #microsite section#move-in-ready .carousel .flex-wrap .card .availability,
        #microsite section#move-in-ready .carousel .flex-wrap .card .cta-link-group .cta-link {
          padding: 20px; } }
      @media only screen and (max-width: 767px) {
        #microsite section#move-in-ready .carousel .flex-wrap {
          -ms-flex-direction: column;
          flex-direction: column; }
          #microsite section#move-in-ready .carousel .flex-wrap .card {
            width: 100%;
            max-width: 300px;
            margin-bottom: 20px; } }
    #microsite section#move-in-ready .carousel .carousel-control:after {
      background-color: transparent; }
    #microsite section#move-in-ready .carousel ol.carousel-indicators {
      bottom: -60px; }
      #microsite section#move-in-ready .carousel ol.carousel-indicators li.active {
        background-color: #ba1f31; }

#microsite section#model-home {
  background-color: #f5f5f5; }
  @media only screen and (max-width: 767px) {
    #microsite section#model-home {
      padding-bottom: 60px; }
      #microsite section#model-home p.type-subtitle-xl {
        margin-bottom: 30px; }
      #microsite section#model-home .card-wide .cta-link {
        margin-bottom: 5px; }
      #microsite section#model-home .card .card-wide {
        padding-bottom: 15px; }
        #microsite section#model-home .card .card-wide .info .info-top {
          padding: 15px; }
        #microsite section#model-home .card .card-wide .top .info .info-top .info-left p {
          margin-bottom: 10px; }
        #microsite section#model-home .card .card-wide .snapshot li {
          padding: 0;
          margin: 0; }
        #microsite section#model-home .card .card-wide .snapshot li:nth-child(-n+2) {
          margin-bottom: 5px; }
        #microsite section#model-home .card .card-wide .snapshot li:nth-child(odd) {
          width: 60%; }
        #microsite section#model-home .card .card-wide .snapshot li:nth-child(even) {
          width: 40%; } }
  #microsite section#model-home .card {
    cursor: default; }

#microsite section#floorplans .type-subtitle-xl {
  transition: left 1s ease-out;
  position: relative;
  opacity: 0; }

#microsite section#floorplans.in .type-subtitle-xl {
  transition: opacity 0.7s ease-out 0s;
  opacity: 1;
  static: 0; }

#microsite section#floorplans .filter {
  transition: left 1s ease-out;
  position: relative;
  bottom: -70px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#floorplans .filter {
      bottom: 0px; } }

#microsite section#floorplans.in .filter {
  transition: opacity 0.7s ease-out 0.6s, bottom 1.5s ease-out 0.6s;
  opacity: 1;
  bottom: 0; }

#microsite section#floorplans .sort {
  transition: left 1s ease-out;
  position: relative;
  bottom: -70px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#floorplans .sort {
      bottom: 0px; } }

#microsite section#floorplans.in .sort {
  transition: opacity 0.7s ease-out 0.8s, bottom 1.5s ease-out 0.8s;
  opacity: 1;
  bottom: 0; }

#microsite section#floorplans .list {
  transition: left 1s ease-out;
  position: relative;
  bottom: -70px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#floorplans .list {
      bottom: 0px; } }

#microsite section#floorplans.in .list {
  transition: opacity 0.7s ease-out 1s, bottom 1.5s ease-out 1s;
  opacity: 1;
  bottom: 0; }

#microsite section#floorplans .list {
  clear: both; }

#microsite section#floorplans .no-results {
  color: #ba1f31;
  font-size: 25px;
  text-align: center;
  margin: 50px 30px; }

#microsite section#floorplans .btn-filter-home-designs {
  background-color: #00a5b8;
  border-top-color: #00a5b8;
  border-bottom-color: #00a5b8;
  border-left-color: white;
  border-right-color: white;
  border-radius: 0;
  color: white;
  font-size: 18px;
  margin-bottom: 20px;
  padding: 11.25px 30px;
  text-align: left;
  width: 100%;
  box-shadow: none; }
  #microsite section#floorplans .btn-filter-home-designs.active {
    background-color: white;
    color: #00a5b8; }
  #microsite section#floorplans .btn-filter-home-designs .fa {
    float: right;
    font-size: 24px; }

#microsite section#floorplans .filter {
  text-align: center;
  margin-bottom: 17px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #microsite section#floorplans .filter .btn-group {
    border: 1px solid #dedede; }
    @media only screen and (min-width: 1230px) {
      #microsite section#floorplans .filter .btn-group {
        -ms-flex: 1;
        flex: 1;
        margin-left: 15px;
        margin-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #microsite section#floorplans .filter .btn-group {
        -ms-flex: 1;
        flex: 1;
        margin-left: 15px;
        margin-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #microsite section#floorplans .filter .btn-group {
        -ms-flex: 1;
        flex: 1;
        margin-left: 15px;
        margin-right: 15px; } }
    #microsite section#floorplans .filter .btn-group button {
      width: 100%;
      padding: 10px 15px;
      float: none; }
      #microsite section#floorplans .filter .btn-group button span {
        width: 40px; }
      #microsite section#floorplans .filter .btn-group button svg {
        height: 16px; }
  @media only screen and (max-width: 767px) {
    #microsite section#floorplans .filter {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #microsite section#floorplans .filter .btn-group {
        margin-bottom: 20px; }
        #microsite section#floorplans .filter .btn-group:nth-child(1), #microsite section#floorplans .filter .btn-group:nth-child(2) {
          width: 46.5%; }
        #microsite section#floorplans .filter .btn-group:nth-child(3), #microsite section#floorplans .filter .btn-group:nth-child(4), #microsite section#floorplans .filter .btn-group:nth-child(5) {
          width: 100%; } }

#microsite section#floorplans .sort-by-list {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7.5px; }
  @media only screen and (min-width: 1230px) {
    #microsite section#floorplans .sort-by-list {
      -ms-flex-pack: end;
      justify-content: flex-end; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #microsite section#floorplans .sort-by-list {
      -ms-flex-pack: end;
      justify-content: flex-end; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #microsite section#floorplans .sort-by-list {
      -ms-flex-pack: end;
      justify-content: flex-end; } }
  @media only screen and (max-width: 767px) {
    #microsite section#floorplans .sort-by-list {
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  #microsite section#floorplans .sort-by-list li {
    cursor: pointer; }
    @media only screen and (min-width: 1230px) {
      #microsite section#floorplans .sort-by-list li {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #microsite section#floorplans .sort-by-list li {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #microsite section#floorplans .sort-by-list li {
        padding-left: 15px;
        padding-right: 15px; } }
    #microsite section#floorplans .sort-by-list li.active span .fa.active {
      color: #00a5b8; }
    #microsite section#floorplans .sort-by-list li span {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      float: right;
      margin-left: 7.5px; }
      #microsite section#floorplans .sort-by-list li span .fa {
        color: #7f7f7f;
        font-size: 15px;
        line-height: 9px; }

#microsite section#floorplans .pagination {
  float: right;
  margin: 40px 0px; }
  #microsite section#floorplans .pagination > li:first-child > a, #microsite section#floorplans .pagination > li:first-child span {
    border-radius: 0px; }
  #microsite section#floorplans .pagination > li.active > a, #microsite section#floorplans .pagination > li.active span, #microsite section#floorplans .pagination > li.active a:hover, #microsite section#floorplans .pagination > li.active span:hover, #microsite section#floorplans .pagination > li.active a:focus, #microsite section#floorplans .pagination > li.active span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00a5b8;
    border-color: #00a5b8; }
  #microsite section#floorplans .pagination > li > a, #microsite section#floorplans .pagination > li span {
    padding: 10px 15px; }

#microsite section#floorplans .inline-get-fast-answers {
  margin-top: 17px;
  margin-bottom: 17px;
  clear: both; }
  @media only screen and (max-width: 767px) {
    #microsite section#floorplans .inline-get-fast-answers {
      margin-top: 0;
      margin-bottom: 0; } }

#microsite section#image-gallery {
  background-color: #f5f5f5; }
  #microsite section#image-gallery .type-subtitle-xl {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #microsite section#image-gallery.in .type-subtitle-xl {
    transition: opacity 0.7s ease-out 0s;
    opacity: 1;
    static: 0; }
  #microsite section#image-gallery .container {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #microsite section#image-gallery .container {
        bottom: 0px; } }
  #microsite section#image-gallery.in .container {
    transition: opacity 0.7s ease-out 0.6s, bottom 1.5s ease-out 0.6s;
    opacity: 1;
    bottom: 0; }
  #microsite section#image-gallery .thumbnail {
    overflow: hidden;
    cursor: pointer;
    height: 180px;
    position: relative;
    margin-left: 20px;
    width: calc(25% - 20px);
    perspective: 2000px; }
    @media only screen and (min-width: 1230px) {
      #microsite section#image-gallery .thumbnail:nth-child(4n - 3) {
        margin-left: 0px; } }
    @media only screen and (min-width: 1230px) {
      #microsite section#image-gallery .thumbnail:nth-child(4n - 3) {
        margin-left: 0px; } }
    @media only screen and (min-width: 1230px) {
      #microsite section#image-gallery .thumbnail:nth-child(4n - 3) {
        margin-left: 10px; } }
    @media only screen and (max-width: 767px) {
      #microsite section#image-gallery .thumbnail {
        width: calc(50% - 22.5px);
        margin-left: 15px;
        margin-right: 7.5px;
        height: 150px; }
        #microsite section#image-gallery .thumbnail:nth-child(even) {
          margin-left: 7.5px;
          margin-right: 15px; } }
    #microsite section#image-gallery .thumbnail .image,
    #microsite section#image-gallery .thumbnail .overlay {
      position: absolute;
      background-size: cover;
      top: 0;
      left: 0;
      transition: all 0.2s ease-out;
      width: 100%;
      height: 100%;
      transform-origin: center;
      transform: scale(1); }
    #microsite section#image-gallery .thumbnail .overlay {
      background-color: #00a5b8;
      opacity: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #microsite section#image-gallery .thumbnail .overlay svg {
        width: 30px;
        height: 30px;
        transform-origin: center;
        transform: rotateY(90deg);
        transition: all 0.2s ease-out 0.2s; }
    #microsite section#image-gallery .thumbnail:hover .image {
      transition: all 0.2s ease-in;
      transform-origin: center;
      transform: scale(1.05); }
    #microsite section#image-gallery .thumbnail:hover .overlay {
      transition: all 0.2s ease-in;
      opacity: .8; }
      #microsite section#image-gallery .thumbnail:hover .overlay svg {
        transition: all 0.2s ease-in 0.2s;
        transform-origin: center;
        transform: rotateY(0deg); }

#microsite .slick-microsite-modal .image {
  height: 100%; }

#microsite section#local-amenities .map {
  transition: left 1s ease-out;
  position: relative;
  opacity: 0; }

#microsite section#local-amenities.in .map {
  transition: opacity 0.7s ease-out 0s;
  opacity: 1;
  static: 0; }

#microsite section#local-amenities .info > * {
  transition: left 1s ease-out;
  position: relative;
  right: -70px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#local-amenities .info > * {
      right: 0px; } }

#microsite section#local-amenities.in .info > * {
  transition: opacity 0.7s ease-out 0.6s, right 1.5s ease-out 0.6s;
  opacity: 1;
  right: 0; }

#microsite section#local-amenities .col-left,
#microsite section#local-amenities .col-left .info,
#microsite section#local-amenities .col-left:after {
  position: absolute;
  height: 100%;
  width: 40vw;
  max-width: 550px;
  padding: 60px 85px;
  top: 0;
  left: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #microsite section#local-amenities .col-left,
    #microsite section#local-amenities .col-left .info,
    #microsite section#local-amenities .col-left:after {
      padding: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #microsite section#local-amenities .col-left,
    #microsite section#local-amenities .col-left .info,
    #microsite section#local-amenities .col-left:after {
      padding: 60px 30px; } }
  @media only screen and (max-width: 767px) {
    #microsite section#local-amenities .col-left,
    #microsite section#local-amenities .col-left .info,
    #microsite section#local-amenities .col-left:after {
      height: auto;
      width: 100%;
      padding: 20px 0; } }

#microsite section#local-amenities .col-left .info {
  z-index: 2;
  background: white; }
  #microsite section#local-amenities .col-left .info p {
    font-weight: 300;
    margin-bottom: 10px; }
    #microsite section#local-amenities .col-left .info p:nth-of-type(2) {
      margin-bottom: 80px; }
  #microsite section#local-amenities .col-left .info li {
    margin-bottom: 35px; }
  @media only screen and (max-width: 767px) {
    #microsite section#local-amenities .col-left .info ul {
      display: none;
      padding: 20px 20px 0;
      border-top: 1px solid #c3c3c3;
      margin-top: 20px;
      box-shadow:  0px 5px 5px 0 rgba(0, 0, 0, 0.2);
      position: absolute;
      background-color: white;
      left: 0;
      top: calc(100% - 20px); }
    #microsite section#local-amenities .col-left .info ul li {
      font-size: 14px;
      margin-bottom: 30px; }
    #microsite section#local-amenities .col-left .info p {
      font-size: 25px;
      margin-bottom: 5px; }
      #microsite section#local-amenities .col-left .info p:nth-of-type(2) {
        font-size: 18px;
        letter-spacing: 1.5px;
        margin-bottom: 0; } }

#microsite section#local-amenities .col-left:after {
  content: "";
  background: -webkit-radial-gradient(56%, black, transparent, transparent);
  width: 100px;
  opacity: 0.3;
  left: auto;
  right: -40px;
  z-index: 1; }
  @media only screen and (max-width: 767px) {
    #microsite section#local-amenities .col-left:after {
      display: none; } }

#microsite section#local-amenities .arrow {
  display: none; }

#microsite section#local-amenities .map {
  position: relative;
  width: 100%;
  height: 800px;
  width: 75vw;
  float: right; }
  #microsite section#local-amenities .map .amenities-map {
    position: relative;
    height: 100%; }
  #microsite section#local-amenities .map .angular-google-map-container {
    height: 100%;
    position: absolute;
    width: 100%; }
    #microsite section#local-amenities .map .angular-google-map-container .flex-container {
      padding: 15px; }
      #microsite section#local-amenities .map .angular-google-map-container .flex-container p {
        line-height: 30px;
        font-size: 15px; }
        #microsite section#local-amenities .map .angular-google-map-container .flex-container p.h5 {
          font-size: 18px;
          font-weight: 100;
          margin-bottom: 15px;
          border-bottom: 1px solid #d6d6d6;
          padding-bottom: 10px; }
  #microsite section#local-amenities .map .pin {
    position: absolute; }
    #microsite section#local-amenities .map .pin img {
      width: 45px;
      height: auto; }
    #microsite section#local-amenities .map .pin + .popover {
      border-radius: 0;
      border: none;
      max-width: 435px;
      line-height: 30px;
      padding: 10px; }

@media only screen and (max-width: 767px) {
  #microsite section#local-amenities .mobile-flex-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px; }
  #microsite section#local-amenities .arrow {
    display: -ms-inline-flexbox;
    display: inline-flex; }
    #microsite section#local-amenities .arrow svg {
      margin-left: 10px;
      transition: all 0.2s ease-in;
      transform-origin: center;
      transform: rotate(0deg); }
      #microsite section#local-amenities .arrow svg path:not(.no-fill), #microsite section#local-amenities .arrow svg polygon:not(.no-fill), #microsite section#local-amenities .arrow svg rect:not(.no-fill), #microsite section#local-amenities .arrow svg ellipse:not(.no-fill), #microsite section#local-amenities .arrow svg circle:not(.no-fill), #microsite section#local-amenities .arrow svg line:not(.no-fill) {
        fill: #7f7f7f; }
  #microsite section#local-amenities .map {
    width: 100%;
    height: 130vw;
    padding: 0 30px 20px;
    overflow: hidden;
    position: relative;
    float: none; }
    #microsite section#local-amenities .map .angular-google-map-container .flex-container p {
      font-size: 14px;
      line-height: 20px; }
    #microsite section#local-amenities .map .angular-google-map-container .flex-container p.h5 {
      font-size: 16px;
      line-height: 22px; }
  #microsite section#local-amenities .info.open .arrow svg {
    transition: all 0.2s ease-in;
    transform-origin: center;
    transform: rotate(180deg); }
  #microsite section#local-amenities .info.open ul {
    display: block; }
    #microsite section#local-amenities .info.open ul li {
      margin-bottom: 20px;
      float: left;
      width: 50%; } }

#microsite section#contact {
  background-color: #f5f5f5; }
  #microsite section#contact > .box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    justify-items: center; }
  @media only screen and (min-width: 1230px) {
    #microsite section#contact .directions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #microsite section#contact .directions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #microsite section#contact .directions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; } }
  @media only screen and (max-width: 767px) {
    #microsite section#contact .directions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; } }
  #microsite section#contact .directions .driving-directions,
  #microsite section#contact .directions #directions-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0; }
    @media only screen and (min-width: 1230px) {
      #microsite section#contact .directions .driving-directions,
      #microsite section#contact .directions #directions-form {
        padding: 3em;
        width: 50%;
        height: 100%;
        margin: auto; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #microsite section#contact .directions .driving-directions,
      #microsite section#contact .directions #directions-form {
        padding: 3em;
        width: 50%;
        height: 100%;
        margin: auto; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #microsite section#contact .directions .driving-directions,
      #microsite section#contact .directions #directions-form {
        padding: 3em;
        width: 50%;
        height: 100%;
        margin: auto; } }
    @media only screen and (max-width: 767px) {
      #microsite section#contact .directions .driving-directions,
      #microsite section#contact .directions #directions-form {
        padding: 1.5em;
        width: 100%; } }
    #microsite section#contact .directions .driving-directions p,
    #microsite section#contact .directions #directions-form p {
      margin-bottom: 0.75em; }
      @media only screen and (min-width: 1230px) {
        #microsite section#contact .directions .driving-directions p,
        #microsite section#contact .directions #directions-form p {
          line-height: 2.1em; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #microsite section#contact .directions .driving-directions p,
        #microsite section#contact .directions #directions-form p {
          line-height: 2.1em; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #microsite section#contact .directions .driving-directions p,
        #microsite section#contact .directions #directions-form p {
          line-height: 2.1em; } }
      @media only screen and (max-width: 767px) {
        #microsite section#contact .directions .driving-directions p,
        #microsite section#contact .directions #directions-form p {
          line-height: 1.8em; } }
  #microsite section#contact .directions .driving-directions {
    background-color: white; }
    #microsite section#contact .directions .driving-directions .type-subtitle-md {
      font-size: 1.25em; }
  #microsite section#contact .directions #directions-form {
    background: #dedede; }
    #microsite section#contact .directions #directions-form .directions-form {
      width: 100%; }
    #microsite section#contact .directions #directions-form .directions-form__title {
      color: #00a5b8;
      font-size: 2em;
      text-transform: uppercase;
      font-weight: 100; }
    #microsite section#contact .directions #directions-form input {
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: block;
      margin: 1em 0;
      font-size: 1.1em; }
    #microsite section#contact .directions #directions-form a {
      font-size: 1.1em; }
  #microsite section#contact .inline-get-fast-answers {
    margin: 40px 0; }
    @media only screen and (max-width: 767px) {
      #microsite section#contact .inline-get-fast-answers img {
        display: none; } }
  #microsite section#contact .type-subtitle-xl,
  #microsite section#contact .microsite-title {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 0.4em; }
  #microsite section#contact .model-home,
  #microsite section#contact .sales-contact,
  #microsite section#contact mini-map {
    -ms-flex-positive: 2;
    flex-grow: 2;
    background: white;
    margin: 1em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2em 1em; }
    @media only screen and (max-width: 767px) {
      #microsite section#contact .model-home,
      #microsite section#contact .sales-contact,
      #microsite section#contact mini-map {
        padding: 10vw; } }
    #microsite section#contact .model-home p,
    #microsite section#contact .sales-contact p,
    #microsite section#contact mini-map p {
      line-height: 1.3em;
      margin-bottom: 0.7em; }
  @media only screen and (max-width: 767px) {
    #microsite section#contact .model-home,
    #microsite section#contact .sales-contact {
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    #microsite section#contact .sales-contact {
      -ms-flex-order: -1;
      order: -1; } }
  #microsite section#contact mini-map {
    padding: 0; }
    @media only screen and (max-width: 767px) {
      #microsite section#contact mini-map {
        -ms-flex-order: 10;
        order: 10; } }
  #microsite section#contact .phone,
  #microsite section#contact .email {
    display: inline-block; }
    #microsite section#contact .phone svg,
    #microsite section#contact .email svg {
      float: left;
      margin-right: 0.5em;
      margin-top: 0.1em; }
      #microsite section#contact .phone svg path,
      #microsite section#contact .email svg path {
        fill: #00a5b8; }

#microsite #home-show-carousel {
  position: relative; }
  #microsite #home-show-carousel .fill {
    background-position: center;
    position: relative;
    height: 100vh; }
  #microsite #home-show-carousel .fill:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2); }
  #microsite #home-show-carousel .flex-caption {
    margin: 40px 0;
    color: white;
    text-shadow: 0px 3px 10px black;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 5px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 20px; }
    @media only screen and (max-width: 767px) {
      #microsite #home-show-carousel .flex-caption {
        line-height: 30px; } }
    #microsite #home-show-carousel .flex-caption .type-title-md, #microsite #home-show-carousel #homepage #homepage-carousel .item.slide-decorated-model-homes .flex-caption p:nth-of-type(2), #homepage #homepage-carousel .item.slide-decorated-model-homes #microsite #home-show-carousel .flex-caption p:nth-of-type(2) {
      font-weight: 600; }
  #microsite #home-show-carousel .bottom-bar {
    position: absolute;
    color: white;
    padding: 30px;
    background-color: transparent;
    text-align: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center; }
    #microsite #home-show-carousel .bottom-bar img {
      margin-left: 30px; }
    #microsite #home-show-carousel .bottom-bar p {
      line-height: 44px; }
      #microsite #home-show-carousel .bottom-bar p:last-child {
        font-weight: 300; }
      @media only screen and (max-width: 767px) {
        #microsite #home-show-carousel .bottom-bar p {
          line-height: 30px; }
          #microsite #home-show-carousel .bottom-bar p:last-child {
            font-weight: 600; } }

#microsite.home-show section#overview h2.type-title-xl {
  text-transform: uppercase; }

#microsite.home-show section#overview p {
  margin-bottom: 45px;
  font-size: 18px;
  line-height: 30px; }
  @media only screen and (min-width: 1230px) {
    #microsite.home-show section#overview p {
      line-height: 45px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #microsite.home-show section#overview p {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #microsite.home-show section#overview p {
      font-size: 15px; } }
  @media only screen and (max-width: 767px) {
    #microsite.home-show section#overview p {
      font-size: 15px;
      margin-bottom: 30px; } }

#microsite section#explore .type-title-xl {
  transition: left 1s ease-out;
  position: relative;
  opacity: 0; }

#microsite section#explore.in .type-title-xl {
  transition: opacity 0.7s ease-out 0s;
  opacity: 1;
  static: 0; }

#microsite section#explore ul {
  transition: left 1s ease-out;
  position: relative;
  bottom: -70px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#explore ul {
      bottom: 0px; } }

#microsite section#explore.in ul {
  transition: opacity 0.7s ease-out 0.3s, bottom 1.5s ease-out 0.3s;
  opacity: 1;
  bottom: 0; }

#microsite section#explore #slick-floorplan {
  transition: left 1s ease-out;
  position: relative;
  bottom: -70px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#explore #slick-floorplan {
      bottom: 0px; } }

#microsite section#explore.in #slick-floorplan {
  transition: opacity 0.7s ease-out 0.5s, bottom 1.5s ease-out 0.5s;
  opacity: 1;
  bottom: 0; }

#microsite section#explore #slick-floorplan .item {
  position: relative;
  opacity: 0;
  transition: all 0.2s ease-in; }
  #microsite section#explore #slick-floorplan .item.slick-active {
    opacity: 1;
    transition: all 0.2s ease-in; }
  #microsite section#explore #slick-floorplan .item svg {
    width: 30px;
    height: 30px; }
    #microsite section#explore #slick-floorplan .item svg path:not(.no-fill), #microsite section#explore #slick-floorplan .item svg polygon:not(.no-fill), #microsite section#explore #slick-floorplan .item svg rect:not(.no-fill), #microsite section#explore #slick-floorplan .item svg ellipse:not(.no-fill), #microsite section#explore #slick-floorplan .item svg circle:not(.no-fill), #microsite section#explore #slick-floorplan .item svg line:not(.no-fill) {
      fill: #00a5b8; }
  #microsite section#explore #slick-floorplan .item .pin {
    position: absolute; }
  #microsite section#explore #slick-floorplan .item .popover {
    border-radius: 0;
    max-width: 500px; }
  #microsite section#explore #slick-floorplan .item .popover-content {
    padding: 5px; }

#microsite section#explore li {
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    #microsite section#explore li {
      display: block;
      padding: 20px 0;
      margin-bottom: 0px; }
      #microsite section#explore li:after {
        display: none; }
      #microsite section#explore li:not(:last-child) {
        border-bottom: 1px solid lightgray; } }

#microsite section#explore #slick-floorplan .slick-list {
  overflow: visible; }

#microsite section#explore #slick-floorplan .pin {
  cursor: pointer; }

#microsite section#explore #slick-floorplan .pin + .popover {
  width: 600px;
  height: 285px; }
  @media only screen and (max-width: 767px) {
    #microsite section#explore #slick-floorplan .pin + .popover {
      width: 300px;
      height: 143px; } }

#microsite section#builders-webcam {
  background-color: #f5f5f5; }
  #microsite section#builders-webcam .type-title-xl {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #microsite section#builders-webcam.in .type-title-xl {
    transition: opacity 0.7s ease-out 0s;
    opacity: 1;
    static: 0; }
  #microsite section#builders-webcam .video {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #microsite section#builders-webcam .video {
        bottom: 0px; } }
  #microsite section#builders-webcam.in .video {
    transition: opacity 0.7s ease-out 0.3s, bottom 1.5s ease-out 0.3s;
    opacity: 1;
    bottom: 0; }
  #microsite section#builders-webcam .video {
    display: inline-block;
    border: 40px solid white; }

#microsite section#our-partners .type-title-xl {
  transition: left 1s ease-out;
  position: relative;
  opacity: 0; }

#microsite section#our-partners.in .type-title-xl {
  transition: opacity 0.7s ease-out 0s;
  opacity: 1;
  static: 0; }

#microsite section#our-partners img {
  transition: left 1s ease-out;
  position: relative;
  bottom: -70px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #microsite section#our-partners img {
      bottom: 0px; } }

#microsite section#our-partners.in img {
  transition: opacity 0.7s ease-out 0.3s, bottom 1.5s ease-out 0.3s;
  opacity: 1;
  bottom: 0; }

#microsite section#our-partners img {
  width: 100%;
  max-width: 1100px; }

#microsite section#hours-and-directions {
  background-color: #f5f5f5; }
  #microsite section#hours-and-directions .type-title-xl {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #microsite section#hours-and-directions.in .type-title-xl {
    transition: opacity 0.7s ease-out 0s;
    opacity: 1;
    static: 0; }
  #microsite section#hours-and-directions .driving-directions p,
  #microsite section#hours-and-directions .address p {
    line-height: 40px;
    text-align: left; }
  #microsite section#hours-and-directions .driving-directions p:not(.sub-title),
  #microsite section#hours-and-directions .address p:not(.sub-title) {
    margin-bottom: 30px; }
  #microsite section#hours-and-directions .address {
    position: relative;
    background-color: white;
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      #microsite section#hours-and-directions .address {
        -ms-flex-direction: column;
        flex-direction: column; } }
    #microsite section#hours-and-directions .address > .col-left {
      padding: 50px;
      -ms-flex: 1 0 0;
      flex: 1 0 0; }
      #microsite section#hours-and-directions .address > .col-left p {
        font-size: 20px;
        text-align: left; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #microsite section#hours-and-directions .address > .col-left p {
            font-size: 16px; } }
    #microsite section#hours-and-directions .address > .col-center {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      padding: 25px;
      background-color: #00a5b8;
      color: white;
      -ms-flex: 1 0 0;
      flex: 1 0 0; }
      @media only screen and (max-width: 767px) {
        #microsite section#hours-and-directions .address > .col-center {
          display: block; } }
      #microsite section#hours-and-directions .address > .col-center p {
        font-size: 20px;
        text-align: center;
        margin: 0; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #microsite section#hours-and-directions .address > .col-center p {
            font-size: 16px; } }
      #microsite section#hours-and-directions .address > .col-center .flex-wrap:nth-of-type(1) {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 0 20px; }
        #microsite section#hours-and-directions .address > .col-center .flex-wrap:nth-of-type(1) .dates {
          width: 100%;
          margin-bottom: 10px;
          font-weight: 300;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: center;
          align-items: center; }
      #microsite section#hours-and-directions .address > .col-center .flex-wrap:nth-of-type(2) {
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        #microsite section#hours-and-directions .address > .col-center .flex-wrap:nth-of-type(2) p {
          font-weight: 300;
          margin-bottom: 15px; }
    #microsite section#hours-and-directions .address > .col-right, #microsite section#hours-and-directions #lifestyle #the-design-process .col-right .address > .fill, #lifestyle #the-design-process .col-right #microsite section#hours-and-directions .address > .fill {
      -ms-flex: 1.5;
      flex: 1.5;
      position: relative; }
      #microsite section#hours-and-directions .address > .col-right .mini-map, #microsite section#hours-and-directions #lifestyle #the-design-process .col-right .address > .fill .mini-map, #lifestyle #the-design-process .col-right #microsite section#hours-and-directions .address > .fill .mini-map,
      #microsite section#hours-and-directions .address > .col-right .mini-map .map,
      #microsite section#hours-and-directions #lifestyle #the-design-process .col-right .address > .fill .mini-map .map,
      #lifestyle #the-design-process .col-right #microsite section#hours-and-directions .address > .fill .mini-map .map {
        width: 100%;
        height: 100%; }
      @media only screen and (max-width: 767px) {
        #microsite section#hours-and-directions .address > .col-right, #microsite section#hours-and-directions #lifestyle #the-design-process .col-right .address > .fill, #lifestyle #the-design-process .col-right #microsite section#hours-and-directions .address > .fill {
          height: 70vw;
          margin-top: 1px; } }
  #microsite section#hours-and-directions .driving-directions {
    background-color: white;
    padding: 50px;
    margin-top: 25px; }
    @media only screen and (max-width: 767px) {
      #microsite section#hours-and-directions .driving-directions {
        padding: 30px;
        margin-bottom: 80px; } }

#microsite.coming-soon #hero {
  background-image: url("/images/site/microsite/coming-soon-bkg.jpg");
  background-size: cover;
  background-position: bottom center; }
  #microsite.coming-soon #hero .container {
    height: calc(100% - 64px); }
    #microsite.coming-soon #hero .container p:first-child {
      margin-bottom: 50px;
      font-weight: 300; }
    #microsite.coming-soon #hero .container a.btn {
      padding: 15px 60px; }

#microsite.coming-soon .divider.red, #microsite.coming-soon .card.floorplan-card .divider.card-title, .card.floorplan-card #microsite.coming-soon .divider.card-title {
  height: 64px; }

#microsite.coming-soon #content {
  background-color: #f5f5f5; }
  #microsite.coming-soon #content .col-left {
    -ms-flex: 1.5;
    flex: 1.5;
    padding: 100px 115px 100px 190px; }
    #microsite.coming-soon #content .col-left #overview > p:first-child {
      margin-bottom: 5px; }
    #microsite.coming-soon #content .col-left .scrollable {
      margin-top: 60px;
      height: 500px;
      overflow: auto; }
      #microsite.coming-soon #content .col-left .scrollable p {
        line-height: 48px;
        margin-bottom: 20px; }
        #microsite.coming-soon #content .col-left .scrollable p:first-child {
          line-height: 42px;
          font-weight: 600; }
  #microsite.coming-soon #content .col-right, #microsite.coming-soon #content #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill {
    color: white;
    background-color: #00a5b8;
    -ms-flex: 1;
    flex: 1; }
    #microsite.coming-soon #content .col-right .top form, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form {
      max-width: 470px;
      padding: 55px; }
      #microsite.coming-soon #content .col-right .top form input, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form input {
        margin-bottom: 15px; }
      #microsite.coming-soon #content .col-right .top form input[type="submit"], #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form input[type="submit"] {
        margin-top: 15px;
        float: right; }
      #microsite.coming-soon #content .col-right .top form p, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form p {
        text-align: center; }
      #microsite.coming-soon #content .col-right .top form p.type-xxxxl, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form p.type-xxxxl {
        font-weight: 300;
        line-height: 50px; }
      #microsite.coming-soon #content .col-right .top form p.type-md, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form p.type-md, #microsite.coming-soon #content .col-right .top form .sort p.sort-item, .sort #microsite.coming-soon #content .col-right .top form p.sort-item, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form .sort p.sort-item, .sort #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form p.sort-item, #microsite.coming-soon #content .col-right .top form .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #microsite.coming-soon #content .col-right .top form p.type-xl, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form p.type-xl, #microsite.coming-soon #content .col-right .top form .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #microsite.coming-soon #content .col-right .top form p.card-title, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form p.card-title, #microsite.coming-soon #content .col-right .top form .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #microsite.coming-soon #content .col-right .top form p.card-title, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form p.card-title, #microsite.coming-soon #content .col-right .top form #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite.coming-soon #content .col-right .top form p.popover-title, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .top form p.popover-title {
        letter-spacing: .9px;
        line-height: 30px;
        margin: 20px 0; }
    #microsite.coming-soon #content .col-right .bottom, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .bottom {
      background-color: red;
      position: relative;
      width: 100%;
      height: 260px;
      background-image: url("/images/site/global/map-template.jpg");
      background-size: cover;
      background-position: center; }
      #microsite.coming-soon #content .col-right .bottom .btn-small, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .bottom .btn-small {
        position: absolute;
        background-color: #00a5b8;
        color: white;
        padding: 10px 15px;
        border-radius: 0;
        bottom: 0;
        right: 0;
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        #microsite.coming-soon #content .col-right .bottom .btn-small:hover, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .bottom .btn-small:hover {
          transition: all 0.2s ease-in;
          background-color: #007785;
          color: white; }
          #microsite.coming-soon #content .col-right .bottom .btn-small:hover > *, #lifestyle #the-design-process .col-right #microsite.coming-soon #content .fill .bottom .btn-small:hover > * {
            color: white; }

#microsite.mobile-updates .microsite__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media only screen and (max-width: 767px) {
    #microsite.mobile-updates .microsite__container #microsite-carousel {
      -ms-flex-order: 0;
      order: 0; }
    #microsite.mobile-updates .microsite__container #banner-promo {
      -ms-flex-order: 1;
      order: 1; }
    #microsite.mobile-updates .microsite__container #move-in-ready {
      -ms-flex-order: 2;
      order: 2; }
    #microsite.mobile-updates .microsite__container #model-home {
      -ms-flex-order: 3;
      order: 3; }
    #microsite.mobile-updates .microsite__container #directions-form {
      -ms-flex-order: 4;
      order: 4; }
    #microsite.mobile-updates .microsite__container #floorplans {
      -ms-flex-order: 5;
      order: 5; }
    #microsite.mobile-updates .microsite__container #image-gallery {
      -ms-flex-order: 6;
      order: 6; }
    #microsite.mobile-updates .microsite__container #overview {
      -ms-flex-order: 7;
      order: 7; }
    #microsite.mobile-updates .microsite__container #contact {
      -ms-flex-order: 8;
      order: 8; }
    #microsite.mobile-updates .microsite__container #contact-update {
      -ms-flex-order: 9;
      order: 9; }
    #microsite.mobile-updates .microsite__container #model-home .card {
      background: transparent;
      border: 0; }
      #microsite.mobile-updates .microsite__container #model-home .card .card-wide {
        padding: 0 !important;
        border: 0; }
        #microsite.mobile-updates .microsite__container #model-home .card .card-wide .top {
          background: white;
          border: 1px solid #ccc;
          max-width: 21em;
          margin: auto; }
          #microsite.mobile-updates .microsite__container #model-home .card .card-wide .top .preloader {
            height: auto; }
          #microsite.mobile-updates .microsite__container #model-home .card .card-wide .top .thumb {
            height: 0;
            padding-top: 60%; }
          #microsite.mobile-updates .microsite__container #model-home .card .card-wide .top .info {
            width: 100%; }
        #microsite.mobile-updates .microsite__container #model-home .card .card-wide .bottom {
          background: transparent;
          padding: 25px 0 0; }
          #microsite.mobile-updates .microsite__container #model-home .card .card-wide .bottom img {
            margin: 25px -50px 0;
            display: block;
            width: calc(100% + 100px); } }

#microsite.mobile-updates .microsite-subtitle {
  color: #ba1f31;
  font-size: 400%;
  font-weight: 300;
  text-align: center;
  margin: 0.5em;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #microsite.mobile-updates .microsite-subtitle {
      font-size: 300%; } }
  @media only screen and (max-width: 767px) {
    #microsite.mobile-updates .microsite-subtitle {
      font-size: 200%; } }

#microsite.mobile-updates .card .cta-link-group .cta-link {
  background: #ba1f31;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  color: white;
  outline: 1px solid;
  outline-color: rgba(186, 31, 49, 0.6);
  outline-offset: 0px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); }
  #microsite.mobile-updates .card .cta-link-group .cta-link .cta-link__label {
    border-bottom: 1px solid rgba(255, 255, 255, 0); }
  #microsite.mobile-updates .card .cta-link-group .cta-link:hover {
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    background: #63101a; }
    #microsite.mobile-updates .card .cta-link-group .cta-link:hover .cta-link__label {
      border-bottom: 1px solid rgba(255, 255, 255, 0.88); }

#microsite-floorplan-detail #subnav {
  z-index: 100; }
  @media only screen and (max-width: 767px) {
    #microsite-floorplan-detail #subnav {
      background-color: transparent;
      position: fixed;
      top: 65px;
      width: 100%;
      left: 0; } }
  #microsite-floorplan-detail #subnav #subnav-toggle {
    text-align: center; }
    #microsite-floorplan-detail #subnav #subnav-toggle ul {
      float: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #microsite-floorplan-detail #subnav #subnav-toggle ul li a {
        padding: 22px;
        display: block;
        text-transform: uppercase;
        transition: all 0.2s ease-in; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #microsite-floorplan-detail #subnav #subnav-toggle ul li a {
            padding: 15px;
            font-size: 14px; } }
      #microsite-floorplan-detail #subnav #subnav-toggle ul li.active a,
      #microsite-floorplan-detail #subnav #subnav-toggle ul li:hover a {
        transition: all 0.2s ease-in;
        background-color: #00a5b8;
        color: white; }
    @media only screen and (max-width: 767px) {
      #microsite-floorplan-detail #subnav #subnav-toggle {
        padding: 0; }
        #microsite-floorplan-detail #subnav #subnav-toggle ul {
          background: #7f7f7f;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: inherit;
          align-items: inherit;
          margin: 0; }
          #microsite-floorplan-detail #subnav #subnav-toggle ul li a {
            padding: 8px 15px;
            color: white; } }
  #microsite-floorplan-detail #subnav .container-inner {
    background: white;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      #microsite-floorplan-detail #subnav .container-inner {
        position: relative;
        top: 0;
        transition: all 0.3s ease-out;
        box-shadow:  0px 1px 5px 0 rgba(0, 0, 0, 0.3); }
        #microsite-floorplan-detail #subnav .container-inner.down {
          transition: all 0.3s ease-in;
          top: -65px; } }
  @media only screen and (min-width: 1230px) {
    #microsite-floorplan-detail #subnav.affixed .container-inner {
      perspective: 2000px;
      position: fixed;
      top: 50px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #microsite-floorplan-detail #subnav.affixed .container-inner {
      perspective: 2000px;
      position: fixed;
      top: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #microsite-floorplan-detail #subnav.affixed .container-inner {
      perspective: 2000px;
      position: fixed;
      top: 50px; } }
  @media only screen and (max-width: 767px) {
    #microsite-floorplan-detail #subnav {
      max-height: 55px; }
      #microsite-floorplan-detail #subnav .navbar-toggle .icon-bar {
        transition: all 0.3s ease-out;
        position: relative;
        right: 0;
        background-color: #7f7f7f; }
      #microsite-floorplan-detail #subnav .navbar-toggle:not(.collapsed) .icon-bar {
        right: -5px;
        width: 35px;
        height: 2px;
        transition: all 0.3s ease-in; }
        #microsite-floorplan-detail #subnav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
          top: 5px;
          transform-origin: center;
          transform: rotate(45deg); }
        #microsite-floorplan-detail #subnav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
          bottom: 5px;
          transform-origin: center;
          transform: rotate(-45deg); }
        #microsite-floorplan-detail #subnav .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
          opacity: 0;
          right: -10px;
          width: 0; }
      #microsite-floorplan-detail #subnav .navbar-toggle {
        right: 15px; }
      #microsite-floorplan-detail #subnav .navbar-header {
        height: 55px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center; }
        #microsite-floorplan-detail #subnav .navbar-header p {
          margin-left: 15px; }
        #microsite-floorplan-detail #subnav .navbar-header:before, #microsite-floorplan-detail #subnav .navbar-header:after {
          display: none; } }

#microsite-floorplan-detail #hero {
  overflow: initial; }
  #microsite-floorplan-detail #hero .row-top {
    height: auto; }
    #microsite-floorplan-detail #hero .row-top .container-wrap #subnav {
      width: 100%; }
    #microsite-floorplan-detail #hero .row-top .container-wrap .row {
      padding: 40px 20px; }
      #microsite-floorplan-detail #hero .row-top .container-wrap .row .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center; }
        #microsite-floorplan-detail #hero .row-top .container-wrap .row .container:before, #microsite-floorplan-detail #hero .row-top .container-wrap .row .container:after {
          display: none; }
      #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-gray {
        text-transform: uppercase; }
      #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-group.dropdown {
        float: right;
        text-transform: uppercase; }
        #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-group.dropdown button {
          text-align: right;
          background: none; }
      #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn.btn-primary.btn-dropdown {
        width: auto;
        float: none; }
      #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-group.open .dropdown-toggle,
      #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-group.open .dropdown-toggle:focus,
      #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-group.open .dropdown-toggle:hover {
        color: #7f7f7f;
        box-shadow: none; }
      @media only screen and (max-width: 767px) {
        #microsite-floorplan-detail #hero .row-top .container-wrap .row {
          padding: 0 30px; }
          #microsite-floorplan-detail #hero .row-top .container-wrap .row .container {
            padding: 0; }
          #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn.btn-gray {
            padding: 10px 15px; }
          #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn.btn-gray svg {
            margin-right: 5px; }
          #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-group.dropdown button {
            padding: 10px; }
            #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-group.dropdown button:active {
              box-shadow: none; }
          #microsite-floorplan-detail #hero .row-top .container-wrap .row .btn-group.dropdown-menu {
            top: 90%; } }

#model-detail #hero .row-top {
  display: none; }

#model-detail #hero .row-bottom {
  margin-top: 110px;
  box-shadow: inset 0px 2px 10px 0 rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 767px) {
    #model-detail #hero .row-bottom {
      margin-top: 65px; } }

#model-detail #hero .row-bottom .col-right > * , #model-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill > * , #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill > * ,
#model-detail #hero .row-bottom .col-right .form-results-container,
#lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-results-container,
#model-detail #hero .row-bottom .col-right form .input-group,
#lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill form .input-group {
  max-width: 540px; }

#model-detail #hero .row-bottom .col-right .detail, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail {
  padding: 50px 0 15px 20px; }
  #model-detail #hero .row-bottom .col-right .detail .title, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: left;
    align-items: left; }
    #model-detail #hero .row-bottom .col-right .detail .title .choose, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .title .choose {
      font-weight: 600;
      margin-top: 30px;
      margin-bottom: 30px; }
    #model-detail #hero .row-bottom .col-right .detail .title > .list-unstyled > li, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .title > .list-unstyled > li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        #model-detail #hero .row-bottom .col-right .detail .title > .list-unstyled > li, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .title > .list-unstyled > li {
          text-align: left; } }
      #model-detail #hero .row-bottom .col-right .detail .title > .list-unstyled > li .btn.btn-orange, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .title > .list-unstyled > li .btn.btn-orange {
        margin-left: 15px;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        width: 180px; }
  #model-detail #hero .row-bottom .col-right .detail .address p, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .address p,
  #model-detail #hero .row-bottom .col-right .detail h1,
  #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail h1,
  #model-detail #hero .row-bottom .col-right .detail .title .type-model-detail-xl,
  #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .title .type-model-detail-xl {
    margin-bottom: 10px;
    text-transform: uppercase; }
  
  #model-detail #hero .row-bottom .col-right .detail h1,
  #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail h1 {
    line-height: 25px; }
    #model-detail #hero .row-bottom .col-right .detail h1 small, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail h1 small,
    #model-detail #hero .row-bottom .col-right .detail h1 small a,
    #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail h1 small a {
      color: #7f7f7f;
      letter-spacing: 0;
      text-transform: uppercase; }
  #model-detail #hero .row-bottom .col-right .detail .title p:last-child, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .title p:last-child {
    margin-bottom: 0; }
  #model-detail #hero .row-bottom .col-right .detail .black, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .black {
    letter-spacing: 2px;
    margin-bottom: 10px; }
  #model-detail #hero .row-bottom .col-right .detail a.red, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail a.red, #model-detail #hero .row-bottom .col-right .detail .card.floorplan-card a.card-title, .card.floorplan-card #model-detail #hero .row-bottom .col-right .detail a.card-title, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .card.floorplan-card a.card-title, .card.floorplan-card #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail a.card-title {
    font-weight: 300;
    text-indent: -5px;
    font-size: 40px; }
  #model-detail #hero .row-bottom .col-right .detail a.btn, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail a.btn {
    padding: 15px;
    color: white; }
  #model-detail #hero .row-bottom .col-right .detail a.btn svg, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail a.btn svg {
    width: 25px;
    height: 25px; }
  #model-detail #hero .row-bottom .col-right .detail .address, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .address {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
  #model-detail #hero .row-bottom .col-right .detail .model-hours, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .model-hours {
    text-align: center; }
  @media only screen and (max-width: 767px) {
    #model-detail #hero .row-bottom .col-right .detail, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail {
      text-align: center;
      padding: 40px 15px 15px; }
      #model-detail #hero .row-bottom .col-right .detail .title, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .title {
        -ms-flex-align: center;
        align-items: center; }
      #model-detail #hero .row-bottom .col-right .detail .address, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .address {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center; }
      #model-detail #hero .row-bottom .col-right .detail .model-hours, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .detail .model-hours {
        margin-top: 20px; } }

#model-detail #hero .row-bottom .col-right .guided-tour, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .guided-tour {
  margin-bottom: 30px;
  padding-left: 20px; }
  @media only screen and (max-width: 767px) {
    #model-detail #hero .row-bottom .col-right .guided-tour, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .guided-tour {
      padding-left: 15px; } }

#model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .type-lg, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .type-lg, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .type-subtitle-sm, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .type-subtitle-sm, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .snapshot, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap snapshot-info .snapshot, snapshot-info #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .snapshot, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap li, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap li, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .divider.red, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap #microsite.coming-soon .divider.red, #microsite.coming-soon #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .divider.red, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .divider.card-title, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .divider.card-title, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .divider.card-title, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .divider.card-title, #model-detail #floorplan-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .info .dropdown-menu a, #floorplan-detail #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .info .dropdown-menu a, #model-detail #floorplan-detail #hero .row-bottom .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, #floorplan-detail #model-detail #hero .row-bottom .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, #floorplan-detail #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #model-detail #floorplan-detail #hero .col-right .info .dropdown-menu .row-bottom .fill .form-schedule-my-tour-wrap a, #floorplan-detail #lifestyle #the-design-process .col-right #model-detail #hero .col-right .info .dropdown-menu .row-bottom .fill .form-schedule-my-tour-wrap a, #model-detail #hero .row-bottom #lifestyle #the-design-process .col-right .form-schedule-my-tour-wrap #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process #model-detail #hero .row-bottom .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, #model-detail #hero .row-bottom #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .form-schedule-my-tour-wrap .info .dropdown-menu a, #model-detail #hero .row-bottom #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, #lifestyle #the-design-process .col-right #model-detail #floorplan-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .info .dropdown-menu a, #lifestyle #the-design-process .col-right #model-detail #floorplan-detail #hero .row-bottom .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, #lifestyle #the-design-process .col-right #floorplan-detail #model-detail #hero .row-bottom .fill .info .dropdown-menu .form-schedule-my-tour-wrap a,
#model-detail #microsite-floorplan-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .info .dropdown-menu a, #microsite-floorplan-detail #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .info .dropdown-menu a, #model-detail #microsite-floorplan-detail #hero .row-bottom .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, #microsite-floorplan-detail #model-detail #hero .row-bottom .col-right .info .dropdown-menu .form-schedule-my-tour-wrap a, #microsite-floorplan-detail #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #model-detail #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .row-bottom .fill .form-schedule-my-tour-wrap a, #microsite-floorplan-detail #lifestyle #the-design-process .col-right #model-detail #hero .col-right .info .dropdown-menu .row-bottom .fill .form-schedule-my-tour-wrap a, #model-detail #hero .row-bottom #lifestyle #the-design-process .col-right .form-schedule-my-tour-wrap #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process #model-detail #hero .row-bottom .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, #model-detail #hero .row-bottom #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .form-schedule-my-tour-wrap .info .dropdown-menu a, #model-detail #hero .row-bottom #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, #lifestyle #the-design-process .col-right #model-detail #microsite-floorplan-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .info .dropdown-menu a, #lifestyle #the-design-process .col-right #model-detail #microsite-floorplan-detail #hero .row-bottom .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #model-detail #hero .row-bottom .fill .info .dropdown-menu .form-schedule-my-tour-wrap a, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap a, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap a, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap input, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap input, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap textarea, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap textarea, #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div #model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap span, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap #design-overview section#design-style .card-panel > div span, #design-overview section#design-style .card-panel > div #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap span {
  display: none; }

#model-detail #hero .row-bottom .col-right .form-schedule-my-tour-wrap .date-time, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .form-schedule-my-tour-wrap .date-time {
  margin-top: 0; }

#model-detail #hero .row-bottom .col-right .info, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info {
  padding: 20px 0 20px 20px; }
  #model-detail #hero .row-bottom .col-right .info p, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info p {
    clear: both;
    line-height: 40px; }
  #model-detail #hero .row-bottom .col-right .info a, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a {
    color: #00a5b8;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center; }
    #model-detail #hero .row-bottom .col-right .info a svg, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a svg {
      width: 20px;
      height: 20px;
      margin-right: 15px; }
      #model-detail #hero .row-bottom .col-right .info a svg path:not(.no-fill), #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a svg path:not(.no-fill), #model-detail #hero .row-bottom .col-right .info a svg polygon:not(.no-fill), #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a svg polygon:not(.no-fill), #model-detail #hero .row-bottom .col-right .info a svg rect:not(.no-fill), #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a svg rect:not(.no-fill), #model-detail #hero .row-bottom .col-right .info a svg ellipse:not(.no-fill), #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a svg ellipse:not(.no-fill), #model-detail #hero .row-bottom .col-right .info a svg circle:not(.no-fill), #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a svg circle:not(.no-fill), #model-detail #hero .row-bottom .col-right .info a svg line:not(.no-fill), #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a svg line:not(.no-fill) {
        fill: #00a5b8; }
  @media only screen and (max-width: 767px) {
    #model-detail #hero .row-bottom .col-right .info snapshot-info, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info {
      padding: 0; } }
  #model-detail #hero .row-bottom .col-right .info snapshot-info ul, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info ul {
    padding: 20px 20px 10px; }
    #model-detail #hero .row-bottom .col-right .info snapshot-info ul li, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info ul li {
      width: 50%; }
      #model-detail #hero .row-bottom .col-right .info snapshot-info ul li:nth-child(even), #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info ul li:nth-child(even) {
        width: 50%; }
    #model-detail #hero .row-bottom .col-right .info snapshot-info ul:nth-child(even), #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info ul:nth-child(even) {
      padding: 10px 20px 20px;
      margin-bottom: 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #model-detail #hero .row-bottom .col-right .info snapshot-info .snapshot, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info .snapshot {
      font-size: 18px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #model-detail #hero .row-bottom .col-right .info snapshot-info .snapshot, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info .snapshot {
      font-size: 16px; }
    #model-detail #hero .row-bottom .col-right .info snapshot-info .snapshot li:first-child, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info .snapshot li:first-child {
      width: 55%; }
    #model-detail #hero .row-bottom .col-right .info snapshot-info .snapshot li:last-child, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info .snapshot li:last-child {
      width: 45%; } }
  @media only screen and (max-width: 767px) {
    #model-detail #hero .row-bottom .col-right .info, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info {
      padding: 20px; }
      #model-detail #hero .row-bottom .col-right .info snapshot-info .snapshot, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info .snapshot {
        font-size: 12px; }
      #model-detail #hero .row-bottom .col-right .info snapshot-info .snapshot li:first-child, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info .snapshot li:first-child {
        width: 60%; }
      #model-detail #hero .row-bottom .col-right .info snapshot-info .snapshot li:last-child, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info .snapshot li:last-child {
        width: 40%; }
      #model-detail #hero .row-bottom .col-right .info snapshot-info .snapshot li svg, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info snapshot-info .snapshot li svg {
        width: 25px;
        height: 25px;
        margin-right: 10px; }
      #model-detail #hero .row-bottom .col-right .info a, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a {
        line-height: 20px;
        margin-bottom: 15px; }
        #model-detail #hero .row-bottom .col-right .info a img, #lifestyle #the-design-process .col-right #model-detail #hero .row-bottom .fill .info a img {
          max-width: 100%; } }

@media only screen and (max-width: 767px) {
  #move-in-detail #hero .row-top .container-fluid a.type-xl, #move-in-detail #hero .row-top .container-fluid .dropdown-gray-to-red li a, .dropdown-gray-to-red li #move-in-detail #hero .row-top .container-fluid a, #move-in-detail #hero .row-top .container-fluid .card.floorplan-card a.card-title, .card.floorplan-card #move-in-detail #hero .row-top .container-fluid a.card-title {
    margin-top: 0;
    text-align: right; } }

@media only screen and (max-width: 767px) {
  #move-in-detail #hero .row-top .container-fluid a.type-xl span, #move-in-detail #hero .row-top .container-fluid .dropdown-gray-to-red li a span, .dropdown-gray-to-red li #move-in-detail #hero .row-top .container-fluid a span, #move-in-detail #hero .row-top .container-fluid .card.floorplan-card a.card-title span, .card.floorplan-card #move-in-detail #hero .row-top .container-fluid a.card-title span {
    display: none; } }

#move-in-detail #hero .row-bottom .col-right > * , #move-in-detail #hero .row-bottom #lifestyle #the-design-process .col-right .fill > * , #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill > * ,
#move-in-detail #hero .row-bottom .col-right .form-results-container,
#lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .form-results-container,
#move-in-detail #hero .row-bottom .col-right form .input-group,
#lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill form .input-group {
  max-width: 570px; }

#move-in-detail #hero .row-bottom .col-right .detail, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail {
  padding: 36px 36px 0 36px; }
  #move-in-detail #hero .row-bottom .col-right .detail .title, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
  #move-in-detail #hero .row-bottom .col-right .detail .red, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .red, #move-in-detail #hero .row-bottom .col-right .detail .card.floorplan-card .card-title, .card.floorplan-card #move-in-detail #hero .row-bottom .col-right .detail .card-title, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .card.floorplan-card .card-title, .card.floorplan-card #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .card-title {
    font-weight: 300;
    text-indent: -5px;
    margin-bottom: 20px; }
  #move-in-detail #hero .row-bottom .col-right .detail a.btn, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail a.btn {
    padding: 15px; }
  #move-in-detail #hero .row-bottom .col-right .detail a.btn svg, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail a.btn svg {
    width: 25px;
    height: 25px; }
  #move-in-detail #hero .row-bottom .col-right .detail .sub-title, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .sub-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px; }
  #move-in-detail #hero .row-bottom .col-right .detail .type-md, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .type-md, #move-in-detail #hero .row-bottom .col-right .detail .sort .sort-item, .sort #move-in-detail #hero .row-bottom .col-right .detail .sort-item, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .sort .sort-item, .sort #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .sort-item, #move-in-detail #hero .row-bottom header #main-nav .dropdown-wide .col-right .detail li, header #main-nav .dropdown-wide #move-in-detail #hero .row-bottom .col-right .detail li, #lifestyle #the-design-process header #main-nav .dropdown-wide .col-right #move-in-detail #hero .row-bottom .fill .detail li, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail li, #move-in-detail #hero .row-bottom #lifestyle #the-design-process .col-right .detail header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process #move-in-detail #hero .row-bottom .col-right .detail header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process #move-in-detail #hero .row-bottom .col-right header #main-nav .dropdown-wide .fill .detail li, #move-in-detail #hero .row-bottom #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .detail li, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom header #main-nav .dropdown-wide .fill .detail li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide #move-in-detail #hero .row-bottom .fill .detail li, #move-in-detail #hero .row-bottom .col-right .detail .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #move-in-detail #hero .row-bottom .col-right .detail p.type-xl, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail p.type-xl, #move-in-detail #hero .row-bottom .col-right .detail .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #move-in-detail #hero .row-bottom .col-right .detail p.card-title, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail p.card-title, #move-in-detail #hero .row-bottom .col-right .detail .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #move-in-detail #hero .row-bottom .col-right .detail p.card-title, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail p.card-title, #move-in-detail #hero .row-bottom .col-right .detail #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #move-in-detail #hero .row-bottom .col-right .detail .popover-title, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .popover-title {
    line-height: 1.3em; }
  #move-in-detail #hero .row-bottom .col-right .detail .availability, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 600; }
    #move-in-detail #hero .row-bottom .col-right .detail .availability a.video-link, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability a.video-link {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #move-in-detail #hero .row-bottom .col-right .detail .availability a.video-link svg, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability a.video-link svg {
        width: 20px;
        height: 20px;
        margin-right: 10px; }
        #move-in-detail #hero .row-bottom .col-right .detail .availability a.video-link svg path:not(.no-fill), #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability a.video-link svg path:not(.no-fill), #move-in-detail #hero .row-bottom .col-right .detail .availability a.video-link svg polygon:not(.no-fill), #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability a.video-link svg polygon:not(.no-fill), #move-in-detail #hero .row-bottom .col-right .detail .availability a.video-link svg rect:not(.no-fill), #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability a.video-link svg rect:not(.no-fill), #move-in-detail #hero .row-bottom .col-right .detail .availability a.video-link svg ellipse:not(.no-fill), #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability a.video-link svg ellipse:not(.no-fill), #move-in-detail #hero .row-bottom .col-right .detail .availability a.video-link svg circle:not(.no-fill), #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability a.video-link svg circle:not(.no-fill), #move-in-detail #hero .row-bottom .col-right .detail .availability a.video-link svg line:not(.no-fill), #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail .availability a.video-link svg line:not(.no-fill) {
          fill: #00a5b8; }

#move-in-detail #hero .row-bottom .col-right .info, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info {
  padding: 0 36px 43px 36px; }
  #move-in-detail #hero .row-bottom .col-right .info p, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info p {
    clear: both;
    line-height: 36px; }
  @media only screen and (max-width: 767px) {
    #move-in-detail #hero .row-bottom .col-right .info snapshot-info, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info snapshot-info {
      padding-top: 0;
      padding-bottom: 0; } }
  #move-in-detail #hero .row-bottom .col-right .info .snapshot, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 10px; }
    #move-in-detail #hero .row-bottom .col-right .info .snapshot li, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li {
      width: auto; }
      @media only screen and (min-width: 1230px) {
        #move-in-detail #hero .row-bottom .col-right .info .snapshot li, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li {
          font-size: 18px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #move-in-detail #hero .row-bottom .col-right .info .snapshot li, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li {
          font-size: 18px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #move-in-detail #hero .row-bottom .col-right .info .snapshot li, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li {
          font-size: 18px; } }
    #move-in-detail #hero .row-bottom .col-right .info .snapshot small, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot small {
      font-size: 16px;
      margin-top: 5px;
      letter-spacing: 0.5px; }
      @media only screen and (min-width: 1230px) {
        #move-in-detail #hero .row-bottom .col-right .info .snapshot small, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot small {
          display: block; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #move-in-detail #hero .row-bottom .col-right .info .snapshot small, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot small {
          display: block; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #move-in-detail #hero .row-bottom .col-right .info .snapshot small, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot small {
          display: block; } }
  #move-in-detail #hero .row-bottom .col-right .info .desc-wrap .desc, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .desc-wrap .desc {
    padding-top: 15px;
    line-height: 30px; }
    #move-in-detail #hero .row-bottom .col-right .info .desc-wrap .desc .summary + br, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .desc-wrap .desc .summary + br {
      display: none; }
    #move-in-detail #hero .row-bottom .col-right .info .desc-wrap .desc.show .dots, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .desc-wrap .desc.show .dots {
      display: none; }
    #move-in-detail #hero .row-bottom .col-right .info .desc-wrap .desc.show .read-more-toggle, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .desc-wrap .desc.show .read-more-toggle {
      display: inherit;
      padding-left: 8px; }
    #move-in-detail #hero .row-bottom .col-right .info .desc-wrap .desc.show + i.read-more:after, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .desc-wrap .desc.show + i.read-more:after {
      content: "Read Less"; }
  #move-in-detail #hero .row-bottom .col-right .info i.read-more, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info i.read-more {
    float: right;
    color: #00a5b8;
    cursor: pointer;
    line-height: 30px; }
    #move-in-detail #hero .row-bottom .col-right .info i.read-more:after, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info i.read-more:after {
      content: "Read More"; }

#move-in-detail #hero .row-bottom .col-right .slick-tabs, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .slick-tabs,
#move-in-detail #hero .row-bottom .col-right #slick-main .caption,
#lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill #slick-main .caption {
  display: none; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #move-in-detail #hero .row-bottom .col-right .detail, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail, #move-in-detail #hero .row-bottom .col-right .info, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  #move-in-detail #hero .row-bottom .col-right .info .snapshot, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #move-in-detail #hero .row-bottom .col-right p.black.type-lg, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill p.black.type-lg, #move-in-detail #hero .row-bottom .col-right p.black.type-subtitle-sm, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill p.black.type-subtitle-sm, #move-in-detail #hero .row-bottom .col-right snapshot-info p.black.snapshot, snapshot-info #move-in-detail #hero .row-bottom .col-right p.black.snapshot, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill snapshot-info p.black.snapshot, snapshot-info #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill p.black.snapshot, #move-in-detail #hero .row-bottom .col-right #microsite.coming-soon p.black.divider.red, #microsite.coming-soon #move-in-detail #hero .row-bottom .col-right p.black.divider.red, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill #microsite.coming-soon p.black.divider.red, #microsite.coming-soon #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill p.black.divider.red, #move-in-detail #hero .row-bottom .col-right #microsite.coming-soon .card.floorplan-card p.black.divider.card-title, #microsite.coming-soon .card.floorplan-card #move-in-detail #hero .row-bottom .col-right p.black.divider.card-title, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill #microsite.coming-soon .card.floorplan-card p.black.divider.card-title, #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill p.black.divider.card-title, #move-in-detail #hero .row-bottom .col-right .card.floorplan-card #microsite.coming-soon p.black.divider.card-title, .card.floorplan-card #microsite.coming-soon #move-in-detail #hero .row-bottom .col-right p.black.divider.card-title, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .card.floorplan-card #microsite.coming-soon p.black.divider.card-title, .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill p.black.divider.card-title {
    font-size: 17px; }
  #move-in-detail #hero .row-bottom .col-right .info .snapshot li, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li {
    width: 50%; } }

@media only screen and (max-width: 767px) {
  #move-in-detail #hero .row-bottom .col-right .detail, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .detail, #move-in-detail #hero .row-bottom .col-right .info, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  #move-in-detail #hero .row-bottom .col-right .info .snapshot, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #move-in-detail #hero .row-bottom .col-right .info .snapshot li.snapshot__beds, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li.snapshot__beds,
  #move-in-detail #hero .row-bottom .col-right .info .snapshot li.snapshot__baths,
  #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li.snapshot__baths,
  #move-in-detail #hero .row-bottom .col-right .info .snapshot li.snapshot__sqft,
  #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li.snapshot__sqft {
    width: 33.33333333%; }
  #move-in-detail #hero .row-bottom .col-right .info .snapshot li.snapshot__levels, #lifestyle #the-design-process .col-right #move-in-detail #hero .row-bottom .fill .info .snapshot li.snapshot__levels {
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    width: 100%; } }

#move-in-detail .type-model-detail-xl,
#move-in-detail .sub-title .type-sm,
#move-in-detail .sub-title #slick-main .caption,
#slick-main #move-in-detail .sub-title .caption,
#move-in-detail .sub-title #slick-thumb .caption,
#slick-thumb #move-in-detail .sub-title .caption,
#move-in-detail .sub-title #slick-strip .caption,
#slick-strip #move-in-detail .sub-title .caption,
#move-in-detail .sub-title #slick-floorplan .caption,
#slick-floorplan #move-in-detail .sub-title .caption,
#move-in-detail .sub-title #slick-collections .caption,
#slick-collections #move-in-detail .sub-title .caption,
#move-in-detail .sub-title .inline-get-fast-answers .copy p.type-xl,
.inline-get-fast-answers .copy #move-in-detail .sub-title p.type-xl,
#move-in-detail .sub-title .inline-get-fast-answers .copy .card.floorplan-card p.card-title,
.inline-get-fast-answers .copy .card.floorplan-card #move-in-detail .sub-title p.card-title,
#move-in-detail .sub-title .card.floorplan-card .inline-get-fast-answers .copy p.card-title,
.card.floorplan-card .inline-get-fast-answers .copy #move-in-detail .sub-title p.card-title,
#move-in-detail .sub-title .card .snapshot li,
.card .snapshot #move-in-detail .sub-title li,
#move-in-detail .sub-title .card.floorplan-card .card-subtitle,
.card.floorplan-card #move-in-detail .sub-title .card-subtitle,
#move-in-detail .sub-title .card.floorplan-card .card-detail,
.card.floorplan-card #move-in-detail .sub-title .card-detail,
#move-in-detail .sub-title .card.floorplan-card .card-price,
.card.floorplan-card #move-in-detail .sub-title .card-price,
#move-in-detail .sub-title #microsite #subnav #subnav-toggle ul li a,
#microsite #subnav #subnav-toggle ul li #move-in-detail .sub-title a,
#move-in-detail .sub-title #microsite-floorplan-detail #subnav #subnav-toggle ul li a,
#microsite-floorplan-detail #subnav #subnav-toggle ul li #move-in-detail .sub-title a,
#move-in-detail .sub-title #join-our-team section#benefits ul li,
#join-our-team section#benefits ul #move-in-detail .sub-title li,
#move-in-detail .sub-title #contact-us section#content #where-we-build .build-card .top .links a,
#contact-us section#content #where-we-build .build-card .top .links #move-in-detail .sub-title a,
#move-in-detail .sub-title #st-judes #content #partner-vendors li,
#st-judes #content #partner-vendors #move-in-detail .sub-title li,
#move-in-detail .sub-title .type-md,
#move-in-detail .sub-title .sort .sort-item,
.sort #move-in-detail .sub-title .sort-item,
#move-in-detail .sub-title header #main-nav .dropdown-wide .col-right li,
header #main-nav .dropdown-wide .col-right #move-in-detail .sub-title li,
#move-in-detail .sub-title #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li,
#lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #move-in-detail .sub-title li,
#move-in-detail .sub-title .inline-get-fast-answers.md .copy p.type-xl,
.inline-get-fast-answers.md .copy #move-in-detail .sub-title p.type-xl,
#move-in-detail .sub-title .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
.inline-get-fast-answers.md .copy .card.floorplan-card #move-in-detail .sub-title p.card-title,
#move-in-detail .sub-title .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
.card.floorplan-card .inline-get-fast-answers.md .copy #move-in-detail .sub-title p.card-title,
#move-in-detail .sub-title #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
#homepage section#welcome-home .map-sm .svg-map .pin + .popover #move-in-detail .sub-title .popover-title {
  text-transform: uppercase;
  display: block; }

#move-in-detail .address,
#move-in-detail .address-city-state-zip {
  white-space: nowrap; }

#move-in-detail .asset-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

#move-in-detail .asset-container .popover {
  padding: 0;
  margin: 0;
  width: 114px;
  border: none;
  border-radius: 0;
  font-size: 14px !important;
  text-align: center;
  color: #00a5b8; }

#move-in-detail .asset-container a {
  display: inline-block;
  width: 36px;
  height: 36px;
  padding: 6px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out; }
  #move-in-detail .asset-container a.video {
    padding: 7px; }
  #move-in-detail .asset-container a:hover {
    background-color: #00a5b8;
    border-color: #00a5b8; }
  #move-in-detail .asset-container a svg {
    width: 100%;
    height: 100%; }

#move-in-detail .asset-container + .asset-container {
  margin-left: 8px; }

.sale-price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 30px; }
  .sale-price p {
    margin-right: 15px; }

.list-price {
  display: inline-block;
  position: relative; }

.list-price s {
  position: relative;
  text-decoration: none; }

.list-price s:after {
  content: "";
  position: absolute;
  background-color: red;
  width: 100%;
  height: 2px;
  right: 0;
  top: 50%;
  transform-origin: center;
  transform: rotate(-5deg); }

.btn.btn-buy-now {
  border-radius: 7.5px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 15px; }
  .btn.btn-buy-now .fa {
    margin-left: 30px;
    margin-right: 0; }
    @media only screen and (min-width: 1230px) {
      .btn.btn-buy-now .fa {
        font-size: 36px;
        margin-top: -4.5px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .btn.btn-buy-now .fa {
        font-size: 24px;
        margin-top: -1.5px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .btn.btn-buy-now .fa {
        font-size: 21px;
        margin-top: -1.5px; } }
    @media only screen and (max-width: 767px) {
      .btn.btn-buy-now .fa {
        font-size: 21px;
        margin-top: -1.5px; } }

#floorplan-detail #hero,
#microsite-floorplan-detail #hero {
  overflow: initial; }
  #floorplan-detail #hero .col-right, #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill,
  #microsite-floorplan-detail #hero .col-right,
  #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill,
  #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill {
    padding: 50px; }
    #floorplan-detail #hero .col-right > *, #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill > *, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill > *,
    #microsite-floorplan-detail #hero .col-right > *,
    #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill > *,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill > * {
      max-width: 540px; }
    #floorplan-detail #hero .col-right .detail p, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail p,
    #floorplan-detail #hero .col-right .detail h1,
    #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail h1,
    #microsite-floorplan-detail #hero .col-right .detail p,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail p,
    #microsite-floorplan-detail #hero .col-right .detail h1,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail h1 {
      margin-bottom: 20px; }
    #floorplan-detail #hero .col-right .detail .red, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail .red, #floorplan-detail #hero .col-right .detail .card.floorplan-card .card-title, .card.floorplan-card #floorplan-detail #hero .col-right .detail .card-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail .card.floorplan-card .card-title, .card.floorplan-card #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail .card-title,
    #microsite-floorplan-detail #hero .col-right .detail .red,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail .red,
    #microsite-floorplan-detail #hero .col-right .detail .card.floorplan-card .card-title,
    .card.floorplan-card #microsite-floorplan-detail #hero .col-right .detail .card-title,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail .card.floorplan-card .card-title,
    .card.floorplan-card #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail .card-title {
      font-weight: 300; }
    #floorplan-detail #hero .col-right .detail .black, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail .black,
    #microsite-floorplan-detail #hero .col-right .detail .black,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail .black {
      letter-spacing: 0.6px; }
    #floorplan-detail #hero .col-right .detail .collection-name, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail .collection-name,
    #microsite-floorplan-detail #hero .col-right .detail .collection-name,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail .collection-name {
      text-transform: uppercase;
      display: block;
      margin: 1em 0; }
    #floorplan-detail #hero .col-right .info button.calculator, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info button.calculator,
    #microsite-floorplan-detail #hero .col-right .info button.calculator,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info button.calculator {
      margin-top: 30px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #floorplan-detail #hero .col-right .info button.calculator svg, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info button.calculator svg,
      #microsite-floorplan-detail #hero .col-right .info button.calculator svg,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info button.calculator svg {
        width: 20px;
        height: 20px; }
    #floorplan-detail #hero .col-right .info .dropdown, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown,
    #microsite-floorplan-detail #hero .col-right .info .dropdown,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown {
      margin: 15px 0; }
    #floorplan-detail #hero .col-right .info .dropdown button, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button,
    #microsite-floorplan-detail #hero .col-right .info .dropdown button,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button {
      box-shadow: none !important;
      padding: 15px 0;
      margin-bottom: 0px !important;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; }
      #floorplan-detail #hero .col-right .info .dropdown button svg, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button svg,
      #microsite-floorplan-detail #hero .col-right .info .dropdown button svg,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button svg {
        transform-origin: center;
        transform: rotate(0deg);
        transition: all 0.2s ease-out; }
        #floorplan-detail #hero .col-right .info .dropdown button svg path:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button svg path:not(.no-fill), #floorplan-detail #hero .col-right .info .dropdown button svg polygon:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button svg polygon:not(.no-fill), #floorplan-detail #hero .col-right .info .dropdown button svg rect:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button svg rect:not(.no-fill), #floorplan-detail #hero .col-right .info .dropdown button svg ellipse:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button svg ellipse:not(.no-fill), #floorplan-detail #hero .col-right .info .dropdown button svg circle:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button svg circle:not(.no-fill), #floorplan-detail #hero .col-right .info .dropdown button svg line:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button svg line:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info .dropdown button svg path:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button svg path:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info .dropdown button svg polygon:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button svg polygon:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info .dropdown button svg rect:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button svg rect:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info .dropdown button svg ellipse:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button svg ellipse:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info .dropdown button svg circle:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button svg circle:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info .dropdown button svg line:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button svg line:not(.no-fill) {
          fill: #a0a0a0; }
        @media only screen and (max-width: 767px) {
          #floorplan-detail #hero .col-right .info .dropdown button svg, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button svg,
          #microsite-floorplan-detail #hero .col-right .info .dropdown button svg,
          #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button svg {
            height: 50px;
            width: 25px;
            margin-left: 10px; } }
    #floorplan-detail #hero .col-right .info .dropdown.open button svg, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown.open button svg,
    #microsite-floorplan-detail #hero .col-right .info .dropdown.open button svg,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown.open button svg {
      transform-origin: center;
      transform: rotate(-180deg);
      transition: all 0.2s ease-in; }
    #floorplan-detail #hero .col-right .info .dropdown-menu, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu,
    #microsite-floorplan-detail #hero .col-right .info .dropdown-menu,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu {
      background-color: #f5f5f5;
      border-radius: 0;
      box-shadow:  10px 10px 0 0 rgba(0, 0, 0, 0.2); }
      #floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a,
      #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a {
        color: #ba1f31;
        text-transform: uppercase;
        padding: 10px 20px;
        white-space: normal;
        font-weight: 300;
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        #floorplan-detail #hero .col-right .info .dropdown-menu a:hover, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a:hover,
        #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a:hover,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a:hover {
          transition: all 0.2s ease-in;
          background-color: #ba1f31;
          color: white; }
          #floorplan-detail #hero .col-right .info .dropdown-menu a:hover > *, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a:hover > *,
          #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a:hover > *,
          #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a:hover > * {
            color: white; }
        @media only screen and (min-width: 1230px) {
          #floorplan-detail #hero .col-right .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a,
          #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a,
          #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a {
            padding: 15px 30px; } }
    #floorplan-detail #hero .col-right .info > .type-lg, #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .type-lg, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .type-lg, #floorplan-detail #hero .col-right .info > .type-subtitle-sm, #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .type-subtitle-sm, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .type-subtitle-sm, #floorplan-detail #hero .col-right snapshot-info .info > .snapshot, snapshot-info #floorplan-detail #hero .col-right .info > .snapshot, snapshot-info #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .snapshot, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill snapshot-info .info > .snapshot, snapshot-info #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .snapshot, #floorplan-detail #hero .col-right #microsite section#local-amenities .col-left .info > li, #microsite section#local-amenities .col-left #floorplan-detail #hero .col-right .info > li, #microsite section#local-amenities .col-left #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > li, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #microsite section#local-amenities .col-left .info > li, #microsite section#local-amenities .col-left #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > li, #floorplan-detail #hero .col-right #microsite.coming-soon .info > .divider.red, #microsite.coming-soon #floorplan-detail #hero .col-right .info > .divider.red, #microsite.coming-soon #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.red, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #microsite.coming-soon .info > .divider.red, #microsite.coming-soon #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .divider.red, #floorplan-detail #hero .col-right #microsite.coming-soon .card.floorplan-card .info > .divider.card-title, #microsite.coming-soon .card.floorplan-card #floorplan-detail #hero .col-right .info > .divider.card-title, #microsite.coming-soon .card.floorplan-card #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.card-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #microsite.coming-soon .card.floorplan-card .info > .divider.card-title, #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .divider.card-title, #floorplan-detail #hero .col-right .card.floorplan-card #microsite.coming-soon .info > .divider.card-title, .card.floorplan-card #microsite.coming-soon #floorplan-detail #hero .col-right .info > .divider.card-title, .card.floorplan-card #microsite.coming-soon #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.card-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .card.floorplan-card #microsite.coming-soon .info > .divider.card-title, .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .divider.card-title, #floorplan-detail #hero .col-right .info .dropdown-menu .info > a, #floorplan-detail #hero #lifestyle #the-design-process .col-right .info .dropdown-menu .fill .info > a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .col-right .info .dropdown-menu .fill .info > a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .col-right .info > a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .info > a, #floorplan-detail #hero .col-right #blog #content .col-left .comment-share .nav.nav-tabs li .info > a, #blog #content .col-left .comment-share .nav.nav-tabs li #floorplan-detail #hero .col-right .info > a, #blog #content .col-left .comment-share .nav.nav-tabs li #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #blog #content .col-left .comment-share .nav.nav-tabs li .info > a, #blog #content .col-left .comment-share .nav.nav-tabs li #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > a, #floorplan-detail #hero .col-right #blog #content .col-left .comment-share .info > input, #blog #content .col-left .comment-share #floorplan-detail #hero .col-right .info > input, #blog #content .col-left .comment-share #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > input, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #blog #content .col-left .comment-share .info > input, #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > input, #floorplan-detail #hero .col-right #blog #content .col-left .comment-share .info > textarea, #blog #content .col-left .comment-share #floorplan-detail #hero .col-right .info > textarea, #blog #content .col-left .comment-share #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > textarea, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #blog #content .col-left .comment-share .info > textarea, #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > textarea, #floorplan-detail #hero .col-right #design-overview section#design-style .card-panel > div .info > span, #design-overview section#design-style .card-panel > div #floorplan-detail #hero .col-right .info > span, #design-overview section#design-style .card-panel > div #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #design-overview section#design-style .card-panel > div .info > span, #design-overview section#design-style .card-panel > div #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > span,
    #microsite-floorplan-detail #hero .col-right .info > .type-lg,
    #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .type-lg,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .type-lg,
    #microsite-floorplan-detail #hero .col-right .info > .type-subtitle-sm,
    #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .type-subtitle-sm,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .type-subtitle-sm,
    #microsite-floorplan-detail #hero .col-right snapshot-info .info > .snapshot,
    snapshot-info #microsite-floorplan-detail #hero .col-right .info > .snapshot,
    snapshot-info #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .snapshot,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill snapshot-info .info > .snapshot,
    snapshot-info #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .snapshot,
    #microsite-floorplan-detail #hero .col-right #microsite section#local-amenities .col-left .info > li,
    #microsite section#local-amenities .col-left #microsite-floorplan-detail #hero .col-right .info > li,
    #microsite section#local-amenities .col-left #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > li,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #microsite section#local-amenities .col-left .info > li,
    #microsite section#local-amenities .col-left #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > li,
    #microsite-floorplan-detail #hero .col-right #microsite.coming-soon .info > .divider.red,
    #microsite.coming-soon #microsite-floorplan-detail #hero .col-right .info > .divider.red,
    #microsite.coming-soon #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.red,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #microsite.coming-soon .info > .divider.red,
    #microsite.coming-soon #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .divider.red,
    #microsite-floorplan-detail #hero .col-right #microsite.coming-soon .card.floorplan-card .info > .divider.card-title,
    #microsite.coming-soon .card.floorplan-card #microsite-floorplan-detail #hero .col-right .info > .divider.card-title,
    #microsite.coming-soon .card.floorplan-card #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.card-title,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #microsite.coming-soon .card.floorplan-card .info > .divider.card-title,
    #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .divider.card-title,
    #microsite-floorplan-detail #hero .col-right .card.floorplan-card #microsite.coming-soon .info > .divider.card-title,
    .card.floorplan-card #microsite.coming-soon #microsite-floorplan-detail #hero .col-right .info > .divider.card-title,
    .card.floorplan-card #microsite.coming-soon #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.card-title,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .card.floorplan-card #microsite.coming-soon .info > .divider.card-title,
    .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .divider.card-title,
    #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .info > a,
    #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .info .dropdown-menu .fill .info > a,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .fill .info > a,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .col-right .info > a,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .info > a,
    #microsite-floorplan-detail #hero .col-right #blog #content .col-left .comment-share .nav.nav-tabs li .info > a,
    #blog #content .col-left .comment-share .nav.nav-tabs li #microsite-floorplan-detail #hero .col-right .info > a,
    #blog #content .col-left .comment-share .nav.nav-tabs li #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > a,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #blog #content .col-left .comment-share .nav.nav-tabs li .info > a,
    #blog #content .col-left .comment-share .nav.nav-tabs li #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > a,
    #microsite-floorplan-detail #hero .col-right #blog #content .col-left .comment-share .info > input,
    #blog #content .col-left .comment-share #microsite-floorplan-detail #hero .col-right .info > input,
    #blog #content .col-left .comment-share #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > input,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #blog #content .col-left .comment-share .info > input,
    #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > input,
    #microsite-floorplan-detail #hero .col-right #blog #content .col-left .comment-share .info > textarea,
    #blog #content .col-left .comment-share #microsite-floorplan-detail #hero .col-right .info > textarea,
    #blog #content .col-left .comment-share #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > textarea,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #blog #content .col-left .comment-share .info > textarea,
    #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > textarea,
    #microsite-floorplan-detail #hero .col-right #design-overview section#design-style .card-panel > div .info > span,
    #design-overview section#design-style .card-panel > div #microsite-floorplan-detail #hero .col-right .info > span,
    #design-overview section#design-style .card-panel > div #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > span,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #design-overview section#design-style .card-panel > div .info > span,
    #design-overview section#design-style .card-panel > div #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > span {
      line-height: 25px; }
      #floorplan-detail #hero .col-right .info > .type-lg span, #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .type-lg span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .type-lg span, #floorplan-detail #hero .col-right .info > .type-subtitle-sm span, #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .type-subtitle-sm span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .type-subtitle-sm span, #floorplan-detail #hero .col-right snapshot-info .info > .snapshot span, snapshot-info #floorplan-detail #hero .col-right .info > .snapshot span, snapshot-info #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .snapshot span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill snapshot-info .info > .snapshot span, snapshot-info #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .snapshot span, #floorplan-detail #hero .col-right #microsite section#local-amenities .col-left .info > li span, #microsite section#local-amenities .col-left #floorplan-detail #hero .col-right .info > li span, #microsite section#local-amenities .col-left #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > li span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #microsite section#local-amenities .col-left .info > li span, #microsite section#local-amenities .col-left #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > li span, #floorplan-detail #hero .col-right #microsite.coming-soon .info > .divider.red span, #microsite.coming-soon #floorplan-detail #hero .col-right .info > .divider.red span, #microsite.coming-soon #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.red span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #microsite.coming-soon .info > .divider.red span, #microsite.coming-soon #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .divider.red span, #floorplan-detail #hero .col-right #microsite.coming-soon .card.floorplan-card .info > .divider.card-title span, #microsite.coming-soon .card.floorplan-card #floorplan-detail #hero .col-right .info > .divider.card-title span, #microsite.coming-soon .card.floorplan-card #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.card-title span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #microsite.coming-soon .card.floorplan-card .info > .divider.card-title span, #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .divider.card-title span, #floorplan-detail #hero .col-right .card.floorplan-card #microsite.coming-soon .info > .divider.card-title span, .card.floorplan-card #microsite.coming-soon #floorplan-detail #hero .col-right .info > .divider.card-title span, .card.floorplan-card #microsite.coming-soon #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.card-title span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .card.floorplan-card #microsite.coming-soon .info > .divider.card-title span, .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > .divider.card-title span, #floorplan-detail #hero .col-right .info .dropdown-menu .info > a span, #floorplan-detail #hero #lifestyle #the-design-process .col-right .info .dropdown-menu .fill .info > a span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .col-right .info .dropdown-menu .fill .info > a span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .col-right .info > a span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu .info > a span, #floorplan-detail #hero .col-right #blog #content .col-left .comment-share .nav.nav-tabs li .info > a span, #blog #content .col-left .comment-share .nav.nav-tabs li #floorplan-detail #hero .col-right .info > a span, #blog #content .col-left .comment-share .nav.nav-tabs li #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > a span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #blog #content .col-left .comment-share .nav.nav-tabs li .info > a span, #blog #content .col-left .comment-share .nav.nav-tabs li #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > a span, #floorplan-detail #hero .col-right #blog #content .col-left .comment-share .info > input span, #blog #content .col-left .comment-share #floorplan-detail #hero .col-right .info > input span, #blog #content .col-left .comment-share #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > input span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #blog #content .col-left .comment-share .info > input span, #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > input span, #floorplan-detail #hero .col-right #blog #content .col-left .comment-share .info > textarea span, #blog #content .col-left .comment-share #floorplan-detail #hero .col-right .info > textarea span, #blog #content .col-left .comment-share #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > textarea span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #blog #content .col-left .comment-share .info > textarea span, #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > textarea span, #floorplan-detail #hero .col-right #design-overview section#design-style .card-panel > div .info > span span, #design-overview section#design-style .card-panel > div #floorplan-detail #hero .col-right .info > span span, #design-overview section#design-style .card-panel > div #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > span span, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill #design-overview section#design-style .card-panel > div .info > span span, #design-overview section#design-style .card-panel > div #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info > span span,
      #microsite-floorplan-detail #hero .col-right .info > .type-lg span,
      #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .type-lg span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .type-lg span,
      #microsite-floorplan-detail #hero .col-right .info > .type-subtitle-sm span,
      #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .type-subtitle-sm span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .type-subtitle-sm span,
      #microsite-floorplan-detail #hero .col-right snapshot-info .info > .snapshot span,
      snapshot-info #microsite-floorplan-detail #hero .col-right .info > .snapshot span,
      snapshot-info #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .snapshot span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill snapshot-info .info > .snapshot span,
      snapshot-info #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .snapshot span,
      #microsite-floorplan-detail #hero .col-right #microsite section#local-amenities .col-left .info > li span,
      #microsite section#local-amenities .col-left #microsite-floorplan-detail #hero .col-right .info > li span,
      #microsite section#local-amenities .col-left #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > li span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #microsite section#local-amenities .col-left .info > li span,
      #microsite section#local-amenities .col-left #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > li span,
      #microsite-floorplan-detail #hero .col-right #microsite.coming-soon .info > .divider.red span,
      #microsite.coming-soon #microsite-floorplan-detail #hero .col-right .info > .divider.red span,
      #microsite.coming-soon #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.red span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #microsite.coming-soon .info > .divider.red span,
      #microsite.coming-soon #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .divider.red span,
      #microsite-floorplan-detail #hero .col-right #microsite.coming-soon .card.floorplan-card .info > .divider.card-title span,
      #microsite.coming-soon .card.floorplan-card #microsite-floorplan-detail #hero .col-right .info > .divider.card-title span,
      #microsite.coming-soon .card.floorplan-card #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.card-title span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #microsite.coming-soon .card.floorplan-card .info > .divider.card-title span,
      #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .divider.card-title span,
      #microsite-floorplan-detail #hero .col-right .card.floorplan-card #microsite.coming-soon .info > .divider.card-title span,
      .card.floorplan-card #microsite.coming-soon #microsite-floorplan-detail #hero .col-right .info > .divider.card-title span,
      .card.floorplan-card #microsite.coming-soon #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > .divider.card-title span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .card.floorplan-card #microsite.coming-soon .info > .divider.card-title span,
      .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > .divider.card-title span,
      #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .info > a span,
      #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .info .dropdown-menu .fill .info > a span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .col-right .info .dropdown-menu .fill .info > a span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .col-right .info > a span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu .info > a span,
      #microsite-floorplan-detail #hero .col-right #blog #content .col-left .comment-share .nav.nav-tabs li .info > a span,
      #blog #content .col-left .comment-share .nav.nav-tabs li #microsite-floorplan-detail #hero .col-right .info > a span,
      #blog #content .col-left .comment-share .nav.nav-tabs li #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > a span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #blog #content .col-left .comment-share .nav.nav-tabs li .info > a span,
      #blog #content .col-left .comment-share .nav.nav-tabs li #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > a span,
      #microsite-floorplan-detail #hero .col-right #blog #content .col-left .comment-share .info > input span,
      #blog #content .col-left .comment-share #microsite-floorplan-detail #hero .col-right .info > input span,
      #blog #content .col-left .comment-share #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > input span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #blog #content .col-left .comment-share .info > input span,
      #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > input span,
      #microsite-floorplan-detail #hero .col-right #blog #content .col-left .comment-share .info > textarea span,
      #blog #content .col-left .comment-share #microsite-floorplan-detail #hero .col-right .info > textarea span,
      #blog #content .col-left .comment-share #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > textarea span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #blog #content .col-left .comment-share .info > textarea span,
      #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > textarea span,
      #microsite-floorplan-detail #hero .col-right #design-overview section#design-style .card-panel > div .info > span span,
      #design-overview section#design-style .card-panel > div #microsite-floorplan-detail #hero .col-right .info > span span,
      #design-overview section#design-style .card-panel > div #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill .info > span span,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill #design-overview section#design-style .card-panel > div .info > span span,
      #design-overview section#design-style .card-panel > div #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info > span span {
        color: #a6a7a7; }
    #floorplan-detail #hero .col-right .info .type-md, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .type-md, #floorplan-detail #hero .col-right .info .sort .sort-item, .sort #floorplan-detail #hero .col-right .info .sort-item, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort .sort-item, .sort #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort-item, #floorplan-detail #hero header #main-nav .dropdown-wide .col-right .info li, header #main-nav .dropdown-wide #floorplan-detail #hero .col-right .info li, #lifestyle #the-design-process header #main-nav .dropdown-wide .col-right #floorplan-detail #hero .fill .info li, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info li, #floorplan-detail #hero #lifestyle #the-design-process .col-right .info header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process #floorplan-detail #hero .col-right .info header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process #floorplan-detail #hero .col-right header #main-nav .dropdown-wide .fill .info li, #floorplan-detail #hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .info li, #lifestyle #the-design-process .col-right #floorplan-detail #hero header #main-nav .dropdown-wide .fill .info li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide #floorplan-detail #hero .fill .info li, #floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #floorplan-detail #hero .col-right .info p.type-xl, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.type-xl, #floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #floorplan-detail #hero .col-right .info p.card-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.card-title, #floorplan-detail #hero .col-right .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #floorplan-detail #hero .col-right .info p.card-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.card-title, #floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #floorplan-detail #hero .col-right .info .popover-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .popover-title,
    #microsite-floorplan-detail #hero .col-right .info .type-md,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .type-md,
    #microsite-floorplan-detail #hero .col-right .info .sort .sort-item,
    .sort #microsite-floorplan-detail #hero .col-right .info .sort-item,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort .sort-item,
    .sort #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort-item,
    #microsite-floorplan-detail #hero header #main-nav .dropdown-wide .col-right .info li,
    header #main-nav .dropdown-wide #microsite-floorplan-detail #hero .col-right .info li,
    #lifestyle #the-design-process header #main-nav .dropdown-wide .col-right #microsite-floorplan-detail #hero .fill .info li,
    header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info li,
    #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .info header #main-nav .dropdown-wide .fill li,
    #lifestyle #the-design-process #microsite-floorplan-detail #hero .col-right .info header #main-nav .dropdown-wide .fill li,
    #lifestyle #the-design-process #microsite-floorplan-detail #hero .col-right header #main-nav .dropdown-wide .fill .info li,
    #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .info li,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero header #main-nav .dropdown-wide .fill .info li,
    #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide #microsite-floorplan-detail #hero .fill .info li,
    #microsite-floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy p.type-xl,
    .inline-get-fast-answers.md .copy #microsite-floorplan-detail #hero .col-right .info p.type-xl,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy p.type-xl,
    .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.type-xl,
    #microsite-floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
    .inline-get-fast-answers.md .copy .card.floorplan-card #microsite-floorplan-detail #hero .col-right .info p.card-title,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
    .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.card-title,
    #microsite-floorplan-detail #hero .col-right .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers.md .copy #microsite-floorplan-detail #hero .col-right .info p.card-title,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.card-title,
    #microsite-floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite-floorplan-detail #hero .col-right .info .popover-title,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .popover-title {
      line-height: 48px; }
      @media only screen and (max-width: 767px) {
        #floorplan-detail #hero .col-right .info .type-md, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .type-md, #floorplan-detail #hero .col-right .info .sort .sort-item, .sort #floorplan-detail #hero .col-right .info .sort-item, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort .sort-item, .sort #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort-item, #floorplan-detail #hero header #main-nav .dropdown-wide .col-right .info li, header #main-nav .dropdown-wide #floorplan-detail #hero .col-right .info li, #lifestyle #the-design-process header #main-nav .dropdown-wide .col-right #floorplan-detail #hero .fill .info li, header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info li, #floorplan-detail #hero #lifestyle #the-design-process .col-right .info header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process #floorplan-detail #hero .col-right .info header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process #floorplan-detail #hero .col-right header #main-nav .dropdown-wide .fill .info li, #floorplan-detail #hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .info li, #lifestyle #the-design-process .col-right #floorplan-detail #hero header #main-nav .dropdown-wide .fill .info li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide #floorplan-detail #hero .fill .info li, #floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #floorplan-detail #hero .col-right .info p.type-xl, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.type-xl, #floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #floorplan-detail #hero .col-right .info p.card-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.card-title, #floorplan-detail #hero .col-right .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #floorplan-detail #hero .col-right .info p.card-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.card-title, #floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #floorplan-detail #hero .col-right .info .popover-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .popover-title,
        #microsite-floorplan-detail #hero .col-right .info .type-md,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .type-md,
        #microsite-floorplan-detail #hero .col-right .info .sort .sort-item,
        .sort #microsite-floorplan-detail #hero .col-right .info .sort-item,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort .sort-item,
        .sort #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort-item,
        #microsite-floorplan-detail #hero header #main-nav .dropdown-wide .col-right .info li,
        header #main-nav .dropdown-wide #microsite-floorplan-detail #hero .col-right .info li,
        #lifestyle #the-design-process header #main-nav .dropdown-wide .col-right #microsite-floorplan-detail #hero .fill .info li,
        header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info li,
        #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .info header #main-nav .dropdown-wide .fill li,
        #lifestyle #the-design-process #microsite-floorplan-detail #hero .col-right .info header #main-nav .dropdown-wide .fill li,
        #lifestyle #the-design-process #microsite-floorplan-detail #hero .col-right header #main-nav .dropdown-wide .fill .info li,
        #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .info li,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero header #main-nav .dropdown-wide .fill .info li,
        #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide #microsite-floorplan-detail #hero .fill .info li,
        #microsite-floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy p.type-xl,
        .inline-get-fast-answers.md .copy #microsite-floorplan-detail #hero .col-right .info p.type-xl,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy p.type-xl,
        .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.type-xl,
        #microsite-floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
        .inline-get-fast-answers.md .copy .card.floorplan-card #microsite-floorplan-detail #hero .col-right .info p.card-title,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
        .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.card-title,
        #microsite-floorplan-detail #hero .col-right .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers.md .copy #microsite-floorplan-detail #hero .col-right .info p.card-title,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
        .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.card-title,
        #microsite-floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite-floorplan-detail #hero .col-right .info .popover-title,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .popover-title {
          line-height: 30px; } }
      #floorplan-detail #hero .col-right .info .type-md:not(:last-child), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .type-md:not(:last-child), #floorplan-detail #hero .col-right .info .sort .sort-item:not(:last-child), .sort #floorplan-detail #hero .col-right .info .sort-item:not(:last-child), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort .sort-item:not(:last-child), .sort #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort-item:not(:last-child), #floorplan-detail #hero header #main-nav .dropdown-wide .col-right .info li:not(:last-child), header #main-nav .dropdown-wide #floorplan-detail #hero .col-right .info li:not(:last-child), #lifestyle #the-design-process header #main-nav .dropdown-wide .col-right #floorplan-detail #hero .fill .info li:not(:last-child), header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info li:not(:last-child), #floorplan-detail #hero #lifestyle #the-design-process .col-right .info header #main-nav .dropdown-wide .fill li:not(:last-child), #lifestyle #the-design-process #floorplan-detail #hero .col-right .info header #main-nav .dropdown-wide .fill li:not(:last-child), #lifestyle #the-design-process #floorplan-detail #hero .col-right header #main-nav .dropdown-wide .fill .info li:not(:last-child), #floorplan-detail #hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .info li:not(:last-child), #lifestyle #the-design-process .col-right #floorplan-detail #hero header #main-nav .dropdown-wide .fill .info li:not(:last-child), #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide #floorplan-detail #hero .fill .info li:not(:last-child), #floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy p.type-xl:not(:last-child), .inline-get-fast-answers.md .copy #floorplan-detail #hero .col-right .info p.type-xl:not(:last-child), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy p.type-xl:not(:last-child), .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.type-xl:not(:last-child), #floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title:not(:last-child), .inline-get-fast-answers.md .copy .card.floorplan-card #floorplan-detail #hero .col-right .info p.card-title:not(:last-child), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title:not(:last-child), .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.card-title:not(:last-child), #floorplan-detail #hero .col-right .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title:not(:last-child), .card.floorplan-card .inline-get-fast-answers.md .copy #floorplan-detail #hero .col-right .info p.card-title:not(:last-child), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title:not(:last-child), .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info p.card-title:not(:last-child), #floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title:not(:last-child), #homepage section#welcome-home .map-sm .svg-map .pin + .popover #floorplan-detail #hero .col-right .info .popover-title:not(:last-child), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title:not(:last-child), #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .popover-title:not(:last-child),
      #microsite-floorplan-detail #hero .col-right .info .type-md:not(:last-child),
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .type-md:not(:last-child),
      #microsite-floorplan-detail #hero .col-right .info .sort .sort-item:not(:last-child),
      .sort #microsite-floorplan-detail #hero .col-right .info .sort-item:not(:last-child),
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort .sort-item:not(:last-child),
      .sort #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort-item:not(:last-child),
      #microsite-floorplan-detail #hero header #main-nav .dropdown-wide .col-right .info li:not(:last-child),
      header #main-nav .dropdown-wide #microsite-floorplan-detail #hero .col-right .info li:not(:last-child),
      #lifestyle #the-design-process header #main-nav .dropdown-wide .col-right #microsite-floorplan-detail #hero .fill .info li:not(:last-child),
      header #main-nav .dropdown-wide #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info li:not(:last-child),
      #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .info header #main-nav .dropdown-wide .fill li:not(:last-child),
      #lifestyle #the-design-process #microsite-floorplan-detail #hero .col-right .info header #main-nav .dropdown-wide .fill li:not(:last-child),
      #lifestyle #the-design-process #microsite-floorplan-detail #hero .col-right header #main-nav .dropdown-wide .fill .info li:not(:last-child),
      #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill .info li:not(:last-child),
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero header #main-nav .dropdown-wide .fill .info li:not(:last-child),
      #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide #microsite-floorplan-detail #hero .fill .info li:not(:last-child),
      #microsite-floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy p.type-xl:not(:last-child),
      .inline-get-fast-answers.md .copy #microsite-floorplan-detail #hero .col-right .info p.type-xl:not(:last-child),
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy p.type-xl:not(:last-child),
      .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.type-xl:not(:last-child),
      #microsite-floorplan-detail #hero .col-right .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title:not(:last-child),
      .inline-get-fast-answers.md .copy .card.floorplan-card #microsite-floorplan-detail #hero .col-right .info p.card-title:not(:last-child),
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title:not(:last-child),
      .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.card-title:not(:last-child),
      #microsite-floorplan-detail #hero .col-right .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title:not(:last-child),
      .card.floorplan-card .inline-get-fast-answers.md .copy #microsite-floorplan-detail #hero .col-right .info p.card-title:not(:last-child),
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title:not(:last-child),
      .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info p.card-title:not(:last-child),
      #microsite-floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title:not(:last-child),
      #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite-floorplan-detail #hero .col-right .info .popover-title:not(:last-child),
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title:not(:last-child),
      #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .popover-title:not(:last-child) {
        margin-top: 30px;
        margin-bottom: 30px; }
    #floorplan-detail #hero .col-right .info a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a,
    #microsite-floorplan-detail #hero .col-right .info a,
    #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a {
      color: #00a5b8;
      text-transform: uppercase;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: center;
      align-items: center; }
      #floorplan-detail #hero .col-right .info a svg, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a svg,
      #microsite-floorplan-detail #hero .col-right .info a svg,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a svg {
        width: 20px;
        height: 20px;
        margin-right: 15px; }
        #floorplan-detail #hero .col-right .info a svg path:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a svg path:not(.no-fill), #floorplan-detail #hero .col-right .info a svg polygon:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a svg polygon:not(.no-fill), #floorplan-detail #hero .col-right .info a svg rect:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a svg rect:not(.no-fill), #floorplan-detail #hero .col-right .info a svg ellipse:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a svg ellipse:not(.no-fill), #floorplan-detail #hero .col-right .info a svg circle:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a svg circle:not(.no-fill), #floorplan-detail #hero .col-right .info a svg line:not(.no-fill), #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a svg line:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info a svg path:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a svg path:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info a svg polygon:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a svg polygon:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info a svg rect:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a svg rect:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info a svg ellipse:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a svg ellipse:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info a svg circle:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a svg circle:not(.no-fill),
        #microsite-floorplan-detail #hero .col-right .info a svg line:not(.no-fill),
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a svg line:not(.no-fill) {
          fill: #00a5b8; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #floorplan-detail #hero .col-right, #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill,
      #microsite-floorplan-detail #hero .col-right,
      #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill {
        padding: 30px 15px; }
        #floorplan-detail #hero .col-right .detail .black, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail .black,
        #microsite-floorplan-detail #hero .col-right .detail .black,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail .black {
          line-height: 22px; }
        #floorplan-detail #hero .col-right .info snapshot-info .snapshot li, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info snapshot-info .snapshot li,
        #microsite-floorplan-detail #hero .col-right .info snapshot-info .snapshot li,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info snapshot-info .snapshot li {
          letter-spacing: 0px;
          font-size: 14px; }
        #floorplan-detail #hero .col-right .info .dropdown, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown,
        #microsite-floorplan-detail #hero .col-right .info .dropdown,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown {
          margin: 0;
          width: 100%; }
        #floorplan-detail #hero .col-right .info .dropdown button, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button,
        #microsite-floorplan-detail #hero .col-right .info .dropdown button,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button {
          padding: 0;
          width: 100%; }
        #floorplan-detail #hero .col-right .info .dropdown button i, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button i,
        #microsite-floorplan-detail #hero .col-right .info .dropdown button i,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button i {
          margin-left: 20px; }
        #floorplan-detail #hero .col-right .info a.type-md.blue, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.type-md.blue, #floorplan-detail #hero .col-right .info .sort a.blue.sort-item, .sort #floorplan-detail #hero .col-right .info a.blue.sort-item, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort a.blue.sort-item, .sort #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.blue.sort-item, #floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #floorplan-detail #hero .col-right .info a.blue.popover-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.blue.popover-title,
        #microsite-floorplan-detail #hero .col-right .info a.type-md.blue,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.type-md.blue,
        #microsite-floorplan-detail #hero .col-right .info .sort a.blue.sort-item,
        .sort #microsite-floorplan-detail #hero .col-right .info a.blue.sort-item,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort a.blue.sort-item,
        .sort #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.blue.sort-item,
        #microsite-floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite-floorplan-detail #hero .col-right .info a.blue.popover-title,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.blue.popover-title {
          font-size: 14px;
          line-height: 20px;
          margin-top: 20px; } }
    @media only screen and (max-width: 767px) {
      #floorplan-detail #hero .col-right, #floorplan-detail #hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill,
      #microsite-floorplan-detail #hero .col-right,
      #microsite-floorplan-detail #hero #lifestyle #the-design-process .col-right .fill,
      #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill {
        padding: 15px; }
        #floorplan-detail #hero .col-right .detail .black, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail .black,
        #microsite-floorplan-detail #hero .col-right .detail .black,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail .black {
          line-height: 22px; }
        #floorplan-detail #hero .col-right .info snapshot-info .snapshot li, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info snapshot-info .snapshot li,
        #microsite-floorplan-detail #hero .col-right .info snapshot-info .snapshot li,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info snapshot-info .snapshot li {
          letter-spacing: 0px;
          font-size: 14px; }
        #floorplan-detail #hero .col-right .info .dropdown, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown,
        #microsite-floorplan-detail #hero .col-right .info .dropdown,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown {
          margin: 0;
          width: 100%; }
        #floorplan-detail #hero .col-right .info .dropdown button, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button,
        #microsite-floorplan-detail #hero .col-right .info .dropdown button,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button {
          padding: 0;
          width: 100%; }
        #floorplan-detail #hero .col-right .info .dropdown button i, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown button i,
        #microsite-floorplan-detail #hero .col-right .info .dropdown button i,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown button i {
          margin-left: 20px; }
        #floorplan-detail #hero .col-right .info a.type-md.blue, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.type-md.blue, #floorplan-detail #hero .col-right .info .sort a.blue.sort-item, .sort #floorplan-detail #hero .col-right .info a.blue.sort-item, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort a.blue.sort-item, .sort #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.blue.sort-item, #floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #floorplan-detail #hero .col-right .info a.blue.popover-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.blue.popover-title,
        #microsite-floorplan-detail #hero .col-right .info a.type-md.blue,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.type-md.blue,
        #microsite-floorplan-detail #hero .col-right .info .sort a.blue.sort-item,
        .sort #microsite-floorplan-detail #hero .col-right .info a.blue.sort-item,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort a.blue.sort-item,
        .sort #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.blue.sort-item,
        #microsite-floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite-floorplan-detail #hero .col-right .info a.blue.popover-title,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.blue.popover-title {
          font-size: 14px;
          line-height: 20px;
          margin-top: 20px; }
        #floorplan-detail #hero .col-right .detail, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .detail,
        #microsite-floorplan-detail #hero .col-right .detail,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .detail {
          padding-left: 15px;
          padding-right: 15px; }
        #floorplan-detail #hero .col-right .img-responsive, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .img-responsive,
        #microsite-floorplan-detail #hero .col-right .img-responsive,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .img-responsive {
          max-width: 100%; }
        #floorplan-detail #hero .col-right .info .dropdown, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown,
        #microsite-floorplan-detail #hero .col-right .info .dropdown,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown {
          padding-left: 15px;
          padding-right: 15px; }
        #floorplan-detail #hero .col-right .info a.type-md.blue, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.type-md.blue, #floorplan-detail #hero .col-right .info .sort a.blue.sort-item, .sort #floorplan-detail #hero .col-right .info a.blue.sort-item, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .sort a.blue.sort-item, .sort #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.blue.sort-item, #floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #floorplan-detail #hero .col-right .info a.blue.popover-title, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info a.blue.popover-title,
        #microsite-floorplan-detail #hero .col-right .info a.type-md.blue,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.type-md.blue,
        #microsite-floorplan-detail #hero .col-right .info .sort a.blue.sort-item,
        .sort #microsite-floorplan-detail #hero .col-right .info a.blue.sort-item,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .sort a.blue.sort-item,
        .sort #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.blue.sort-item,
        #microsite-floorplan-detail #hero .col-right .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #microsite-floorplan-detail #hero .col-right .info a.blue.popover-title,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info #homepage section#welcome-home .map-sm .svg-map .pin + .popover a.blue.popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info a.blue.popover-title {
          margin-left: 15px;
          margin-right: 15px; }
        #floorplan-detail #hero .col-right .info .description, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .description,
        #microsite-floorplan-detail #hero .col-right .info .description,
        #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .description {
          margin-left: 15px;
          margin-right: 15px; } }

@media only screen and (max-width: 767px) {
  #floorplan-detail #content .container.flex-wrap,
  #microsite-floorplan-detail #content .container.flex-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
    #floorplan-detail #content .container.flex-wrap .col-left,
    #microsite-floorplan-detail #content .container.flex-wrap .col-left {
      -ms-flex: initial;
      flex: initial;
      padding: 0; } }

#floorplan-detail #content > .gray-bkg,
#microsite-floorplan-detail #content > .gray-bkg {
  background-color: #f5f5f5;
  padding: 30px 0; }
  #floorplan-detail #content > .gray-bkg .col-left,
  #microsite-floorplan-detail #content > .gray-bkg .col-left {
    padding-right: 50px; }
    #floorplan-detail #content > .gray-bkg .col-left p:first-child,
    #microsite-floorplan-detail #content > .gray-bkg .col-left p:first-child {
      font-weight: 300;
      margin-bottom: 20px;
      line-height: 40px; }
    #floorplan-detail #content > .gray-bkg .col-left p:last-child,
    #microsite-floorplan-detail #content > .gray-bkg .col-left p:last-child {
      line-height: 35px; }

#why-choose-fischer #hero {
  background-image: url("/images/site/why-choose-fischer/hero-bkg.jpg");
  background-size: cover;
  background-position: center; }
  #why-choose-fischer #hero p:first-child {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #hero p:first-child {
        right: 0px; } }
  #why-choose-fischer #hero.in p:first-child {
    transition: opacity 0.7s ease-out 0s, right 1.5s ease-out 0s;
    opacity: 1;
    right: 0; }
  #why-choose-fischer #hero p:last-child {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #hero p:last-child {
        right: 0px; } }
  #why-choose-fischer #hero.in p:last-child {
    transition: opacity 0.7s ease-out 0.6s, right 1.5s ease-out 0.6s;
    opacity: 1;
    right: 0; }
  #why-choose-fischer #hero .row > div {
    min-height: 545px;
    padding-top: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start; }
    #why-choose-fischer #hero .row > div h1 {
      font-weight: 300; }
    #why-choose-fischer #hero .row > div h1 .type-why-choose-fischer-md {
      display: block;
      margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    #why-choose-fischer #hero {
      background-position: top right -255px;
      background-size: auto 115%; }
      #why-choose-fischer #hero .row > div {
        min-height: 0;
        height: 60vh; }
      #why-choose-fischer #hero .row > div h1 .type-why-choose-fischer-md {
        color: white;
        margin-bottom: 10px;
        text-indent: 0;
        -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
        -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
        text-shadow: 2px 2px rgba(0, 0, 0, 0.5); }
      #why-choose-fischer #hero .row > div h1 .type-subtitle-xl.red, #why-choose-fischer #hero .row > div h1 .card.floorplan-card .type-subtitle-xl.card-title, .card.floorplan-card #why-choose-fischer #hero .row > div h1 .type-subtitle-xl.card-title {
        font-size: 12vw; } }

#why-choose-fischer #americas-top-builder {
  background-color: #626262;
  color: white;
  background-repeat: no-repeat;
  overflow: visible;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: stretch;
  align-items: stretch; }
  #why-choose-fischer #americas-top-builder .col-left {
    transition: left 1s ease-out;
    position: relative;
    left: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #americas-top-builder .col-left {
        left: 0px; } }
  #why-choose-fischer #americas-top-builder.in .col-left {
    transition: opacity 0.7s ease-out 0s, left 1.5s ease-out 0s;
    opacity: 1;
    left: 0; }
  #why-choose-fischer #americas-top-builder .col-center p {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #why-choose-fischer #americas-top-builder.in .col-center p {
    transition: opacity 0.7s ease-out 0.6s;
    opacity: 1;
    static: 0; }
  #why-choose-fischer #americas-top-builder .col-right img:first-child, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder .fill img:first-child {
    transition: left 1s ease-out;
    position: absolute;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #americas-top-builder .col-right img:first-child, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder .fill img:first-child {
        bottom: 0px; } }
  #why-choose-fischer #americas-top-builder.in .col-right img:first-child, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder.in .fill img:first-child {
    transition: opacity 0.7s ease-out 0.8s, bottom 1.5s ease-out 0.8s;
    opacity: 1;
    bottom: calc(50% + 20px); }
  #why-choose-fischer #americas-top-builder .col-right img:last-child, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder .fill img:last-child {
    transition: left 1s ease-out;
    position: absolute;
    top: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #americas-top-builder .col-right img:last-child, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder .fill img:last-child {
        top: 0px; } }
  #why-choose-fischer #americas-top-builder.in .col-right img:last-child, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder.in .fill img:last-child {
    transition: opacity 0.7s ease-out 0.8s, top 1.5s ease-out 0.8s;
    opacity: 1;
    top: calc(50% + 20px); }
  #why-choose-fischer #americas-top-builder a {
    color: #00a5b8; }
  #why-choose-fischer #americas-top-builder .col-left {
    -ms-flex: 1.5;
    flex: 1.5;
    background-image: url("/images/site/why-choose-fischer/fireplace.jpg");
    background-size: cover;
    background-position: center; }
  #why-choose-fischer #americas-top-builder .col-center {
    max-width: 800px;
    padding: 85px; }
    #why-choose-fischer #americas-top-builder .col-center h2.type-subtitle-lg {
      font-weight: 300;
      margin-bottom: 30px; }
    #why-choose-fischer #americas-top-builder .col-center p.type-md, #why-choose-fischer #americas-top-builder .col-center .sort p.sort-item, .sort #why-choose-fischer #americas-top-builder .col-center p.sort-item, #why-choose-fischer #americas-top-builder .col-center .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #why-choose-fischer #americas-top-builder .col-center p.type-xl, #why-choose-fischer #americas-top-builder .col-center .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #why-choose-fischer #americas-top-builder .col-center p.card-title, #why-choose-fischer #americas-top-builder .col-center .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #why-choose-fischer #americas-top-builder .col-center p.card-title, #why-choose-fischer #americas-top-builder .col-center #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #why-choose-fischer #americas-top-builder .col-center p.popover-title {
      line-height: 48px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #why-choose-fischer #americas-top-builder .col-center {
        max-width: 500px;
        padding: 85px 30px; }
        #why-choose-fischer #americas-top-builder .col-center h2.type-subtitle-lg {
          line-height: 40px; }
        #why-choose-fischer #americas-top-builder .col-center p.type-md, #why-choose-fischer #americas-top-builder .col-center .sort p.sort-item, .sort #why-choose-fischer #americas-top-builder .col-center p.sort-item, #why-choose-fischer #americas-top-builder .col-center .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #why-choose-fischer #americas-top-builder .col-center p.type-xl, #why-choose-fischer #americas-top-builder .col-center .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #why-choose-fischer #americas-top-builder .col-center p.card-title, #why-choose-fischer #americas-top-builder .col-center .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #why-choose-fischer #americas-top-builder .col-center p.card-title, #why-choose-fischer #americas-top-builder .col-center #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #why-choose-fischer #americas-top-builder .col-center p.popover-title {
          line-height: 40px; } }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #americas-top-builder .col-center {
        padding: 50px 30px; }
        #why-choose-fischer #americas-top-builder .col-center h2.type-subtitle-lg {
          line-height: 35px;
          text-align: center; }
        #why-choose-fischer #americas-top-builder .col-center p.type-md, #why-choose-fischer #americas-top-builder .col-center .sort p.sort-item, .sort #why-choose-fischer #americas-top-builder .col-center p.sort-item, #why-choose-fischer #americas-top-builder .col-center .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #why-choose-fischer #americas-top-builder .col-center p.type-xl, #why-choose-fischer #americas-top-builder .col-center .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #why-choose-fischer #americas-top-builder .col-center p.card-title, #why-choose-fischer #americas-top-builder .col-center .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #why-choose-fischer #americas-top-builder .col-center p.card-title, #why-choose-fischer #americas-top-builder .col-center #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #why-choose-fischer #americas-top-builder .col-center p.popover-title {
          line-height: 35px; } }
  #why-choose-fischer #americas-top-builder .col-right, #why-choose-fischer #americas-top-builder #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder .fill {
    -ms-flex: 1.5 0 0;
    flex: 1.5 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: space-between;
    align-items: space-between; }
    #why-choose-fischer #americas-top-builder .col-right img, #why-choose-fischer #americas-top-builder #lifestyle #the-design-process .col-right .fill img, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder .fill img {
      box-shadow:  10px 10px 20px 0 rgba(0, 0, 0, 0.2); }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #why-choose-fischer #americas-top-builder .col-right img, #why-choose-fischer #americas-top-builder #lifestyle #the-design-process .col-right .fill img, #lifestyle #the-design-process .col-right #why-choose-fischer #americas-top-builder .fill img {
          width: 25%; } }

#why-choose-fischer #invest-in-design {
  padding: 165px 0;
  background-color: #d0d7da;
  background-repeat: no-repeat;
  background-image: url("/images/site/why-choose-fischer/work-bkg.jpg");
  background-size: auto 100%;
  background-position: right -30px center; }
  #why-choose-fischer #invest-in-design p:first-child {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #invest-in-design p:first-child {
        right: 0px; } }
  #why-choose-fischer #invest-in-design.in p:first-child {
    transition: opacity 0.7s ease-out 0s, right 1.5s ease-out 0s;
    opacity: 1;
    right: 0; }
  #why-choose-fischer #invest-in-design p:last-child {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #invest-in-design p:last-child {
        right: 0px; } }
  #why-choose-fischer #invest-in-design.in p:last-child {
    transition: opacity 0.7s ease-out 0.6s, right 1.5s ease-out 0.6s;
    opacity: 1;
    right: 0; }
  #why-choose-fischer #invest-in-design a {
    color: #00a5b8; }
  #why-choose-fischer #invest-in-design:before {
    content: "";
    background-color: #d0d7da;
    position: absolute;
    top: 0;
    opacity: 1;
    width: 100%;
    height: 100%; }
  #why-choose-fischer #invest-in-design.in {
    transition: all 3s ease-out 1s; }
    @media only screen and (min-width: 1230px) {
      #why-choose-fischer #invest-in-design.in {
        background-position: right 0 center; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #why-choose-fischer #invest-in-design.in {
        background-position: center left 200px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #why-choose-fischer #invest-in-design.in {
        background-position: center left -20px; } }
  #why-choose-fischer #invest-in-design.in:before {
    opacity: 0;
    transition: all 2s ease-out 1s; }
  #why-choose-fischer #invest-in-design h2:first-child {
    line-height: 75px;
    margin-bottom: 85px;
    font-weight: 300; }
  #why-choose-fischer #invest-in-design p:last-child {
    line-height: 48px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #why-choose-fischer #invest-in-design {
      padding: 80px 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #why-choose-fischer #invest-in-design {
      padding: 100px 0; }
      #why-choose-fischer #invest-in-design h2:first-child {
        line-height: 60px;
        margin-bottom: 35px; }
      #why-choose-fischer #invest-in-design p:last-child {
        line-height: 45px; } }
  @media only screen and (max-width: 767px) {
    #why-choose-fischer #invest-in-design {
      padding: 35px 0 230px;
      background-size: 100% auto;
      background-position: left bottom;
      background-image: url("/images/site/why-choose-fischer/work-bkg-mobile.jpg"); }
      #why-choose-fischer #invest-in-design h2:first-child {
        line-height: 45px;
        font-size: 34px;
        margin-bottom: 20px; }
      #why-choose-fischer #invest-in-design p:last-child {
        line-height: 35px; } }

#why-choose-fischer #our-lifestyle {
  padding: 115px 0;
  overflow: visible;
  z-index: 1; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #why-choose-fischer #our-lifestyle {
      padding: 85px 0; } }
  @media only screen and (max-width: 767px) {
    #why-choose-fischer #our-lifestyle {
      padding: 50px 0; } }
  #why-choose-fischer #our-lifestyle img {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #our-lifestyle img {
        bottom: 0px; } }
  #why-choose-fischer #our-lifestyle.in img {
    transition: opacity 0.7s ease-out 0s, bottom 1.5s ease-out 0s;
    opacity: 1;
    bottom: 0; }
  #why-choose-fischer #our-lifestyle p:nth-of-type(1) {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #our-lifestyle p:nth-of-type(1) {
        bottom: 0px; } }
  #why-choose-fischer #our-lifestyle.in p:nth-of-type(1) {
    transition: opacity 0.7s ease-out 0.6s, bottom 1.5s ease-out 0.6s;
    opacity: 1;
    bottom: 0; }
  #why-choose-fischer #our-lifestyle p:nth-of-type(2) {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #our-lifestyle p:nth-of-type(2) {
        bottom: 0px; } }
  #why-choose-fischer #our-lifestyle.in p:nth-of-type(2) {
    transition: opacity 0.7s ease-out 1.2s, bottom 1.5s ease-out 1.2s;
    opacity: 1;
    bottom: 0; }
  #why-choose-fischer #our-lifestyle a {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #our-lifestyle a {
        bottom: 0px; } }
  #why-choose-fischer #our-lifestyle.in a {
    transition: opacity 0.7s ease-out 1.8s, bottom 1.5s ease-out 1.8s;
    opacity: 1;
    bottom: 0; }
  #why-choose-fischer #our-lifestyle .col-left img {
    width: 100%;
    margin-top: -50%;
    box-shadow:  10px 10px 20px 0 rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #our-lifestyle .col-left img {
        width: 200px;
        margin-top: 0;
        position: relative;
        left: calc(50% - 100px);
        margin-bottom: 30px; } }
  #why-choose-fischer #our-lifestyle .col-right, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill {
    padding-left: 125px; }
    #why-choose-fischer #our-lifestyle .col-right > *, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill > *, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill > * {
      margin-bottom: 60px; }
    #why-choose-fischer #our-lifestyle .col-right p, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill p, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill p, #why-choose-fischer #our-lifestyle .col-right h2, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill h2, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill h2 {
      line-height: 48px; }
      #why-choose-fischer #our-lifestyle .col-right p:first-child, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill p:first-child, #why-choose-fischer #our-lifestyle .col-right h2:first-child, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill h2:first-child {
        font-weight: 300; }
    #why-choose-fischer #our-lifestyle .col-right a, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill a, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill a {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
      align-items: center; }
      #why-choose-fischer #our-lifestyle .col-right a svg, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill a svg, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill a svg {
        width: 25px;
        height: 25px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #why-choose-fischer #our-lifestyle .col-right, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill {
        padding-left: 85px; } }
    @media only screen and (max-width: 767px) {
      #why-choose-fischer #our-lifestyle .col-right, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill {
        padding-left: 15px; }
        #why-choose-fischer #our-lifestyle .col-right p, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill p, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill p, #why-choose-fischer #our-lifestyle .col-right h2, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill h2, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill h2 {
          line-height: 40px; }
          #why-choose-fischer #our-lifestyle .col-right p:first-child, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill p:first-child, #why-choose-fischer #our-lifestyle .col-right h2:first-child, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill h2:first-child {
            font-size: 20px;
            text-align: center;
            margin-bottom: 20px; }
        #why-choose-fischer #our-lifestyle .col-right a, #why-choose-fischer #our-lifestyle #lifestyle #the-design-process .col-right .fill a, #lifestyle #the-design-process .col-right #why-choose-fischer #our-lifestyle .fill a {
          margin-bottom: 15px;
          left: calc(50% - 140px); } }

@media only screen and (max-width: 767px) {
  #why-choose-fischer #inline-form.inline-stay-updated {
    padding-bottom: 80px; } }

#blog #hero {
  font-weight: 300;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("/images/site/blog/blog-hero.jpg");
  background-size: cover;
  background-position: center;
  height: 450px;
  padding-top: 100px;
  color: white; }
  #blog #hero .back {
    position: absolute;
    bottom: 40px; }
    #blog #hero .back .btn-btn-gray {
      position: absolute; }

#blog #content {
  background-color: #f5f5f5;
  padding: 40px 0; }
  #blog #content.no-padding-bottom {
    padding-bottom: 0; }
  #blog #content a.btn {
    border-radius: 5px; }
  #blog #content .stay-connected {
    text-align: center; }
    #blog #content .stay-connected p {
      margin-bottom: 30px; }
    #blog #content .stay-connected li svg {
      width: 30px;
      height: 30px;
      cursor: pointer !important; }
      #blog #content .stay-connected li svg path:not(.no-fill), #blog #content .stay-connected li svg polygon:not(.no-fill), #blog #content .stay-connected li svg rect:not(.no-fill), #blog #content .stay-connected li svg ellipse:not(.no-fill), #blog #content .stay-connected li svg circle:not(.no-fill), #blog #content .stay-connected li svg line:not(.no-fill) {
        fill: #00a5b8; }
      #blog #content .stay-connected li svg.icon-pinterest {
        transform-origin: center;
        transform: scale(1.7); }
      #blog #content .stay-connected li svg path, #blog #content .stay-connected li svg polygon, #blog #content .stay-connected li svg rect, #blog #content .stay-connected li svg ellipse, #blog #content .stay-connected li svg circle, #blog #content .stay-connected li svg line {
        transition: all 0.2s ease-out; }
        #blog #content .stay-connected li svg path:not(.no-fill), #blog #content .stay-connected li svg polygon:not(.no-fill), #blog #content .stay-connected li svg rect:not(.no-fill), #blog #content .stay-connected li svg ellipse:not(.no-fill), #blog #content .stay-connected li svg circle:not(.no-fill), #blog #content .stay-connected li svg line:not(.no-fill) {
          fill: #00a5b8; }
      #blog #content .stay-connected li svg:hover path, #blog #content .stay-connected li svg:hover polygon, #blog #content .stay-connected li svg:hover rect, #blog #content .stay-connected li svg:hover ellipse, #blog #content .stay-connected li svg:hover circle, #blog #content .stay-connected li svg:hover line {
        transition: all 0.2s ease-in; }
        #blog #content .stay-connected li svg:hover path:not(.no-fill), #blog #content .stay-connected li svg:hover polygon:not(.no-fill), #blog #content .stay-connected li svg:hover rect:not(.no-fill), #blog #content .stay-connected li svg:hover ellipse:not(.no-fill), #blog #content .stay-connected li svg:hover circle:not(.no-fill), #blog #content .stay-connected li svg:hover line:not(.no-fill) {
          fill: #ba1f31; }
  #blog #content .col-left {
    padding-right: 50px; }
    #blog #content .col-left > * {
      margin-bottom: 40px; }
    #blog #content .col-left .featured-post,
    #blog #content .col-left article {
      background-color: white;
      text-align: center;
      padding: 70px;
      margin-bottom: 0; }
      #blog #content .col-left .featured-post .banner,
      #blog #content .col-left article .banner {
        position: absolute;
        left: 5px;
        top: 40px; }
      #blog #content .col-left .featured-post > *:not(:last-child),
      #blog #content .col-left article > *:not(:last-child) {
        margin-bottom: 30px; }
      #blog #content .col-left .featured-post .date,
      #blog #content .col-left article .date {
        font-weight: 700;
        letter-spacing: 1px; }
      #blog #content .col-left .featured-post .title,
      #blog #content .col-left article .title {
        letter-spacing: 0;
        line-height: 50px; }
      #blog #content .col-left .featured-post .author,
      #blog #content .col-left article .author {
        padding: 30px 70px;
        display: inline-block;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        margin-bottom: 60px; }
      #blog #content .col-left .featured-post img:not(.banner),
      #blog #content .col-left article img:not(.banner) {
        width: 100%; }
      #blog #content .col-left .featured-post p.type-md, #blog #content .col-left .featured-post .sort p.sort-item, .sort #blog #content .col-left .featured-post p.sort-item, #blog #content .col-left .featured-post .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #blog #content .col-left .featured-post p.type-xl, #blog #content .col-left .featured-post .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #blog #content .col-left .featured-post p.card-title, #blog #content .col-left .featured-post .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #blog #content .col-left .featured-post p.card-title, #blog #content .col-left .featured-post #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #blog #content .col-left .featured-post p.popover-title,
      #blog #content .col-left article p.type-md,
      #blog #content .col-left article .sort p.sort-item,
      .sort #blog #content .col-left article p.sort-item,
      #blog #content .col-left article .inline-get-fast-answers.md .copy p.type-xl,
      .inline-get-fast-answers.md .copy #blog #content .col-left article p.type-xl,
      #blog #content .col-left article .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
      .inline-get-fast-answers.md .copy .card.floorplan-card #blog #content .col-left article p.card-title,
      #blog #content .col-left article .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
      .card.floorplan-card .inline-get-fast-answers.md .copy #blog #content .col-left article p.card-title,
      #blog #content .col-left article #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
      #homepage section#welcome-home .map-sm .svg-map .pin + .popover #blog #content .col-left article p.popover-title {
        text-align: left;
        line-height: 48px; }
      #blog #content .col-left .featured-post a.btn,
      #blog #content .col-left article a.btn {
        margin-top: 10px;
        float: left; }
    #blog #content .col-left article aside {
      margin-top: 30px; }
    #blog #content .col-left article aside .thumb {
      padding: 15px;
      background-color: #dedede;
      max-width: 550px;
      float: left;
      margin-top: 20px;
      margin-right: 30px; }
    #blog #content .col-left article aside .caption {
      margin: 30px 0;
      display: inline-block; }
    #blog #content .col-left article aside p:not(:last-child) {
      margin-bottom: 30px; }
    #blog #content .col-left article .comments {
      margin-bottom: 60px; }
    #blog #content .col-left article .comments .title {
      margin: 70px 0 30px; }
    #blog #content .col-left article .comments .comment {
      text-align: left;
      line-height: 30px;
      padding: 20px 0;
      border-bottom: 1px solid #dedede; }
    #blog #content .col-left .divider {
      background-color: #dedede;
      text-align: center;
      margin-bottom: 0;
      padding: 25px; }
    #blog #content .col-left .post {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 40px 0;
      border-bottom: 1px solid #dedede;
      transition: all 0.2s ease-out;
      cursor: pointer !important; }
      #blog #content .col-left .post:hover {
        transition: all 0.2s ease-in;
        background-color: #dedede;
        color: white; }
        #blog #content .col-left .post:hover > * {
          color: white; }
      #blog #content .col-left .post .thumb {
        background-image: url("/images/site/blog/blog-thumb-placeholder.jpg");
        background-size: cover;
        background-position: center;
        width: 250px;
        height: 160px;
        margin-right: 40px; }
      #blog #content .col-left .post .info {
        line-height: 30px; }
      #blog #content .col-left .post .info p.black {
        margin-bottom: 30px; }
    #blog #content .col-left .comment-share .nav.nav-tabs {
      display: -ms-flexbox;
      display: flex;
      border-color: transparent; }
      #blog #content .col-left .comment-share .nav.nav-tabs li a {
        border-radius: 0;
        border: none;
        padding: 20px 60px;
        background-color: #00a5b8;
        color: white;
        margin: 0; }
      #blog #content .col-left .comment-share .nav.nav-tabs li.active a {
        background-color: #dedede; }
      #blog #content .col-left .comment-share .nav.nav-tabs li:not(.active) a:hover {
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        #blog #content .col-left .comment-share .nav.nav-tabs li:not(.active) a:hover:hover {
          transition: all 0.2s ease-in;
          background-color: #007785;
          color: white; }
          #blog #content .col-left .comment-share .nav.nav-tabs li:not(.active) a:hover:hover > * {
            color: white; }
      #blog #content .col-left .comment-share .nav.nav-tabs li:last-child {
        -ms-flex: 1;
        flex: 1; }
    #blog #content .col-left .comment-share .tab-pane {
      background-color: #dedede;
      padding: 50px 70px;
      display: none; }
      #blog #content .col-left .comment-share .tab-pane.active {
        display: block; }
    #blog #content .col-left .comment-share .col-left {
      -ms-flex: 0.42;
      flex: 0.42; }
    #blog #content .col-left .comment-share .col-right, #blog #content .col-left .comment-share #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #blog #content .col-left .comment-share .fill {
      -ms-flex: 1;
      flex: 1; }
    #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share textarea {
      border: none;
      border-radius: 0;
      resize: none;
      padding: 15px;
      height: auto; }
    #blog #content .col-left .comment-share textarea {
      width: 100%;
      height: 100%; }
    #blog #content .col-left .comment-share .flex-wrap:last-child {
      margin-top: 30px;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #blog #content .col-left a.btn-gray {
      margin: 40px 0;
      -ms-flex-align: center;
      align-items: center; }
      #blog #content .col-left a.btn-gray:before {
        content: "";
        margin-right: 15px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 10px 7.5px;
        border-color: transparent transparent white transparent;
        transform-origin: center;
        transform: rotate(-90deg); }
  #blog #content .col-right > *:not(:last-child), #blog #content #lifestyle #the-design-process .col-right .fill > *:not(:last-child), #lifestyle #the-design-process .col-right #blog #content .fill > *:not(:last-child) {
    margin-bottom: 60px; }
  #blog #content .col-right .subscribe, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe {
    background-color: #dedede;
    padding: 50px 70px; }
    #blog #content .col-right .subscribe > *:not(:last-child), #blog #content #lifestyle #the-design-process .col-right .fill .subscribe > *:not(:last-child), #lifestyle #the-design-process .col-right #blog #content .fill .subscribe > *:not(:last-child) {
      margin-bottom: 30px; }
    #blog #content .col-right .subscribe > form input, #blog #content #lifestyle #the-design-process .col-right .fill .subscribe > form input, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe > form input {
      display: inline-block;
      width: 100%;
      border-radius: 5px; }
    #blog #content .col-right .subscribe > form input:first-child, #blog #content #lifestyle #the-design-process .col-right .fill .subscribe > form input:first-child, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe > form input:first-child {
      height: 50px;
      margin-bottom: 20px; }
    #blog #content .col-right .subscribe p.type-md, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe p.type-md, #blog #content .col-right .subscribe .sort p.sort-item, .sort #blog #content .col-right .subscribe p.sort-item, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe .sort p.sort-item, .sort #lifestyle #the-design-process .col-right #blog #content .fill .subscribe p.sort-item, #blog #content .col-right .subscribe .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #blog #content .col-right .subscribe p.type-xl, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #blog #content .fill .subscribe p.type-xl, #blog #content .col-right .subscribe .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #blog #content .col-right .subscribe p.card-title, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #blog #content .fill .subscribe p.card-title, #blog #content .col-right .subscribe .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #blog #content .col-right .subscribe p.card-title, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #blog #content .fill .subscribe p.card-title, #blog #content .col-right .subscribe #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #blog #content .col-right .subscribe p.popover-title, #lifestyle #the-design-process .col-right #blog #content .fill .subscribe #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #blog #content .fill .subscribe p.popover-title {
      font-weight: 300;
      line-height: 35px; }
  #blog #content .col-right .search input, #lifestyle #the-design-process .col-right #blog #content .fill .search input {
    height: 85px;
    border: none;
    background-image: url("/images/site/blog/search.jpg");
    background-size: auto;
    background-position: left center;
    background-repeat: no-repeat;
    text-align: center; }
  #blog #content .col-right .explore, #lifestyle #the-design-process .col-right #blog #content .fill .explore {
    background-color: white; }
    #blog #content .col-right .explore a, #lifestyle #the-design-process .col-right #blog #content .fill .explore a {
      color: #7f7f7f; }
    #blog #content .col-right .explore .top, #lifestyle #the-design-process .col-right #blog #content .fill .explore .top {
      padding: 50px; }
      #blog #content .col-right .explore .top p, #lifestyle #the-design-process .col-right #blog #content .fill .explore .top p {
        margin-bottom: 30px; }
      #blog #content .col-right .explore .top li a, #lifestyle #the-design-process .col-right #blog #content .fill .explore .top li a {
        padding: 20px 0;
        display: block;
        border-bottom: 1px solid #dedede;
        transition: all 0.2s ease-out; }
        #blog #content .col-right .explore .top li a:hover, #lifestyle #the-design-process .col-right #blog #content .fill .explore .top li a:hover {
          transition: all 0.2s ease-in;
          padding-left: 20px;
          background-color: #00a5b8;
          color: white; }
    #blog #content .col-right .explore .bottom a, #lifestyle #the-design-process .col-right #blog #content .fill .explore .bottom a {
      background-color: #dedede;
      padding: 20px 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      transition: all 0.3s ease-out;
      cursor: pointer !important; }
      #blog #content .col-right .explore .bottom a:hover, #lifestyle #the-design-process .col-right #blog #content .fill .explore .bottom a:hover {
        transition: all 0.3s ease-in;
        background-color: #00a5b8;
        color: white; }
        #blog #content .col-right .explore .bottom a:hover > *, #lifestyle #the-design-process .col-right #blog #content .fill .explore .bottom a:hover > * {
          color: white; }
      #blog #content .col-right .explore .bottom a:after, #lifestyle #the-design-process .col-right #blog #content .fill .explore .bottom a:after {
        content: "";
        margin-left: 5px;
        transition: all 0.3s ease-out;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 15px 10px;
        border-color: transparent transparent #00a5b8 transparent;
        transform-origin: center;
        transform: rotate(180deg); }
      #blog #content .col-right .explore .bottom a:hover:after, #lifestyle #the-design-process .col-right #blog #content .fill .explore .bottom a:hover:after {
        transition: all 0.3s ease-in;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 15px 10px;
        border-color: transparent transparent white transparent;
        transform-origin: center;
        transform: rotate(0deg); }
  #blog #content .col-right .popular-posts > p, #blog #content #lifestyle #the-design-process .col-right .fill .popular-posts > p, #lifestyle #the-design-process .col-right #blog #content .fill .popular-posts > p, #blog #content .col-right .popular-posts ul, #lifestyle #the-design-process .col-right #blog #content .fill .popular-posts ul {
    margin-bottom: 30px; }
  #blog #content .col-right .popular-posts ul li a, #lifestyle #the-design-process .col-right #blog #content .fill .popular-posts ul li a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
    transition: all 0.2s ease-out; }
    #blog #content .col-right .popular-posts ul li a p.black, #lifestyle #the-design-process .col-right #blog #content .fill .popular-posts ul li a p.black {
      margin-bottom: 20px; }
    #blog #content .col-right .popular-posts ul li a:hover, #lifestyle #the-design-process .col-right #blog #content .fill .popular-posts ul li a:hover {
      transition: all 0.2s ease-in;
      background-color: #dedede;
      padding-left: 20px; }

#energywise section#hero .logo {
  position: relative;
  margin-top: 120px;
  margin-bottom: 70px; }
  #energywise section#hero .logo img {
    position: relative;
    opacity: 0; }
  #energywise section#hero .logo .energy {
    left: 15px;
    top: -50px;
    animation: energyAnimation 0.6s ease-out 1s forwards; }

@keyframes energyAnimation {
  to {
    top: 0px;
    opacity: 1; } }
  #energywise section#hero .logo .wise {
    right: 15px;
    top: 50px;
    animation: wiseAnimation 0.6s ease-out 1s forwards; }

@keyframes wiseAnimation {
  to {
    top: 0px;
    opacity: 1; } }
  #energywise section#hero .logo .leaf {
    position: absolute;
    left: 85px;
    top: -20px;
    transform-origin: bottom;
    transform-origin: center;
    transform: rotateY(90deg);
    animation: leafAnimation 0.3s ease-in 1.6s forwards; }

@keyframes leafAnimation {
  to {
    opacity: 1;
    transform-origin: center;
    transform: rotateX(0deg); } }
  @media only screen and (max-width: 767px) {
    #energywise section#hero .logo {
      width: 590px;
      transform: scale(0.5);
      margin-top: 0;
      margin-bottom: 10px; } }

#energywise section#hero .hers {
  margin-bottom: 200px; }
  #energywise section#hero .hers .title {
    background: #d1d1d1;
    color: white;
    padding: 30px 50px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    margin: 0 50px;
    opacity: 0;
    transform-origin: center;
    transform: rotateX(90deg);
    animation: hersTitle 0.3s ease-in 2s forwards; }

@keyframes hersTitle {
  to {
    opacity: 1;
    transform-origin: center;
    transform: rotateX(0deg); } }
    @media only screen and (max-width: 767px) {
      #energywise section#hero .hers .title {
        margin: 0;
        padding: 20px 18vw 20px 15px;
        border-radius: 10px;
        font-size: 4vw;
        line-height: 5vw; } }
  #energywise section#hero .hers ul {
    background: -webkiit-linear-gradient(90deg, red, #e6e600, #00b300);
    background: linear-gradient(90deg, red, #e6e600, #00b300);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    border-radius: 20px;
    color: white;
    opacity: 0;
    animation: hersUl 0.3s ease-in 2.3s forwards; }

@keyframes hersUl {
  to {
    opacity: 1; } }
    #energywise section#hero .hers ul li {
      position: relative; }
      #energywise section#hero .hers ul li div {
        position: absolute;
        color: #7f7f7f;
        border: 1px solid #7f7f7f;
        padding: 15px;
        top: 75px;
        width: 185px;
        display: inline-block;
        left: 300%;
        opacity: 0; }
        #energywise section#hero .hers ul li div:after {
          content: "";
          position: absolute;
          bottom: calc(100% + 1px);
          left: calc(50% - 15px); }
        @media only screen and (min-width: 1230px) {
          #energywise section#hero .hers ul li div.tag-1 {
            animation: tagOne 0.4s ease-out 2.6s forwards; }
            #energywise section#hero .hers ul li div.tag-1:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #ff8000 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagOne {
            to {
              left: -75.5px;
              opacity: 1; } }
          #energywise section#hero .hers ul li div.tag-2 {
            animation: tagTwo 0.4s ease-out 3s forwards; }
            #energywise section#hero .hers ul li div.tag-2:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #ffd200 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagTwo {
            to {
              left: -75.5px;
              opacity: 1; } }
          #energywise section#hero .hers ul li div.tag-3 {
            position: absolute;
            width: auto;
            display: block;
            left: 200%;
            padding: 0;
            border: none;
            opacity: 0;
            animation: tagThree 0.4s ease-out 3.4s forwards; }
            #energywise section#hero .hers ul li div.tag-3:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #b3d900 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagThree {
            to {
              left: -75%;
              opacity: 1; } }
            #energywise section#hero .hers ul li div.tag-3 p {
              position: absolute;
              left: calc(100% + 20px);
              width: 400px;
              height: 100%;
              top: 0;
              line-height: 25px;
              text-align: left; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          #energywise section#hero .hers ul li div.tag-1 {
            animation: tagOne 0.4s ease-out 2.6s forwards; }
            #energywise section#hero .hers ul li div.tag-1:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #ff8000 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagOne {
            to {
              left: -75.5px;
              opacity: 1; } }
          #energywise section#hero .hers ul li div.tag-2 {
            animation: tagTwo 0.4s ease-out 3s forwards; }
            #energywise section#hero .hers ul li div.tag-2:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #ffd200 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagTwo {
            to {
              left: -75.5px;
              opacity: 1; } }
          #energywise section#hero .hers ul li div.tag-3 {
            position: absolute;
            width: auto;
            display: block;
            left: 200%;
            padding: 0;
            border: none;
            opacity: 0;
            animation: tagThree 0.4s ease-out 3.4s forwards; }
            #energywise section#hero .hers ul li div.tag-3:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #b3d900 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagThree {
            to {
              left: -75%;
              opacity: 1; } }
            #energywise section#hero .hers ul li div.tag-3 p {
              position: absolute;
              left: calc(100% + 20px);
              width: 400px;
              height: 100%;
              top: 0;
              line-height: 25px;
              text-align: left; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #energywise section#hero .hers ul li div.tag-1 {
            animation: tagOne 0.4s ease-out 2.6s forwards; }
            #energywise section#hero .hers ul li div.tag-1:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #ff8000 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagOne {
            to {
              left: -75.5px;
              opacity: 1; } }
          #energywise section#hero .hers ul li div.tag-2 {
            animation: tagTwo 0.4s ease-out 3s forwards; }
            #energywise section#hero .hers ul li div.tag-2:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #ffd200 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagTwo {
            to {
              left: -75.5px;
              opacity: 1; } }
          #energywise section#hero .hers ul li div.tag-3 {
            position: absolute;
            width: auto;
            display: block;
            left: 200%;
            padding: 0;
            border: none;
            opacity: 0;
            animation: tagThree 0.4s ease-out 3.4s forwards; }
            #energywise section#hero .hers ul li div.tag-3:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #b3d900 transparent;
              transform-origin: center;
              transform: rotate(0deg); }
          @keyframes tagThree {
            to {
              left: -75%;
              opacity: 1; } }
            #energywise section#hero .hers ul li div.tag-3 p {
              position: absolute;
              left: calc(100% + 20px);
              width: 400px;
              height: 100%;
              top: 0;
              line-height: 25px;
              text-align: left; } }
        @media only screen and (max-width: 767px) {
          #energywise section#hero .hers ul li div.tag-1 {
            animation: tagOne 0.4s ease-out 2.6s forwards; }
            #energywise section#hero .hers ul li div.tag-1:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #ff8000 transparent;
              transform-origin: center;
              transform: rotate(90deg); }
          @keyframes tagOne {
            to {
              right: 70px;
              opacity: 1; } }
          #energywise section#hero .hers ul li div.tag-2 {
            animation: tagTwo 0.4s ease-out 3s forwards; }
            #energywise section#hero .hers ul li div.tag-2:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #ffd200 transparent;
              transform-origin: center;
              transform: rotate(90deg); }
          @keyframes tagTwo {
            to {
              right: 70px;
              opacity: 1; } }
          #energywise section#hero .hers ul li div.tag-3 {
            position: absolute;
            width: auto;
            display: inline-block;
            padding: 0;
            border: none;
            opacity: 0;
            top: 0px;
            animation: tagThree 0.4s ease-out 3.4s forwards; }
            #energywise section#hero .hers ul li div.tag-3:after {
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 15px 15px 15px;
              border-color: transparent transparent #b3d900 transparent;
              transform-origin: center;
              transform: rotate(90deg); }
          @keyframes tagThree {
            to {
              right: 70px;
              opacity: 1; } }
            #energywise section#hero .hers ul li div.tag-3 img {
              position: relative;
              left: 2px; }
            #energywise section#hero .hers ul li div.tag-3 p {
              position: absolute;
              line-height: 25px;
              -ms-flex-align: center;
              align-items: center;
              padding: 0;
              left: auto;
              right: -10px;
              width: 65vw;
              height: auto;
              top: calc(100% + 45px); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #energywise section#hero .hers ul li div {
        width: 100px;
        margin-left: 50px; }
      #energywise section#hero .hers ul li div.tag-3 {
        margin-left: -15px; }
        #energywise section#hero .hers ul li div.tag-3 p {
          width: 200px;
          text-align: left; }
        #energywise section#hero .hers ul li div.tag-3 br {
          display: none; } }
    @media only screen and (max-width: 767px) {
      #energywise section#hero .hers ul {
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 45px;
        float: right;
        top: -40px;
        right: 2vw;
        border-radius: 15px;
        background: -webkiit-linear-gradient(-180deg, red, #e6e600, #00b300);
        background: linear-gradient(-180deg, red, #e6e600, #00b300); }
        #energywise section#hero .hers ul li div {
          left: auto;
          right: 300px;
          top: -15px; }
        #energywise section#hero .hers ul li:not(:last-child) {
          margin-bottom: 20px; }
        #energywise section#hero .hers ul li div:after {
          bottom: calc(50% - 8px);
          left: calc(100% - 7px); } }

#energywise section#hero p.copy {
  opacity: 0;
  animation: fadeAnimation 0.3s ease-in 2s forwards; }

@keyframes fadeAnimation {
  to {
    opacity: 1; } }

#energywise section#hero .btn.btn-blue,
#energywise section#hero p.type-xs,
#energywise section#hero header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger,
header #top-nav #top-nav-toggle ul.nav.navbar-nav #energywise section#hero li > p.dd-trigger,
#energywise section#hero #discover-the-difference #slick-slideshow .item .bottom p.year,
#discover-the-difference #slick-slideshow .item .bottom #energywise section#hero p.year {
  opacity: 0;
  animation: fadeAnimation 0.3s ease-in 4s forwards; }

@keyframes fadeAnimation {
  to {
    opacity: 1; } }

#energywise section#hero .btn.btn-blue,
#energywise section#hero p.type-xs,
#energywise section#hero header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger,
header #top-nav #top-nav-toggle ul.nav.navbar-nav #energywise section#hero li > p.dd-trigger,
#energywise section#hero #discover-the-difference #slick-slideshow .item .bottom p.year,
#discover-the-difference #slick-slideshow .item .bottom #energywise section#hero p.year {
  margin-bottom: 70px; }

#energywise section#hero a h2 {
  margin-bottom: 0; }


#energywise section#hero p.type-xs,
#energywise section#hero header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger,
header #top-nav #top-nav-toggle ul.nav.navbar-nav #energywise section#hero li > p.dd-trigger,
#energywise section#hero #discover-the-difference #slick-slideshow .item .bottom p.year,
#discover-the-difference #slick-slideshow .item .bottom #energywise section#hero p.year {
  line-height: 28px; }

#energywise section#hero .img-responsive-custom {
  max-width: 100%; }

#energywise section#content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    #energywise section#content {
      -ms-flex-direction: column;
      flex-direction: column; } }
  #energywise section#content svg {
    width: 25px;
    height: 25px; }
    #energywise section#content svg path:not(.no-fill), #energywise section#content svg polygon:not(.no-fill), #energywise section#content svg rect:not(.no-fill), #energywise section#content svg ellipse:not(.no-fill), #energywise section#content svg circle:not(.no-fill), #energywise section#content svg line:not(.no-fill) {
      fill: white; }
  #energywise section#content > div {
    -ms-flex: 1;
    flex: 1;
    height: 480px;
    color: white;
    line-height: 72px;
    padding: 80px;
    font-weight: 300;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start; }
    #energywise section#content > div h2 {
      margin-bottom: 5vh; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #energywise section#content > div {
        padding: 45px;
        height: 380px; }
        #energywise section#content > div h2 {
          font-size: 25px;
          line-height: 45px; } }
    @media only screen and (max-width: 767px) {
      #energywise section#content > div {
        padding: 30px;
        height: 350px;
        width: 100%;
        -ms-flex-align: center;
        align-items: center; }
        #energywise section#content > div h2 {
          font-size: 30px;
          line-height: 45px; } }
    #energywise section#content > div:first-child {
      background-image: url("/images/site/energywise/frame.jpg");
      background-size: cover;
      background-position: center; }
    #energywise section#content > div:last-child {
      background-image: url("/images/site/energywise/trees.jpg");
      background-size: cover;
      background-position: center; }

@media only screen and (max-width: 767px) {
  #energywise section#inline-form.inline-energywyse {
    padding-bottom: 80px; } }

@media only screen and (max-width: 767px) {
  #our-collections #our-collections-carousel .carousel {
    max-height: 265px; }
    #our-collections #our-collections-carousel .carousel .fill {
      background-attachment: inherit;
      background-size: cover;
      background-position: 0px 50px; }
    #our-collections #our-collections-carousel .carousel .flex-caption {
      padding-top: 60px; } }

#our-collections #collections-grid {
  padding: 65px 0;
  background-color: #f5f5f5; }
  #our-collections #collections-grid a.thumbnail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 350px;
    height: 350px;
    font-weight: 300;
    color: white;
    text-align: center;
    padding: 40px;
    margin-bottom: 65px;
    margin-left: 50px;
    background-color: #00a5b8;
    overflow: hidden; }
    #our-collections #collections-grid a.thumbnail:nth-child(3n - 2) {
      margin-left: 0; }
    #our-collections #collections-grid a.thumbnail > * {
      position: relative;
      z-index: 1;
      transition: all 0.3s ease-out; }
    #our-collections #collections-grid a.thumbnail .image {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      transform-origin: center;
      transform: scale(1);
      opacity: 1;
      background-position: center;
      background-size: cover; }
    #our-collections #collections-grid a.thumbnail span {
      margin-top: 55px;
      text-shadow: 2px 2px black; }
    #our-collections #collections-grid a.thumbnail svg {
      margin-top: 30px;
      width: 55px;
      height: 55px;
      transform-origin: center;
      transform: rotateY(90deg);
      opacity: 0; }
      #our-collections #collections-grid a.thumbnail svg path:not(.no-fill), #our-collections #collections-grid a.thumbnail svg polygon:not(.no-fill), #our-collections #collections-grid a.thumbnail svg rect:not(.no-fill), #our-collections #collections-grid a.thumbnail svg ellipse:not(.no-fill), #our-collections #collections-grid a.thumbnail svg circle:not(.no-fill), #our-collections #collections-grid a.thumbnail svg line:not(.no-fill) {
        fill: white; }
    #our-collections #collections-grid a.thumbnail:hover .image {
      transition: all 0.3s ease-in;
      transform-origin: center;
      transform: scale(1.05);
      opacity: .2; }
    #our-collections #collections-grid a.thumbnail:hover span {
      transition: all 0.3s ease-in;
      margin-top: 0; }
    #our-collections #collections-grid a.thumbnail:hover svg {
      transition: all 0.2s ease-in 0.2s;
      transform-origin: center;
      transform: rotateY(0deg);
      opacity: 1; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #our-collections #collections-grid a.thumbnail {
      width: 290px;
      height: 290px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #our-collections #collections-grid a.thumbnail {
      width: 215px;
      height: 215px; } }
  @media only screen and (max-width: 767px) {
    #our-collections #collections-grid {
      padding: 30px 15px 80px 15px; }
      #our-collections #collections-grid a.thumbnail {
        width: 100%;
        height: 75vw;
        margin-left: 0;
        margin-bottom: 30px; } }

#collection-details #hero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("/images/site/our-collections/hero-detail.jpg");
  background-size: cover;
  background-position: center;
  background-color: #00a5b8;
  text-align: center;
  color: white;
  height: 100%; }
  #collection-details #hero:before {
    opacity: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: black;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out; }
  #collection-details #hero .caption {
    max-width: 900px;
    opacity: 1;
    transition: all 0.3s ease-out; }
    #collection-details #hero .caption p:first-child {
      margin-bottom: 80px;
      font-weight: 300; }
      #collection-details #hero .caption p:first-child b {
        text-transform: capitalize;
        font-weight: 600; }
    #collection-details #hero .caption p:last-child {
      line-height: 36px; }
  #collection-details #hero .switch-collections {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 165, 184, 0.5);
    width: 100%;
    height: 105px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease-out; }
    #collection-details #hero .switch-collections p {
      cursor: pointer;
      margin-bottom: 0px;
      transition: all 0.3s ease-out;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: 300; }
      #collection-details #hero .switch-collections p svg {
        margin-left: 30px;
        width: 30px;
        height: 30px; }
        #collection-details #hero .switch-collections p svg path:not(.no-fill), #collection-details #hero .switch-collections p svg polygon:not(.no-fill), #collection-details #hero .switch-collections p svg rect:not(.no-fill), #collection-details #hero .switch-collections p svg ellipse:not(.no-fill), #collection-details #hero .switch-collections p svg circle:not(.no-fill), #collection-details #hero .switch-collections p svg line:not(.no-fill) {
          fill: white; }
    #collection-details #hero .switch-collections #slick-collections {
      width: calc(100% - 185px);
      max-width: 1080px;
      position: relative;
      height: 0;
      transition: all 0.3s ease-out; }
      #collection-details #hero .switch-collections #slick-collections .item {
        top: 50px;
        height: 130px;
        background-size: cover;
        margin: 0 25px;
        opacity: 0;
        cursor: pointer;
        line-height: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        transition: all 0.3s ease-out; }
        #collection-details #hero .switch-collections #slick-collections .item .inner {
          background-color: rgba(0, 165, 184, 0);
          width: 100%;
          height: 100%;
          transition: all 0.3s ease-out;
          cursor: pointer !important;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center; }
          #collection-details #hero .switch-collections #slick-collections .item .inner:hover {
            transition: all 0.3s ease-in;
            background-color: rgba(0, 165, 184, 0.7);
            color: white; }
            #collection-details #hero .switch-collections #slick-collections .item .inner:hover > * {
              color: white; }
          #collection-details #hero .switch-collections #slick-collections .item .inner.active {
            background-color: rgba(0, 165, 184, 0.7); }
  #collection-details #hero.toggle:before {
    opacity: .7;
    transition: all 0.3s ease-in; }
  #collection-details #hero.toggle .switch-collections {
    height: 250px;
    transition: all 0.3s ease-in; }
    #collection-details #hero.toggle .switch-collections p {
      margin-bottom: 30px;
      transition: all 0.3s ease-in; }
    #collection-details #hero.toggle .switch-collections #slick-collections {
      height: 130px;
      transition: all 0.3s ease-in; }
      #collection-details #hero.toggle .switch-collections #slick-collections .item {
        top: 0px;
        opacity: 1;
        transition: all 0.3s ease-in 0.3s; }
  @media only screen and (max-width: 767px) {
    #collection-details #hero {
      height: calc(100% - 80px); }
      #collection-details #hero .switch-collections {
        height: 55px; }
      #collection-details #hero .switch-collections p {
        font-size: 6vw; }
      #collection-details #hero .switch-collections #slick-collections {
        width: 100%; }
      #collection-details #hero .switch-collections #slick-collections .item {
        background-position: center;
        height: 100%;
        margin: 0 15px; }
      #collection-details #hero.toggle .switch-collections {
        height: 205px; }
      #collection-details #hero.toggle .switch-collections #slick-collections {
        height: 100px; } }

#collection-details #content {
  padding: 75px 0; }
  #collection-details #content inline-form,
  #collection-details #content .card-group .card {
    margin-bottom: 60px; }
  #collection-details #content .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #collection-details #content .card-group .card {
      width: calc(50% - 15px); }
  @media only screen and (max-width: 767px) {
    #collection-details #content {
      padding: 0 0 80px; }
      #collection-details #content .card-group .card {
        width: 100%;
        margin-bottom: 15px; }
      #collection-details #content inline-form {
        margin-bottom: 0; } }

.our-collections-subheader {
  font-size: 3em;
  color: #ba1f31;
  margin: 1em;
  text-align: center; }

#regional #message {
  height: calc(100% - 75px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  #regional #message.loaded {
    height: 0; }

#regional #hero {
  margin-top: 100px;
  padding-top: 30px;
  background-color: #f5f5f5;
  overflow: visible; }
  #regional #hero .container > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
  #regional #hero .flex-wrap {
    margin-bottom: 30px; }
    #regional #hero .flex-wrap .col-left {
      -ms-flex: 1 0 0;
      flex: 1 0 0;
      line-height: 55px; }
      #regional #hero .flex-wrap .col-left .btn-group {
        vertical-align: baseline; }
        #regional #hero .flex-wrap .col-left .btn-group h2 {
          text-align: left; }
      #regional #hero .flex-wrap .col-left svg {
        height: 35px; }
        #regional #hero .flex-wrap .col-left svg path:not(.no-fill), #regional #hero .flex-wrap .col-left svg polygon:not(.no-fill), #regional #hero .flex-wrap .col-left svg rect:not(.no-fill), #regional #hero .flex-wrap .col-left svg ellipse:not(.no-fill), #regional #hero .flex-wrap .col-left svg circle:not(.no-fill), #regional #hero .flex-wrap .col-left svg line:not(.no-fill) {
          fill: #a6a7a7; }
      #regional #hero .flex-wrap .col-left .dropdown-gray-to-red {
        margin-top: 30px; }
    #regional #hero .flex-wrap .col-right, #regional #hero .flex-wrap #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #regional #hero .flex-wrap .fill {
      text-align: right;
      -ms-flex: .8 0 0;
      flex: .8 0 0;
      padding-left: 40px; }
      #regional #hero .flex-wrap .col-right p, #lifestyle #the-design-process .col-right #regional #hero .flex-wrap .fill p {
        line-height: 28px; }
      #regional #hero .flex-wrap .col-right button, #lifestyle #the-design-process .col-right #regional #hero .flex-wrap .fill button {
        color: #7f7f7f; }
      #regional #hero .flex-wrap .col-right button i.fa, #lifestyle #the-design-process .col-right #regional #hero .flex-wrap .fill button i.fa {
        font-size: 25px;
        position: relative;
        top: 3px;
        left: 5px; }
  @media only screen and (max-width: 767px) {
    #regional #hero {
      margin-top: 55px;
      padding-top: 30px; }
      #regional #hero .container > div {
        -ms-flex-direction: column;
        flex-direction: column; }
      #regional #hero .flex-wrap {
        margin-bottom: 20px; }
        #regional #hero .flex-wrap .col-left {
          line-height: 30px;
          width: 100%;
          text-align: left;
          margin-bottom: 0px; }
        #regional #hero .flex-wrap .col-left .btn-group.dropdown {
          width: 100%; }
        #regional #hero .flex-wrap .col-left .dropdown-gray-to-red {
          width: 100%;
          margin-top: 15px;
          min-width: initial; }
        #regional #hero .flex-wrap .col-right, #regional #hero .flex-wrap #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #regional #hero .flex-wrap .fill {
          display: none; } }

#regional #content {
  padding-bottom: 80px; }
  #regional #content .filter-wrap {
    border-bottom: 1px solid #dedede; }
  #regional #content .filter-wrap .container {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #regional #content .filter-wrap .container {
        width: 100%; } }
  #regional #content .filter-wrap .top-filter {
    -ms-flex: 1 0 0;
    flex: 1 0 0; }
  #regional #content .filter-wrap .filter {
    padding: 30px 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0; }
    #regional #content .filter-wrap .filter > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        #regional #content .filter-wrap .filter > div {
          -ms-flex-direction: column;
          flex-direction: column; } }
      #regional #content .filter-wrap .filter > div.row-bottom {
        overflow: hidden;
        height: 0;
        min-height: 0;
        margin-top: 0;
        opacity: 0;
        transition: all 0.4s ease-out; }
      #regional #content .filter-wrap .filter > div .btn-group.dropdown {
        width: 25%;
        border: 1px solid #dedede; }
        #regional #content .filter-wrap .filter > div .btn-group.dropdown.span-2 {
          width: 52%; }
        #regional #content .filter-wrap .filter > div .btn-group.dropdown .btn.btn-primary.btn-dropdown {
          width: 100%;
          padding: 15px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #regional #content .filter-wrap .filter > div .btn-group.dropdown .btn.btn-primary.btn-dropdown {
              padding: 10px;
              font-size: 13px; } }
          #regional #content .filter-wrap .filter > div .btn-group.dropdown .btn.btn-primary.btn-dropdown:hover span {
            background-color: #00a5b8; }
        #regional #content .filter-wrap .filter > div .btn-group.dropdown .btn.btn-primary.btn-dropdown span {
          background-color: #dedede;
          width: 45px; }
        #regional #content .filter-wrap .filter > div .btn-group.dropdown:not(:last-child) {
          margin-right: 20px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #regional #content .filter-wrap .filter > div .btn-group.dropdown:not(:last-child) {
              margin-right: 10px; } }
          @media only screen and (max-width: 767px) {
            #regional #content .filter-wrap .filter > div .btn-group.dropdown:not(:last-child) {
              margin-right: 0; } }
  #regional #content .filter-wrap .toggle-filter {
    width: 150px;
    cursor: pointer;
    opacity: .7;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    #regional #content .filter-wrap .toggle-filter .expand {
      display: inline-block; }
    #regional #content .filter-wrap .toggle-filter .collapse {
      display: none; }
    #regional #content .filter-wrap .toggle-filter:before {
      content: "MORE FILTERS"; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #regional #content .filter-wrap .toggle-filter {
        width: 75px;
        font-size: 13px; } }
    @media only screen and (max-width: 767px) {
      #regional #content .filter-wrap .toggle-filter {
        display: none; } }
    #regional #content .filter-wrap .toggle-filter span {
      position: relative;
      display: inline-block;
      margin-top: 5px;
      width: 25px;
      height: 25px; }
      #regional #content .filter-wrap .toggle-filter span:after, #regional #content .filter-wrap .toggle-filter span:before {
        content: "";
        position: absolute;
        background-color: #a6a7a7;
        width: 2px;
        height: 25px;
        transition: all 0.4s ease-out; }
      #regional #content .filter-wrap .toggle-filter span:after {
        transform-origin: center;
        transform: rotate(45deg);
        left: 20px; }
      #regional #content .filter-wrap .toggle-filter span:before {
        transform-origin: center;
        transform: rotate(-45deg);
        right: 20px; }
  #regional #content .sort-and-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #dedede; }
    #regional #content .sort-and-toggle select.form-control {
      z-index: 1;
      position: relative;
      background-color: transparent; }
    @media only screen and (max-width: 767px) {
      #regional #content .sort-and-toggle {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 15px;
        margin-bottom: 0; } }
  #regional #content .sort-and-toggle .map-list-toggle {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #regional #content .sort-and-toggle .map-list-toggle {
        padding: 15px;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      #regional #content .sort-and-toggle .map-list-toggle {
        padding: 10px 15px;
        width: 100%; } }
    #regional #content .sort-and-toggle .map-list-toggle .fa {
      background-color: #dedede;
      color: white;
      font-size: 20px;
      border-radius: 5px;
      width: 40px;
      height: 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      transition: all 0.2s ease-out;
      cursor: pointer !important; }
      #regional #content .sort-and-toggle .map-list-toggle .fa:hover {
        transition: all 0.2s ease-in;
        background-color: #00b300;
        color: white; }
        #regional #content .sort-and-toggle .map-list-toggle .fa:hover > * {
          color: white; }
      #regional #content .sort-and-toggle .map-list-toggle .fa:first-child {
        margin-right: 15px; }
      #regional #content .sort-and-toggle .map-list-toggle .fa.active {
        color: white;
        background-color: #00a5b8; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #regional #content .sort-and-toggle .map-list-toggle .fa {
          font-size: 18px;
          width: 30px;
          height: 30px; }
          #regional #content .sort-and-toggle .map-list-toggle .fa:first-child {
            margin-right: 0;
            margin-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    #regional #content .sort-by-list {
      margin-top: 15px; } }
  #regional #content .sort-by-list li {
    position: relative; }
    @media only screen and (max-width: 767px) {
      #regional #content .sort-by-list li {
        font-size: 12px; } }
    @media only screen and (min-width: 1230px) {
      #regional #content .sort-by-list li:not(:first-child) {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #regional #content .sort-by-list li:not(:first-child) {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #regional #content .sort-by-list li:not(:first-child) {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      #regional #content .sort-by-list li:not(:first-child) {
        padding-left: 10px;
        padding-right: 10px; } }
    #regional #content .sort-by-list li:not(:first-child):after {
      content: '|';
      position: absolute;
      top: -1px;
      right: -3px; }
    #regional #content .sort-by-list li:not(:first-child).active, #regional #content .sort-by-list li:not(:first-child):hover {
      color: #00a5b8;
      cursor: pointer; }
    #regional #content .sort-by-list li:nth-child(2) {
      padding-left: 5px; }
    #regional #content .sort-by-list li:last-child {
      padding-right: 5px; }
      #regional #content .sort-by-list li:last-child:after {
        content: ''; }
  #regional #content .filter-wrap.open .filter > div.row-bottom {
    overflow: visible;
    min-height: 60px;
    margin-top: 30px;
    opacity: 1;
    transition: all 0.4s ease-in; }
  #regional #content .filter-wrap.open .toggle-filter:before {
    content: "COLLAPSE"; }
  #regional #content .filter-wrap.open .toggle-filter span:after, #regional #content .filter-wrap.open .toggle-filter span:before {
    height: 40px;
    transition: all 0.4s ease-in; }
  #regional #content .filter-wrap.open .toggle-filter span:after {
    transform-origin: center;
    transform: rotate(225deg);
    left: 12px; }
  #regional #content .filter-wrap.open .toggle-filter span:before {
    transform-origin: center;
    transform: rotate(-225deg);
    right: 12px; }
  #regional #content .filter-wrap.open .filter > div.row-bottom {
    display: -ms-flexbox;
    display: flex; }
  #regional #content .map {
    position: relative;
    margin-bottom: 30px; }
  #regional #content .map .legend {
    background: white;
    width: 115px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-right: 1px solid lightgray;
    padding-top: 30px; }
    #regional #content .map .legend li:not(:last-child) {
      margin-bottom: 30px; }
    #regional #content .map .legend li p {
      font-size: 10px;
      line-height: 13px; }
    #regional #content .map .legend li img {
      max-width: 40px;
      max-height: 41px;
      margin-bottom: 3px; }
    @media only screen and (max-width: 767px) {
      #regional #content .map .legend {
        display: none;
        width: 100%;
        height: auto;
        padding: 15px 0; }
        #regional #content .map .legend ul {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: distribute;
          justify-content: space-around;
          -ms-flex-align: center;
          align-items: center; }
        #regional #content .map .legend li {
          display: inline-block; }
        #regional #content .map .legend li:not(:last-child) {
          margin-bottom: 0; }
        #regional #content .map .legend li img {
          max-height: 35px; }
        #regional #content .map .legend li p {
          font-size: 8px;
          line-height: 10px; } }
  #regional #content .tab-content .list inline-form {
    -ms-flex-order: 2;
    order: 2; }
  #regional #content .tab-content .list > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: inherit;
    align-items: inherit; }

#regional .nav.nav-tabs {
  display: none; }

#regional .card {
  width: calc(33.3333333333% - 30px); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #regional .card {
      width: calc(50% - 30px); } }
  @media only screen and (max-width: 767px) {
    #regional .card {
      width: 100%; } }

#regional .our-floorplans .card {
  width: calc(50% - 30px); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #regional .our-floorplans .card {
      width: calc(100% - 30px); } }
  @media only screen and (max-width: 767px) {
    #regional .our-floorplans .card {
      width: 100%; } }
  #regional .our-floorplans .card .cta-link-group .cta-link {
    background-color: #ba1f31;
    color: #fff; }

#regional .card-compact {
  max-width: 1000px; }

#regional-content-tabs {
  background-color: #f5f5f5; }
  #regional-content-tabs .mobile-toggle {
    display: none; }
  @media only screen and (max-width: 767px) {
    #regional-content-tabs {
      box-shadow:  0 5px 5px 0 rgba(0, 0, 0, 0.3);
      width: 100%;
      position: fixed;
      z-index: 100;
      top: 65px; }
      #regional-content-tabs .mobile-toggle {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        background-color: white;
        padding-left: 15px; }
        #regional-content-tabs .mobile-toggle .navbar-toggle .icon-bar {
          transition: all 0.3s ease-out;
          position: relative;
          right: 0;
          background-color: #7f7f7f; }
        #regional-content-tabs .mobile-toggle .navbar-toggle:not(.collapsed) .icon-bar {
          right: -5px;
          width: 35px;
          height: 2px;
          transition: all 0.3s ease-in; }
          #regional-content-tabs .mobile-toggle .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
            top: 5px;
            transform-origin: center;
            transform: rotate(45deg); }
          #regional-content-tabs .mobile-toggle .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
            bottom: 5px;
            transform-origin: center;
            transform: rotate(-45deg); }
          #regional-content-tabs .mobile-toggle .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
            opacity: 0;
            right: -10px;
            width: 0; }
      #regional-content-tabs .container {
        padding: 0;
        border-top: 1px solid #dedede; }
      #regional-content-tabs .container a {
        border-radius: 0;
        margin: 0; } }
  @media only screen and (min-width: 1230px) {
    #regional-content-tabs #regional-inner-tab.collapse,
    #regional-content-tabs #regional-inner-tab.collapsing {
      height: auto !important;
      display: block !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #regional-content-tabs #regional-inner-tab.collapse,
    #regional-content-tabs #regional-inner-tab.collapsing {
      height: auto !important;
      display: block !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #regional-content-tabs #regional-inner-tab.collapse,
    #regional-content-tabs #regional-inner-tab.collapsing {
      height: auto !important;
      display: block !important; } }

.regional-results.no-toggle .sort {
  padding: 28px 0;
  border-bottom: 1px solid #dedede;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .regional-results.no-toggle .sort {
      -ms-flex-direction: column;
      flex-direction: column; }
      .regional-results.no-toggle .sort h3 {
        text-align: center;
        width: 100%;
        margin-bottom: 20px; }
      .regional-results.no-toggle .sort .range-select,
      .regional-results.no-toggle .sort range-select,
      .regional-results.no-toggle .sort category-select {
        margin: 0 0 10px 0;
        width: 100%; } }

.range-select,
range-select,
category-select {
  position: relative;
  margin-right: 20px;
  padding-left: 0; }
  .range-select i.fa,
  range-select i.fa,
  category-select i.fa {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: #a6a7a7;
    color: white;
    width: 40px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    z-index: 2; }
  .range-select select.form-control,
  range-select select.form-control,
  category-select select.form-control {
    border-radius: 0;
    -webkit-appearance: none;
    padding-right: 50px; }
  .range-select[column="schools"] select,
  range-select[column="schools"] select,
  category-select[column="schools"] select {
    max-width: 200px; }
  .range-select[column="city"] select,
  range-select[column="city"] select,
  category-select[column="city"] select {
    max-width: 115px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .range-select,
    range-select,
    category-select {
      margin-right: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .range-select,
    range-select,
    category-select {
      margin-right: 10px; } }

@media only screen and (max-width: 767px) {
  .sort-and-toggle .sort,
  .no-toggle .sort {
    width: 100%;
    text-align: center; }
  .sort-and-toggle .sort i.fa,
  .no-toggle .sort i.fa {
    display: none; }
  .sort-and-toggle select.form-control,
  .sort-and-toggle .range-slect select.form-control,
  .no-toggle select.form-control,
  .no-toggle .range-slect select.form-control {
    padding: 5px;
    border: none;
    display: inline-block;
    box-shadow: none;
    font-size: 12px; }
  .sort-and-toggle .sort .range-select,
  .sort-and-toggle .sort range-select,
  .sort-and-toggle .sort category-select,
  .no-toggle .sort .range-select,
  .no-toggle .sort range-select,
  .no-toggle .sort category-select {
    margin: 0 0 7px 0;
    display: inline-block; }
  .sort-and-toggle .sort > *:not(h3),
  .no-toggle .sort > *:not(h3) {
    border-right: 1px solid #dedede; }
  .sort-and-toggle .sort > *:last-child,
  .no-toggle .sort > *:last-child {
    border-right: none; }
  .sort-and-toggle.community-tab .sort > *:nth-child(1),
  .no-toggle.community-tab .sort > *:nth-child(1) {
    width: 45px; }
  .sort-and-toggle.community-tab .sort > *:nth-child(2),
  .no-toggle.community-tab .sort > *:nth-child(2) {
    width: 45px; }
  .sort-and-toggle.community-tab .sort > *:nth-child(3),
  .no-toggle.community-tab .sort > *:nth-child(3) {
    width: 51px; }
  .sort-and-toggle.community-tab .sort > *:nth-child(4),
  .no-toggle.community-tab .sort > *:nth-child(4) {
    width: 51px; }
  .sort-and-toggle.community-tab .sort > *:nth-child(5),
  .no-toggle.community-tab .sort > *:nth-child(5) {
    width: 54px; }
  .sort-and-toggle.community-tab .sort > *:nth-child(6),
  .no-toggle.community-tab .sort > *:nth-child(6) {
    width: 45px; }
  .sort-and-toggle.floorplans-tab .sort > *:nth-child(2),
  .no-toggle.floorplans-tab .sort > *:nth-child(2) {
    width: 45px; }
  .sort-and-toggle.floorplans-tab .sort > *:nth-child(3),
  .no-toggle.floorplans-tab .sort > *:nth-child(3) {
    width: 80px; }
  .sort-and-toggle.floorplans-tab .sort > *:nth-child(4),
  .no-toggle.floorplans-tab .sort > *:nth-child(4) {
    width: 50px; }
  .sort-and-toggle.floorplans-tab .sort > *:nth-child(5),
  .no-toggle.floorplans-tab .sort > *:nth-child(5) {
    width: 85px; }
  .sort-and-toggle.move-in-tab .sort > *:nth-child(1),
  .no-toggle.move-in-tab .sort > *:nth-child(1) {
    width: 45px; }
  .sort-and-toggle.move-in-tab .sort > *:nth-child(2),
  .no-toggle.move-in-tab .sort > *:nth-child(2) {
    width: 45px; }
  .sort-and-toggle.move-in-tab .sort > *:nth-child(3),
  .no-toggle.move-in-tab .sort > *:nth-child(3) {
    width: 50px; }
  .sort-and-toggle.move-in-tab .sort > *:nth-child(4),
  .no-toggle.move-in-tab .sort > *:nth-child(4) {
    width: 60px; }
  .sort-and-toggle.move-in-tab .sort > *:nth-child(5),
  .no-toggle.move-in-tab .sort > *:nth-child(5) {
    width: 40px; }
  .sort-and-toggle.home-models-tab .sort > *:nth-child(1),
  .no-toggle.home-models-tab .sort > *:nth-child(1) {
    width: 60px; }
  .sort-and-toggle.home-models-tab .sort > *:nth-child(2),
  .no-toggle.home-models-tab .sort > *:nth-child(2) {
    width: 75px; } }

@media only screen and (max-width: 767px) {
  .no-toggle .sort {
    display: block; } }

@media only screen and (max-width: 767px) {
  .sort-and-toggle .sort {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }
    .sort-and-toggle .sort > * {
      max-width: 25%; } }

.card {
  background: white; }
  .card .title {
    -ms-flex-positive: 1;
    flex-grow: 1; }

.card-group {
  margin: 15px -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: space-between;
  align-items: space-between;
  /* This area sets the order for the 1st and second rows. Basically, the
	   first row should have 3 items, then the Interstitial should take up the
	   next row. After that display normally. */
  /* Tablet layout is typically 2 cards to a line instead of 3. */ }
  .card-group .card:nth-child(1),
  .card-group .card:nth-child(2),
  .card-group .card:nth-child(3) {
    -ms-flex-order: 1;
    order: 1; }
  .card-group .interstitial-cta {
    width: 100%;
    -ms-flex-order: 2;
    order: 2; }
  .card-group .card {
    width: calc(33.3333333333% - 30px);
    -ms-flex-order: 3;
    order: 3; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .card-group .card {
      width: calc(50% - 30px); }
    .card-group .card:nth-child(3) {
      -ms-flex-order: 3;
      order: 3; } }
  @media only screen and (max-width: 767px) {
    .card-group {
      width: 100%;
      margin: 15px 0;
      -ms-flex-direction: column;
      flex-direction: column; }
      .card-group .card {
        width: 100%; } }
  .card-group:first-child {
    margin-top: 0; }
  .card-group .card.floorplan-card {
    width: calc(50% - 30px) !important; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .card-group .card.floorplan-card {
        width: calc(100% - 30px) !important; } }
    @media only screen and (max-width: 767px) {
      .card-group .card.floorplan-card {
        width: 100% !important; } }
    .card-group .card.floorplan-card:nth-child(1), .card-group .card.floorplan-card:nth-child(2) {
      -ms-flex-order: 1;
      order: 1; }
    .card-group .card.floorplan-card .interstitial-cta {
      -ms-flex-order: 2;
      order: 2; }
    .card-group .card.floorplan-card {
      -ms-flex-order: 3;
      order: 3; }

.card-group > .interstitial-cta,
.card-group > .card {
  margin: 15px; }
  @media only screen and (max-width: 767px) {
    .card-group > .interstitial-cta,
    .card-group > .card {
      margin: 15px 0; } }

.tab-button {
  background-color: #a6a7a7;
  border-radius: 9px 9px 0 0;
  border: none;
  color: white;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 15px;
  padding: 17px;
  text-align: center;
  text-transform: uppercase;
  width: 24.50%;
  margin: 0 0.25%;
  transition: all 0.3s ease-out; }
  .tab-button:first-child {
    margin-left: 0; }
  .tab-button:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tab-button {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .tab-button {
      font-size: 13px;
      border-radius: 10px;
      margin: 0 0 10px;
      width: 100%; } }
  .tab-button.active, .tab-button:hover, .tab-button:focus {
    transition: all 0.3s ease-in;
    background-color: white;
    color: #a6a7a7; }

.popup-wrapper {
  width: 0;
  height: 0; }
  .popup-wrapper > img {
    display: none; }
  .popup-wrapper .image-banner {
    position: absolute;
    left: -4px;
    top: -4px; }
  .popup-wrapper .popup-wrap {
    position: absolute;
    background-color: white;
    width: 400px;
    bottom: 45px;
    left: -195px;
    box-shadow:  5px 5px 5px 0 rgba(0, 0, 0, 0.3); }
    @media only screen and (max-width: 767px) {
      .popup-wrapper .popup-wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 200px;
        left: -95px; } }
  .popup-wrapper .popup-wrap .popup-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .popup-wrapper .popup-wrap .popup-card:not(:last-child) {
      border-bottom: 1px solid #dedede; }
    .popup-wrapper .popup-wrap .popup-card:after {
      content: '';
      position: absolute;
      top: 100%;
      left: calc(50% - 10px);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 10px 15px 10px;
      border-color: transparent transparent white transparent;
      transform-origin: center;
      transform: rotate(180deg); }
    .popup-wrapper .popup-wrap .popup-card .info {
      padding: 15px 20px;
      width: 100%; }
      .popup-wrapper .popup-wrap .popup-card .info p {
        line-height: 22px;
        font-weight: 300; }
      .popup-wrapper .popup-wrap .popup-card .info .flex-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center; }
        .popup-wrapper .popup-wrap .popup-card .info .flex-group p:first-child {
          padding-right: 10px;
          margin-right: 10px; }
          .popup-wrapper .popup-wrap .popup-card .info .flex-group p:first-child:after {
            content: "|";
            color: #dedede;
            position: relative;
            left: 10px; }
    .popup-wrapper .popup-wrap .popup-card .links {
      width: 150px;
      padding: 20px 15px; }
      .popup-wrapper .popup-wrap .popup-card .links a {
        display: block;
        height: 50%;
        font-weight: 300;
        font-size: 15px;
        color: white;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; }
        .popup-wrapper .popup-wrap .popup-card .links a:only-child {
          height: 100%; }
        .popup-wrapper .popup-wrap .popup-card .links a:first-child {
          background-color: #ba1f31; }
        .popup-wrapper .popup-wrap .popup-card .links a:last-child {
          background-color: #00a5b8; }
        @media only screen and (max-width: 767px) {
          .popup-wrapper .popup-wrap .popup-card .links a {
            padding: 10px;
            font-size: 14px; } }
    @media only screen and (max-width: 767px) {
      .popup-wrapper .popup-wrap .popup-card {
        -ms-flex-direction: column;
        flex-direction: column; }
        .popup-wrapper .popup-wrap .popup-card .info {
          padding: 15px;
          width: 100%; }
          .popup-wrapper .popup-wrap .popup-card .info .flex-group {
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: start;
            align-items: flex-start; }
          .popup-wrapper .popup-wrap .popup-card .info .flex-group:after {
            display: none; }
        .popup-wrapper .popup-wrap .popup-card .links {
          width: 100%;
          padding-top: 0; } }

.regional-description {
  color: #444;
  margin-bottom: 1em;
  line-height: 1.5em; }
  .regional-description p {
    margin-bottom: 1em;
    line-height: 1.5em; }

#virtual-tours #virtual-tour-carousel .carousel .fill {
  background-size: cover; }
  #virtual-tours #virtual-tour-carousel .carousel .fill::before {
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

#virtual-tours #virtual-tour-carousel .carousel .sub-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  #virtual-tours #virtual-tour-carousel .carousel .sub-caption > .container > .row > div[class^="col-"] > div {
    background-color: rgba(0, 165, 184, 0.75);
    padding: 15px 150px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #virtual-tours #virtual-tour-carousel .carousel .sub-caption > .container > .row > div[class^="col-"] > div {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #virtual-tours #virtual-tour-carousel .carousel .sub-caption > .container > .row > div[class^="col-"] > div {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      #virtual-tours #virtual-tour-carousel .carousel .sub-caption > .container > .row > div[class^="col-"] > div {
        padding-left: 15px;
        padding-right: 15px; } }
    #virtual-tours #virtual-tour-carousel .carousel .sub-caption > .container > .row > div[class^="col-"] > div p {
      line-height: 36px;
      text-transform: none; }
      @media only screen and (max-width: 767px) {
        #virtual-tours #virtual-tour-carousel .carousel .sub-caption > .container > .row > div[class^="col-"] > div p {
          font-size: 15px;
          line-height: 18px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #virtual-tours #virtual-tour-carousel .carousel .fill {
    background-size: cover; } }

@media only screen and (max-width: 767px) {
  #virtual-tours #virtual-tour-carousel .carousel {
    max-height: 300px; }
    #virtual-tours #virtual-tour-carousel .carousel .fill {
      background-attachment: inherit;
      background-size: cover;
      background-position: 0px 50px; }
    #virtual-tours #virtual-tour-carousel .carousel .flex-caption {
      padding-top: 60px; } }

#virtual-tours #collections-grid {
  padding: 65px 0;
  background-color: #f5f5f5; }
  #virtual-tours #collections-grid .collection-subheader {
    font-size: 2.4em;
    color: #ba1f31;
    margin-top: .9em;
    margin-bottom: .9em;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #virtual-tours #collections-grid .collection-subheader {
        font-size: 1.8em; } }
    @media only screen and (max-width: 767px) {
      #virtual-tours #collections-grid .collection-subheader {
        font-size: 1.5em; } }
  #virtual-tours #collections-grid .virtual-tour {
    width: 100%;
    height: 219px;
    background-size: cover;
    display: block;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #virtual-tours #collections-grid .virtual-tour {
        width: 100%;
        height: 174px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #virtual-tours #collections-grid .virtual-tour {
        width: 100%;
        height: 159px; } }
    @media only screen and (max-width: 767px) {
      #virtual-tours #collections-grid .virtual-tour {
        width: 100%;
        height: 219px; } }
    #virtual-tours #collections-grid .virtual-tour p {
      background-color: rgba(0, 165, 184, 0.75);
      color: white;
      position: absolute;
      top: calc(100% - 52px);
      padding-top: 18px;
      width: 100%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-align: center;
      align-items: center;
      transition: all 0.2s ease-in; }
      #virtual-tours #collections-grid .virtual-tour p:after {
        margin-top: 5px;
        font-size: 50px;
        content: "+";
        opacity: 0;
        transition: all 5s ease-out, 0.2s;
        transform-origin: center;
        transform: rotateY(90deg); }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #virtual-tours #collections-grid .virtual-tour p {
          padding-top: 9px;
          top: calc(100% - 34px); } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #virtual-tours #collections-grid .virtual-tour p {
          padding-top: 9px;
          top: calc(100% - 34px); } }
      @media only screen and (max-width: 767px) {
        #virtual-tours #collections-grid .virtual-tour p {
          font-size: 13px;
          padding-top: 9px;
          top: calc(100% - 34px); } }
    #virtual-tours #collections-grid .virtual-tour:hover p {
      top: 0;
      padding-top: calc(50% - 25px);
      transition: all 0.2s ease-out; }
      #virtual-tours #collections-grid .virtual-tour:hover p:after {
        opacity: 1;
        transition: all 0.1s ease-out;
        transform-origin: center;
        transform: rotateY(0deg); }
  @media only screen and (max-width: 767px) {
    #virtual-tours #collections-grid {
      padding: 30px 15px 80px 15px; } }

#virtual-tours #like-what-you-see {
  background-image: url("/images/site/virtual-tours/like-what-you-see.jpg");
  background-size: cover;
  background-position: center;
  padding-top: 120px;
  padding-bottom: 120px; }
  #virtual-tours #like-what-you-see::before {
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  #virtual-tours #like-what-you-see p {
    color: #fff;
    margin-bottom: 30px; }

#design-overview section#hero {
  height: 85vh;
  padding: 100px 10vw 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url("/images/site/design/design-overview-hero-bkg.jpg");
  background-size: cover;
  background-position: center; }
  #design-overview section#hero .type-md, #design-overview section#hero .sort .sort-item, .sort #design-overview section#hero .sort-item, #design-overview section#hero header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right #design-overview section#hero li, #design-overview section#hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #design-overview section#hero li, #design-overview section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #design-overview section#hero p.type-xl, #design-overview section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #design-overview section#hero p.card-title, #design-overview section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #design-overview section#hero p.card-title, #design-overview section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #design-overview section#hero .popover-title {
    line-height: 48px; }
  #design-overview section#hero p, #design-overview section#hero h1, #design-overview section#hero h2 {
    margin-bottom: 30px;
    max-width: 550px;
    font-weight: 300; }
  #design-overview section#hero h1 {
    margin-bottom: 15px; }
  #design-overview section#hero a.btn-blue span {
    margin: 0 5px; }
  @media only screen and (max-width: 767px) {
    #design-overview section#hero .type-md, #design-overview section#hero .sort .sort-item, .sort #design-overview section#hero .sort-item, #design-overview section#hero header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right #design-overview section#hero li, #design-overview section#hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #design-overview section#hero li, #design-overview section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #design-overview section#hero p.type-xl, #design-overview section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #design-overview section#hero p.card-title, #design-overview section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #design-overview section#hero p.card-title, #design-overview section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #design-overview section#hero .popover-title {
      display: none; }
    #design-overview section#hero h1 {
      margin-top: 15px; } }

#design-overview section#design-style {
  padding: 90px 0;
  text-align: center;
  background-color: #f5f5f5; }
  #design-overview section#design-style p {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #design-overview section#design-style.in p {
    transition: opacity 0.7s ease-out 0s;
    opacity: 1;
    static: 0; }
  #design-overview section#design-style .design-img {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #design-overview section#design-style.in .design-img {
    transition: opacity 0.7s ease-out 0s;
    opacity: 1;
    static: 0; }
  #design-overview section#design-style .card-panel-wrap {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #design-overview section#design-style .card-panel-wrap {
        bottom: 0px; } }
  #design-overview section#design-style.in .card-panel-wrap {
    transition: opacity 0.7s ease-out 0.2s, bottom 1.5s ease-out 0.2s;
    opacity: 1;
    bottom: 0; }
  #design-overview section#design-style .navigate {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #design-overview section#design-style .navigate {
        bottom: 0px; } }
  #design-overview section#design-style.in .navigate {
    transition: opacity 0.7s ease-out 0.8s, bottom 1.5s ease-out 0.8s;
    opacity: 1;
    bottom: 0; }
  #design-overview section#design-style .title .text-center {
    position: relative; }
    #design-overview section#design-style .title .text-center .btn.btn-gray {
      position: absolute;
      right: 15px;
      top: -20px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #design-overview section#design-style .title .text-center .btn.btn-gray {
          position: relative;
          top: 30px;
          right: 0px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #design-overview section#design-style .title .text-center .btn.btn-gray {
          position: relative;
          top: 30px;
          right: 0px; } }
      @media only screen and (max-width: 767px) {
        #design-overview section#design-style .title .text-center .btn.btn-gray {
          position: relative;
          top: 30px;
          right: 0px; } }
  #design-overview section#design-style .title.end > p {
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 70px; }
  #design-overview section#design-style .title.end > .text-center {
    margin-bottom: 100px; }
  #design-overview section#design-style .title .design-img {
    max-width: 415px;
    margin: 20px 50px; }
  #design-overview section#design-style .title .type-xxxl {
    font-weight: 300; }
    #design-overview section#design-style .title .type-xxxl:nth-of-type(2) {
      margin-bottom: 30px; }
  #design-overview section#design-style .card-panel-wrap {
    height: 350px;
    position: relative; }
    #design-overview section#design-style .card-panel-wrap.result-wrap {
      margin: 40px 0; }
  @media only screen and (max-width: 767px) {
    #design-overview section#design-style {
      padding: 60px 0; }
      #design-overview section#design-style .card-panel-wrap {
        height: 265px; }
      #design-overview section#design-style .title .design-img {
        width: 100%;
        margin: 20px 0; }
      #design-overview section#design-style .title.end > p,
      #design-overview section#design-style .title.end > .text-center {
        margin-bottom: 30px; }
      #design-overview section#design-style .card-panel-wrap.result-wrap {
        height: auto; }
      #design-overview section#design-style .type-lg, #design-overview section#design-style .type-subtitle-sm, #design-overview section#design-style snapshot-info .snapshot, snapshot-info #design-overview section#design-style .snapshot, #design-overview section#design-style #microsite section#local-amenities .col-left .info li, #microsite section#local-amenities .col-left .info #design-overview section#design-style li, #design-overview section#design-style #microsite.coming-soon .divider.red, #microsite.coming-soon #design-overview section#design-style .divider.red, #design-overview section#design-style #microsite.coming-soon .card.floorplan-card .divider.card-title, #microsite.coming-soon .card.floorplan-card #design-overview section#design-style .divider.card-title, #design-overview section#design-style .card.floorplan-card #microsite.coming-soon .divider.card-title, .card.floorplan-card #microsite.coming-soon #design-overview section#design-style .divider.card-title, #design-overview section#design-style #floorplan-detail #hero .col-right .info .dropdown-menu a, #floorplan-detail #hero .col-right .info .dropdown-menu #design-overview section#design-style a, #design-overview section#design-style #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #floorplan-detail #hero .fill .info .dropdown-menu #design-overview section#design-style a,
      #design-overview section#design-style #microsite-floorplan-detail #hero .col-right .info .dropdown-menu a, #microsite-floorplan-detail #hero .col-right .info .dropdown-menu #design-overview section#design-style a, #design-overview section#design-style #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu a, #lifestyle #the-design-process .col-right #microsite-floorplan-detail #hero .fill .info .dropdown-menu #design-overview section#design-style a, #design-overview section#design-style #blog #content .col-left .comment-share .nav.nav-tabs li a, #blog #content .col-left .comment-share .nav.nav-tabs li #design-overview section#design-style a, #design-overview section#design-style #blog #content .col-left .comment-share input, #blog #content .col-left .comment-share #design-overview section#design-style input, #design-overview section#design-style #blog #content .col-left .comment-share textarea, #blog #content .col-left .comment-share #design-overview section#design-style textarea, #design-overview section#design-style .card-panel > div span {
        line-height: 25px;
        padding: 0; }
      #design-overview section#design-style .results.show > div {
        margin-bottom: 30px; }
        #design-overview section#design-style .results.show > div .card .card-xs .image {
          height: 50vw; } }
  #design-overview section#design-style .card-panel {
    padding: 60px 0;
    cursor: pointer;
    position: absolute;
    perspective: 2000px;
    width: 100%;
    opacity: 0;
    z-index: 0;
    transform-origin: center;
    transform: scale(0.6);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.6s ease-in; }
    #design-overview section#design-style .card-panel.active {
      transform-origin: center;
      transform: scale(1);
      transition: all 0.6s ease-in;
      opacity: 1;
      z-index: 1; }
      #design-overview section#design-style .card-panel.active > div {
        transform-origin: center;
        transform: rotateY(0deg); }
        #design-overview section#design-style .card-panel.active > div:nth-child(2) {
          transition: all 0.6s ease-in;
          margin: 0 50px; }
          @media only screen and (max-width: 767px) {
            #design-overview section#design-style .card-panel.active > div:nth-child(2) {
              margin: 0 10px; } }
    #design-overview section#design-style .card-panel > div {
      border: 1px solid #a6a7a7;
      border-radius: 10px;
      position: relative;
      overflow: hidden;
      transform-origin: center;
      transform: rotateY(90deg);
      width: 208px;
      height: 208px;
      transition: all 0.6s ease-out;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        #design-overview section#design-style .card-panel > div {
          height: 150px; }
          #design-overview section#design-style .card-panel > div svg {
            height: 40%;
            width: 80%; } }
      #design-overview section#design-style .card-panel > div:nth-child(2) {
        transition: all 0.6s ease-out;
        margin: 0 200px; }
      #design-overview section#design-style .card-panel > div:after {
        content: "";
        background: #00a5b8;
        position: absolute;
        top: -275px;
        left: -275px;
        z-index: 0;
        width: 150%;
        height: 150%;
        transform-origin: center;
        transform: rotate(45deg);
        transition: all 0.3s ease-in; }
        @media only screen and (max-width: 767px) {
          #design-overview section#design-style .card-panel > div:after {
            width: 200%;
            height: 200%; } }
      #design-overview section#design-style .card-panel > div svg,
      #design-overview section#design-style .card-panel > div span {
        transition: all 0.3s ease-in;
        position: relative;
        z-index: 1; }
        #design-overview section#design-style .card-panel > div svg path:not(.no-fill), #design-overview section#design-style .card-panel > div svg polygon:not(.no-fill), #design-overview section#design-style .card-panel > div svg rect:not(.no-fill), #design-overview section#design-style .card-panel > div svg ellipse:not(.no-fill), #design-overview section#design-style .card-panel > div svg circle:not(.no-fill), #design-overview section#design-style .card-panel > div svg line:not(.no-fill),
        #design-overview section#design-style .card-panel > div span path:not(.no-fill),
        #design-overview section#design-style .card-panel > div span polygon:not(.no-fill),
        #design-overview section#design-style .card-panel > div span rect:not(.no-fill),
        #design-overview section#design-style .card-panel > div span ellipse:not(.no-fill),
        #design-overview section#design-style .card-panel > div span circle:not(.no-fill),
        #design-overview section#design-style .card-panel > div span line:not(.no-fill) {
          fill: #969696; }
        #design-overview section#design-style .card-panel > div svg.icon-dinner path,
        #design-overview section#design-style .card-panel > div svg.icon-dinner line,
        #design-overview section#design-style .card-panel > div svg.icon-dinner circle,
        #design-overview section#design-style .card-panel > div svg.icon-dinner ellipse, #design-overview section#design-style .card-panel > div svg.icon-canoe path,
        #design-overview section#design-style .card-panel > div svg.icon-canoe line,
        #design-overview section#design-style .card-panel > div svg.icon-canoe circle,
        #design-overview section#design-style .card-panel > div svg.icon-canoe ellipse, #design-overview section#design-style .card-panel > div svg.icon-umbrella path,
        #design-overview section#design-style .card-panel > div svg.icon-umbrella line,
        #design-overview section#design-style .card-panel > div svg.icon-umbrella circle,
        #design-overview section#design-style .card-panel > div svg.icon-umbrella ellipse,
        #design-overview section#design-style .card-panel > div span.icon-dinner path,
        #design-overview section#design-style .card-panel > div span.icon-dinner line,
        #design-overview section#design-style .card-panel > div span.icon-dinner circle,
        #design-overview section#design-style .card-panel > div span.icon-dinner ellipse,
        #design-overview section#design-style .card-panel > div span.icon-canoe path,
        #design-overview section#design-style .card-panel > div span.icon-canoe line,
        #design-overview section#design-style .card-panel > div span.icon-canoe circle,
        #design-overview section#design-style .card-panel > div span.icon-canoe ellipse,
        #design-overview section#design-style .card-panel > div span.icon-umbrella path,
        #design-overview section#design-style .card-panel > div span.icon-umbrella line,
        #design-overview section#design-style .card-panel > div span.icon-umbrella circle,
        #design-overview section#design-style .card-panel > div span.icon-umbrella ellipse {
          transition: all 0.3s ease-in;
          stroke: #969696;
          stroke-width: 3; }
      #design-overview section#design-style .card-panel > div span {
        margin-bottom: 30px; }
        @media only screen and (max-width: 767px) {
          #design-overview section#design-style .card-panel > div span {
            font-size: 13px; } }
      #design-overview section#design-style .card-panel > div:hover:after, #design-overview section#design-style .card-panel > div.active:after {
        transition: all 0.3s ease-in;
        top: -50px;
        left: -50px; }
        @media only screen and (max-width: 767px) {
          #design-overview section#design-style .card-panel > div:hover:after, #design-overview section#design-style .card-panel > div.active:after {
            top: -60px; } }
      #design-overview section#design-style .card-panel > div:hover svg,
      #design-overview section#design-style .card-panel > div:hover span, #design-overview section#design-style .card-panel > div.active svg,
      #design-overview section#design-style .card-panel > div.active span {
        transition: all 0.3s ease-in;
        color: white; }
        #design-overview section#design-style .card-panel > div:hover svg path:not(.no-fill), #design-overview section#design-style .card-panel > div:hover svg polygon:not(.no-fill), #design-overview section#design-style .card-panel > div:hover svg rect:not(.no-fill), #design-overview section#design-style .card-panel > div:hover svg ellipse:not(.no-fill), #design-overview section#design-style .card-panel > div:hover svg circle:not(.no-fill), #design-overview section#design-style .card-panel > div:hover svg line:not(.no-fill),
        #design-overview section#design-style .card-panel > div:hover span path:not(.no-fill),
        #design-overview section#design-style .card-panel > div:hover span polygon:not(.no-fill),
        #design-overview section#design-style .card-panel > div:hover span rect:not(.no-fill),
        #design-overview section#design-style .card-panel > div:hover span ellipse:not(.no-fill),
        #design-overview section#design-style .card-panel > div:hover span circle:not(.no-fill),
        #design-overview section#design-style .card-panel > div:hover span line:not(.no-fill), #design-overview section#design-style .card-panel > div.active svg path:not(.no-fill), #design-overview section#design-style .card-panel > div.active svg polygon:not(.no-fill), #design-overview section#design-style .card-panel > div.active svg rect:not(.no-fill), #design-overview section#design-style .card-panel > div.active svg ellipse:not(.no-fill), #design-overview section#design-style .card-panel > div.active svg circle:not(.no-fill), #design-overview section#design-style .card-panel > div.active svg line:not(.no-fill),
        #design-overview section#design-style .card-panel > div.active span path:not(.no-fill),
        #design-overview section#design-style .card-panel > div.active span polygon:not(.no-fill),
        #design-overview section#design-style .card-panel > div.active span rect:not(.no-fill),
        #design-overview section#design-style .card-panel > div.active span ellipse:not(.no-fill),
        #design-overview section#design-style .card-panel > div.active span circle:not(.no-fill),
        #design-overview section#design-style .card-panel > div.active span line:not(.no-fill) {
          fill: white; }
        #design-overview section#design-style .card-panel > div:hover svg.icon-dinner path,
        #design-overview section#design-style .card-panel > div:hover svg.icon-dinner line,
        #design-overview section#design-style .card-panel > div:hover svg.icon-dinner circle,
        #design-overview section#design-style .card-panel > div:hover svg.icon-dinner ellipse, #design-overview section#design-style .card-panel > div:hover svg.icon-canoe path,
        #design-overview section#design-style .card-panel > div:hover svg.icon-canoe line,
        #design-overview section#design-style .card-panel > div:hover svg.icon-canoe circle,
        #design-overview section#design-style .card-panel > div:hover svg.icon-canoe ellipse, #design-overview section#design-style .card-panel > div:hover svg.icon-umbrella path,
        #design-overview section#design-style .card-panel > div:hover svg.icon-umbrella line,
        #design-overview section#design-style .card-panel > div:hover svg.icon-umbrella circle,
        #design-overview section#design-style .card-panel > div:hover svg.icon-umbrella ellipse,
        #design-overview section#design-style .card-panel > div:hover span.icon-dinner path,
        #design-overview section#design-style .card-panel > div:hover span.icon-dinner line,
        #design-overview section#design-style .card-panel > div:hover span.icon-dinner circle,
        #design-overview section#design-style .card-panel > div:hover span.icon-dinner ellipse,
        #design-overview section#design-style .card-panel > div:hover span.icon-canoe path,
        #design-overview section#design-style .card-panel > div:hover span.icon-canoe line,
        #design-overview section#design-style .card-panel > div:hover span.icon-canoe circle,
        #design-overview section#design-style .card-panel > div:hover span.icon-canoe ellipse,
        #design-overview section#design-style .card-panel > div:hover span.icon-umbrella path,
        #design-overview section#design-style .card-panel > div:hover span.icon-umbrella line,
        #design-overview section#design-style .card-panel > div:hover span.icon-umbrella circle,
        #design-overview section#design-style .card-panel > div:hover span.icon-umbrella ellipse, #design-overview section#design-style .card-panel > div.active svg.icon-dinner path,
        #design-overview section#design-style .card-panel > div.active svg.icon-dinner line,
        #design-overview section#design-style .card-panel > div.active svg.icon-dinner circle,
        #design-overview section#design-style .card-panel > div.active svg.icon-dinner ellipse, #design-overview section#design-style .card-panel > div.active svg.icon-canoe path,
        #design-overview section#design-style .card-panel > div.active svg.icon-canoe line,
        #design-overview section#design-style .card-panel > div.active svg.icon-canoe circle,
        #design-overview section#design-style .card-panel > div.active svg.icon-canoe ellipse, #design-overview section#design-style .card-panel > div.active svg.icon-umbrella path,
        #design-overview section#design-style .card-panel > div.active svg.icon-umbrella line,
        #design-overview section#design-style .card-panel > div.active svg.icon-umbrella circle,
        #design-overview section#design-style .card-panel > div.active svg.icon-umbrella ellipse,
        #design-overview section#design-style .card-panel > div.active span.icon-dinner path,
        #design-overview section#design-style .card-panel > div.active span.icon-dinner line,
        #design-overview section#design-style .card-panel > div.active span.icon-dinner circle,
        #design-overview section#design-style .card-panel > div.active span.icon-dinner ellipse,
        #design-overview section#design-style .card-panel > div.active span.icon-canoe path,
        #design-overview section#design-style .card-panel > div.active span.icon-canoe line,
        #design-overview section#design-style .card-panel > div.active span.icon-canoe circle,
        #design-overview section#design-style .card-panel > div.active span.icon-canoe ellipse,
        #design-overview section#design-style .card-panel > div.active span.icon-umbrella path,
        #design-overview section#design-style .card-panel > div.active span.icon-umbrella line,
        #design-overview section#design-style .card-panel > div.active span.icon-umbrella circle,
        #design-overview section#design-style .card-panel > div.active span.icon-umbrella ellipse {
          transition: all 0.3s ease-in;
          stroke: white; }
  #design-overview section#design-style .results {
    opacity: 0;
    position: relative;
    transition: all 0.3s ease-in, 0.2s; }
    #design-overview section#design-style .results .carousel-control {
      background-image: none;
      width: 5%;
      z-index: 5; }
      #design-overview section#design-style .results .carousel-control.left {
        left: -80px; }
      #design-overview section#design-style .results .carousel-control.right {
        right: -80px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #design-overview section#design-style .results .carousel-control.left {
          left: -5vw; }
        #design-overview section#design-style .results .carousel-control.right {
          right: -5vw; } }
      #design-overview section#design-style .results .carousel-control svg {
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        position: absolute;
        width: 50px;
        height: 50px;
        transition: all 0.2s ease-out; }
        #design-overview section#design-style .results .carousel-control svg path:not(.no-fill), #design-overview section#design-style .results .carousel-control svg polygon:not(.no-fill), #design-overview section#design-style .results .carousel-control svg rect:not(.no-fill), #design-overview section#design-style .results .carousel-control svg ellipse:not(.no-fill), #design-overview section#design-style .results .carousel-control svg circle:not(.no-fill), #design-overview section#design-style .results .carousel-control svg line:not(.no-fill) {
          fill: #a6a7a7; }
      #design-overview section#design-style .results .carousel-control:hover svg {
        cursor: pointer;
        transition: all 0.2s ease-in; }
        #design-overview section#design-style .results .carousel-control:hover svg path:not(.no-fill), #design-overview section#design-style .results .carousel-control:hover svg polygon:not(.no-fill), #design-overview section#design-style .results .carousel-control:hover svg rect:not(.no-fill), #design-overview section#design-style .results .carousel-control:hover svg ellipse:not(.no-fill), #design-overview section#design-style .results .carousel-control:hover svg circle:not(.no-fill), #design-overview section#design-style .results .carousel-control:hover svg line:not(.no-fill) {
          fill: #7f7f7f; }
    #design-overview section#design-style .results slick {
      max-height: 350px;
      overflow: hidden; }
      #design-overview section#design-style .results slick .card-xs .image {
        height: 165px; }
    #design-overview section#design-style .results.show {
      opacity: 1;
      z-index: 1;
      transition: all 0.3s ease-in; }
  #design-overview section#design-style .error {
    font-style: italic;
    margin-bottom: 20px;
    opacity: 0; }
  #design-overview section#design-style .navigate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    #design-overview section#design-style .navigate span {
      font-style: italic;
      font-weight: 600; }
    #design-overview section#design-style .navigate .btn {
      margin-left: 40px; }
    #design-overview section#design-style .navigate .btn-blue {
      display: inline-block; }
    #design-overview section#design-style .navigate .btn-red {
      display: none; }
    #design-overview section#design-style .navigate.result .btn-red {
      display: inline-block; }
    #design-overview section#design-style .navigate.result .btn-blue {
      display: none; }

#design-overview section#design-team {
  background-color: #00a5b8;
  color: white;
  padding: 110px 0;
  background-repeat: no-repeat; }
  #design-overview section#design-team .container {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #design-overview section#design-team .container {
        right: 0px; } }
  #design-overview section#design-team.in .container {
    transition: opacity 0.7s ease-out 0s, right 1.5s ease-out 0s;
    opacity: 1;
    right: 0; }
  #design-overview section#design-team .container {
    z-index: 5; }
  #design-overview section#design-team p {
    z-index: 5;
    position: relative; }
  #design-overview section#design-team:before {
    content: "";
    background-image: url("/images/site/design/design0overview-woman.jpg");
    background-size: cover;
    background-position: center right;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1; }
  #design-overview section#design-team:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 50%;
    height: 100%;
    background: -webkiit-linear-gradient(90deg, #00a5b8 70%, rgba(0, 165, 184, 0));
    background: linear-gradient(90deg, #00a5b8 70%, rgba(0, 165, 184, 0)); }
  #design-overview section#design-team.in {
    transition: all 10s ease-out; }
  @media only screen and (max-width: 767px) {
    #design-overview section#design-team .type-design-md,
    #design-overview section#design-team .type-design-xl {
      text-align: center; }
    #design-overview section#design-team:after {
      width: 100%;
      opacity: 0.9;
      background: -webkiit-linear-gradient(90deg, #00a5b8 70%, #00a5b8);
      background: linear-gradient(90deg, #00a5b8 70%, #00a5b8); } }

#design-overview section#bsb-design {
  padding: 105px 0;
  background-color: #f5f5f5; }
  #design-overview section#bsb-design .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #design-overview section#bsb-design .container > .col-left {
      padding-right: 50px; }
      #design-overview section#bsb-design .container > .col-left img {
        width: 100%; }
    #design-overview section#bsb-design .container .col-right .thumbnails li, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li {
      width: 175px;
      height: 175px;
      background-size: cover;
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      #design-overview section#bsb-design .container .col-right .thumbnails li:not(:last-child), #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li:not(:last-child) {
        margin-bottom: 45px; }
      #design-overview section#bsb-design .container .col-right .thumbnails li div, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li div {
        background-color: rgba(0, 165, 184, 0.9);
        color: white;
        padding: 5px;
        position: absolute;
        top: calc(100% - 35px);
        height: 35px;
        padding-top: 10px;
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        transition: all 0.2s ease-in; }
        #design-overview section#bsb-design .container .col-right .thumbnails li div:after, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li div:after {
          margin-top: 5px;
          font-size: 50px;
          content: "+";
          opacity: 0;
          transition: all 5s ease-out, 0.2s;
          transform-origin: center;
          transform: rotateY(90deg); }
        @media only screen and (max-width: 767px) {
          #design-overview section#bsb-design .container .col-right .thumbnails li div, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li div {
            font-size: 13px; } }
      #design-overview section#bsb-design .container .col-right .thumbnails li:hover div, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li:hover div, #design-overview section#bsb-design .container .col-right .thumbnails li.debug div, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li.debug div {
        top: 0;
        padding-top: calc(50% - 25px);
        transition: all 0.2s ease-out; }
        #design-overview section#bsb-design .container .col-right .thumbnails li:hover div:after, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li:hover div:after, #design-overview section#bsb-design .container .col-right .thumbnails li.debug div:after, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li.debug div:after {
          opacity: 1;
          transition: all 0.1s ease-out;
          transform-origin: center;
          transform: rotateY(0deg); }
    #design-overview section#bsb-design .container .inline-modal {
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      padding: 50px;
      perspective: 2000px;
      width: 100%;
      height: 100%;
      transition: all 0s ease-in, 4s; }
      #design-overview section#bsb-design .container .inline-modal.overflow .row {
        height: 100%; }
      #design-overview section#bsb-design .container .inline-modal .row {
        background-color: white;
        padding: 85px;
        display: -ms-flexbox;
        display: flex;
        box-shadow:  0 0 15px 0 rgba(0, 0, 0, 0.1);
        transform-origin: center;
        transform: rotateX(-90deg);
        transition: all 0.3s ease-out; }
        #design-overview section#bsb-design .container .inline-modal .row p {
          margin-bottom: 30px; }
          #design-overview section#bsb-design .container .inline-modal .row p.margin-min {
            margin-bottom: 15px; }
          #design-overview section#bsb-design .container .inline-modal .row p.type-sm, #design-overview section#bsb-design .container .inline-modal .row #slick-main p.caption, #slick-main #design-overview section#bsb-design .container .inline-modal .row p.caption, #design-overview section#bsb-design .container .inline-modal .row #slick-thumb p.caption, #slick-thumb #design-overview section#bsb-design .container .inline-modal .row p.caption, #design-overview section#bsb-design .container .inline-modal .row #slick-strip p.caption, #slick-strip #design-overview section#bsb-design .container .inline-modal .row p.caption, #design-overview section#bsb-design .container .inline-modal .row #slick-floorplan p.caption, #slick-floorplan #design-overview section#bsb-design .container .inline-modal .row p.caption, #design-overview section#bsb-design .container .inline-modal .row #slick-collections p.caption, #slick-collections #design-overview section#bsb-design .container .inline-modal .row p.caption, #design-overview section#bsb-design .container .inline-modal .row .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #design-overview section#bsb-design .container .inline-modal .row p.type-xl, #design-overview section#bsb-design .container .inline-modal .row .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #design-overview section#bsb-design .container .inline-modal .row p.card-title, #design-overview section#bsb-design .container .inline-modal .row .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #design-overview section#bsb-design .container .inline-modal .row p.card-title, #design-overview section#bsb-design .container .inline-modal .row .card.floorplan-card p.card-subtitle, .card.floorplan-card #design-overview section#bsb-design .container .inline-modal .row p.card-subtitle, #design-overview section#bsb-design .container .inline-modal .row .card.floorplan-card p.card-detail, .card.floorplan-card #design-overview section#bsb-design .container .inline-modal .row p.card-detail, #design-overview section#bsb-design .container .inline-modal .row .card.floorplan-card p.card-price, .card.floorplan-card #design-overview section#bsb-design .container .inline-modal .row p.card-price {
            line-height: 34px; }
        #design-overview section#bsb-design .container .inline-modal .row hr {
          margin-bottom: 30px; }
        #design-overview section#bsb-design .container .inline-modal .row .bio img {
          padding: 5px;
          border: 1px solid #a6a7a7; }
        #design-overview section#bsb-design .container .inline-modal .row .col-left {
          padding: 0; }
        #design-overview section#bsb-design .container .inline-modal .row .col-left img {
          width: 100%; }
        #design-overview section#bsb-design .container .inline-modal .row .col-right, #design-overview section#bsb-design .container .inline-modal .row #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill {
          padding-left: 40px; }
          #design-overview section#bsb-design .container .inline-modal .row .col-right img, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill img {
            width: 100%; }
          #design-overview section#bsb-design .container .inline-modal .row .col-right .bio, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill .bio {
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto; }
          #design-overview section#bsb-design .container .inline-modal .row .col-right .bio .row, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill .bio .row {
            padding-left: 0;
            padding-right: 20px;
            height: auto; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #design-overview section#bsb-design .container .inline-modal .row {
            padding: 45px; }
            #design-overview section#bsb-design .container .inline-modal .row p.type-subtitle-lg {
              font-size: 24px; }
            #design-overview section#bsb-design .container .inline-modal .row .col-right .bio .row, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill .bio .row {
              -ms-flex-direction: column;
              flex-direction: column; }
            #design-overview section#bsb-design .container .inline-modal .row .col-right img, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill img {
              margin-bottom: 30px; }
            #design-overview section#bsb-design .container .inline-modal .row .col-right p:nth-child(1), #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill p:nth-child(1),
            #design-overview section#bsb-design .container .inline-modal .row .col-right p:nth-child(2),
            #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill p:nth-child(2) {
              text-align: center; }
            
            #design-overview section#bsb-design .container .inline-modal .row .col-right p:nth-child(2),
            #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal .row .fill p:nth-child(2) {
              font-size: 16px; } }
        #design-overview section#bsb-design .container .inline-modal .row .close {
          font-size: 40px;
          position: absolute;
          top: 20px;
          right: 30px;
          font-weight: 300; }
      #design-overview section#bsb-design .container .inline-modal.open {
        z-index: 1;
        transition: all 0s ease-out; }
        #design-overview section#bsb-design .container .inline-modal.open .row {
          transform-origin: center;
          transform: rotateX(0deg);
          transition: all 0.3s ease-in; }
      #design-overview section#bsb-design .container .inline-modal.open-remove .row {
        opacity: 0;
        transition: all 0.2s ease-in; }
    @media only screen and (max-width: 767px) {
      #design-overview section#bsb-design .container {
        -ms-flex-direction: column;
        flex-direction: column; }
        #design-overview section#bsb-design .container .col-left {
          margin-bottom: 40px; }
        #design-overview section#bsb-design .container .col-left p.type-md, #design-overview section#bsb-design .container .col-left .sort p.sort-item, .sort #design-overview section#bsb-design .container .col-left p.sort-item, #design-overview section#bsb-design .container .col-left .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #design-overview section#bsb-design .container .col-left p.type-xl, #design-overview section#bsb-design .container .col-left .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #design-overview section#bsb-design .container .col-left p.card-title, #design-overview section#bsb-design .container .col-left .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #design-overview section#bsb-design .container .col-left p.card-title, #design-overview section#bsb-design .container .col-left #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #design-overview section#bsb-design .container .col-left p.popover-title {
          margin-top: 30px;
          line-height: 35px; }
        #design-overview section#bsb-design .container .col-right, #design-overview section#bsb-design .container #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill {
          width: 100%; }
          #design-overview section#bsb-design .container .col-right .thumbnails li, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li {
            width: calc(50% - 10px);
            float: left; }
            #design-overview section#bsb-design .container .col-right .thumbnails li:nth-child(odd), #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .fill .thumbnails li:nth-child(odd) {
              margin-right: 20px; }
        #design-overview section#bsb-design .container .inline-modal {
          padding: 25px;
          height: calc(100% - 80px); }
        #design-overview section#bsb-design .container .inline-modal p.type-subtitle-lg {
          font-size: 18px;
          line-height: 24px;
          text-align: center;
          border-bottom: 1px solid #a6a7a7;
          padding-bottom: 25px; }
        #design-overview section#bsb-design .container .inline-modal > .row {
          padding: 80px 20px; }
        #design-overview section#bsb-design .container .inline-modal > .row .col-left {
          display: none;
          width: 30vw; }
        #design-overview section#bsb-design .container .inline-modal > .row .col-right, #design-overview section#bsb-design .container .inline-modal > .row #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #design-overview section#bsb-design .container .inline-modal > .row .fill {
          padding: 0; }
        #design-overview section#bsb-design .container .inline-modal .bio .row {
          padding: 20px;
          -ms-flex-direction: column;
          flex-direction: column; }
          #design-overview section#bsb-design .container .inline-modal .bio .row > div:first-child {
            text-align: center;
            width: 100%; }
          #design-overview section#bsb-design .container .inline-modal .bio .row > div:first-child img {
            width: 75%;
            margin-bottom: 20px; } }

#image-gallery #hero {
  height: 425px;
  padding-top: 100px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("/images/site/homepage/grid-bkg.jpg");
  background-size: cover;
  background-position: center; }
  #image-gallery #hero h1 {
    font-weight: 300; }
  @media only screen and (max-width: 767px) {
    #image-gallery #hero {
      height: 225px;
      padding-top: 65px; } }

#image-gallery #content {
  background-color: #f5f5f5;
  padding: 80px 0;
  min-height: 500px; }
  #image-gallery #content .accordian-thumbnail {
    width: calc(25% - 20px);
    float: left;
    margin: 20px 13px; }
  #image-gallery #content .filter {
    margin-bottom: 50px; }
  #image-gallery #content .btn.expand {
    display: inline-block;
    text-align: center;
    margin: 30px 0; }
  @media only screen and (min-width: 1230px) {
    #image-gallery #content .accordian-thumbnail:nth-of-type(4n - 3) {
      margin-left: 0; }
    #image-gallery #content .accordian-thumbnail:nth-of-type(4n) {
      margin-right: 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #image-gallery #content .accordian-thumbnail:nth-of-type(4n - 3) {
      margin-left: 0; }
    #image-gallery #content .accordian-thumbnail:nth-of-type(4n) {
      margin-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #image-gallery #content .accordian-thumbnail:nth-of-type(4n - 3) {
      margin-left: 0; }
    #image-gallery #content .accordian-thumbnail:nth-of-type(4n) {
      margin-right: 0; }
    #image-gallery #content button {
      width: 35vw; } }
  @media only screen and (max-width: 767px) {
    #image-gallery #content {
      padding: 80px 0 140px; }
      #image-gallery #content accordian-thumbnail {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; }
      #image-gallery #content button {
        width: 85vw; }
      #image-gallery #content .accordian-thumbnail {
        width: 90vw; } }

#lifestyle p.type-md, #lifestyle .sort p.sort-item, .sort #lifestyle p.sort-item, #lifestyle .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle p.type-xl, #lifestyle .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle p.card-title, #lifestyle .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle p.card-title, #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle p.popover-title,
#lifestyle h1.type-md,
#lifestyle .sort h1.sort-item,
.sort #lifestyle h1.sort-item,
#lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title,
#homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle h1.popover-title,
#lifestyle h2.type-md,
#lifestyle .sort h2.sort-item,
.sort #lifestyle h2.sort-item,
#lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
#homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle h2.popover-title {
  line-height: 52px; }

@Include desktop {
  #lifestyle p.type-md, #lifestyle .sort p.sort-item, .sort #lifestyle p.sort-item, #lifestyle .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle p.type-xl, #lifestyle .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle p.card-title, #lifestyle .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle p.card-title, #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle p.popover-title,
  #lifestyle h1.type-md,
  #lifestyle .sort h1.sort-item,
  .sort #lifestyle h1.sort-item,
  #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle h1.popover-title,
  #lifestyle h2.type-md,
  #lifestyle .sort h2.sort-item,
  .sort #lifestyle h2.sort-item,
  #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
  #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle h2.popover-title {
    line-height: 45px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #lifestyle p.type-md, #lifestyle .sort p.sort-item, .sort #lifestyle p.sort-item, #lifestyle .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle p.type-xl, #lifestyle .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle p.card-title, #lifestyle .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle p.card-title, #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle p.popover-title,
    #lifestyle h1.type-md,
    #lifestyle .sort h1.sort-item,
    .sort #lifestyle h1.sort-item,
    #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle h1.popover-title,
    #lifestyle h2.type-md,
    #lifestyle .sort h2.sort-item,
    .sort #lifestyle h2.sort-item,
    #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle h2.popover-title {
      line-height: 40px; } }
  @media only screen and (max-width: 767px) {
    #lifestyle p.type-md, #lifestyle .sort p.sort-item, .sort #lifestyle p.sort-item, #lifestyle .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle p.type-xl, #lifestyle .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle p.card-title, #lifestyle .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle p.card-title, #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle p.popover-title,
    #lifestyle h1.type-md,
    #lifestyle .sort h1.sort-item,
    .sort #lifestyle h1.sort-item,
    #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle h1.popover-title,
    #lifestyle h2.type-md,
    #lifestyle .sort h2.sort-item,
    .sort #lifestyle h2.sort-item,
    #lifestyle #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle h2.popover-title {
      line-height: 35px; } }

#lifestyle p.type-subtitle-lg,
#lifestyle h1.type-subtitle-lg,
#lifestyle h2.type-subtitle-lg {
  margin-bottom: 25px; }
  @media only screen and (max-width: 767px) {
    #lifestyle p.type-subtitle-lg,
    #lifestyle h1.type-subtitle-lg,
    #lifestyle h2.type-subtitle-lg {
      margin-bottom: 15px; } }

#lifestyle p.type-subtitle-xl,
#lifestyle h1.type-subtitle-xl,
#lifestyle h2.type-subtitle-xl {
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 75px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #lifestyle p.type-subtitle-xl,
    #lifestyle h1.type-subtitle-xl,
    #lifestyle h2.type-subtitle-xl {
      margin-bottom: 45px; } }
  @media only screen and (max-width: 767px) {
    #lifestyle p.type-subtitle-xl,
    #lifestyle h1.type-subtitle-xl,
    #lifestyle h2.type-subtitle-xl {
      font-size: 35px;
      margin-bottom: 30px; } }

@media only screen and (max-width: 767px) {
  #lifestyle #hero-carousel .flex-caption img {
    width: 65%;
    margin-bottom: 50px; } }

#lifestyle #overview {
  padding: 90px 0; }
  #lifestyle #overview .row {
    margin-bottom: 140px; }
    #lifestyle #overview .row p {
      transition: left 1s ease-out;
      position: relative;
      left: -70px;
      opacity: 0; }
      @media only screen and (max-width: 767px) {
        #lifestyle #overview .row p {
          left: 0px; } }
    #lifestyle #overview .row.in p {
      transition: opacity 0.7s ease-out 0s, left 1.5s ease-out 0s;
      opacity: 1;
      left: 0; }
    #lifestyle #overview .row img {
      transition: left 1s ease-out;
      position: relative;
      opacity: 0; }
    #lifestyle #overview .row.in img {
      transition: opacity 0.7s ease-out 0s;
      opacity: 1;
      static: 0; }
    #lifestyle #overview .row p, #lifestyle #overview .row img {
      transition: all 0.2s ease-out; }
  #lifestyle #overview .row:nth-child(1) .col-left {
    padding: 40px 140px 40px 0; }
  #lifestyle #overview .row:nth-child(2) .col-right img, #lifestyle #the-design-process .col-right #overview .row:nth-child(2) .fill img {
    padding: 140px 0 75px; }
  #lifestyle #overview .row:nth-child(3) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      #lifestyle #overview .row:nth-child(3) {
        margin-bottom: 0; } }
    #lifestyle #overview .row:nth-child(3) img {
      width: 100%; }
    #lifestyle #overview .row:nth-child(3) p.type-subtitle-xl {
      margin-bottom: 0; }
  #lifestyle #overview .row:nth-child(4) p {
    padding: 30px 90px 30px 0; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #lifestyle #overview .row img {
      width: 100%; }
    #lifestyle #overview .row {
      margin-bottom: 100px; }
    #lifestyle #overview .row:nth-child(1) .col-left {
      padding: 40px 100px 40px 0; }
    #lifestyle #overview .row:nth-child(2) .col-right img, #lifestyle #the-design-process .col-right #overview .row:nth-child(2) .fill img {
      padding: 100px 0 75px; }
    #lifestyle #overview .row:nth-child(4) p {
      padding: 30px 60px 30px 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #lifestyle #overview {
      padding: 45px 0; }
      #lifestyle #overview .row img {
        width: 100%; }
      #lifestyle #overview .row {
        margin-bottom: 40px; }
      #lifestyle #overview .row:nth-child(1) .col-left {
        padding: 40px 40px 40px 20px; }
      #lifestyle #overview .row:nth-child(2) .col-right img, #lifestyle #the-design-process .col-right #overview .row:nth-child(2) .fill img {
        padding: 40px 0 45px; }
      #lifestyle #overview .row:nth-child(4) p {
        padding: 30px 60px 30px 0; } }
  @media only screen and (max-width: 767px) {
    #lifestyle #overview {
      margin-bottom: 0px;
      padding: 30px 15px; }
      #lifestyle #overview .row:nth-child(1) .col-left {
        padding: 0 15px;
        margin-bottom: 15px; }
      #lifestyle #overview .row:nth-child(2) .col-right img, #lifestyle #the-design-process .col-right #overview .row:nth-child(2) .fill img,
      #lifestyle #overview .row:nth-child(4) p {
        padding-top: 0;
        padding-right: 0; }
      #lifestyle #overview .row.in img {
        width: 100%; }
      #lifestyle #overview .row {
        margin-bottom: 35px; }
      #lifestyle #overview .flex-wrap {
        -ms-flex-direction: column;
        flex-direction: column; } }

#lifestyle #the-design-process .col-left {
  background-color: #f5f5f5; }
  #lifestyle #the-design-process .col-left .top {
    overflow: hidden;
    padding-top: 150px; }
    #lifestyle #the-design-process .col-left .top .nav.nav-tabs {
      -ms-flex-pack: start;
      justify-content: flex-start; }
      #lifestyle #the-design-process .col-left .top .nav.nav-tabs li a {
        padding: 15px 20px;
        height: auto; }
      #lifestyle #the-design-process .col-left .top .nav.nav-tabs li a:after {
        display: none; }
      #lifestyle #the-design-process .col-left .top .nav.nav-tabs li.active a,
      #lifestyle #the-design-process .col-left .top .nav.nav-tabs li a:hover {
        color: white;
        background-color: #00a5b8;
        box-shadow:  0 0 0 0 rgba(0, 0, 0, 0); }
  #lifestyle #the-design-process .col-left .divider {
    box-shadow:  0px -10px 15px 0 rgba(0, 0, 0, 0.1);
    height: 95px; }
  #lifestyle #the-design-process .col-left .bottom {
    padding-bottom: 125px; }
    #lifestyle #the-design-process .col-left .bottom > div {
      opacity: 1;
      transition: all 0.3s ease-out; }
      #lifestyle #the-design-process .col-left .bottom > div.fade {
        opacity: 0;
        transition: all 0.3s ease-in; }
    #lifestyle #the-design-process .col-left .bottom p.type-xl, #lifestyle #the-design-process .col-left .bottom .card.floorplan-card p.card-title, .card.floorplan-card #lifestyle #the-design-process .col-left .bottom p.card-title {
      margin-bottom: 20px; }

#lifestyle #the-design-process .col-right, #lifestyle #the-design-process .col-right .fill {
  background-size: cover;
  background-color: white;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% - 100px);
  height: 100%; }

#lifestyle #the-design-process .col-right .fill {
  opacity: 0;
  z-index: 0;
  width: 100%;
  height: 1000px;
  transition: all 0.6s ease-out; }
  #lifestyle #the-design-process .col-right .fill.active {
    opacity: 1;
    z-index: 1;
    transition: all 0.6s ease-in; }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #lifestyle #the-design-process .col-left .top {
    padding-top: 100px; }
  #lifestyle #the-design-process .col-left .divider {
    height: 75px; }
  #lifestyle #the-design-process .col-left .bottom {
    padding-bottom: 90px; }
  #lifestyle #the-design-process .col-right, #lifestyle #the-design-process .col-right .fill {
    width: calc(50% - 80px);
    height: 100%; }
  #lifestyle #the-design-process .col-right .fill {
    width: 100%;
    height: 850px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #lifestyle #the-design-process .col-left .top .nav.nav-tabs li a {
    padding: 10px 15px;
    font-size: 14px; }
  #lifestyle #the-design-process .col-left .top {
    padding-top: 50px; }
  #lifestyle #the-design-process .col-left .divider {
    height: 45px; }
  #lifestyle #the-design-process .col-left .bottom {
    padding-bottom: 60px; }
  #lifestyle #the-design-process .col-right, #lifestyle #the-design-process .col-right .fill {
    width: calc(50% - 40px);
    height: 100%; }
  #lifestyle #the-design-process .col-right .fill {
    width: 100%;
    height: 650px; } }

@media only screen and (max-width: 767px) {
  #lifestyle #the-design-process .col-left .top {
    padding-top: 30px; }
  #lifestyle #the-design-process .col-left .top .nav.nav-tabs {
    -ms-flex-direction: row;
    flex-direction: row; }
  #lifestyle #the-design-process .col-left .top .nav.nav-tabs li {
    height: auto; }
  #lifestyle #the-design-process .col-left .top .nav.nav-tabs li a {
    padding: 5px 10px;
    font-size: 12px; }
  #lifestyle #the-design-process .col-left .bottom {
    padding-top: 30px;
    padding-bottom: 30px; }
  #lifestyle #the-design-process .col-left .bottom p.type-xl, #lifestyle #the-design-process .col-left .bottom .card.floorplan-card p.card-title, .card.floorplan-card #lifestyle #the-design-process .col-left .bottom p.card-title {
    font-size: 18px; }
  #lifestyle #the-design-process .col-right, #lifestyle #the-design-process .col-right .fill,
  #lifestyle #the-design-process .divider {
    display: none; } }

#lifestyle #visit-a-design-center {
  padding: 95px 0; }
  @media only screen and (max-width: 767px) {
    #lifestyle #visit-a-design-center {
      padding: 30px 15px; } }
  #lifestyle #visit-a-design-center .panel {
    background-color: transparent;
    box-shadow: none; }
  #lifestyle #visit-a-design-center .panel-heading {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px; }
  #lifestyle #visit-a-design-center .panel-title > a {
    font-size: 30px; }
    @media only screen and (max-width: 767px) {
      #lifestyle #visit-a-design-center .panel-title > a {
        font-size: 15px; } }
    #lifestyle #visit-a-design-center .panel-title > a .fa {
      color: #00a5b8;
      font-size: 60px;
      margin-top: -15px; }
      @media only screen and (max-width: 767px) {
        #lifestyle #visit-a-design-center .panel-title > a .fa {
          font-size: 30px;
          margin-top: -6px; } }
  #lifestyle #visit-a-design-center .panel-body {
    border-top-color: transparent;
    padding: 30px 0; }
  #lifestyle #visit-a-design-center svg {
    width: 30px;
    height: 30px; }
    #lifestyle #visit-a-design-center svg path:not(.no-fill), #lifestyle #visit-a-design-center svg polygon:not(.no-fill), #lifestyle #visit-a-design-center svg rect:not(.no-fill), #lifestyle #visit-a-design-center svg ellipse:not(.no-fill), #lifestyle #visit-a-design-center svg circle:not(.no-fill), #lifestyle #visit-a-design-center svg line:not(.no-fill) {
      fill: #00a5b8; }
    #lifestyle #visit-a-design-center svg.icon-phone {
      width: 20px;
      height: 20px; }
  #lifestyle #visit-a-design-center hr {
    border-color: #00a5b8; }
  #lifestyle #visit-a-design-center .title {
    min-height: 65px;
    padding-bottom: 5px; }
    #lifestyle #visit-a-design-center .title *:first-child:nth-last-child(2),
    #lifestyle #visit-a-design-center .title *:first-child:nth-last-child(2) ~ * {
      margin: 0;
      line-height: 30px; }
    #lifestyle #visit-a-design-center .title p, #lifestyle #visit-a-design-center .title h1 {
      font-weight: 300; }
  #lifestyle #visit-a-design-center h2.sub-title,
  #lifestyle #visit-a-design-center p.sub-title {
    font-weight: 600; }
  #lifestyle #visit-a-design-center p.sub-title {
    line-height: 25px;
    margin-bottom: 20px; }
  #lifestyle #visit-a-design-center .map {
    margin-bottom: 35px;
    border: 1px solid #a6a7a7;
    position: relative;
    background-image: url("/images/site/global/map-template.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 390px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    #lifestyle #visit-a-design-center .map a {
      display: inline-block;
      margin-left: -131.5px;
      position: absolute;
      bottom: -17px;
      left: 50%;
      background-color: #00a5b8;
      color: white;
      padding: 10px 15px; }
  #lifestyle #visit-a-design-center .info {
    line-height: 30px;
    margin-bottom: 20px; }
    #lifestyle #visit-a-design-center .info p:not(:last-child) {
      margin-bottom: 20px; }
  #lifestyle #visit-a-design-center p.type-sm.blue, #lifestyle #visit-a-design-center #slick-main p.blue.caption, #slick-main #lifestyle #visit-a-design-center p.blue.caption, #lifestyle #visit-a-design-center #slick-thumb p.blue.caption, #slick-thumb #lifestyle #visit-a-design-center p.blue.caption, #lifestyle #visit-a-design-center #slick-strip p.blue.caption, #slick-strip #lifestyle #visit-a-design-center p.blue.caption, #lifestyle #visit-a-design-center #slick-floorplan p.blue.caption, #slick-floorplan #lifestyle #visit-a-design-center p.blue.caption, #lifestyle #visit-a-design-center #slick-collections p.blue.caption, #slick-collections #lifestyle #visit-a-design-center p.blue.caption, #lifestyle #visit-a-design-center .inline-get-fast-answers .copy p.blue.type-xl, .inline-get-fast-answers .copy #lifestyle #visit-a-design-center p.blue.type-xl, #lifestyle #visit-a-design-center .inline-get-fast-answers .copy .card.floorplan-card p.blue.card-title, .inline-get-fast-answers .copy .card.floorplan-card #lifestyle #visit-a-design-center p.blue.card-title, #lifestyle #visit-a-design-center .card.floorplan-card .inline-get-fast-answers .copy p.blue.card-title, .card.floorplan-card .inline-get-fast-answers .copy #lifestyle #visit-a-design-center p.blue.card-title, #lifestyle #visit-a-design-center .card.floorplan-card p.blue.card-subtitle, .card.floorplan-card #lifestyle #visit-a-design-center p.blue.card-subtitle, #lifestyle #visit-a-design-center .card.floorplan-card p.blue.card-detail, .card.floorplan-card #lifestyle #visit-a-design-center p.blue.card-detail, #lifestyle #visit-a-design-center .card.floorplan-card p.blue.card-price, .card.floorplan-card #lifestyle #visit-a-design-center p.blue.card-price, #lifestyle #visit-a-design-center a.phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    margin-bottom: 20px; }
    #lifestyle #visit-a-design-center p.type-sm.blue svg, #lifestyle #visit-a-design-center #slick-main p.blue.caption svg, #slick-main #lifestyle #visit-a-design-center p.blue.caption svg, #lifestyle #visit-a-design-center #slick-thumb p.blue.caption svg, #slick-thumb #lifestyle #visit-a-design-center p.blue.caption svg, #lifestyle #visit-a-design-center #slick-strip p.blue.caption svg, #slick-strip #lifestyle #visit-a-design-center p.blue.caption svg, #lifestyle #visit-a-design-center #slick-floorplan p.blue.caption svg, #slick-floorplan #lifestyle #visit-a-design-center p.blue.caption svg, #lifestyle #visit-a-design-center #slick-collections p.blue.caption svg, #slick-collections #lifestyle #visit-a-design-center p.blue.caption svg, #lifestyle #visit-a-design-center .inline-get-fast-answers .copy p.blue.type-xl svg, .inline-get-fast-answers .copy #lifestyle #visit-a-design-center p.blue.type-xl svg, #lifestyle #visit-a-design-center .inline-get-fast-answers .copy .card.floorplan-card p.blue.card-title svg, .inline-get-fast-answers .copy .card.floorplan-card #lifestyle #visit-a-design-center p.blue.card-title svg, #lifestyle #visit-a-design-center .card.floorplan-card .inline-get-fast-answers .copy p.blue.card-title svg, .card.floorplan-card .inline-get-fast-answers .copy #lifestyle #visit-a-design-center p.blue.card-title svg, #lifestyle #visit-a-design-center .card.floorplan-card p.blue.card-subtitle svg, .card.floorplan-card #lifestyle #visit-a-design-center p.blue.card-subtitle svg, #lifestyle #visit-a-design-center .card.floorplan-card p.blue.card-detail svg, .card.floorplan-card #lifestyle #visit-a-design-center p.blue.card-detail svg, #lifestyle #visit-a-design-center .card.floorplan-card p.blue.card-price svg, .card.floorplan-card #lifestyle #visit-a-design-center p.blue.card-price svg, #lifestyle #visit-a-design-center a.phone svg {
      margin-right: 10px; }
  #lifestyle #visit-a-design-center a.phone {
    margin-bottom: 0;
    color: #7f7f7f; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #lifestyle #visit-a-design-center > .container > .row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    #lifestyle #visit-a-design-center > .container > .row > div {
      margin-bottom: 30px; } }

#lifestyle #our-team .fill {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/images/site/lifestyle/team-img.jpg");
  background-size: cover;
  background-position: center;
  width: calc(50% - 250px);
  height: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #lifestyle #our-team .fill {
      width: calc(50% - 150px);
      height: 100%; } }

#lifestyle #our-team .row {
  padding: 125px 0; }
  #lifestyle #our-team .row .info p:first-child {
    margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    #lifestyle #our-team .row {
      padding: 30px 15px; } }

@media only screen and (max-width: 767px) {
  #lifestyle #inline-form.inline-stay-updated {
    padding-bottom: 80px; } }

#buying-process section#hero {
  background-color: #f5f5f5;
  padding-top: 100px;
  height: calc(100% - 140px); }
  #buying-process section#hero > * {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center; }
  #buying-process section#hero .col-left {
    height: 100%; }
    #buying-process section#hero .col-left .content {
      padding-right: 500px; }
      #buying-process section#hero .col-left .content svg {
        width: 25px;
        height: 25px; }
        #buying-process section#hero .col-left .content svg path:not(.no-fill), #buying-process section#hero .col-left .content svg polygon:not(.no-fill), #buying-process section#hero .col-left .content svg rect:not(.no-fill), #buying-process section#hero .col-left .content svg ellipse:not(.no-fill), #buying-process section#hero .col-left .content svg circle:not(.no-fill), #buying-process section#hero .col-left .content svg line:not(.no-fill) {
          fill: white; }
      #buying-process section#hero .col-left .content p,
      #buying-process section#hero .col-left .content h2 {
        margin-bottom: 40px; }
        #buying-process section#hero .col-left .content p.type-md, #buying-process section#hero .col-left .content .sort p.sort-item, .sort #buying-process section#hero .col-left .content p.sort-item, #buying-process section#hero .col-left .content .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #buying-process section#hero .col-left .content p.type-xl, #buying-process section#hero .col-left .content .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #buying-process section#hero .col-left .content p.card-title, #buying-process section#hero .col-left .content .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #buying-process section#hero .col-left .content p.card-title, #buying-process section#hero .col-left .content #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #buying-process section#hero .col-left .content p.popover-title,
        #buying-process section#hero .col-left .content h2.type-md,
        #buying-process section#hero .col-left .content .sort h2.sort-item,
        .sort #buying-process section#hero .col-left .content h2.sort-item,
        #buying-process section#hero .col-left .content #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #buying-process section#hero .col-left .content h2.popover-title {
          line-height: 48px; }
        #buying-process section#hero .col-left .content p:not(.type-md),
        #buying-process section#hero .col-left .content h2:not(.type-md) {
          font-weight: 300; }
      #buying-process section#hero .col-left .content h1 {
        margin-bottom: 80px; }
      #buying-process section#hero .col-left .content .btn.btn-blue span,
      #buying-process section#hero .col-left .content .btn.btn-blue a {
        color: white;
        display: -ms-inline-flexbox;
        display: inline-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; }
      #buying-process section#hero .col-left .content > *:not(.type-buying-process) {
        opacity: 0; }
  @media only screen and (min-width: 768px) and (max-height: 850px) {
    #buying-process section#hero .col-left {
      transition: all 0.2s ease-out;
      transform-origin: left;
      transform: scale(0.8); }
    #buying-process section#hero .col-left .content {
      padding-right: 400px; }
    #buying-process section#hero .col-left .content h1 {
      margin-bottom: 40px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #buying-process section#hero .col-left .content {
      padding-right: 400px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #buying-process section#hero {
      height: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding-top: 110px; }
      #buying-process section#hero .col-left {
        height: auto;
        margin-bottom: 60px; }
        #buying-process section#hero .col-left .content {
          padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    #buying-process section#hero {
      height: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding-top: 65px; }
      #buying-process section#hero .col-left {
        height: auto;
        margin-bottom: 60px; }
        #buying-process section#hero .col-left .content {
          padding-right: 0; }
      #buying-process section#hero > * {
        -ms-flex-align: end;
        align-items: flex-end; }
      #buying-process section#hero .col-left .content p,
      #buying-process section#hero .col-left .content h2 {
        margin-bottom: 20px; }
        #buying-process section#hero .col-left .content p.type-md, #buying-process section#hero .col-left .content .sort p.sort-item, .sort #buying-process section#hero .col-left .content p.sort-item, #buying-process section#hero .col-left .content .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #buying-process section#hero .col-left .content p.type-xl, #buying-process section#hero .col-left .content .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #buying-process section#hero .col-left .content p.card-title, #buying-process section#hero .col-left .content .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #buying-process section#hero .col-left .content p.card-title, #buying-process section#hero .col-left .content #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #buying-process section#hero .col-left .content p.popover-title,
        #buying-process section#hero .col-left .content h2.type-md,
        #buying-process section#hero .col-left .content .sort h2.sort-item,
        .sort #buying-process section#hero .col-left .content h2.sort-item,
        #buying-process section#hero .col-left .content #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
        #homepage section#welcome-home .map-sm .svg-map .pin + .popover #buying-process section#hero .col-left .content h2.popover-title {
          line-height: 28px; }
      #buying-process section#hero .col-left .content h1 {
        margin-bottom: 40px;
        font-size: 30px;
        text-align: center; }
      #buying-process section#hero .col-left .content h2 {
        font-size: 20px;
        line-height: 25px; }
        #buying-process section#hero .col-left .content h2 span {
          display: inline-block;
          float: left;
          height: 40px;
          margin-right: 10px; } }
  #buying-process section#hero.in .col-left .content > *:not(.type-buying-process) {
    transition: all 0.2s ease-in;
    opacity: 1; }
  #buying-process section#hero .col-right, #buying-process section#hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #buying-process section#hero .fill,
  #buying-process section#hero .col-right .image,
  #lifestyle #the-design-process .col-right #buying-process section#hero .fill .image {
    position: absolute;
    top: 0;
    right: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #buying-process section#hero .col-right, #buying-process section#hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #buying-process section#hero .fill,
      #buying-process section#hero .col-right .image,
      #lifestyle #the-design-process .col-right #buying-process section#hero .fill .image {
        position: relative; } }
    @media only screen and (max-width: 767px) {
      #buying-process section#hero .col-right, #buying-process section#hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #buying-process section#hero .fill,
      #buying-process section#hero .col-right .image,
      #lifestyle #the-design-process .col-right #buying-process section#hero .fill .image {
        position: relative; } }
  #buying-process section#hero .col-right, #buying-process section#hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #buying-process section#hero .fill {
    background-color: white;
    overflow: hidden;
    width: calc(50% - 100px);
    height: 100%; }
    
    #buying-process section#hero .col-right .image,
    #lifestyle #the-design-process .col-right #buying-process section#hero .fill .image {
      background-size: cover;
      background-position: right 100px;
      background-repeat: no-repeat;
      opacity: 0;
      width: 100%;
      height: 100%;
      transition: all 1s ease-in;
      transform-origin: center;
      transform: scale(1.05); }
      #buying-process section#hero .col-right .image.active, #lifestyle #the-design-process .col-right #buying-process section#hero .fill .image.active {
        transition: all 1s ease-out;
        transform-origin: center;
        transform: scale(1);
        opacity: 1; }
    #buying-process section#hero .col-right ul, #buying-process section#hero #lifestyle #the-design-process .col-right .fill ul, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul {
      padding-top: 100px; }
      #buying-process section#hero .col-right ul li, #buying-process section#hero #lifestyle #the-design-process .col-right .fill ul li, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul li {
        background-color: #7f7f7f;
        color: white;
        border-radius: 0 50px 50px 0;
        position: relative;
        font-size: 25px;
        width: 130px;
        height: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 300;
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        #buying-process section#hero .col-right ul li:hover, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul li:hover {
          transition: all 0.2s ease-in;
          background-color: #ba1f31;
          color: white; }
          #buying-process section#hero .col-right ul li:hover > *, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul li:hover > * {
            color: white; }
        #buying-process section#hero .col-right ul li:not(:last-child), #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul li:not(:last-child) {
          margin-bottom: 10px; }
        #buying-process section#hero .col-right ul li.active, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul li.active {
          background-color: #ba1f31; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #buying-process section#hero .col-right, #buying-process section#hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #buying-process section#hero .fill {
        width: 100%;
        height: 45%;
        overflow: hidden;
        margin-bottom: 60px; }
        
        #buying-process section#hero .col-right .image,
        #lifestyle #the-design-process .col-right #buying-process section#hero .fill .image {
          position: absolute;
          background-position: center; }
        #buying-process section#hero .col-right ul, #buying-process section#hero #lifestyle #the-design-process .col-right .fill ul, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul {
          padding-top: 0;
          transform-origin: left;
          transform: scale(0.7); } }
    @media only screen and (max-width: 767px) {
      #buying-process section#hero .col-right, #buying-process section#hero #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #buying-process section#hero .fill {
        height: 250px;
        width: 100%;
        height: 250px;
        overflow: hidden;
        margin-bottom: 60px; }
        #buying-process section#hero .col-right ul, #buying-process section#hero #lifestyle #the-design-process .col-right .fill ul, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul {
          width: 100%;
          text-align: center; }
        #buying-process section#hero .col-right ul li, #buying-process section#hero #lifestyle #the-design-process .col-right .fill ul li, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul li {
          border-radius: 25px 25px 0 0;
          width: 60px;
          height: 45px;
          padding: 10px;
          display: inline-block;
          text-align: center; }
          #buying-process section#hero .col-right ul li:not(:last-child), #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul li:not(:last-child) {
            margin-bottom: 0px; }
        
        #buying-process section#hero .col-right .image,
        #lifestyle #the-design-process .col-right #buying-process section#hero .fill .image {
          position: absolute;
          background-position: center; }
        #buying-process section#hero .col-right ul, #buying-process section#hero #lifestyle #the-design-process .col-right .fill ul, #lifestyle #the-design-process .col-right #buying-process section#hero .fill ul {
          padding-top: 0;
          transform-origin: left;
          transform: scale(1); } }

#financing svg {
  width: 25px;
  height: 25px; }
  #financing svg path:not(.no-fill), #financing svg polygon:not(.no-fill), #financing svg rect:not(.no-fill), #financing svg ellipse:not(.no-fill), #financing svg circle:not(.no-fill), #financing svg line:not(.no-fill) {
    fill: white; }

#financing section#content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    #financing section#content {
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 80px; } }
  #financing section#content > div {
    -ms-flex: 1;
    flex: 1;
    height: 480px;
    color: white;
    line-height: 72px;
    padding: 80px;
    font-weight: 300;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start; }
    #financing section#content > div p, #financing section#content > div h1, #financing section#content > div h2 {
      margin-bottom: 80px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #financing section#content > div p, #financing section#content > div h1, #financing section#content > div h2 {
        margin-bottom: 55px;
        font-size: 35px;
        line-height: 55px; }
        #financing section#content > div p br, #financing section#content > div h1 br, #financing section#content > div h2 br {
          display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #financing section#content > div {
        width: 50%;
        padding: 45px; }
        #financing section#content > div p, #financing section#content > div h1, #financing section#content > div h2 {
          margin-bottom: 50px;
          font-size: 35px;
          line-height: 55px; }
        #financing section#content > div p, #financing section#content > div h1, #financing section#content > div h2, #financing section#content > div .btn {
          width: 100%; } }
    @media only screen and (max-width: 767px) {
      #financing section#content > div {
        width: 100%;
        padding: 45px; }
        #financing section#content > div p, #financing section#content > div h1, #financing section#content > div h2 {
          margin-bottom: 50px;
          font-size: 28px;
          line-height: 55px; }
        #financing section#content > div p, #financing section#content > div h1, #financing section#content > div h2, #financing section#content > div .btn {
          width: 100%; } }
    @media only screen and (max-width: 767px) {
      #financing section#content > div {
        height: 400px; } }
    #financing section#content > div:first-child {
      background-image: url("/images/site/financing/house.jpg");
      background-size: cover;
      background-position: center; }
    #financing section#content > div:last-child {
      background-image: url("/images/site/financing/couple.jpg");
      background-size: cover;
      background-position: center; }

#prequalify section#hero {
  background-image: url("/images/site/prequalify/hero-bkg.jpg");
  background-size: cover;
  background-position: center;
  color: white; }
  #prequalify section#hero .type-md, #prequalify section#hero .sort .sort-item, .sort #prequalify section#hero .sort-item, #prequalify section#hero header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right #prequalify section#hero li, #prequalify section#hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #prequalify section#hero li, #prequalify section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #prequalify section#hero p.type-xl, #prequalify section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #prequalify section#hero p.card-title, #prequalify section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #prequalify section#hero p.card-title, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero .popover-title {
    margin: 0; }
    #prequalify section#hero .type-md b, #prequalify section#hero .sort .sort-item b, .sort #prequalify section#hero .sort-item b, #prequalify section#hero header #main-nav .dropdown-wide .col-right li b, header #main-nav .dropdown-wide .col-right #prequalify section#hero li b, #prequalify section#hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li b, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #prequalify section#hero li b, #prequalify section#hero .inline-get-fast-answers.md .copy p.type-xl b, .inline-get-fast-answers.md .copy #prequalify section#hero p.type-xl b, #prequalify section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title b, .inline-get-fast-answers.md .copy .card.floorplan-card #prequalify section#hero p.card-title b, #prequalify section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title b, .card.floorplan-card .inline-get-fast-answers.md .copy #prequalify section#hero p.card-title b, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title b, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero .popover-title b {
      font-weight: 700;
      font-style: italic; }
  @media only screen and (max-width: 767px) {
    #prequalify section#hero p {
      text-align: center; }
    #prequalify section#hero .type-prequalify-lg {
      font-size: 10vw;
      line-height: 12vw; }
    #prequalify section#hero p.type-md, #prequalify section#hero .sort p.sort-item, .sort #prequalify section#hero p.sort-item, #prequalify section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #prequalify section#hero p.type-xl, #prequalify section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #prequalify section#hero p.card-title, #prequalify section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #prequalify section#hero p.card-title, #prequalify section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #prequalify section#hero p.popover-title {
      padding: 0 3vw;
      max-width: 350px; } }

#prequalify section#content {
  background-color: #f5f5f5;
  padding: 90px 0; }
  #prequalify section#content label {
    margin-bottom: 10px; }
  #prequalify section#content input {
    border: none; }
  #prequalify section#content .col-right, #prequalify section#content #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #prequalify section#content .fill {
    padding-left: 50px; }
    #prequalify section#content .col-right p.type-xs, #lifestyle #the-design-process .col-right #prequalify section#content .fill p.type-xs,
    #prequalify section#content .col-right header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #prequalify section#content .col-right li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #prequalify section#content #lifestyle #the-design-process .col-right .fill li > p.dd-trigger, #lifestyle #the-design-process .col-right #prequalify section#content .fill header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #lifestyle #the-design-process .col-right #prequalify section#content .fill li > p.dd-trigger, #prequalify section#content .col-right #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom #prequalify section#content .col-right p.year, #lifestyle #the-design-process .col-right #prequalify section#content .fill #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom #lifestyle #the-design-process .col-right #prequalify section#content .fill p.year {
      line-height: 26px; }
    #prequalify section#content .col-right input.btn, #lifestyle #the-design-process .col-right #prequalify section#content .fill input.btn {
      float: right;
      margin-top: 80px; }
    #prequalify section#content .col-right custom-checkbox, #prequalify section#content #lifestyle #the-design-process .col-right .fill custom-checkbox, #lifestyle #the-design-process .col-right #prequalify section#content .fill custom-checkbox {
      padding-top: 8px; }
  #prequalify section#content .form-component {
    margin-bottom: 50px; }
    #prequalify section#content .form-component .help-block {
      bottom: -54px; }
  @media only screen and (max-width: 767px) {
    #prequalify section#content {
      padding: 50px 0 90px; }
      #prequalify section#content .col-right, #prequalify section#content #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #prequalify section#content .fill {
        padding-left: 15px; }
      #prequalify section#content .col-right input.btn, #lifestyle #the-design-process .col-right #prequalify section#content .fill input.btn {
        margin-top: 20px;
        float: none;
        width: 150px;
        padding: 15px;
        font-size: 16px;
        margin-left: calc(50% - 75px); } }

#general-contact section#hero {
  background-image: url("/images/site/general-contact/hero-bkg.jpg");
  background-size: cover;
  background-position: center;
  color: white; }
  #general-contact section#hero .type-md, #general-contact section#hero .sort .sort-item, .sort #general-contact section#hero .sort-item, #general-contact section#hero header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right #general-contact section#hero li, #general-contact section#hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #general-contact section#hero li, #general-contact section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #general-contact section#hero p.type-xl, #general-contact section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #general-contact section#hero p.card-title, #general-contact section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #general-contact section#hero p.card-title, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero .popover-title {
    margin: 0; }
    #general-contact section#hero .type-md b, #general-contact section#hero .sort .sort-item b, .sort #general-contact section#hero .sort-item b, #general-contact section#hero header #main-nav .dropdown-wide .col-right li b, header #main-nav .dropdown-wide .col-right #general-contact section#hero li b, #general-contact section#hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li b, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #general-contact section#hero li b, #general-contact section#hero .inline-get-fast-answers.md .copy p.type-xl b, .inline-get-fast-answers.md .copy #general-contact section#hero p.type-xl b, #general-contact section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title b, .inline-get-fast-answers.md .copy .card.floorplan-card #general-contact section#hero p.card-title b, #general-contact section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title b, .card.floorplan-card .inline-get-fast-answers.md .copy #general-contact section#hero p.card-title b, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title b, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero .popover-title b {
      font-weight: 700;
      font-style: italic; }
  @media only screen and (max-width: 767px) {
    #general-contact section#hero p {
      text-align: center; }
    #general-contact section#hero .type-prequalify-lg {
      font-size: 10vw;
      line-height: 12vw; }
    #general-contact section#hero p.type-md, #general-contact section#hero .sort p.sort-item, .sort #general-contact section#hero p.sort-item, #general-contact section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #general-contact section#hero p.type-xl, #general-contact section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #general-contact section#hero p.card-title, #general-contact section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #general-contact section#hero p.card-title, #general-contact section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #general-contact section#hero p.popover-title {
      padding: 0 3vw;
      max-width: 350px; } }

#general-contact section#content {
  background-color: #f5f5f5;
  padding: 90px 0 0 0; }
  #general-contact section#content label {
    margin-bottom: 10px; }
  #general-contact section#content input {
    border: none; }
  #general-contact section#content .col-right, #general-contact section#content #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #general-contact section#content .fill {
    padding-left: 50px; }
    #general-contact section#content .col-right p.type-xs, #lifestyle #the-design-process .col-right #general-contact section#content .fill p.type-xs,
    #general-contact section#content .col-right header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #general-contact section#content .col-right li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #general-contact section#content #lifestyle #the-design-process .col-right .fill li > p.dd-trigger, #lifestyle #the-design-process .col-right #general-contact section#content .fill header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #lifestyle #the-design-process .col-right #general-contact section#content .fill li > p.dd-trigger, #general-contact section#content .col-right #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom #general-contact section#content .col-right p.year, #lifestyle #the-design-process .col-right #general-contact section#content .fill #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom #lifestyle #the-design-process .col-right #general-contact section#content .fill p.year {
      line-height: 26px; }
    #general-contact section#content .col-right input.btn, #lifestyle #the-design-process .col-right #general-contact section#content .fill input.btn {
      float: right;
      margin-top: 40px; }
    #general-contact section#content .col-right custom-checkbox, #general-contact section#content #lifestyle #the-design-process .col-right .fill custom-checkbox, #lifestyle #the-design-process .col-right #general-contact section#content .fill custom-checkbox {
      padding-top: 8px; }
  #general-contact section#content .form-component {
    margin-bottom: 50px; }
    #general-contact section#content .form-component .help-block {
      bottom: -54px; }
  #general-contact section#content .help-block.form-helper-text {
    margin-top: 20px; }
  @media only screen and (max-width: 767px) {
    #general-contact section#content {
      padding: 50px 0 90px; }
      #general-contact section#content .col-right, #general-contact section#content #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #general-contact section#content .fill {
        padding-left: 15px; }
      #general-contact section#content .col-right input.btn, #lifestyle #the-design-process .col-right #general-contact section#content .fill input.btn {
        margin-top: 40px;
        float: none;
        width: 150px;
        padding: 15px;
        font-size: 16px;
        margin-left: calc(50% - 75px); } }

#building-process section#building-process-carousel .carousel {
  height: calc(100vh - 75px);
  min-height: 765px; }
  @media only screen and (max-width: 767px) {
    #building-process section#building-process-carousel .carousel {
      min-height: 865px; } }

#building-process section#building-process-carousel .flex-caption {
  position: absolute;
  color: white;
  padding-top: 180px;
  perspective: 2000px;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }
  #building-process section#building-process-carousel .flex-caption p.type-building-process,
  #building-process section#building-process-carousel .flex-caption h1.type-building-process {
    margin-bottom: 80px;
    text-align: center; }
  @media only screen and (max-width: 767px) {
    #building-process section#building-process-carousel .flex-caption {
      padding-top: 90px; }
      #building-process section#building-process-carousel .flex-caption p.type-building-process,
      #building-process section#building-process-carousel .flex-caption h1.type-building-process {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 40px; } }
  #building-process section#building-process-carousel .flex-caption .caption {
    width: 70%;
    background-color: rgba(166, 167, 167, 0.5);
    padding: 50px;
    text-align: left;
    opacity: 0;
    transition: all 0.3s ease-in;
    transform-origin: center;
    transform: rotateX(-90deg); }
    #building-process section#building-process-carousel .flex-caption .caption p,
    #building-process section#building-process-carousel .flex-caption .caption h2 {
      opacity: 0; }
    #building-process section#building-process-carousel .flex-caption .caption p.type-xxxl,
    #building-process section#building-process-carousel .flex-caption .caption h2.type-xxxl {
      margin-bottom: 30px; }
    #building-process section#building-process-carousel .flex-caption .caption p.type-md, #building-process section#building-process-carousel .flex-caption .caption .sort p.sort-item, .sort #building-process section#building-process-carousel .flex-caption .caption p.sort-item, #building-process section#building-process-carousel .flex-caption .caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-process section#building-process-carousel .flex-caption .caption p.type-xl, #building-process section#building-process-carousel .flex-caption .caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-process section#building-process-carousel .flex-caption .caption p.card-title, #building-process section#building-process-carousel .flex-caption .caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-process section#building-process-carousel .flex-caption .caption p.card-title, #building-process section#building-process-carousel .flex-caption .caption #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-process section#building-process-carousel .flex-caption .caption p.popover-title {
      line-height: 40px; }
    #building-process section#building-process-carousel .flex-caption .caption.active {
      opacity: 1;
      transition: all 0.3s ease-in 0.3s;
      transform-origin: center;
      transform: rotateX(0deg); }
      #building-process section#building-process-carousel .flex-caption .caption.active p,
      #building-process section#building-process-carousel .flex-caption .caption.active h2 {
        transition: all 0.3s ease-in 0.6s;
        opacity: 1; }
    @media only screen and (max-width: 767px) {
      #building-process section#building-process-carousel .flex-caption .caption {
        width: 90%;
        padding: 30px; }
        #building-process section#building-process-carousel .flex-caption .caption p.type-xxxl,
        #building-process section#building-process-carousel .flex-caption .caption h2.type-xxxl {
          font-size: 20px;
          line-height: 28px; }
        #building-process section#building-process-carousel .flex-caption .caption p.type-md, #building-process section#building-process-carousel .flex-caption .caption .sort p.sort-item, .sort #building-process section#building-process-carousel .flex-caption .caption p.sort-item, #building-process section#building-process-carousel .flex-caption .caption .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-process section#building-process-carousel .flex-caption .caption p.type-xl, #building-process section#building-process-carousel .flex-caption .caption .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-process section#building-process-carousel .flex-caption .caption p.card-title, #building-process section#building-process-carousel .flex-caption .caption .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-process section#building-process-carousel .flex-caption .caption p.card-title, #building-process section#building-process-carousel .flex-caption .caption #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-process section#building-process-carousel .flex-caption .caption p.popover-title {
          font-size: 12px;
          line-height: 28px; } }
  #building-process section#building-process-carousel .flex-caption .custom-controls {
    margin-bottom: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    #building-process section#building-process-carousel .flex-caption .custom-controls svg {
      width: 30px;
      height: 30px;
      cursor: pointer !important; }
      #building-process section#building-process-carousel .flex-caption .custom-controls svg path, #building-process section#building-process-carousel .flex-caption .custom-controls svg polygon, #building-process section#building-process-carousel .flex-caption .custom-controls svg rect, #building-process section#building-process-carousel .flex-caption .custom-controls svg ellipse, #building-process section#building-process-carousel .flex-caption .custom-controls svg circle, #building-process section#building-process-carousel .flex-caption .custom-controls svg line {
        transition: all 0.2s ease-out; }
        #building-process section#building-process-carousel .flex-caption .custom-controls svg path:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg polygon:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg rect:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg ellipse:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg circle:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg line:not(.no-fill) {
          fill: white; }
      #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover path, #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover polygon, #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover rect, #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover ellipse, #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover circle, #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover line {
        transition: all 0.2s ease-in; }
        #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover path:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover polygon:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover rect:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover ellipse:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover circle:not(.no-fill), #building-process section#building-process-carousel .flex-caption .custom-controls svg:hover line:not(.no-fill) {
          fill: #00a5b8; }
    #building-process section#building-process-carousel .flex-caption .custom-controls > * {
      cursor: pointer; }
    #building-process section#building-process-carousel .flex-caption .custom-controls ul {
      margin: 0 30px; }
      #building-process section#building-process-carousel .flex-caption .custom-controls ul li {
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background-color: white;
        color: #00a5b8;
        text-align: center;
        line-height: 30px;
        margin: 0 5px;
        white-space: nowrap;
        transition: all 0.3s ease-in;
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        #building-process section#building-process-carousel .flex-caption .custom-controls ul li:hover {
          transition: all 0.2s ease-in;
          background-color: #00a5b8;
          color: white; }
          #building-process section#building-process-carousel .flex-caption .custom-controls ul li:hover > * {
            color: white; }
        #building-process section#building-process-carousel .flex-caption .custom-controls ul li span {
          display: none; }
        #building-process section#building-process-carousel .flex-caption .custom-controls ul li.active {
          background-color: #00a5b8;
          color: white;
          width: 80px;
          transition: all 0.3s ease-out; }
          #building-process section#building-process-carousel .flex-caption .custom-controls ul li.active span {
            display: inline-block; }
    @media only screen and (max-width: 767px) {
      #building-process section#building-process-carousel .flex-caption .custom-controls ul li {
        font-size: 12px; }
        #building-process section#building-process-carousel .flex-caption .custom-controls ul li.active {
          width: 30px;
          font-size: 12px; }
          #building-process section#building-process-carousel .flex-caption .custom-controls ul li.active span {
            display: none; }
      #building-process section#building-process-carousel .flex-caption .custom-controls span {
        position: relative; }
        #building-process section#building-process-carousel .flex-caption .custom-controls span:first-child {
          left: 15px; }
        #building-process section#building-process-carousel .flex-caption .custom-controls span:last-child {
          right: 15px; } }

#building-process section#building-process-carousel .controls-wrap {
  display: none; }

#realtor-program #hero {
  background-image: url("https://s3-us-west-1.amazonaws.com/stapler.fischerhomes.com/resources/253608/original/Bacara_SpaExterior-2.png");
  background-size: cover;
  background-position: bottom center; }
  #realtor-program #hero .container h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    #realtor-program #hero .container h2 img {
      width: 20vw;
      max-width: 250px;
      margin-bottom: 30px; }
  #realtor-program #hero .container p {
    font-style: italic; }
  @media only screen and (max-width: 767px) {
    #realtor-program #hero {
      padding-top: 0;
      background-attachment: initial; }
      #realtor-program #hero .container {
        height: calc(100% - 110px); }
      #realtor-program #hero .container h1 {
        font-size: 20px;
        letter-spacing: 1px;
        text-align: center; }
      #realtor-program #hero .container h2 {
        line-height: 25px;
        text-align: center; }
      #realtor-program #hero .container p {
        text-align: center;
        line-height: 30px; } }

#realtor-program #content {
  color: white; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #realtor-program #content {
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media only screen and (max-width: 767px) {
    #realtor-program #content {
      -ms-flex-direction: column;
      flex-direction: column; } }
  #realtor-program #content .col-left {
    -ms-flex: 1;
    flex: 1;
    padding: 60px 125px 50px 100px;
    background-image: url("https://s3-us-west-1.amazonaws.com/stapler.fischerhomes.com/resources/253609/original/50491253-Horizon%20Sunset%2001.png");
    background-size: cover;
    background-position: bottom -14vh center;
    background-repeat: no-repeat;
    background-color: #000e84; }
    #realtor-program #content .col-left p {
      line-height: 56px;
      margin-bottom: 60px;
      font-weight: 300; }
    #realtor-program #content .col-left ul {
      padding: 0 30px; }
      #realtor-program #content .col-left ul li {
        padding-left: 20px;
        margin-bottom: 20px;
        line-height: 30px;
        max-width: 600px; }
        #realtor-program #content .col-left ul li:after {
          top: 10px; }
    @media only screen and (min-width: 768px) and (max-height: 850px) {
      #realtor-program #content .col-left {
        padding-right: 115px; }
        #realtor-program #content .col-left p {
          font-size: 22px;
          line-height: 45px;
          margin-bottom: 30px;
          font-weight: 300; }
        #realtor-program #content .col-left ul {
          padding-right: 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #realtor-program #content .col-left {
        padding-bottom: 115px; } }
    @media only screen and (max-width: 767px) {
      #realtor-program #content .col-left {
        padding: 60px 20px;
        background-position: bottom;
        background-size: 100% auto; }
        #realtor-program #content .col-left p {
          font-size: 20px;
          line-height: 45px; }
        #realtor-program #content .col-left ul {
          padding-right: 0;
          margin-bottom: 100px; } }
  #realtor-program #content .col-right, #realtor-program #content #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #realtor-program #content .fill {
    background-color: #00a5b8; }
  #realtor-program #content .form-wrap {
    width: 415px;
    color: white; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #realtor-program #content .form-wrap {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      #realtor-program #content .form-wrap {
        width: 100%; } }
    #realtor-program #content .form-wrap > div {
      padding: 30px 45px;
      line-height: 30px; }
      @media only screen and (max-width: 767px) {
        #realtor-program #content .form-wrap > div {
          padding: 30px 25px; } }
    #realtor-program #content .form-wrap .top {
      background-color: #008e9f;
      position: relative;
      text-align: center; }
      #realtor-program #content .form-wrap .top p {
        letter-spacing: 0;
        font-weight: 600; }
        #realtor-program #content .form-wrap .top p:nth-of-type(2) {
          letter-spacing: 1px; }
        #realtor-program #content .form-wrap .top p:nth-of-type(3) {
          letter-spacing: 0.5px; }
      #realtor-program #content .form-wrap .top img {
        position: absolute;
        position: absolute;
        left: -131px;
        top: 80px;
        width: 210px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #realtor-program #content .form-wrap .top img {
            left: 30px; } }
        @media only screen and (max-width: 767px) {
          #realtor-program #content .form-wrap .top img {
            display: none; } }
    #realtor-program #content .form-wrap .bottom {
      padding-bottom: 60px; }
      #realtor-program #content .form-wrap .bottom .title {
        margin-bottom: 50px;
        text-align: right; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          #realtor-program #content .form-wrap .bottom .title {
            text-align: center; } }
        @media only screen and (max-width: 767px) {
          #realtor-program #content .form-wrap .bottom .title {
            text-align: center; } }
        #realtor-program #content .form-wrap .bottom .title p {
          margin-bottom: 10px; }
          #realtor-program #content .form-wrap .bottom .title p:last-child {
            font-weight: 600; }
      #realtor-program #content .form-wrap .bottom div.form-results-loader i.fa {
        color: white; }
      #realtor-program #content .form-wrap .bottom form .form-component {
        margin-bottom: 30px;
        border: none; }
        #realtor-program #content .form-wrap .bottom form .form-component .help-block {
          color: white; }
          #realtor-program #content .form-wrap .bottom form .form-component .help-block .fa {
            color: white; }
        #realtor-program #content .form-wrap .bottom form .form-component .help-block {
          bottom: -39px; }
      #realtor-program #content .form-wrap .bottom form input[type="submit"] {
        float: right; }
      #realtor-program #content .form-wrap .bottom form .btn-group {
        margin-bottom: 30px;
        width: 100%; }
        #realtor-program #content .form-wrap .bottom form .btn-group button {
          padding: 10px;
          border-radius: 5px;
          width: 100%; }
        #realtor-program #content .form-wrap .bottom form .btn-group span {
          background-color: transparent; }
          #realtor-program #content .form-wrap .bottom form .btn-group span svg path:not(.no-fill), #realtor-program #content .form-wrap .bottom form .btn-group span svg polygon:not(.no-fill), #realtor-program #content .form-wrap .bottom form .btn-group span svg rect:not(.no-fill), #realtor-program #content .form-wrap .bottom form .btn-group span svg ellipse:not(.no-fill), #realtor-program #content .form-wrap .bottom form .btn-group span svg circle:not(.no-fill), #realtor-program #content .form-wrap .bottom form .btn-group span svg line:not(.no-fill) {
            fill: #a6a7a7; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #realtor-program #content .form-wrap .bottom form {
          text-align: center; }
          #realtor-program #content .form-wrap .bottom form input[type="submit"] {
            float: none; } }
      @media only screen and (max-width: 767px) {
        #realtor-program #content .form-wrap .bottom form {
          text-align: center;
          margin-bottom: 80px; }
          #realtor-program #content .form-wrap .bottom form input[type="submit"] {
            float: none; }
          #realtor-program #content .form-wrap .bottom form:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            background-color: black;
            width: 100%;
            height: 100%;
            background: -webkiit-linear-gradient(transparent, rgba(0, 0, 0, 0.3));
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
            height: 100px;
            top: auto;
            bottom: 50px; } }

#customer-testimonials #hero {
  height: 420px;
  background-attachment: fixed;
  padding-top: 100px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  #customer-testimonials #hero .type-subtitle-xl {
    font-weight: 300; }
  @media only screen and (max-width: 767px) {
    #customer-testimonials #hero {
      padding-top: 60px;
      height: 300px;
      text-align: center; } }

#customer-testimonials #testimonials-grid {
  background-color: #f5f5f5;
  padding: 80px 0; }
  @media only screen and (max-width: 767px) {
    #customer-testimonials #testimonials-grid {
      margin-bottom: 80px; } }
  #customer-testimonials #testimonials-grid .filter {
    margin-bottom: 80px; }
  #customer-testimonials #testimonials-grid .testimony {
    background-color: white;
    padding: 30px;
    border: 1px solid #dedede;
    margin-bottom: 40px;
    width: calc(50% - 20px);
    opacity: 1;
    min-height: 270px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    box-shadow:  5px 5px 0 0 rgba(0, 0, 0, 0.1);
    transform-origin: center;
    transform: scale(1);
    transition: all 0.2s ease-out; }
    #customer-testimonials #testimonials-grid .testimony:nth-child(odd) {
      margin-right: 20px; }
    #customer-testimonials #testimonials-grid .testimony:nth-child(even) {
      margin-left: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #customer-testimonials #testimonials-grid .testimony {
        min-height: 400px; } }
    @media only screen and (max-width: 767px) {
      #customer-testimonials #testimonials-grid .testimony {
        width: calc(100% - 20px);
        margin-left: 10px;
        padding: 30px;
        -ms-flex-direction: column;
        flex-direction: column; }
        #customer-testimonials #testimonials-grid .testimony:nth-child(even) {
          margin-left: 10px; } }
    #customer-testimonials #testimonials-grid .testimony .thumbnail {
      width: 150px;
      height: 150px;
      margin-bottom: 0;
      margin-right: 20px;
      background-color: #f5f5f5;
      background-size: cover;
      background-position: center; }
      @media only screen and (max-width: 767px) {
        #customer-testimonials #testimonials-grid .testimony .thumbnail {
          margin-right: 0; } }
    #customer-testimonials #testimonials-grid .testimony .info {
      width: calc(100% - 150px);
      position: relative; }
      #customer-testimonials #testimonials-grid .testimony .info:first-child {
        width: 100%; }
      #customer-testimonials #testimonials-grid .testimony .info p.quote {
        padding: 0;
        line-height: 35px;
        margin-bottom: 0;
        color: #7f7f7f; }
      #customer-testimonials #testimonials-grid .testimony .info i {
        color: #a6a7a7; }
      #customer-testimonials #testimonials-grid .testimony .info svg {
        width: 50px;
        height: 50px;
        position: absolute; }
        #customer-testimonials #testimonials-grid .testimony .info svg path:not(.no-fill), #customer-testimonials #testimonials-grid .testimony .info svg polygon:not(.no-fill), #customer-testimonials #testimonials-grid .testimony .info svg rect:not(.no-fill), #customer-testimonials #testimonials-grid .testimony .info svg ellipse:not(.no-fill), #customer-testimonials #testimonials-grid .testimony .info svg circle:not(.no-fill), #customer-testimonials #testimonials-grid .testimony .info svg line:not(.no-fill) {
          fill: rgba(127, 127, 127, 0.1); }
        #customer-testimonials #testimonials-grid .testimony .info svg.icons-quote-left {
          transform-origin: center;
          transform: rotateX(180deg);
          top: -20px; }
        #customer-testimonials #testimonials-grid .testimony .info svg.icons-quote-right {
          right: 20px; }
      @media only screen and (max-width: 767px) {
        #customer-testimonials #testimonials-grid .testimony .info {
          width: 100%;
          margin: 30px 0; } }
  #customer-testimonials #testimonials-grid show-more span {
    margin: 50px 0 10px; }
  #customer-testimonials #testimonials-grid .hovered .testimony:not(.active) {
    transition: all 0.3s ease-out;
    opacity: .5; }
  #customer-testimonials #testimonials-grid .hovered .testimony.active {
    transition: all 0.3s ease-out;
    transform-origin: center;
    transform: scale(1.05); }

#discover-the-difference #hero {
  background: #f5f5f5;
  padding: 200px 0 100px;
  text-align: center; }
  #discover-the-difference #hero > h1, #discover-the-difference #hero > h2 {
    margin-bottom: 45px; }
  #discover-the-difference #hero > h1 {
    font-weight: 300; }
  @media only screen and (max-width: 767px) {
    #discover-the-difference #hero {
      padding-top: 100px; }
      #discover-the-difference #hero h2 {
        margin-bottom: 0; } }

#discover-the-difference #slick-slideshow {
  position: relative; }
  #discover-the-difference #slick-slideshow i {
    position: absolute;
    top: 305px;
    color: #00a5b8;
    font-size: 130px;
    z-index: 5;
    transition: all 0.2s ease-out;
    cursor: pointer !important; }
    #discover-the-difference #slick-slideshow i:hover {
      transition: all 0.2s ease-in;
      background-color: transparent;
      color: #00b300; }
      #discover-the-difference #slick-slideshow i:hover > * {
        color: #00b300; }
    #discover-the-difference #slick-slideshow i.fa-angle-left {
      left: 40px; }
    #discover-the-difference #slick-slideshow i.fa-angle-right {
      right: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #discover-the-difference #slick-slideshow i {
        top: 40%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #discover-the-difference #slick-slideshow i.fa-angle-left {
        left: 20px; }
      #discover-the-difference #slick-slideshow i.fa-angle-right {
        right: 20px; } }
  #discover-the-difference #slick-slideshow .item:first-child .bottom {
    position: relative; }
    #discover-the-difference #slick-slideshow .item:first-child .bottom:before {
      border-top: 5px solid #00a5b8;
      content: '';
      position: absolute;
      width: 36vw;
      top: -5px;
      left: -36vw; }
  #discover-the-difference #slick-slideshow .item:last-child .bottom {
    position: relative; }
    #discover-the-difference #slick-slideshow .item:last-child .bottom:after {
      border-top: 5px solid #00a5b8;
      content: '';
      position: absolute;
      width: 36vw;
      top: -5px;
      right: -36vw; }
  #discover-the-difference #slick-slideshow .item.start, #discover-the-difference #slick-slideshow .item.end {
    border-bottom: 5px solid #00a5b8; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #discover-the-difference #slick-slideshow .item.start, #discover-the-difference #slick-slideshow .item.end {
        height: 14vh; } }
  @media only screen and (max-width: 767px) {
    #discover-the-difference #slick-slideshow .item.start {
      display: none; } }
  #discover-the-difference #slick-slideshow .item .top,
  #discover-the-difference #slick-slideshow .item .top .gray {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom; }
  #discover-the-difference #slick-slideshow .item .top {
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #discover-the-difference #slick-slideshow .item .top {
        height: 14vh; } }
    #discover-the-difference #slick-slideshow .item .top:after {
      opacity: 0.8;
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background-color: #f5f5f5;
      width: 100%;
      height: 100%;
      transition: all 0.5s ease-out; }
    #discover-the-difference #slick-slideshow .item .top .gray {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 1;
      width: 100%;
      height: 100%;
      transition: all 0.5s ease-out; }
  #discover-the-difference #slick-slideshow .item .bottom {
    border-top: 5px solid #00a5b8;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    #discover-the-difference #slick-slideshow .item .bottom .year {
      color: #00a5b8;
      position: relative;
      margin-top: -37.5px;
      margin-bottom: 55px;
      width: 75px;
      height: 75px;
      border-radius: 75px;
      background-color: #00a5b8;
      transition: all 0.5s ease-out;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #discover-the-difference #slick-slideshow .item .bottom .year:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        border: 5px solid white;
        transition: all 0.5s ease-out;
        width: 65px;
        height: 65px;
        border-radius: 65px;
        background-color: white; }
      #discover-the-difference #slick-slideshow .item .bottom .year span {
        position: relative;
        z-index: 1; }
    #discover-the-difference #slick-slideshow .item .bottom p {
      width: 85%;
      line-height: 42px;
      opacity: 0;
      transition: all 0.2s ease-out; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #discover-the-difference #slick-slideshow .item .bottom p {
          width: 160%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #discover-the-difference #slick-slideshow .item .bottom p {
          width: 160%; } }
  #discover-the-difference #slick-slideshow .item.active-slide .top:after,
  #discover-the-difference #slick-slideshow .item.active-slide .top .gray {
    opacity: 0;
    transition: all 0.5s ease-in; }
  #discover-the-difference #slick-slideshow .item.active-slide .bottom .year {
    color: white;
    transition: all 0.5s ease-in; }
  #discover-the-difference #slick-slideshow .item.active-slide .bottom .year:before {
    background-color: red;
    transition: all 0.5s ease-in; }
  #discover-the-difference #slick-slideshow .item.active-slide .bottom p {
    opacity: 1;
    transition: all 0.5s ease-in 0.3s; }

#building-a-better-community section#hero {
  background-image: url("/images/site/building-a-better-community/hero-bkg.jpg");
  background-size: cover;
  background-position: center;
  text-align: center; }
  #building-a-better-community section#hero p.type-title-xl {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #building-a-better-community section#hero.in p.type-title-xl {
    transition: opacity 0.7s ease-out 2s;
    opacity: 1;
    static: 0; }
  #building-a-better-community section#hero p.type-sm, #building-a-better-community section#hero #slick-main p.caption, #slick-main #building-a-better-community section#hero p.caption, #building-a-better-community section#hero #slick-thumb p.caption, #slick-thumb #building-a-better-community section#hero p.caption, #building-a-better-community section#hero #slick-strip p.caption, #slick-strip #building-a-better-community section#hero p.caption, #building-a-better-community section#hero #slick-floorplan p.caption, #slick-floorplan #building-a-better-community section#hero p.caption, #building-a-better-community section#hero #slick-collections p.caption, #slick-collections #building-a-better-community section#hero p.caption, #building-a-better-community section#hero .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #building-a-better-community section#hero p.type-xl, #building-a-better-community section#hero .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card p.card-subtitle, .card.floorplan-card #building-a-better-community section#hero p.card-subtitle, #building-a-better-community section#hero .card.floorplan-card p.card-detail, .card.floorplan-card #building-a-better-community section#hero p.card-detail, #building-a-better-community section#hero .card.floorplan-card p.card-price, .card.floorplan-card #building-a-better-community section#hero p.card-price {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #building-a-better-community section#hero p.type-sm, #building-a-better-community section#hero #slick-main p.caption, #slick-main #building-a-better-community section#hero p.caption, #building-a-better-community section#hero #slick-thumb p.caption, #slick-thumb #building-a-better-community section#hero p.caption, #building-a-better-community section#hero #slick-strip p.caption, #slick-strip #building-a-better-community section#hero p.caption, #building-a-better-community section#hero #slick-floorplan p.caption, #slick-floorplan #building-a-better-community section#hero p.caption, #building-a-better-community section#hero #slick-collections p.caption, #slick-collections #building-a-better-community section#hero p.caption, #building-a-better-community section#hero .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #building-a-better-community section#hero p.type-xl, #building-a-better-community section#hero .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card p.card-subtitle, .card.floorplan-card #building-a-better-community section#hero p.card-subtitle, #building-a-better-community section#hero .card.floorplan-card p.card-detail, .card.floorplan-card #building-a-better-community section#hero p.card-detail, #building-a-better-community section#hero .card.floorplan-card p.card-price, .card.floorplan-card #building-a-better-community section#hero p.card-price {
        bottom: 0px; } }
  #building-a-better-community section#hero.in p.type-sm, #building-a-better-community section#hero.in #slick-main p.caption, #slick-main #building-a-better-community section#hero.in p.caption, #building-a-better-community section#hero.in #slick-thumb p.caption, #slick-thumb #building-a-better-community section#hero.in p.caption, #building-a-better-community section#hero.in #slick-strip p.caption, #slick-strip #building-a-better-community section#hero.in p.caption, #building-a-better-community section#hero.in #slick-floorplan p.caption, #slick-floorplan #building-a-better-community section#hero.in p.caption, #building-a-better-community section#hero.in #slick-collections p.caption, #slick-collections #building-a-better-community section#hero.in p.caption, #building-a-better-community section#hero.in .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #building-a-better-community section#hero.in p.type-xl, #building-a-better-community section#hero.in .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #building-a-better-community section#hero.in p.card-title, #building-a-better-community section#hero.in .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #building-a-better-community section#hero.in p.card-title, #building-a-better-community section#hero.in .card.floorplan-card p.card-subtitle, .card.floorplan-card #building-a-better-community section#hero.in p.card-subtitle, #building-a-better-community section#hero.in .card.floorplan-card p.card-detail, .card.floorplan-card #building-a-better-community section#hero.in p.card-detail, #building-a-better-community section#hero.in .card.floorplan-card p.card-price, .card.floorplan-card #building-a-better-community section#hero.in p.card-price {
    transition: opacity 0.7s ease-out 2.2s, bottom 1.5s ease-out 2.2s;
    opacity: 1;
    bottom: 0; }
  #building-a-better-community section#hero building-animation {
    margin-top: 80px; }
    @media only screen and (max-width: 767px) {
      #building-a-better-community section#hero building-animation {
        margin-top: 15px; } }
  #building-a-better-community section#hero h1.type-title-xl {
    color: #00a5b8;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      #building-a-better-community section#hero h1.type-title-xl {
        font-size: 20px; } }
  #building-a-better-community section#hero p.type-md, #building-a-better-community section#hero .sort p.sort-item, .sort #building-a-better-community section#hero p.sort-item, #building-a-better-community section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.type-xl, #building-a-better-community section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero p.popover-title {
    color: #626262;
    font-weight: 600;
    margin-bottom: 120px;
    max-width: 855px;
    line-height: 39px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #building-a-better-community section#hero p.type-md, #building-a-better-community section#hero .sort p.sort-item, .sort #building-a-better-community section#hero p.sort-item, #building-a-better-community section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.type-xl, #building-a-better-community section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero p.popover-title {
        max-width: 765px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #building-a-better-community section#hero p.type-md, #building-a-better-community section#hero .sort p.sort-item, .sort #building-a-better-community section#hero p.sort-item, #building-a-better-community section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.type-xl, #building-a-better-community section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero p.popover-title {
        max-width: 650px; } }
    @media only screen and (max-width: 767px) {
      #building-a-better-community section#hero p.type-md, #building-a-better-community section#hero .sort p.sort-item, .sort #building-a-better-community section#hero p.sort-item, #building-a-better-community section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.type-xl, #building-a-better-community section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-a-better-community section#hero p.card-title, #building-a-better-community section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community section#hero p.popover-title {
        line-height: 30px; } }

#building-a-better-community #content {
  color: white; }
  @media only screen and (max-width: 767px) {
    #building-a-better-community #content {
      margin-bottom: 80px; } }
  #building-a-better-community #content > div {
    padding: 110px 0;
    position: relative; }
    #building-a-better-community #content > div p, #building-a-better-community #content > div h2 {
      margin-bottom: 50px;
      line-height: 50px; }
    #building-a-better-community #content > div p.type-md, #building-a-better-community #content > div .sort p.sort-item, .sort #building-a-better-community #content > div p.sort-item, #building-a-better-community #content > div .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #building-a-better-community #content > div p.type-xl, #building-a-better-community #content > div .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #building-a-better-community #content > div p.card-title, #building-a-better-community #content > div .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #building-a-better-community #content > div p.card-title, #building-a-better-community #content > div #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #building-a-better-community #content > div p.popover-title {
      line-height: 36px; }
    #building-a-better-community #content > div .row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
      align-items: flex-end; }
    #building-a-better-community #content > div .col-left {
      padding-right: 100px; }
    #building-a-better-community #content > div .col-right, #building-a-better-community #content > div #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #building-a-better-community #content > div .fill {
      padding-left: 100px; }
    #building-a-better-community #content > div a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      #building-a-better-community #content > div a svg {
        margin-left: 15px;
        margin-right: 0;
        width: 20px;
        height: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #building-a-better-community #content > div p, #building-a-better-community #content > div h2 {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      #building-a-better-community #content > div {
        padding: 40px 0;
        padding-bottom: 80px; }
        #building-a-better-community #content > div p, #building-a-better-community #content > div h2 {
          margin-bottom: 25px; }
        #building-a-better-community #content > div .row {
          -ms-flex-direction: column;
          flex-direction: column; }
        #building-a-better-community #content > div .col-left {
          padding-right: 15px; }
          #building-a-better-community #content > div .col-left p:first-child {
            font-size: 20px; }
        #building-a-better-community #content > div .col-right, #building-a-better-community #content > div #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #building-a-better-community #content > div .fill {
          padding-left: 15px; } }

#building-a-better-community #content #st-jude:before,
#building-a-better-community #content #great-american-ballpark:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ba1f31;
  width: 100%;
  height: 100%;
  background: -webkiit-linear-gradient(to right, #ba1f31, #ba1f31, transparent);
  background: linear-gradient(to right, #ba1f31, #ba1f31, transparent);
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #building-a-better-community #content #st-jude:before,
    #building-a-better-community #content #great-american-ballpark:before {
      width: 100%;
      opacity: .8;
      background: -webkiit-linear-gradient(to right, #ba1f31, #ba1f31);
      background: linear-gradient(to right, #ba1f31, #ba1f31); } }

#building-a-better-community #content #st-jude {
  background-image: url("http://s3-us-west-1.amazonaws.com/stapler.fischerhomes.com/resources/225479/original/kzrc8kmwstrgsdogiegbaq9jfuz51zocbrk78vhc.jpg");
  background-size: cover;
  background-position: center; }
  #building-a-better-community #content #st-jude .col-left {
    transition: left 1s ease-out;
    position: relative;
    left: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #building-a-better-community #content #st-jude .col-left {
        left: 0px; } }
  #building-a-better-community #content #st-jude.in .col-left {
    transition: opacity 0.7s ease-out 0s, left 1.5s ease-out 0s;
    opacity: 1;
    left: 0; }
  #building-a-better-community #content #st-jude img {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #building-a-better-community #content #st-jude.in img {
    transition: opacity 0.7s ease-out 0.5s;
    opacity: 1;
    static: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #building-a-better-community #content #st-jude.in img {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    #building-a-better-community #content #st-jude .container .row {
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    #building-a-better-community #content #st-jude.in img {
      width: 100%;
      margin-bottom: 25px; } }

#building-a-better-community #content #kings-island {
  background-image: url("/images/site/building-a-better-community/kings-bkg.jpg");
  background-size: cover;
  background-position: center;
  text-align: right; }
  #building-a-better-community #content #kings-island .col-right, #building-a-better-community #content #kings-island #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #building-a-better-community #content #kings-island .fill {
    transition: left 1s ease-out;
    position: relative;
    right: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #building-a-better-community #content #kings-island .col-right, #building-a-better-community #content #kings-island #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #building-a-better-community #content #kings-island .fill {
        right: 0px; } }
  #building-a-better-community #content #kings-island.in .col-right, #building-a-better-community #content #kings-island.in #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #building-a-better-community #content #kings-island.in .fill {
    transition: opacity 0.7s ease-out 0s, right 1.5s ease-out 0s;
    opacity: 1;
    right: 0; }
  #building-a-better-community #content #kings-island img {
    transition: left 1s ease-out;
    position: relative;
    opacity: 0; }
  #building-a-better-community #content #kings-island.in img {
    transition: opacity 0.7s ease-out 0.5s;
    opacity: 1;
    static: 0; }
  #building-a-better-community #content #kings-island a.mobile-cta {
    display: none; }
  #building-a-better-community #content #kings-island:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00a5b8;
    width: 100%;
    height: 100%;
    background: -webkiit-linear-gradient(to left, #2a54b7, #2a54b7, transparent);
    background: linear-gradient(to left, #2a54b7, #2a54b7, transparent);
    left: auto;
    right: 0;
    width: 80%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #building-a-better-community #content #kings-island.in img {
      width: 135%; } }
  @media only screen and (max-width: 767px) {
    #building-a-better-community #content #kings-island {
      text-align: center; }
      #building-a-better-community #content #kings-island.in img {
        margin-bottom: 30px;
        width: 100%; }
      #building-a-better-community #content #kings-island:before {
        width: 100%;
        opacity: .8;
        background: -webkiit-linear-gradient(to right, #00a5b8, #00a5b8);
        background: linear-gradient(to right, #00a5b8, #00a5b8); }
      #building-a-better-community #content #kings-island a {
        display: none; }
      #building-a-better-community #content #kings-island a.mobile-cta {
        display: -ms-inline-flexbox;
        display: inline-flex; } }

#building-a-better-community #content #great-american-ballpark {
  background-image: url("/images/site/building-a-better-community/ballpark-bkg.jpg");
  background-size: cover;
  background-position: center; }
  #building-a-better-community #content #great-american-ballpark .col-left {
    transition: left 1s ease-out;
    position: relative;
    left: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #building-a-better-community #content #great-american-ballpark .col-left {
        left: 0px; } }
  #building-a-better-community #content #great-american-ballpark.in .col-left {
    transition: opacity 0.7s ease-out 0s, left 1.5s ease-out 0s;
    opacity: 1;
    left: 0; }
  #building-a-better-community #content #great-american-ballpark a.mobile-cta {
    display: none; }
  @media only screen and (max-width: 767px) {
    #building-a-better-community #content #great-american-ballpark a {
      display: none; }
    #building-a-better-community #content #great-american-ballpark a.mobile-cta {
      display: -ms-inline-flexbox;
      display: inline-flex; } }

#join-our-team #hero-carousel h1 span {
  display: block;
  margin-bottom: 40px;
  font-weight: 300;
  text-align: center; }

#join-our-team #hero-carousel button svg {
  width: 20px;
  height: 20px; }

#join-our-team #hero-carousel .fill iframe {
  opacity: 0; }

#join-our-team #hero-carousel .fill.active iframe {
  opacity: 1;
  transition: all 0.4s ease-in; }

#join-our-team #hero-carousel .carousel .fill.video, #join-our-team #hero-carousel .carousel .carousel-inner .fill.video,
#join-our-team #hero-carousel .carousel .carousel-inner .item .fill.video,
#join-our-team #hero-carousel .carousel .carousel-inner .item .flex-caption .fill.video {
  height: calc(100% - 260px);
  top: 170px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #join-our-team #hero-carousel .carousel .fill.video, #join-our-team #hero-carousel .carousel .carousel-inner .fill.video,
    #join-our-team #hero-carousel .carousel .carousel-inner .item .fill.video,
    #join-our-team #hero-carousel .carousel .carousel-inner .item .flex-caption .fill.video {
      top: 0;
      width: 100%;
      height: 100%; } }
  @media only screen and (max-width: 767px) {
    #join-our-team #hero-carousel .carousel .fill.video, #join-our-team #hero-carousel .carousel .carousel-inner .fill.video,
    #join-our-team #hero-carousel .carousel .carousel-inner .item .fill.video,
    #join-our-team #hero-carousel .carousel .carousel-inner .item .flex-caption .fill.video {
      top: 70px;
      width: 100%;
      position: relative;
      transform-origin: center;
      transform-origin: center;
      transform: scale(1.15);
      height: 205px; } }

@media only screen and (max-width: 767px) {
  #join-our-team #hero-carousel .carousel {
    top: 7px;
    height: 375px; }
  #join-our-team #hero-carousel span:nth-of-type(1) {
    font-size: 25px;
    margin-bottom: 20px; }
  #join-our-team #hero-carousel span:nth-of-type(2) {
    font-size: 25px;
    text-align: center;
    margin-bottom: 15px; }
  #join-our-team #hero-carousel button {
    margin-bottom: 55px; }
  #join-our-team #hero-carousel .video-wrap {
    background-color: black;
    height: 100%; } }

#join-our-team section:not(#inline-form) .container {
  padding: 70px 0; }
  #join-our-team section:not(#inline-form) .container > .row {
    padding: 0 15px; }
    #join-our-team section:not(#inline-form) .container > .row p, #join-our-team section:not(#inline-form) .container > .row h1, #join-our-team section:not(#inline-form) .container > .row h2 {
      line-height: 52px; }
      #join-our-team section:not(#inline-form) .container > .row p:not(.type-subtitle-lg), #join-our-team section:not(#inline-form) .container > .row h1:not(.type-subtitle-lg), #join-our-team section:not(#inline-form) .container > .row h2:not(.type-subtitle-lg) {
        margin-bottom: 50px; }
    #join-our-team section:not(#inline-form) .container > .row p.type-sm, #join-our-team section:not(#inline-form) .container > .row #slick-main p.caption, #slick-main #join-our-team section:not(#inline-form) .container > .row p.caption, #join-our-team section:not(#inline-form) .container > .row #slick-thumb p.caption, #slick-thumb #join-our-team section:not(#inline-form) .container > .row p.caption, #join-our-team section:not(#inline-form) .container > .row #slick-strip p.caption, #slick-strip #join-our-team section:not(#inline-form) .container > .row p.caption, #join-our-team section:not(#inline-form) .container > .row #slick-floorplan p.caption, #slick-floorplan #join-our-team section:not(#inline-form) .container > .row p.caption, #join-our-team section:not(#inline-form) .container > .row #slick-collections p.caption, #slick-collections #join-our-team section:not(#inline-form) .container > .row p.caption, #join-our-team section:not(#inline-form) .container > .row .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #join-our-team section:not(#inline-form) .container > .row p.type-xl, #join-our-team section:not(#inline-form) .container > .row .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row p.card-title, #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #join-our-team section:not(#inline-form) .container > .row p.card-title, #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card p.card-subtitle, .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row p.card-subtitle, #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card p.card-detail, .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row p.card-detail, #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card p.card-price, .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row p.card-price,
    #join-our-team section:not(#inline-form) .container > .row p.type-md,
    #join-our-team section:not(#inline-form) .container > .row .sort p.sort-item,
    .sort #join-our-team section:not(#inline-form) .container > .row p.sort-item,
    #join-our-team section:not(#inline-form) .container > .row .inline-get-fast-answers.md .copy p.type-xl,
    .inline-get-fast-answers.md .copy #join-our-team section:not(#inline-form) .container > .row p.type-xl,
    #join-our-team section:not(#inline-form) .container > .row .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title,
    .inline-get-fast-answers.md .copy .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row p.card-title,
    #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title,
    .card.floorplan-card .inline-get-fast-answers.md .copy #join-our-team section:not(#inline-form) .container > .row p.card-title,
    #join-our-team section:not(#inline-form) .container > .row #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title,
    #homepage section#welcome-home .map-sm .svg-map .pin + .popover #join-our-team section:not(#inline-form) .container > .row p.popover-title,
    #join-our-team section:not(#inline-form) .container > .row h1.type-sm,
    #join-our-team section:not(#inline-form) .container > .row #slick-main h1.caption,
    #slick-main #join-our-team section:not(#inline-form) .container > .row h1.caption,
    #join-our-team section:not(#inline-form) .container > .row #slick-thumb h1.caption,
    #slick-thumb #join-our-team section:not(#inline-form) .container > .row h1.caption,
    #join-our-team section:not(#inline-form) .container > .row #slick-strip h1.caption,
    #slick-strip #join-our-team section:not(#inline-form) .container > .row h1.caption,
    #join-our-team section:not(#inline-form) .container > .row #slick-floorplan h1.caption,
    #slick-floorplan #join-our-team section:not(#inline-form) .container > .row h1.caption,
    #join-our-team section:not(#inline-form) .container > .row #slick-collections h1.caption,
    #slick-collections #join-our-team section:not(#inline-form) .container > .row h1.caption,
    #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card h1.card-subtitle,
    .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row h1.card-subtitle,
    #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card h1.card-detail,
    .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row h1.card-detail,
    #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card h1.card-price,
    .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row h1.card-price {
      line-height: 35px;
      margin-bottom: 30px; }
    #join-our-team section:not(#inline-form) .container > .row p.type-title-xs {
      letter-spacing: 0;
      font-weight: 600; }
    #join-our-team section:not(#inline-form) .container > .row p.type-subtitle-xl.red, #join-our-team section:not(#inline-form) .container > .row .card.floorplan-card p.type-subtitle-xl.card-title, .card.floorplan-card #join-our-team section:not(#inline-form) .container > .row p.type-subtitle-xl.card-title {
      font-weight: 300; }
    #join-our-team section:not(#inline-form) .container > .row p.type-xxl,
    #join-our-team section:not(#inline-form) .container > .row h2.type-xxl {
      text-transform: uppercase;
      letter-spacing: 2px; }
    #join-our-team section:not(#inline-form) .container > .row p.no-margin,
    #join-our-team section:not(#inline-form) .container > .row h1.no-margin,
    #join-our-team section:not(#inline-form) .container > .row h2.no-margin {
      margin: 0; }
  @media only screen and (min-width: 1230px) {
    #join-our-team section:not(#inline-form) .container > .row {
      width: 100%;
      padding: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #join-our-team section:not(#inline-form) .container {
      padding: 70px 15px; }
      #join-our-team section:not(#inline-form) .container > .row p,
      #join-our-team section:not(#inline-form) .container > .row h1 {
        line-height: 45px; }
      #join-our-team section:not(#inline-form) .container > .row br {
        display: none; } }
  @media only screen and (max-width: 767px) {
    #join-our-team section:not(#inline-form) .container {
      padding: 30px 15px; } }

#join-our-team #overview .row .col-left,
#join-our-team #overview .row .col-right,
#join-our-team #overview .row #lifestyle #the-design-process .col-right .fill,
#lifestyle #the-design-process .col-right #join-our-team #overview .row .fill {
  padding: 0; }
  #join-our-team #overview .row .col-left .row,
  #join-our-team #overview .row .col-right .row,
  #lifestyle #the-design-process .col-right #join-our-team #overview .row .fill .row {
    width: 100%;
    margin: 0; }

#join-our-team #overview .row:nth-of-type(1) .flex-wrap {
  background-color: white;
  padding: 35px;
  margin-bottom: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }
  #join-our-team #overview .row:nth-of-type(1) .flex-wrap p,
  #join-our-team #overview .row:nth-of-type(1) .flex-wrap h1,
  #join-our-team #overview .row:nth-of-type(1) .flex-wrap h2 {
    line-height: 35px;
    margin-bottom: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #join-our-team #overview .row:nth-of-type(1) .flex-wrap p:nth-of-type(1),
    #join-our-team #overview .row:nth-of-type(1) .flex-wrap h1:nth-of-type(1) {
      padding-right: 20px; } }
  @media only screen and (max-width: 767px) {
    #join-our-team #overview .row:nth-of-type(1) .flex-wrap {
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 25px;
      margin-bottom: 30px; }
      #join-our-team #overview .row:nth-of-type(1) .flex-wrap p:nth-of-type(1),
      #join-our-team #overview .row:nth-of-type(1) .flex-wrap h1:nth-of-type(1) {
        margin-bottom: 20px; } }

#join-our-team #overview .row:nth-of-type(2) {
  margin-bottom: 100px; }
  #join-our-team #overview .row:nth-of-type(2) .col-left {
    padding-right: 100px; }
    #join-our-team #overview .row:nth-of-type(2) .col-left p:first-child {
      padding-right: 80px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #join-our-team #overview .row:nth-of-type(2) {
      margin-bottom: 50px; }
      #join-our-team #overview .row:nth-of-type(2) .col-left {
        padding-right: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #join-our-team #overview .row:nth-of-type(2) {
      margin-bottom: 40px; }
      #join-our-team #overview .row:nth-of-type(2) .col-left {
        padding-right: 30px; }
        #join-our-team #overview .row:nth-of-type(2) .col-left p:first-child,
        #join-our-team #overview .row:nth-of-type(2) .col-left h1:first-child {
          padding-right: 30px; } }
  @media only screen and (max-width: 767px) {
    #join-our-team #overview .row:nth-of-type(2) {
      margin-bottom: 30px; }
      #join-our-team #overview .row:nth-of-type(2) .col-left {
        padding-right: 0; }
        #join-our-team #overview .row:nth-of-type(2) .col-left h2.type-xxl {
          margin-bottom: 30px;
          line-height: 35px; } }
  #join-our-team #overview .row:nth-of-type(2) .col-right .row, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row {
    background-color: white;
    padding: 40px; }
  #join-our-team #overview .row:nth-of-type(2) .col-right .row .top, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 55px; }
    #join-our-team #overview .row:nth-of-type(2) .col-right .row .top .logo-wrap, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top .logo-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -ms-flex-align: end;
      align-items: flex-end;
      margin-right: 30px; }
      #join-our-team #overview .row:nth-of-type(2) .col-right .row .top .logo-wrap p, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top .logo-wrap p {
        margin: 0;
        line-height: 30px;
        text-align: right; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #join-our-team #overview .row:nth-of-type(2) .col-right .row .top .logo-wrap, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top .logo-wrap {
      margin-right: 15px; }
    #join-our-team #overview .row:nth-of-type(2) .col-right .row .top .logo-wrap > img, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top .logo-wrap > img {
      width: 100%; }
    #join-our-team #overview .row:nth-of-type(2) .col-right .row .top > img, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top > img {
      width: 160px;
      height: 230px; } }
  @media only screen and (max-width: 767px) {
    #join-our-team #overview .row:nth-of-type(2) .col-right .row .top, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top {
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      margin-bottom: 30px; }
    #join-our-team #overview .row:nth-of-type(2) .col-right .row .top .logo-wrap, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top .logo-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 0; }
    #join-our-team #overview .row:nth-of-type(2) .col-right .row .top .logo-wrap > img, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top .logo-wrap > img {
      width: 40px;
      margin-right: 10px; }
    #join-our-team #overview .row:nth-of-type(2) .col-right .row .top .logo-wrap p, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .row .top .logo-wrap p {
      text-align: left; }
    #join-our-team #overview .row:nth-of-type(2) .col-right p.type-sm, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.type-sm, #join-our-team #overview .row:nth-of-type(2) .col-right #slick-main p.caption, #slick-main #join-our-team #overview .row:nth-of-type(2) .col-right p.caption, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill #slick-main p.caption, #slick-main #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.caption, #join-our-team #overview .row:nth-of-type(2) .col-right #slick-thumb p.caption, #slick-thumb #join-our-team #overview .row:nth-of-type(2) .col-right p.caption, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill #slick-thumb p.caption, #slick-thumb #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.caption, #join-our-team #overview .row:nth-of-type(2) .col-right #slick-strip p.caption, #slick-strip #join-our-team #overview .row:nth-of-type(2) .col-right p.caption, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill #slick-strip p.caption, #slick-strip #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.caption, #join-our-team #overview .row:nth-of-type(2) .col-right #slick-floorplan p.caption, #slick-floorplan #join-our-team #overview .row:nth-of-type(2) .col-right p.caption, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill #slick-floorplan p.caption, #slick-floorplan #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.caption, #join-our-team #overview .row:nth-of-type(2) .col-right #slick-collections p.caption, #slick-collections #join-our-team #overview .row:nth-of-type(2) .col-right p.caption, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill #slick-collections p.caption, #slick-collections #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.caption, #join-our-team #overview .row:nth-of-type(2) .col-right .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #join-our-team #overview .row:nth-of-type(2) .col-right p.type-xl, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.type-xl, #join-our-team #overview .row:nth-of-type(2) .col-right .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #join-our-team #overview .row:nth-of-type(2) .col-right p.card-title, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.card-title, #join-our-team #overview .row:nth-of-type(2) .col-right .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #join-our-team #overview .row:nth-of-type(2) .col-right p.card-title, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.card-title, #join-our-team #overview .row:nth-of-type(2) .col-right .card.floorplan-card p.card-subtitle, .card.floorplan-card #join-our-team #overview .row:nth-of-type(2) .col-right p.card-subtitle, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .card.floorplan-card p.card-subtitle, .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.card-subtitle, #join-our-team #overview .row:nth-of-type(2) .col-right .card.floorplan-card p.card-detail, .card.floorplan-card #join-our-team #overview .row:nth-of-type(2) .col-right p.card-detail, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .card.floorplan-card p.card-detail, .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.card-detail, #join-our-team #overview .row:nth-of-type(2) .col-right .card.floorplan-card p.card-price, .card.floorplan-card #join-our-team #overview .row:nth-of-type(2) .col-right p.card-price, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill .card.floorplan-card p.card-price, .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(2) .fill p.card-price {
      margin-bottom: 0; } }

#join-our-team #overview .row:nth-of-type(3) {
  margin-bottom: 70px; }
  @media only screen and (max-width: 767px) {
    #join-our-team #overview .row:nth-of-type(3) {
      margin-bottom: 0; } }
  #join-our-team #overview .row:nth-of-type(3) .col-left {
    padding-top: 15px; }
  #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap {
    padding: 40px;
    background-color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info {
      padding-left: 30px; }
      #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info p {
        margin-bottom: 0; }
        #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info p:nth-of-type(2) {
          margin-bottom: 20px; }
        #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info p:not(:last-child) {
          line-height: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center; }
        #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info {
          padding-left: 0; }
        #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info p:not(:last-child) {
          text-align: center; } }
    @media only screen and (max-width: 767px) {
      #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px; }
        #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info {
          padding-left: 0; }
          #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info p.type-title-xs,
          #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info p.type-xs,
          #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger,
          header #top-nav #top-nav-toggle ul.nav.navbar-nav #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info li > p.dd-trigger,
          #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info #discover-the-difference #slick-slideshow .item .bottom p.year,
          #discover-the-difference #slick-slideshow .item .bottom #join-our-team #overview .row:nth-of-type(3) .col-left .flex-wrap .info p.year {
            text-align: center; } }
  #join-our-team #overview .row:nth-of-type(3) .col-right, #join-our-team #overview .row:nth-of-type(3) #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(3) .fill {
    padding-left: 50px;
    padding-right: 0; }
    #join-our-team #overview .row:nth-of-type(3) .col-right p:first-child, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(3) .fill p:first-child {
      padding-right: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #join-our-team #overview .row:nth-of-type(3) .col-right p:first-child, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(3) .fill p:first-child {
        padding-right: 0px; } }
    @media only screen and (max-width: 767px) {
      #join-our-team #overview .row:nth-of-type(3) .col-right, #join-our-team #overview .row:nth-of-type(3) #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(3) .fill {
        padding-left: 0; }
        #join-our-team #overview .row:nth-of-type(3) .col-right h2.type-xxl, #lifestyle #the-design-process .col-right #join-our-team #overview .row:nth-of-type(3) .fill h2.type-xxl {
          margin-bottom: 30px;
          line-height: 35px; } }

#join-our-team section#career-opportunities p, #join-our-team section#career-opportunities a, #join-our-team section#career-opportunities h1 {
  font-weight: 300; }

#join-our-team section#career-opportunities > .container > .row {
  width: auto; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #join-our-team section#career-opportunities > .container > .row {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #join-our-team section#career-opportunities > .container > .row {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    #join-our-team section#career-opportunities > .container > .row {
      padding-left: 0;
      padding-right: 0; } }
  #join-our-team section#career-opportunities > .container > .row > .col-left > .title > h1 {
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      #join-our-team section#career-opportunities > .container > .row > .col-left > .title > h1 {
        line-height: 35px; } }
  #join-our-team section#career-opportunities > .container > .row > .col-left > .title > p {
    margin-bottom: 30px; }
  #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap {
    padding: 15px 20px;
    transition: all 0.2s ease-in;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap:nth-child(odd) {
      background-color: white; }
    #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap:hover {
      transition: all 0.2s ease-in;
      background-color: #00a5b8;
      cursor: pointer; }
      #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap:hover p,
      #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap:hover h1,
      #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap:hover a {
        transition: all 0.2s ease-in;
        color: white; }
    #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap p, #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap a, #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap h1 {
      margin: 0;
      line-height: initial;
      transition: all 0.2s ease-in; }
    #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap p, #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap h1 {
      width: 12.5%; }
      #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap p:nth-of-type(1), #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap h1:nth-of-type(1) {
        width: 25%; }
      @media only screen and (max-width: 767px) {
        #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap p, #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap h1 {
          width: 100%; }
          #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap p:nth-of-type(1), #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap h1:nth-of-type(1) {
            width: 100%; } }
    @media only screen and (max-width: 767px) {
      #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap p:last-child {
        position: absolute;
        top: 15px;
        right: 20px;
        display: inline-block;
        width: initial; } }
    #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap a {
      color: #00a5b8;
      width: 50%; }
      @media only screen and (max-width: 767px) {
        #join-our-team section#career-opportunities > .container > .row > .col-left .flex-wrap a {
          width: 65%; } }
  #join-our-team section#career-opportunities > .container > .row > .col-right p, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill p, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill p {
    line-height: 36px;
    margin-bottom: 0; }
  #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap {
    background-color: #00a5b8;
    padding: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap {
        margin-top: 30px; } }
    @media only screen and (max-width: 767px) {
      #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap {
        margin-top: 30px; } }
    #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy p.type-lg, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy p.type-lg, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy p.type-lg, #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy p.type-subtitle-sm, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy p.type-subtitle-sm, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy p.type-subtitle-sm, #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy snapshot-info p.snapshot, snapshot-info #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy p.snapshot, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy snapshot-info p.snapshot, snapshot-info #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy p.snapshot, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy snapshot-info p.snapshot, snapshot-info #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy p.snapshot, #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy p.divider.red, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy p.divider.red, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy #microsite.coming-soon p.divider.red, #microsite.coming-soon #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy p.divider.red, #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy p.divider.card-title, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy p.divider.card-title, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy p.divider.card-title, #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy p.divider.card-title, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy p.divider.card-title, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy p.divider.card-title {
      margin-bottom: 30px;
      text-align: center; }
    #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy p.type-xs, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy p.type-xs, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy p.type-xs,
    #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy li > p.dd-trigger,
    #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy li > p.dd-trigger, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy header #top-nav #top-nav-toggle ul.nav.navbar-nav li > p.dd-trigger, header #top-nav #top-nav-toggle ul.nav.navbar-nav #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy li > p.dd-trigger, #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap .copy p.year, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap .copy p.year, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy #discover-the-difference #slick-slideshow .item .bottom p.year, #discover-the-difference #slick-slideshow .item .bottom #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap .copy p.year {
      margin-bottom: 0; }
    #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap div.form-results-container h5, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap div.form-results-container h5, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap div.form-results-container h5 {
      color: #fff;
      line-height: 36px; }
    #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap form a, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap form a, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap form a {
      color: #fff; }
    #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap form .form-component, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap form .form-component, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap form .form-component {
      margin-bottom: 20px;
      border: none; }
      #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap form .form-component .help-block, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap form .form-component .help-block, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap form .form-component .help-block {
        color: white; }
        #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap form .form-component .help-block .fa, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap form .form-component .help-block .fa, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap form .form-component .help-block .fa {
          color: white; }
    #join-our-team section#career-opportunities > .container > .row > .col-right .form-wrap form input.btn-orange, #join-our-team #lifestyle #the-design-process .col-right section#career-opportunities > .container > .row > .fill .form-wrap form input.btn-orange, #lifestyle #the-design-process .col-right #join-our-team section#career-opportunities > .container > .row > .fill .form-wrap form input.btn-orange {
      margin-top: 15px;
      margin-bottom: 15px;
      width: 100%; }

#join-our-team section#benefits .row > div {
  text-align: center; }

#join-our-team section#benefits .benefit-offerings {
  position: relative; }
  #join-our-team section#benefits .benefit-offerings .image-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background-image: url("/images/site/join-our-team/benefits.jpg");
    background-size: cover;
    background-position: center; }
  #join-our-team section#benefits .benefit-offerings p, #join-our-team section#benefits .benefit-offerings h1, #join-our-team section#benefits .benefit-offerings h2 {
    text-align: left; }

#join-our-team section#benefits .title-section,
#join-our-team section#benefits .icon-wrap {
  margin-bottom: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

#join-our-team section#benefits ul li {
  text-align: left;
  margin-bottom: 25px;
  padding-left: 30px;
  line-height: 30px; }
  #join-our-team section#benefits ul li:after {
    top: 10px;
    background-color: #ba1f31;
    width: 8px;
    height: 8px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #join-our-team section#benefits ul li {
      line-height: 25px; }
      #join-our-team section#benefits ul li:after {
        top: 8px; } }

#join-our-team section#benefits .career-advancement {
  background-color: white; }
  #join-our-team section#benefits .career-advancement .icon-wrap .icon {
    background-color: #f5f5f5;
    border-radius: 195px;
    margin-bottom: 30px;
    width: 195px;
    height: 195px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.6s ease-in; }
    #join-our-team section#benefits .career-advancement .icon-wrap .icon svg {
      width: 150px;
      transition: all 0.6s ease-in;
      cursor: pointer !important; }
      #join-our-team section#benefits .career-advancement .icon-wrap .icon svg path, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg polygon, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg rect, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg ellipse, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg circle, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg line {
        transition: all 0.6s ease-out; }
        #join-our-team section#benefits .career-advancement .icon-wrap .icon svg path:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg polygon:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg rect:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg ellipse:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg circle:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg line:not(.no-fill) {
          fill: #00a5b8; }
      #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover path, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover polygon, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover rect, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover ellipse, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover circle, #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover line {
        transition: all 0.6s ease-in; }
        #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover path:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover polygon:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover rect:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover ellipse:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover circle:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap .icon svg:hover line:not(.no-fill) {
          fill: #f5f5f5; }
  #join-our-team section#benefits .career-advancement .icon-wrap:hover .icon {
    background-color: #00a5b8;
    transform-origin: center;
    transform: rotateY(360deg);
    transition: all 0.6s ease-out; }
    #join-our-team section#benefits .career-advancement .icon-wrap:hover .icon path:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap:hover .icon polygon:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap:hover .icon rect:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap:hover .icon ellipse:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap:hover .icon circle:not(.no-fill), #join-our-team section#benefits .career-advancement .icon-wrap:hover .icon line:not(.no-fill) {
      fill: white; }
  #join-our-team section#benefits .career-advancement .icon-wrap p {
    line-height: 45px; }
    #join-our-team section#benefits .career-advancement .icon-wrap p:nth-of-type(1) {
      font-weight: 600;
      margin-bottom: 10px; }

@media only screen and (max-width: 767px) {
  #join-our-team section#benefits .image-right {
    display: none; }
  #join-our-team section#benefits .title-section,
  #join-our-team section#benefits .icon-wrap {
    margin-bottom: 30px; }
  #join-our-team section#benefits .container .row h2 {
    line-height: 40px; }
  #join-our-team section#benefits .container .row .icon-wrap p {
    line-height: 35px;
    margin-bottom: 30px; }
  #join-our-team section#benefits ul li {
    line-height: 18px; }
  #join-our-team section#benefits ul li:after {
    top: 5px; } }

#join-our-team section#meet-and-greet {
  overflow: hidden; }
  #join-our-team section#meet-and-greet strong {
    font-weight: 800; }
  #join-our-team section#meet-and-greet address {
    line-height: 40px; }
  #join-our-team section#meet-and-greet .container {
    padding: 0; }
  #join-our-team section#meet-and-greet .col-left {
    padding: 115px 115px 115px 0; }
  #join-our-team section#meet-and-greet .col-right, #join-our-team section#meet-and-greet #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill {
    background-color: #00a5b8;
    position: relative;
    color: white;
    padding: 0;
    width: 520px;
    left: 15px; }
    #join-our-team section#meet-and-greet .col-right img, #join-our-team section#meet-and-greet #lifestyle #the-design-process .col-right .fill img, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill img {
      width: 100%; }
    #join-our-team section#meet-and-greet .col-right .form-wrap .top, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top {
      padding: 25px 25px 25px 55px; }
    #join-our-team section#meet-and-greet .col-right .form-wrap .top p, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p,
    #join-our-team section#meet-and-greet .col-right .form-wrap .top h1,
    #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1,
    #join-our-team section#meet-and-greet .col-right .form-wrap .top h2,
    #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2 {
      margin: 0;
      line-height: initial; }
      #join-our-team section#meet-and-greet .col-right .form-wrap .top p:first-child, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p:first-child,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h1:first-child,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1:first-child,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h2:first-child,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2:first-child {
        font-weight: 300;
        margin-bottom: 30px; }
      #join-our-team section#meet-and-greet .col-right .form-wrap .top p.type-lg, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.type-lg, #join-our-team section#meet-and-greet .col-right .form-wrap .top p.type-subtitle-sm, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.type-subtitle-sm, #join-our-team section#meet-and-greet .col-right .form-wrap .top snapshot-info p.snapshot, snapshot-info #join-our-team section#meet-and-greet .col-right .form-wrap .top p.snapshot, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top snapshot-info p.snapshot, snapshot-info #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.snapshot, #join-our-team section#meet-and-greet .col-right .form-wrap .top #microsite.coming-soon p.divider.red, #microsite.coming-soon #join-our-team section#meet-and-greet .col-right .form-wrap .top p.divider.red, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #microsite.coming-soon p.divider.red, #microsite.coming-soon #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.divider.red, #join-our-team section#meet-and-greet .col-right .form-wrap .top #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card #join-our-team section#meet-and-greet .col-right .form-wrap .top p.divider.card-title, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #microsite.coming-soon .card.floorplan-card p.divider.card-title, #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.divider.card-title, #join-our-team section#meet-and-greet .col-right .form-wrap .top .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon #join-our-team section#meet-and-greet .col-right .form-wrap .top p.divider.card-title, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .card.floorplan-card #microsite.coming-soon p.divider.card-title, .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.divider.card-title,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top p span,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p span,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.type-lg,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.type-lg,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.type-subtitle-sm,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.type-subtitle-sm,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top snapshot-info h1.snapshot,
      snapshot-info #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.snapshot,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top snapshot-info h1.snapshot,
      snapshot-info #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.snapshot,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top #microsite.coming-soon h1.divider.red,
      #microsite.coming-soon #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.divider.red,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #microsite.coming-soon h1.divider.red,
      #microsite.coming-soon #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.divider.red,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top #microsite.coming-soon .card.floorplan-card h1.divider.card-title,
      #microsite.coming-soon .card.floorplan-card #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.divider.card-title,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #microsite.coming-soon .card.floorplan-card h1.divider.card-title,
      #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.divider.card-title,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top .card.floorplan-card #microsite.coming-soon h1.divider.card-title,
      .card.floorplan-card #microsite.coming-soon #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.divider.card-title,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .card.floorplan-card #microsite.coming-soon h1.divider.card-title,
      .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.divider.card-title,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h1 span,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1 span,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.type-lg,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.type-lg,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.type-subtitle-sm,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.type-subtitle-sm,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top snapshot-info h2.snapshot,
      snapshot-info #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.snapshot,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top snapshot-info h2.snapshot,
      snapshot-info #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.snapshot,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top #microsite.coming-soon h2.divider.red,
      #microsite.coming-soon #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.divider.red,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #microsite.coming-soon h2.divider.red,
      #microsite.coming-soon #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.divider.red,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top #microsite.coming-soon .card.floorplan-card h2.divider.card-title,
      #microsite.coming-soon .card.floorplan-card #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.divider.card-title,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #microsite.coming-soon .card.floorplan-card h2.divider.card-title,
      #microsite.coming-soon .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.divider.card-title,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top .card.floorplan-card #microsite.coming-soon h2.divider.card-title,
      .card.floorplan-card #microsite.coming-soon #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.divider.card-title,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .card.floorplan-card #microsite.coming-soon h2.divider.card-title,
      .card.floorplan-card #microsite.coming-soon #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.divider.card-title,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h2 span,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2 span {
        font-weight: 600; }
      #join-our-team section#meet-and-greet .col-right .form-wrap .top p.type-md, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.type-md, #join-our-team section#meet-and-greet .col-right .form-wrap .top .sort p.sort-item, .sort #join-our-team section#meet-and-greet .col-right .form-wrap .top p.sort-item, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .sort p.sort-item, .sort #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.sort-item, #join-our-team section#meet-and-greet .col-right .form-wrap .top .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #join-our-team section#meet-and-greet .col-right .form-wrap .top p.type-xl, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.type-xl, #join-our-team section#meet-and-greet .col-right .form-wrap .top .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #join-our-team section#meet-and-greet .col-right .form-wrap .top p.card-title, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.card-title, #join-our-team section#meet-and-greet .col-right .form-wrap .top .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #join-our-team section#meet-and-greet .col-right .form-wrap .top p.card-title, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.card-title, #join-our-team section#meet-and-greet .col-right .form-wrap .top #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #join-our-team section#meet-and-greet .col-right .form-wrap .top p.popover-title, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p.popover-title,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.type-md,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.type-md,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top .sort h1.sort-item,
      .sort #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.sort-item,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .sort h1.sort-item,
      .sort #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.sort-item,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title,
      #homepage section#welcome-home .map-sm .svg-map .pin + .popover #join-our-team section#meet-and-greet .col-right .form-wrap .top h1.popover-title,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #homepage section#welcome-home .map-sm .svg-map .pin + .popover h1.popover-title,
      #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1.popover-title,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.type-md,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.type-md,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top .sort h2.sort-item,
      .sort #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.sort-item,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top .sort h2.sort-item,
      .sort #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.sort-item,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
      #homepage section#welcome-home .map-sm .svg-map .pin + .popover #join-our-team section#meet-and-greet .col-right .form-wrap .top h2.popover-title,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top #homepage section#welcome-home .map-sm .svg-map .pin + .popover h2.popover-title,
      #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2.popover-title {
        margin-bottom: 15px; }
      #join-our-team section#meet-and-greet .col-right .form-wrap .top p:last-child, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top p:last-child,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h1:last-child,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h1:last-child,
      #join-our-team section#meet-and-greet .col-right .form-wrap .top h2:last-child,
      #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .top h2:last-child {
        line-height: 25px; }
    #join-our-team section#meet-and-greet .col-right .form-wrap hr, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap hr {
      position: relative;
      width: 400%;
      opacity: 0.7; }
    #join-our-team section#meet-and-greet .col-right .form-wrap .bottom, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .bottom {
      padding: 25px 55px; }
    #join-our-team section#meet-and-greet .col-right .form-wrap .bottom p, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .bottom p,
    #join-our-team section#meet-and-greet .col-right .form-wrap .bottom h1,
    #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .bottom h1,
    #join-our-team section#meet-and-greet .col-right .form-wrap .bottom h2,
    #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap .bottom h2 {
      line-height: 25px; }
    #join-our-team section#meet-and-greet .col-right .form-wrap div.form-results-loader i.fa, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap div.form-results-loader i.fa {
      color: white; }
    #join-our-team section#meet-and-greet .col-right .form-wrap form .form-component, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap form .form-component {
      margin-bottom: 20px;
      border: none; }
      #join-our-team section#meet-and-greet .col-right .form-wrap form .form-component .help-block, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap form .form-component .help-block {
        color: white; }
        #join-our-team section#meet-and-greet .col-right .form-wrap form .form-component .help-block .fa, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap form .form-component .help-block .fa {
          color: white; }
    #join-our-team section#meet-and-greet .col-right .form-wrap form input.btn-orange, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill .form-wrap form input.btn-orange {
      float: right;
      margin: 15px 0 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #join-our-team section#meet-and-greet .col-left {
      padding: 50px 0; } }
  @media only screen and (max-width: 767px) {
    #join-our-team section#meet-and-greet .container > .row.flex-wrap {
      -ms-flex-direction: column;
      flex-direction: column; }
    #join-our-team section#meet-and-greet .container > .row h2 {
      line-height: 35px; }
    #join-our-team section#meet-and-greet .container > .row h1:not(.type-subtitle-lg) {
      margin-bottom: 30px; }
    #join-our-team section#meet-and-greet .col-left {
      padding: 30px 15px 115px 15px; }
    #join-our-team section#meet-and-greet .col-right, #join-our-team section#meet-and-greet #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #join-our-team section#meet-and-greet .fill {
      width: 100%;
      left: 0;
      margin-bottom: 80px; } }

#join-our-team #career-fairs .image-left {
  top: 0;
  left: 0;
  position: absolute;
  background-image: url("https://s3-us-west-1.amazonaws.com/stapler.fischerhomes.com/resources/223386/large/career-fairs.png");
  background-size: contain;
  background-position: top;
  width: 40%;
  height: 100%; }

#join-our-team #career-fairs b {
  display: inline-block;
  margin-bottom: 30px; }

#join-our-team #career-fairs ul {
  margin-bottom: 50px; }
  #join-our-team #career-fairs ul li {
    margin-bottom: 15px;
    line-height: 25px;
    clear: both; }
    #join-our-team #career-fairs ul li span {
      height: 30px;
      float: left;
      margin-right: 10px;
      display: inline-block; }

@media only screen and (max-width: 767px) {
  #join-our-team #career-fairs .image-left {
    display: none; }
  #join-our-team #career-fairs ul li span {
    height: 60px; } }

#join-our-team section#inline-form .copy {
  -ms-flex: 2.4 0 0;
  flex: 2.4 0 0; }

#join-our-team section#inline-form p {
  max-width: initial; }

@media only screen and (max-width: 767px) {
  #join-our-team section#inline-form {
    padding-bottom: 80px; } }

#contact-us section#hero {
  background-image: url("/images/site/contact-us/hero-bkg.jpg");
  background-size: cover;
  background-position: center;
  color: white; }
  #contact-us section#hero .type-md, #contact-us section#hero .sort .sort-item, .sort #contact-us section#hero .sort-item, #contact-us section#hero header #main-nav .dropdown-wide .col-right li, header #main-nav .dropdown-wide .col-right #contact-us section#hero li, #contact-us section#hero #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill li, #lifestyle #the-design-process .col-right header #main-nav .dropdown-wide .fill #contact-us section#hero li, #contact-us section#hero .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #contact-us section#hero p.type-xl, #contact-us section#hero .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #contact-us section#hero p.card-title, #contact-us section#hero .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #contact-us section#hero p.card-title, #contact-us section#hero #homepage section#welcome-home .map-sm .svg-map .pin + .popover .popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #contact-us section#hero .popover-title {
    margin: 0; }

#contact-us section#content #where-we-build {
  padding: 135px 0; }
  #contact-us section#content #where-we-build p.type-contact-us-md {
    margin-bottom: 135px;
    font-weight: 300; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #contact-us section#content #where-we-build {
      padding: 120px 0; }
      #contact-us section#content #where-we-build p.type-contact-us-md {
        margin-bottom: 120px;
        font-weight: 300; } }
  @media only screen and (max-width: 767px) {
    #contact-us section#content #where-we-build {
      padding: 75px 0; }
      #contact-us section#content #where-we-build p.type-contact-us-md {
        margin-bottom: 75px;
        font-weight: 300; } }
  #contact-us section#content #where-we-build .build-card {
    border: 1px solid #dedede;
    margin-bottom: 30px; }
    #contact-us section#content #where-we-build .build-card .top {
      background-color: #f5f5f5;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      #contact-us section#content #where-we-build .build-card .top > * {
        width: 50%; }
      @media only screen and (max-width: 767px) {
        #contact-us section#content #where-we-build .build-card .top {
          -ms-flex-direction: column;
          flex-direction: column; }
          #contact-us section#content #where-we-build .build-card .top > * {
            width: 100%; } }
      #contact-us section#content #where-we-build .build-card .top .title {
        padding: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start; }
        @media only screen and (max-width: 767px) {
          #contact-us section#content #where-we-build .build-card .top .title {
            -ms-flex-align: center;
            align-items: center; } }
        #contact-us section#content #where-we-build .build-card .top .title p:first-child {
          font-weight: 300; }
        #contact-us section#content #where-we-build .build-card .top .title p:nth-of-type(2) {
          margin-top: 20px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #contact-us section#content #where-we-build .build-card .top .title p:nth-of-type(2) {
              line-height: 20px;
              text-align: left; } }
          @media only screen and (max-width: 767px) {
            #contact-us section#content #where-we-build .build-card .top .title p:nth-of-type(2) {
              line-height: 20px; } }
      #contact-us section#content #where-we-build .build-card .top .links a {
        width: 50%;
        display: inline-block;
        float: left;
        background-color: #dedede;
        color: #00a5b8;
        padding: 30px 0;
        transition: all 0.2s ease-out;
        cursor: pointer !important; }
        #contact-us section#content #where-we-build .build-card .top .links a:hover {
          transition: all 0.2s ease-in;
          background-color: #00a5b8;
          color: white; }
          #contact-us section#content #where-we-build .build-card .top .links a:hover > * {
            color: white; }
        #contact-us section#content #where-we-build .build-card .top .links a:nth-child(even) {
          border-left: 1px solid #f5f5f5; }
        #contact-us section#content #where-we-build .build-card .top .links a:nth-last-child(-n + 2) {
          border-top: 1px solid #f5f5f5; }
    #contact-us section#content #where-we-build .build-card .bottom {
      padding: #dedede;
      padding: 30px; }
      #contact-us section#content #where-we-build .build-card .bottom p {
        line-height: 24px;
        text-align: left; }

#vendor-bid #content .row > div {
  text-align: center;
  padding: 135px 0; }
  #vendor-bid #content .row > div > p {
    margin-bottom: 75px; }
  #vendor-bid #content .row > div > p.type-vendor-bid-md {
    font-weight: 300; }
  #vendor-bid #content .row > div > p.type-md, #vendor-bid #content .sort .row > div > p.sort-item, .sort #vendor-bid #content .row > div > p.sort-item, #vendor-bid #content .inline-get-fast-answers.md .copy .row > div > p.type-xl, .inline-get-fast-answers.md .copy #vendor-bid #content .row > div > p.type-xl, #vendor-bid #content .inline-get-fast-answers.md .copy .card.floorplan-card .row > div > p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #vendor-bid #content .row > div > p.card-title, #vendor-bid #content .card.floorplan-card .inline-get-fast-answers.md .copy .row > div > p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #vendor-bid #content .row > div > p.card-title, #vendor-bid #content #homepage section#welcome-home .map-sm .svg-map .pin + .popover .row > div > p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #vendor-bid #content .row > div > p.popover-title {
    line-height: 35px; }

#vendor-bid #content #bidding-documents .row > div .btn-blue {
  position: absolute;
  top: 0;
  right: 0; }
  #vendor-bid #content #bidding-documents .row > div .btn-blue span {
    font-weight: 300; }

#vendor-bid #content #bidding-documents .row > div .download-list > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center; }
  #vendor-bid #content #bidding-documents .row > div .download-list > div > * {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 15px 20px; }

#vendor-bid #content #bidding-documents .row > div .download-list .title {
  background-color: #a6a7a7;
  color: white; }

#vendor-bid #content #bidding-documents .row > div .download-list .list {
  border-top: 0px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede; }
  #vendor-bid #content #bidding-documents .row > div .download-list .list p:first-child {
    background-color: #f5f5f5; }
  #vendor-bid #content #bidding-documents .row > div .download-list .list *:not(:last-child) {
    border-right: 1px solid #dedede; }

#vendor-bid #content #partnerships {
  background-color: #f5f5f5; }
  #vendor-bid #content #partnerships p.type-vendor-bid-md {
    margin-bottom: 135px; }
  #vendor-bid #content #partnerships .type-sm, #vendor-bid #content #partnerships #slick-main .caption, #slick-main #vendor-bid #content #partnerships .caption, #vendor-bid #content #partnerships #slick-thumb .caption, #slick-thumb #vendor-bid #content #partnerships .caption, #vendor-bid #content #partnerships #slick-strip .caption, #slick-strip #vendor-bid #content #partnerships .caption, #vendor-bid #content #partnerships #slick-floorplan .caption, #slick-floorplan #vendor-bid #content #partnerships .caption, #vendor-bid #content #partnerships #slick-collections .caption, #slick-collections #vendor-bid #content #partnerships .caption, #vendor-bid #content #partnerships .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #vendor-bid #content #partnerships p.type-xl, #vendor-bid #content #partnerships .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #vendor-bid #content #partnerships p.card-title, #vendor-bid #content #partnerships .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #vendor-bid #content #partnerships p.card-title, #vendor-bid #content #partnerships .card .snapshot li, .card .snapshot #vendor-bid #content #partnerships li, #vendor-bid #content #partnerships .card.floorplan-card .card-subtitle, .card.floorplan-card #vendor-bid #content #partnerships .card-subtitle, #vendor-bid #content #partnerships .card.floorplan-card .card-detail, .card.floorplan-card #vendor-bid #content #partnerships .card-detail, #vendor-bid #content #partnerships .card.floorplan-card .card-price, .card.floorplan-card #vendor-bid #content #partnerships .card-price, #vendor-bid #content #partnerships #microsite #subnav #subnav-toggle ul li a, #microsite #subnav #subnav-toggle ul li #vendor-bid #content #partnerships a, #vendor-bid #content #partnerships #microsite-floorplan-detail #subnav #subnav-toggle ul li a, #microsite-floorplan-detail #subnav #subnav-toggle ul li #vendor-bid #content #partnerships a, #vendor-bid #content #partnerships #join-our-team section#benefits ul li, #join-our-team section#benefits ul #vendor-bid #content #partnerships li, #vendor-bid #contact-us section#content #partnerships #where-we-build .build-card .top .links a, #contact-us #vendor-bid section#content #partnerships #where-we-build .build-card .top .links a, #vendor-bid #contact-us section#content #where-we-build .build-card .top .links #partnerships a, #contact-us #vendor-bid section#content #where-we-build .build-card .top .links #partnerships a, #vendor-bid #st-judes #content #partnerships #partner-vendors li, #st-judes #vendor-bid #content #partnerships #partner-vendors li, #vendor-bid #st-judes #content #partner-vendors #partnerships li, #st-judes #vendor-bid #content #partner-vendors #partnerships li,
  #vendor-bid #content #partnerships .locations {
    text-align: left;
    line-height: 36px;
    margin-bottom: 55px; }
    #vendor-bid #content #partnerships .type-sm span, #vendor-bid #content #partnerships #slick-main .caption span, #slick-main #vendor-bid #content #partnerships .caption span, #vendor-bid #content #partnerships #slick-thumb .caption span, #slick-thumb #vendor-bid #content #partnerships .caption span, #vendor-bid #content #partnerships #slick-strip .caption span, #slick-strip #vendor-bid #content #partnerships .caption span, #vendor-bid #content #partnerships #slick-floorplan .caption span, #slick-floorplan #vendor-bid #content #partnerships .caption span, #vendor-bid #content #partnerships #slick-collections .caption span, #slick-collections #vendor-bid #content #partnerships .caption span, #vendor-bid #content #partnerships .inline-get-fast-answers .copy p.type-xl span, .inline-get-fast-answers .copy #vendor-bid #content #partnerships p.type-xl span, #vendor-bid #content #partnerships .inline-get-fast-answers .copy .card.floorplan-card p.card-title span, .inline-get-fast-answers .copy .card.floorplan-card #vendor-bid #content #partnerships p.card-title span, #vendor-bid #content #partnerships .card.floorplan-card .inline-get-fast-answers .copy p.card-title span, .card.floorplan-card .inline-get-fast-answers .copy #vendor-bid #content #partnerships p.card-title span, #vendor-bid #content #partnerships .card .snapshot li span, .card .snapshot #vendor-bid #content #partnerships li span, #vendor-bid #content #partnerships .card.floorplan-card .card-subtitle span, .card.floorplan-card #vendor-bid #content #partnerships .card-subtitle span, #vendor-bid #content #partnerships .card.floorplan-card .card-detail span, .card.floorplan-card #vendor-bid #content #partnerships .card-detail span, #vendor-bid #content #partnerships .card.floorplan-card .card-price span, .card.floorplan-card #vendor-bid #content #partnerships .card-price span, #vendor-bid #content #partnerships #microsite #subnav #subnav-toggle ul li a span, #microsite #subnav #subnav-toggle ul li #vendor-bid #content #partnerships a span, #vendor-bid #content #partnerships #microsite-floorplan-detail #subnav #subnav-toggle ul li a span, #microsite-floorplan-detail #subnav #subnav-toggle ul li #vendor-bid #content #partnerships a span, #vendor-bid #content #partnerships #join-our-team section#benefits ul li span, #join-our-team section#benefits ul #vendor-bid #content #partnerships li span, #vendor-bid #contact-us section#content #partnerships #where-we-build .build-card .top .links a span, #contact-us #vendor-bid section#content #partnerships #where-we-build .build-card .top .links a span, #vendor-bid #contact-us section#content #where-we-build .build-card .top .links #partnerships a span, #contact-us #vendor-bid section#content #where-we-build .build-card .top .links #partnerships a span, #vendor-bid #st-judes #content #partnerships #partner-vendors li span, #st-judes #vendor-bid #content #partnerships #partner-vendors li span, #vendor-bid #st-judes #content #partner-vendors #partnerships li span, #st-judes #vendor-bid #content #partner-vendors #partnerships li span,
    #vendor-bid #content #partnerships .locations span {
      font-weight: 600; }
  #vendor-bid #content #partnerships .locations p {
    margin-bottom: 0; }
  #vendor-bid #content #partnerships .info {
    background-color: white;
    text-align: left;
    padding: 50px;
    margin-right: 50px; }

#st-judes #st-judes-carousel .bottom-bar {
  position: absolute; }

#st-judes #st-judes-carousel .bottom-bar .row.flex-wrap {
  height: 175px; }
  #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap img {
    margin-bottom: 165px; }
  #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap .col-right, #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap #lifestyle #the-design-process .col-right .fill, #lifestyle #the-design-process .col-right #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap .fill {
    text-align: right; }
    #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap .col-right span, #lifestyle #the-design-process .col-right #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap .fill span {
      letter-spacing: 0;
      padding-left: 10px; }
    #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap .col-right *, #lifestyle #the-design-process .col-right #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap .fill * {
      line-height: 35px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #st-judes #st-judes-carousel .carousel {
    height: 60vh; }
  #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap {
    height: 145px; }
  #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap img {
    margin-bottom: 90px;
    max-width: 270px; } }

@media only screen and (max-width: 767px) {
  #st-judes #st-judes-carousel .carousel {
    height: calc(100vh - 80px); }
  #st-judes #st-judes-carousel .carousel .fill {
    height: calc(100% - 240px);
    margin-top: 50px; }
  #st-judes #st-judes-carousel .bottom-bar {
    height: 190px;
    padding-top: 15px; }
  #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap {
    height: auto;
    -ms-flex-direction: column;
    flex-direction: column; }
  #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap img {
    margin-bottom: 0;
    max-width: 100px; }
  #st-judes #st-judes-carousel .bottom-bar .row.flex-wrap p.type-subtitle-lg {
    font-size: 18px;
    line-height: 20px; }
  #st-judes #st-judes-carousel .col-right p, #st-judes #st-judes-carousel #lifestyle #the-design-process .col-right .fill p, #lifestyle #the-design-process .col-right #st-judes #st-judes-carousel .fill p {
    text-align: center; } }

#st-judes #content p.type-st-judes-md {
  font-weight: 300;
  color: #00a5b8;
  line-height: 72px; }
  @media only screen and (max-width: 767px) {
    #st-judes #content p.type-st-judes-md {
      line-height: 35px;
      font-size: 30px; } }

#st-judes #content #overview {
  background-color: #f5f5f5;
  padding: 120px 0; }
  #st-judes #content #overview p.type-sm, #st-judes #content #overview #slick-main p.caption, #slick-main #st-judes #content #overview p.caption, #st-judes #content #overview #slick-thumb p.caption, #slick-thumb #st-judes #content #overview p.caption, #st-judes #content #overview #slick-strip p.caption, #slick-strip #st-judes #content #overview p.caption, #st-judes #content #overview #slick-floorplan p.caption, #slick-floorplan #st-judes #content #overview p.caption, #st-judes #content #overview #slick-collections p.caption, #slick-collections #st-judes #content #overview p.caption, #st-judes #content #overview .inline-get-fast-answers .copy p.type-xl, .inline-get-fast-answers .copy #st-judes #content #overview p.type-xl, #st-judes #content #overview .inline-get-fast-answers .copy .card.floorplan-card p.card-title, .inline-get-fast-answers .copy .card.floorplan-card #st-judes #content #overview p.card-title, #st-judes #content #overview .card.floorplan-card .inline-get-fast-answers .copy p.card-title, .card.floorplan-card .inline-get-fast-answers .copy #st-judes #content #overview p.card-title, #st-judes #content #overview .card.floorplan-card p.card-subtitle, .card.floorplan-card #st-judes #content #overview p.card-subtitle, #st-judes #content #overview .card.floorplan-card p.card-detail, .card.floorplan-card #st-judes #content #overview p.card-detail, #st-judes #content #overview .card.floorplan-card p.card-price, .card.floorplan-card #st-judes #content #overview p.card-price {
    line-height: 45px; }
  #st-judes #content #overview p.type-subtitle-md {
    line-height: 52px; }
  #st-judes #content #overview p.type-md, #st-judes #content #overview .sort p.sort-item, .sort #st-judes #content #overview p.sort-item, #st-judes #content #overview .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #st-judes #content #overview p.type-xl, #st-judes #content #overview .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #st-judes #content #overview p.card-title, #st-judes #content #overview .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #st-judes #content #overview p.card-title, #st-judes #content #overview #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #st-judes #content #overview p.popover-title {
    line-height: 34px; }
  #st-judes #content #overview p:not(:last-child) {
    margin-bottom: 30px; }
  #st-judes #content #overview .col-left {
    padding-right: 50px; }
  #st-judes #content #overview .col-right .white-bkg, #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg {
    background-color: white;
    padding: 30px;
    text-align: center; }
    #st-judes #content #overview .col-right .white-bkg p.type-md, #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg p.type-md, #st-judes #content #overview .col-right .white-bkg .sort p.sort-item, .sort #st-judes #content #overview .col-right .white-bkg p.sort-item, #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg .sort p.sort-item, .sort #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg p.sort-item, #st-judes #content #overview .col-right .white-bkg .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #st-judes #content #overview .col-right .white-bkg p.type-xl, #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg p.type-xl, #st-judes #content #overview .col-right .white-bkg .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #st-judes #content #overview .col-right .white-bkg p.card-title, #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg p.card-title, #st-judes #content #overview .col-right .white-bkg .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #st-judes #content #overview .col-right .white-bkg p.card-title, #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg p.card-title, #st-judes #content #overview .col-right .white-bkg #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #st-judes #content #overview .col-right .white-bkg p.popover-title, #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg p.popover-title {
      display: inline-block;
      width: 70%; }
    #st-judes #content #overview .col-right .white-bkg a, #lifestyle #the-design-process .col-right #st-judes #content #overview .fill .white-bkg a {
      line-height: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #st-judes #content #overview {
      padding: 60px 0; } }
  @media only screen and (max-width: 767px) {
    #st-judes #content #overview {
      padding: 30px 0; }
      #st-judes #content #overview .col-left {
        padding-right: 0;
        margin-bottom: 20px; } }

#st-judes #content #time-lapse-video {
  padding: 115px 0; }
  #st-judes #content #time-lapse-video p {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #st-judes #content #time-lapse-video p {
        bottom: 0px; } }
  #st-judes #content #time-lapse-video.in p {
    transition: opacity 0.7s ease-out 0s, bottom 1.5s ease-out 0s;
    opacity: 1;
    bottom: 0; }
  #st-judes #content #time-lapse-video iframe {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #st-judes #content #time-lapse-video iframe {
        bottom: 0px; } }
  #st-judes #content #time-lapse-video.in iframe {
    transition: opacity 0.7s ease-out 0.3s, bottom 1.5s ease-out 0.3s;
    opacity: 1;
    bottom: 0; }
  #st-judes #content #time-lapse-video iframe {
    margin-top: 95px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #st-judes #content #time-lapse-video {
      padding: 55px 0; }
      #st-judes #content #time-lapse-video iframe {
        margin-top: 45px; } }
  @media only screen and (max-width: 767px) {
    #st-judes #content #time-lapse-video {
      padding: 30px 0; }
      #st-judes #content #time-lapse-video iframe {
        margin-top: 20px;
        width: 100%;
        height: 60vw; } }

#st-judes #content #partner-vendors {
  background-color: #f5f5f5;
  padding: 135px 0; }
  #st-judes #content #partner-vendors p {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #st-judes #content #partner-vendors p {
        bottom: 0px; } }
  #st-judes #content #partner-vendors.in p {
    transition: opacity 0.7s ease-out 0s, bottom 1.5s ease-out 0s;
    opacity: 1;
    bottom: 0; }
  #st-judes #content #partner-vendors img {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #st-judes #content #partner-vendors img {
        bottom: 0px; } }
  #st-judes #content #partner-vendors.in img {
    transition: opacity 0.7s ease-out 0.6s, bottom 1.5s ease-out 0.6s;
    opacity: 1;
    bottom: 0; }
  #st-judes #content #partner-vendors ul {
    transition: left 1s ease-out;
    position: relative;
    bottom: -70px;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      #st-judes #content #partner-vendors ul {
        bottom: 0px; } }
  #st-judes #content #partner-vendors.in ul {
    transition: opacity 0.7s ease-out 1.5s, bottom 1.5s ease-out 1.5s;
    opacity: 1;
    bottom: 0; }
  #st-judes #content #partner-vendors p {
    margin-bottom: 75px; }
  #st-judes #content #partner-vendors p.type-md, #st-judes #content #partner-vendors .sort p.sort-item, .sort #st-judes #content #partner-vendors p.sort-item, #st-judes #content #partner-vendors .inline-get-fast-answers.md .copy p.type-xl, .inline-get-fast-answers.md .copy #st-judes #content #partner-vendors p.type-xl, #st-judes #content #partner-vendors .inline-get-fast-answers.md .copy .card.floorplan-card p.card-title, .inline-get-fast-answers.md .copy .card.floorplan-card #st-judes #content #partner-vendors p.card-title, #st-judes #content #partner-vendors .card.floorplan-card .inline-get-fast-answers.md .copy p.card-title, .card.floorplan-card .inline-get-fast-answers.md .copy #st-judes #content #partner-vendors p.card-title, #st-judes #content #partner-vendors #homepage section#welcome-home .map-sm .svg-map .pin + .popover p.popover-title, #homepage section#welcome-home .map-sm .svg-map .pin + .popover #st-judes #content #partner-vendors p.popover-title {
    display: inline-block;
    line-height: 36px;
    max-width: 600px; }
  #st-judes #content #partner-vendors p.type-subtitle-md {
    letter-spacing: 1px; }
  #st-judes #content #partner-vendors .flex-wrap {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center; }
    #st-judes #content #partner-vendors .flex-wrap.vendors {
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start; }
    #st-judes #content #partner-vendors .flex-wrap:last-child {
      margin-bottom: 75px; }
    #st-judes #content #partner-vendors .flex-wrap img {
      margin: 30px; }
  #st-judes #content #partner-vendors li {
    text-align: left;
    line-height: 48px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #st-judes #content #partner-vendors {
      padding: 60px 0; }
      #st-judes #content #partner-vendors p,
      #st-judes #content #partner-vendors .flex-wrap:last-child {
        margin-bottom: 35px; }
      #st-judes #content #partner-vendors .flex-wrap img {
        margin: 15px;
        width: 75%; }
      #st-judes #content #partner-vendors .flex-wrap.vendors {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      #st-judes #content #partner-vendors .flex-wrap.vendors ul {
        width: 50%;
        padding-left: 75px; } }
  @media only screen and (max-width: 767px) {
    #st-judes #content #partner-vendors {
      padding: 30px 0 120px 0; }
      #st-judes #content #partner-vendors li,
      #st-judes #content #partner-vendors p.type-subtitle-md {
        text-align: center;
        line-height: 25px; }
      #st-judes #content #partner-vendors p,
      #st-judes #content #partner-vendors .flex-wrap:last-child {
        margin-bottom: 20px; }
      #st-judes #content #partner-vendors .flex-wrap img {
        margin: 10px;
        width: 75%; }
      #st-judes #content #partner-vendors .flex-wrap.vendors {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      #st-judes #content #partner-vendors .flex-wrap.vendors ul {
        width: 100%; } }

#st-louis #hero {
  height: 420px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  #st-louis #hero::before {
    background-color: rgba(0, 0, 0, 0.3);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  #st-louis #hero .type-subtitle-xl {
    font-weight: 300;
    position: relative; }
  @media only screen and (max-width: 767px) {
    #st-louis #hero {
      padding-top: 60px;
      height: 300px;
      text-align: center; } }

#st-louis #content {
  background-color: #f5f5f5;
  padding: 80px 0; }
  #st-louis #content p {
    line-height: 36px;
    margin-bottom: 30px; }
    #st-louis #content p.disclaimer {
      font-style: italic;
      margin-top: 75px; }

#podcast #hero {
  height: 425px;
  padding-top: 100px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("/images/site/homepage/grid-bkg.jpg");
  background-size: cover;
  background-position: center; }
  #podcast #hero h1 {
    font-weight: 300; }
    @media only screen and (max-width: 767px) {
      #podcast #hero h1 {
        font-size: 7.5vw; } }
  @media only screen and (max-width: 767px) {
    #podcast #hero {
      height: 225px;
      padding-top: 65px; } }

#podcast #content {
  background-color: #f5f5f5;
  padding-bottom: 45px; }

#podcast .episode {
  padding-top: 15px;
  padding-bottom: 15px; }
  #podcast .episode:not(:last-child) {
    border-bottom: 1px solid #00a5b8; }
  #podcast .episode > div:first-child {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 1230px) {
      #podcast .episode > div:first-child {
        height: 300px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #podcast .episode > div:first-child {
        height: 240px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #podcast .episode > div:first-child {
        height: 240px; } }
    @media only screen and (max-width: 767px) {
      #podcast .episode > div:first-child {
        height: 180px; } }
    #podcast .episode > div:first-child > .fa {
      color: #fff;
      display: table-cell;
      font-size: 120px;
      text-shadow: 7.5px 7.5px 7.5px rgba(0, 0, 0, 0.375);
      vertical-align: middle; }
  #podcast .episode p {
    color: #626262;
    margin-bottom: 7.5px; }
  #podcast .episode .title {
    font-size: 27px;
    line-height: 36px;
    margin-top: 7.5px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      #podcast .episode .title {
        font-size: 22.5px; } }
  #podcast .episode .blurb {
    font-size: 13.5px;
    line-height: 18px; }
  #podcast .episode .btn.btn-blue {
    margin-top: 15px; }

#podcast #like-what-you-see {
  background-image: url("/images/site/virtual-tours/like-what-you-see-v2.jpg");
  background-size: cover;
  background-position: center;
  padding-top: 120px;
  padding-bottom: 120px; }
  #podcast #like-what-you-see::before {
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  #podcast #like-what-you-see p {
    color: #fff;
    margin-bottom: 30px; }

/* mixin for multiline */

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