/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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;
  box-sizing: border-box;
  -webkit-appearance: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  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; }

* {
  box-sizing: border-box; }

/**
	creates code according the value sent, default normal
**/
/*@mixin fonts($weight: 'thin', $font: $font-stack){
	$fontWeight: 300;
	$fontFamily: $font-stack;
	@if $weight == "regular"{
		$fontWeigth: 400;
	}@else if $weight == "medium"{
		$fontWeight: 500;
	}@else if $weight == "bold"{
		$fontWeight: 700;
	}@else if $weight == "thin"{
		$fontWeight: 300;
	}
	font-family: $fontFamily;
	font-weight: $fontWeight;
}*/
/********************
  Media Breakpoint
*********************/
/****************
   fluid typography
***************/
.css-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 1;
  z-index: 9999;
  transition: all 0.3s ease-in; }
  .css-loader .css-loader-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px; }
    .css-loader .css-loader-text span {
      display: inline-block;
      margin: 0 5px;
      color: #fff;
      font-family: "Helvetica Neue LT W01_41488878";
      font-size: 1em; }
      .css-loader .css-loader-text span:nth-child(1) {
        filter: blur(0px);
        animation: blur-text 1.5s 0s infinite linear alternate; }
      .css-loader .css-loader-text span:nth-child(2) {
        filter: blur(0px);
        animation: blur-text 1.5s 0.2s infinite linear alternate; }
      .css-loader .css-loader-text span:nth-child(3) {
        filter: blur(0px);
        animation: blur-text 1.5s 0.4s infinite linear alternate; }
      .css-loader .css-loader-text span:nth-child(4) {
        filter: blur(0px);
        animation: blur-text 1.5s 0.6s infinite linear alternate; }
      .css-loader .css-loader-text span:nth-child(5) {
        filter: blur(0px);
        animation: blur-text 1.5s 0.8s infinite linear alternate; }
      .css-loader .css-loader-text span:nth-child(6) {
        filter: blur(0px);
        animation: blur-text 1.5s 1s infinite linear alternate; }
      .css-loader .css-loader-text span:nth-child(7) {
        filter: blur(0px);
        animation: blur-text 1.5s 1.2s infinite linear alternate; }
      .css-loader .css-loader-text span:nth-child(8) {
        filter: blur(0px);
        animation: blur-text 1.5s 1.4s infinite linear alternate; }
      .css-loader .css-loader-text span:nth-child(9) {
        filter: blur(0px);
        animation: blur-text 1.5s 1.6s infinite linear alternate; }

@keyframes blur-text {
  0% {
    filter: blur(0px); }
  100% {
    filter: blur(4px); } }
/******
Fonts
******/
/*
font-family:'Helvetica Neue LT W01_41488878';
*/
@font-face {
  font-family: "Gilroy-Bold";
  src: url("/fonts/gilroy/gilroy-bold-webfont.eot");
  src: url("/fonts/gilroy/gilroy-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gilroy/gilroy-bold-webfont.woff2") format("woff2"), url("/fonts/gilroy/gilroy-bold-webfont.woff") format("woff"), url("/fonts/gilroy/gilroy-bold-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "Gilroy-ExtraBold";
  src: url("/fonts/gilroy/gilroy-extrabold-webfont.eot");
  src: url("/fonts/gilroy/gilroy-extrabold-webfont.woff2") format("woff2"), url("/fonts/gilroy/gilroy-extrabold-webfont.woff") format("woff"), url("/fonts/gilroy/gilroy-extrabold-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "Gilroy-Semibold";
  src: url("/fonts/gilroy/Gilroy-Semibold.eot");
  src: url("/fonts/gilroy/Gilroy-Semibold.woff") format("woff"), url("/fonts/gilroy/Gilroy-Semibold.ttf") format("truetype"); }
@font-face {
  font-family: "Gilroy-Regular";
  src: url("/fonts/gilroy/gilroy-regular-webfont.eot");
  src: url("/fonts/gilroy/gilroy-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gilroy/gilroy-regular-webfont.woff2") format("woff2"), url("/fonts/gilroy/gilroy-regular-webfont.woff") format("woff"), url("/fonts/gilroy/gilroy-regular-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "Gilroy-Thin";
  src: url("/fonts/gilroy/gilroy-thin-webfont.eot");
  src: url("/fonts/gilroy/gilroy-thin-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gilroy/gilroy-thin-webfont.woff2") format("woff2"), url("/fonts/gilroy/gilroy-thin-webfont.woff") format("woff"), url("/fonts/gilroy/gilroy-thin-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "Gilroy-Light";
  src: url("/fonts/gilroy/gilroy-light-webfont.woff2") format("woff2"), url("/fonts/gilroy/gilroy-light-webfont.woff") format("woff"), url("/fonts/gilroy/gilroy-light-webfont.ttf") format("truetype"); }
/*****************
  Default setup
*****************/
body {
  font-family: "Helvetica Neue LT W01_41488878";
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  color: #000;
  background: #fff;
  text-align: center;
  line-height: 1.45;
  margin: 0 auto; }
  body.open {
    overflow: hidden; }

.pure-g [class*="pure-u"] {
  /* Set your content font stack here: */
  font-family: "Helvetica Neue LT W01_41488878", Georgia, Times, "Times New Roman", serif; }

.wrapper-full {
  width: 100%;
  margin: 0 auto; }
  .wrapper-full img {
    max-width: 100%;
    display: block; }

.wrapper {
  max-width: 1280px;
  min-width: 300px;
  margin: 0 auto;
  box-sizing: border-box; }
  .wrapper img {
    max-width: 100%;
    display: block; }

.img-full {
  width: 100%; }

#mainbody {
  position: relative;
  left: 0;
  transition: left 0.3s ease-in-out;
  opacity: 0.99; }
  #mainbody.open {
    overflow: hidden; }

#container {
  overflow-x: hidden; }
  #container.open {
    overflow: hidden; }
  #container.fadeIn {
    animation-duration: 2.5s; }

section {
  padding: 25px 10px; }
  section.first {
    padding: 50px 10px 25px 10px; }
  section.last {
    padding: 25px 10px 50px 10px; }
  section.double {
    padding-top: 50px;
    padding-bottom: 50px; }

h1 {
  font-family: "Gilroy-Thin";
  font-size: 1.65em;
  letter-spacing: 7px;
  text-transform: uppercase;
  color: #252525; }
  h1.bold, h1.large {
    font-family: "Gilroy-Bold"; }
  h1.semibold {
    font-family: "Gilroy-Semibold"; }
  h1.light {
    font-family: "Gilroy-Light"; }
  h1.thin {
    font-family: "Helvetica Neue LT W01_41488878"; }
  h1.large {
    font-size: 2em; }
  h1.large-fluid {
    font-size: 2em; }
  h1.less-letter-spacing {
    letter-spacing: 4px; }
  h1.no-letter-spacing {
    letter-spacing: 0 !important; }
  h1.normal {
    text-transform: none; }

h2 {
  font-family: "Gilroy-Regular";
  font-size: 1.525em;
  line-height: 1;
  letter-spacing: 4px; }
  h2.large {
    font-size: 1.525em; }
  h2.smaller {
    font-size: 1.25em; }
  h2.no-letter-spacing {
    letter-spacing: 0; }
  h2.semi-bold {
    font-family: "Gilroy-Semibold"; }

h3 {
  font-size: 1.125em;
  font-family: "Gilroy-Bold";
  letter-spacing: 4px; }
  h3.normal {
    letter-spacing: normal;
    line-height: 1.24; }

h4 {
  font-size: 0.875em;
  font-family: "Gilroy-Light";
  letter-spacing: 3px; }

a {
  display: inline-block;
  text-decoration: none;
  width: auto;
  outline: 0;
  color: inherit;
  transition: all 0.3s ease-in; }
  a:hover {
    color: inherit; }
  a:active {
    color: inherit; }

a[href^="mailto"]:hover {
  color: #ab2645; }

main {
  padding-top: 60px; }

header {
  margin: 0 auto; }
  header > h1 {
    margin-top: -6px;
    line-height: 1.1; }
    header > h1 + h3 {
      padding-top: 20px;
      text-transform: uppercase; }
    header > h1 .scale-text {
      font-size: 5vw; }
  header .subtitle {
    font-size: 1.125em;
    letter-spacing: 0.02em; }
  header.blog {
    max-width: 700px;
    margin: 0 auto; }
  header.width-1 {
    max-width: 95%; }
    header.width-1 > h1 {
      letter-spacing: 7px;
      line-height: 1.25; }
  header.full-width {
    max-width: 100% !important;
    width: 100%; }
    header.full-width > h1 {
      letter-spacing: 7px;
      line-height: 1.25; }
  header.variation1 {
    padding: 0 10px; }
    header.variation1 > h1 {
      letter-spacing: -1px;
      line-height: 1.45; }
  header .brownstone-sub-header {
    font-family: "Gilroy-Regular";
    font-size: 2.5em;
    letter-spacing: 0.25em;
    padding-left: 0.25em; }
  @media only screen and (min-width: 768px) {
    header .subtitle {
      font-size: 1.5em; } }

area {
  cursor: pointer;
  display: block;
  outline: none; }

sup {
  font-size: 0.875em; }

.img-full {
  display: block; }

.max-height-100 {
  max-height: 100%; }

.sub-header.font-light.subtitle {
  padding-top: 2.5em; }

.about {
  padding: 50px 20px; }
  .about p {
    padding: 15px 0;
    font-size: 1.125em;
    line-height: 2; }
    .about p:first-child {
      padding-top: 0; }

.no-letter-spacing {
  letter-spacing: 0; }

.bg-blue-light {
  background-color: #85acb3;
  max-height: none; }

.bg-olive-green {
  background-color: #6f812b;
  max-height: none; }

.bg-curtis-orange {
  background-color: #c25e32;
  color: #fff;
  max-height: none; }

.bg-curtis-orange-mid {
  background-color: #ce7e5b;
  color: #fff;
  max-height: none; }

.bg-curtis-orange-light {
  background-color: #da9e84;
  color: #fff;
  max-height: none; }

.bg-curtis-green {
  background-color: #728560;
  color: #fff;
  max-height: none; }

.bg-curtis-green-mid {
  background-color: #8e9d80;
  color: #fff;
  max-height: none; }

.bg-curtis-green-pale {
  background-color: #aab6a0;
  color: #fff;
  max-height: none; }

.bg-curtis-green-light {
  background-color: #c7cebf;
  color: #fff;
  max-height: none; }

.bg-creamery-green {
  background-color: #446739;
  color: #fff; }

.bg-creamery-blue {
  background-color: #385972;
  color: #fff; }

.bg-creamery-yellow {
  background-color: #e1bb63;
  color: #252525; }

.bg-creamery-white {
  background-color: #fff;
  color: #252525;
  max-height: none; }

.bg-molly-1 {
  background-color: #000000;
  background-image: url(/img/communities/mollys-walk/homes/homes-bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  max-height: 640px; }

.bg-molly-2 {
  background-color: #000000;
  background-image: url(/img/communities/mollys-walk/homes/homes-bg-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  max-height: 640px; }

.bg-molly-3 {
  background-color: #000000;
  background-image: url(/img/communities/mollys-walk/homes/homes-bg-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  max-height: 640px; }

.bg-molly-4 {
  background-color: #000000;
  background-image: url(/img/communities/mollys-walk/homes/homes-bg-4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  max-height: 640px; }

.bg-california-1 {
  background-color: #000000;
  background-image: url(/img/communities/california/homes/homes-bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  max-height: 640px; }

.bg-california-2 {
  background-color: #000000;
  background-image: url(/img/communities/california/homes/homes-bg-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  max-height: 640px; }

.bg-california-3 {
  background-color: #000000;
  background-image: url(/img/communities/california/homes/homes-bg-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  max-height: 640px; }

.bg-california-4 {
  background-color: #000000;
  background-image: url(/img/communities/california/homes/homes-bg-4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  max-height: 640px; }

#estates-container {
  padding-left: 0 !important;
  padding-right: 0 !important; }

#brownstone-container {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.bg-farmhouse-green {
  background-color: #668851 !important;
  color: #fff; }

.bg-farmhouse-blue {
  background-color: #5a9fb9 !important;
  color: #fff; }

.bg-farmhouse-grey {
  background-color: #999999 !important;
  color: #fff; }

.bg-farmhouse-yellow {
  background-color: #e1bb63;
  color: #fff; }

.bg-blue-436c7e {
  background-color: #436c7e;
  max-height: none; }

.bg-bac3c2 {
  background-color: #bac3c2;
  color: #fff;
  max-height: none; }

.bg-b5cfe6 {
  background-color: #b5cfe6;
  color: #fff;
  max-height: none; }

.bg-7c7d7e {
  background-color: #7c7d7e;
  color: #fff;
  max-height: none; }

.bg-dba041 {
  background-color: #dba041;
  color: #fff;
  max-height: none; }

.bg-d5764c {
  background-color: #d5764c; }

.bg-5f6a9f {
  background-color: #5f6a9f;
  color: #fff;
  max-height: none; }

.bg-468669 {
  background-color: #468669;
  color: #fff; }

.bg-e3e3e3 {
  background-color: #e3e3e3;
  color: #000; }

.contact header {
  margin-top: -6px; }
.contact h2 {
  font-family: "Gilroy-Bold";
  text-transform: uppercase;
  font-size: 1.375em;
  letter-spacing: 5px; }
.contact p {
  font-size: 1em;
  font-family: "Gilroy-ExtraBold";
  text-transform: uppercase;
  padding: 16px 0px 0 0px;
  letter-spacing: 1px; }

footer {
  background: #000;
  padding: 15px 10px 30px 10px;
  color: #fff; }
  footer .footer-logo {
    width: auto;
    margin: 0 auto;
    text-align: center;
    padding: 35px 10px 25px 10px; }
    footer .footer-logo img {
      width: 100%; }
    footer .footer-logo img.desktop {
      display: none; }
    footer .footer-logo img.mobile {
      display: block;
      max-width: 321px;
      margin: 0 auto; }
  footer .footer-container .footer-logo-container {
    padding: 0 0 0 0; }
  footer .footer-container .footer-menu-container {
    padding: 50px 0 0 25px; }
  footer .footer-menu {
    list-style: none;
    font-family: "Gilroy-Regular";
    font-size: 0.875em;
    letter-spacing: 2px;
    text-align: left;
    padding: 25px 0; }
    footer .footer-menu.second {
      color: #636363;
      font-size: 12px; }
    footer .footer-menu:not(.noheader) > li a {
      font-size: 0.75em; }
  footer .social-icons {
    display: flex !important;
    padding: 25px 0 0 0;
    justify-content: center; }
    footer .social-icons a {
      display: block !important; }
    footer .social-icons a[href^="https://www.facebook.com/"] {
      display: block !important; }
    footer .social-icons img {
      display: block !important; }
  footer .contact-info {
    font-size: 0.875em;
    line-height: 1.85;
    padding: 25px 0;
    margin: 0 auto;
    max-width: 440px;
    width: 100%;
    vertical-align: top;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    footer .contact-info > div {
      flex: 0 1 100%;
      display: inline-block;
      width: 100%; }
      footer .contact-info > div:nth-child(1) {
        padding-right: 0; }
      footer .contact-info > div:nth-child(2) {
        padding-top: 20px;
        padding-left: 0; }
  footer .copyright {
    font-size: 0.775em;
    line-height: 1.5;
    color: #636363;
    max-width: 1000px;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
    footer .copyright .copyright-image {
      flex: 0 1 auto;
      padding: 0 7px 0 0;
      position: relative;
      /* transform: translateY(25%); */ }
      footer .copyright .copyright-image img {
        max-width: 50px;
        width: 100%;
        width: 50px; }
    footer .copyright .copyright-content {
      flex: 0 1 auto;
      text-align: left;
      padding: 0 0 0 7px; }

@media screen and (min-width: 768px) {
  section {
    padding: 50px 35px; }

  h1 {
    font-size: 2.5em;
    letter-spacing: 10px; }
    h1.large {
      font-size: 3em; }
    h1.less-letter-spacing {
      letter-spacing: 5px; }
    h1.large-fluid {
      font-size: 36px; } }
    @media screen and (min-width: 768px) and (min-width: 768px) {
      h1.large-fluid {
        font-size: calc(36px + 16 * ((100vw - 768px) / 512)); } }
    @media screen and (min-width: 768px) and (min-width: 1280px) {
      h1.large-fluid {
        font-size: 52px; } }

@media screen and (min-width: 768px) {
  h2 {
    font-size: 1.65em;
    letter-spacing: 6px; }
    h2.large {
      font-size: 1.925em; }
    h2.smaller {
      font-size: 1.725em; }
    h2.no-letter-spacing {
      letter-spacing: 0; }

  main {
    padding-top: 60px; }

  header.width-1 {
    max-width: 80%; }
    header.width-1 > h1 {
      letter-spacing: 13px; }
  header.variation1 > h1 {
    font-size: 2.15em; }
    header.variation1 > h1 .scale-text {
      font-size: inherit; }

  .about {
    padding: 50px 50px 0 50px; }
    .about p:last-child {
      padding-bottom: 0; }

  .contact header {
    margin-top: -10px; }
  .contact h2 {
    font-size: 1.875em;
    letter-spacing: 5px; }
  .contact p {
    font-size: 1.5em;
    padding: 20px 5px 0 5px;
    letter-spacing: 5px; }

  footer {
    padding: 50px 10px 30px 10px; }
    footer .footer-logo {
      padding: 35px 10px 25px 10px; }
    footer .footer-menu {
      font-size: 0.775em; }
      footer .footer-menu li {
        display: block;
        width: 100%;
        padding: 8px 3px; }
    footer .contact-info > div {
      width: auto;
      flex: 0 1 auto; }
      footer .contact-info > div:nth-child(1) {
        padding-right: 20px; }
      footer .contact-info > div:nth-child(2) {
        padding-top: 0;
        padding-left: 20px; } }
@media screen and (min-width: 1024px) {
  #mainbody {
    left: 0; }

  h1 {
    font-size: 3em;
    letter-spacing: 15px; }
    h1.large {
      font-size: 4.5em; }
    h1.less-letter-spacing {
      letter-spacing: 10px; }
    h1.large-fluid {
      font-size: 52px; } }
    @media screen and (min-width: 1024px) and (min-width: 1281px) {
      h1.large-fluid {
        font-size: calc(52px + 28 * ((100vw - 1281px) / 159)); } }
    @media screen and (min-width: 1024px) and (min-width: 1440px) {
      h1.large-fluid {
        font-size: 80px; } }

@media screen and (min-width: 1024px) {
  h2 {
    font-size: 2.25em;
    letter-spacing: 8px; }
    h2.large {
      font-size: 2.925em; }
    h2.smaller {
      font-size: 2.125em; }
    h2.no-letter-spacing {
      letter-spacing: 0; }

  header.variation1 > h1 {
    font-size: 2.6em; }

  section {
    padding: 50px 70px; }
    section.first {
      padding: 95px 10px 50px 10px; }
    section.last {
      padding: 50px 10px 95px 10px; }
    section.double {
      padding-top: 100px;
      padding-bottom: 100px; }

  header.width-1 > h1 {
    letter-spacing: 22px;
    line-height: 1.35; }
  header.variation1 > h1 {
    font-size: 3em; }

  footer .bottom div:first-child {
    flex: 1 0 50%;
    text-align: left; }
  footer .footer-menu {
    font-size: 0.875em; }
    footer .footer-menu li {
      padding: 8px 12px; } }
@media screen and (min-width: 1140px) {
  h1.large {
    font-size: 5em; }

  h2.large {
    font-size: 3.75em; }
  h2.no-letter-spacing {
    letter-spacing: 0; }

  footer .footer-container .footer-logo-container {
    padding: 0 0 0 0; }
  footer .footer-container .footer-menu-container {
    padding: 50px 0 0 25px; } }
@media only screen and (min-width: 1200px) {
  footer .footer-logo {
    text-align: left; }
    footer .footer-logo img.desktop {
      display: block; }
    footer .footer-logo img.mobile {
      display: none; }
  footer .social-icons {
    justify-content: flex-start; }

  footer .footer-container .footer-logo-container {
    padding: 0px 25px 0 0; }
  footer .footer-container .footer-menu-container {
    padding: 0px 0 0 25px; } }
@media screen and (min-width: 1224px) {
  h1 {
    letter-spacing: 24px; }
    h1.less-letter-spacing {
      letter-spacing: 16px; }

  footer {
    padding: 80px; }
    footer .footer-container .footer-logo-container {
      padding: 0 50px 0 0; }
    footer .footer-container .footer-menu-container {
      padding-left: 50px 0 0 50px; } }
nav {
  position: fixed;
  height: 60px;
  width: 100%;
  vertical-align: middle;
  background: #000;
  color: #fff;
  padding: 0 0 50px 0;
  overflow: hidden;
  z-index: 9999; }
  nav #page-header {
    display: block;
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    z-index: 10;
    		/* .hamburger {
    			cursor: pointer;
    			position: absolute;
    			left: 10px;
    			right: auto;
    			top: 50%;
    			transform: translateY(-50%);
    			max-width: 25px;
    			margin: 0 auto;
    			z-index: 10;
    			@include transitions;
    
    			img {
    				display: block;
    			}
    
    			.closed-state {
    				display: block;
    			}
    
    			.open-state {
    				display: none;
    			}
    		} */ }
    nav #page-header .main-logo {
      position: absolute;
      width: 30%;
      margin: 0 auto;
      max-width: 50%;
      top: 50%;
      transform: translateY(-50%); }
      nav #page-header .main-logo a {
        display: block; }
      nav #page-header .main-logo img {
        margin: 0 auto;
        display: inline-block;
        vertical-align: middle;
        max-width: 100%; }
      nav #page-header .main-logo.left {
        left: 20px; }
      nav #page-header .main-logo.right {
        right: 20px;
        text-align: right; }
      nav #page-header .main-logo.center {
        left: 50%;
        transform: translate(-50%, -50%); }
    nav #page-header .hamburger-container {
      top: 50%;
      transform: translateY(-50%);
      left: 20px; }
  nav .bottom-section {
    padding: 5px 0 0 0; }

nav.open {
  height: auto;
  z-index: 99999; }
  nav.open .main-menu {
    opacity: 1;
    height: 100%;
    max-height: 800px;
    overflow: auto;
    transition: all 0.3s ease-in; }
  nav.open #page-header {
    		/* .hamburger {
    			.closed-state {
    				display: none;
    			}
    
    			.open-state {
    				display: block;
    			}
    		} */ }

.main-menu {
  position: relative;
  max-height: 0;
  left: 0;
  right: 0;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.3s ease-in; }
  .main-menu .menu {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
    transition: all 0.3s ease-in; }
    .main-menu .menu li {
      flex: 0 1 auto;
      width: calc(50% - 10px);
      margin: 5px 5px;
      position: relative;
      font-size: 1.000em;
      vertical-align: top; }
      .main-menu .menu li a {
        display: block;
        position: relative;
        color: #696969; }
        .main-menu .menu li a:hover {
          color: #ab2645; }
      .main-menu .menu li .overlay {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        width: 100%;
        max-width: 85%;
        margin: 0 auto; }
    .main-menu .menu img {
      margin: 0 auto; }
    .main-menu .menu .title {
      font-family: "Gilroy-ExtraBold";
      font-size: 1.125em; }

.main-menu .normal-menu {
  list-style: none;
  max-width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .main-menu .normal-menu li {
    flex: 0 1 100%;
    width: calc(100%);
    padding: 15px 1.565%;
    text-transform: uppercase;
    font-size: 0.875em;
    white-space: nowrap;
    font-family: "Gilroy-Semibold";
    letter-spacing: 2px; }
    .main-menu .normal-menu li:first-child {
      padding-left: 1.565%; }
    .main-menu .normal-menu li:last-child {
      padding-right: 1.565%;
      padding-bottom: 50px; }
    .main-menu .normal-menu li a:hover {
      color: #fff; }
.main-menu .social-icons {
  max-width: 29%;
  width: 100%;
  padding: 0 20px 0 0;
  display: none;
  justify-content: flex-end; }
  .main-menu .social-icons li {
    padding: 15px 7px; }
    .main-menu .social-icons li a {
      padding: 0; }

/********
Commuity Menu
*********/
.community-menu {
  background: #252525;
  color: #fff;
  padding: 0;
  height: 100%;
  position: relative;
  height: 60px;
  z-index: 1; }
  .community-menu .menu {
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #252525;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-height: 0;
    transition: all 0.3s ease; }
    .community-menu .menu li {
      flex: 0 1 100%;
      padding: 0 1.365% 0 1.365%;
      height: 100%;
      line-height: 60px;
      vertical-align: middle;
      text-transform: uppercase;
      font-size: 0.800em;
      font-family: "Gilroy-Regular";
      letter-spacing: 2px;
      white-space: nowrap; }
      .community-menu .menu li:first-child {
        padding-left: 0; }
      .community-menu .menu li:last-child {
        padding-right: 0; }
      .community-menu .menu li.active {
        font-family: "Gilroy-Semibold"; }
  .community-menu .image-section {
    display: none;
    max-width: 27.35%;
    width: 100%;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    padding: 0 1.365% 0 1.365%;
    text-align: center;
    background: black;
    float: left; }
    .community-menu .image-section ~ .menu {
      padding: 0 5.9%;
      width: 100%;
      justify-content: space-between; }
    .community-menu .image-section img {
      display: inline-block;
      vertical-align: middle; }

.item-display {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 20px 15px;
  font-size: 1em;
  font-family: "Gilroy-Regular";
  text-transform: uppercase;
  transition: transform 0.3s ease; }
  .item-display:after {
    content: '\00002B';
    font-size: 2.125em;
    font-family: "Gilroy-Regular";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    right: 20px; }
  .item-display ~ .menu {
    max-height: 0;
    overflow: hidden; }
  .item-display.open {
    max-width: 100%; }
    .item-display.open:after {
      content: '\002212'; }
    .item-display.open ~ .menu {
      max-height: 500px;
      top: 100%; }

/******
	home menu
*******/
.home-menu.main-menu {
  width: 100%;
  max-height: none;
  opacity: 1;
  color: #fff;
  padding-top: 55px;
  z-index: 2222; }
  .home-menu.main-menu .normal-menu {
    margin: 0 auto;
    max-width: 97.5%;
    float: none;
    justify-content: center; }
    .home-menu.main-menu .normal-menu li {
      position: relative;
      font-size: 1em;
      text-transform: uppercase;
      font-family: "Gilroy-Bold";
      transition: all 0.3s ease-in;
      padding: 15px 1.56%; }
      .home-menu.main-menu .normal-menu li .sub-menu {
        background: rgba(0, 0, 0, 0.5);
        display: inline-block;
        font-size: 0.650em;
        font-family: "Gilroy-Regular";
        text-align: left;
        position: absolute;
        top: 100%;
        left: 0;
        width: 212%;
        max-height: 0;
        overflow: hidden;
        opacity: 0; }
        .home-menu.main-menu .normal-menu li .sub-menu li {
          padding: 10px 15px; }
          @media screen and (min-width: 990px) {
            .home-menu.main-menu .normal-menu li .sub-menu li {
              padding: 10px 15px 10px 25px; } }
      .home-menu.main-menu .normal-menu li:hover {
        background: rgba(0, 0, 0, 0.5); }
        .home-menu.main-menu .normal-menu li:hover .sub-menu {
          max-height: 1000px;
          opacity: 1; }
      .home-menu.main-menu .normal-menu li:last-child {
        /*padding-right: 0%;*/ }
        .home-menu.main-menu .normal-menu li:last-child .sub-menu {
          left: -100%;
          text-align: right; }

@media only screen and (max-height: 675px) {
  nav.open .main-menu {
    overflow: scroll;
    max-height: 550px; } }
@media only screen and (min-width: 768px) {
  nav {
    height: 60px; }
    nav #page-header {
      			/* .hamburger {
      				left: 23px;
      
      			} */ }
      nav #page-header .main-logo {
        max-width: 21%; }
    nav .bottom-section {
      padding: 50px 0 0 0; }

  .main-menu .menu li {
    flex: 0 1 calc(20% - 20px);
    width: calc(20% - 20px);
    margin: 10px;
    /*width: auto;*/
    /*&.has-submenu {
    	.submenu {
    		left: -3%;
    		width: 109%;
    		max-height: none;
    		overflow: auto;
    	}
    	&:before {
    		content: none;
    	}
    }*/ }

  .main-menu .normal-menu {
    float: left;
    max-width: 78%;
    width: 100%;
    justify-content: flex-start; }
    .main-menu .normal-menu li {
      flex: 0 1 auto;
      width: auto;
      padding: 15px 1.45%;
      font-size: 0.775em;
      letter-spacing: 2px; }
      .main-menu .normal-menu li:first-child {
        padding-left: 15px; }
      .main-menu .normal-menu li:last-child {
        padding-right: 15px;
        padding-bottom: 0; }
  .main-menu .social-icons {
    display: inline-flex;
    float: none;
    max-width: 21%; }

  .community-menu .menu {
    position: relative; }
  .community-menu .item-display {
    display: none; }
    .community-menu .item-display ~ .menu {
      max-height: none;
      overflow: auto; }
  .community-menu .menu li {
    flex: 0 1 auto;
    padding: 0 0.9%;
    font-size: 0.750em; }
  .community-menu .image-section {
    display: inline-block; }
    .community-menu .image-section ~ .menu {
      max-width: calc(100% - 30.35%); } }
@media only screen and (min-width: 990px) {
  .main-menu .normal-menu li {
    padding: 15px 1.8%;
    font-size: 0.875em; }
    .main-menu .normal-menu li:first-child {
      padding-left: 2%; }
  .main-menu .social-icons {
    display: inline-flex;
    float: none;
    /*max-width: 26%;*/
    padding: 0 30px 0 0; }
    .main-menu .social-icons li {
      padding: 15px; }

  .home-menu.main-menu {
    padding-top: 85px; }
    .home-menu.main-menu .normal-menu li {
      font-size: 1.250em;
      padding: 15px 2.15%; }
      .home-menu.main-menu .normal-menu li:last-child .sub-menu {
        text-align: left;
        left: -30%; }

  .community-menu .image-section {
    display: inline-block; }
    .community-menu .image-section ~ .menu {
      padding: 0 13.9%; } }
@media only screen and (min-width: 1024px) {
  .main-menu .main-menu .normal-menu li {
    padding: 15px 2%;
    letter-spacing: 3px; }
  .main-menu .menu li {
    font-size: 2.250em; }

  .home-menu.main-menu .normal-menu li:last-child .sub-menu {
    text-align: left;
    left: -30%; }

  .community-menu .menu li {
    font-size: 1em; }

  /**end of media query $desktop-size **/ }
@media only screen and (min-width: 1140px) {
  .home-menu.main-menu .normal-menu li:last-child .sub-menu {
    text-align: left;
    left: 0; }

  /**end of destop-extra-size**/ }
@media only screen and (min-width: 1280px) {
  .community-menu .image-section {
    max-width: 350px; }

  /**end of 1280px**/ }
/******
	home menu new
*******/
#home-menu-new {
  position: fixed;
  top: 20px;
  max-width: 100%;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  background: transparent;
  display: flex;
  justify-content: space-between;
  z-index: 9999; }
  #home-menu-new.nugget-push {
    top: 40px; }
  #home-menu-new .left-logo {
    flex: 0 1 auto;
    left: 0;
    display: flex; }
    #home-menu-new .left-logo a {
      text-align: left; }
    #home-menu-new .left-logo img {
      max-width: 70%;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
  #home-menu-new .right-side {
    flex: 0 1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  #home-menu-new .visible-menu {
    display: none;
    width: auto; }
    #home-menu-new .visible-menu .home-main-menu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 40px;
      color: white; }
      #home-menu-new .visible-menu .home-main-menu li {
        flex: 0 1 auto; }
        #home-menu-new .visible-menu .home-main-menu li a {
          display: block;
          padding: 0 20px;
          height: 100%; }
      #home-menu-new .visible-menu .home-main-menu.open {
        display: none; }
    @media only screen and (min-width: 991px) {
      #home-menu-new .visible-menu {
        display: block; } }
  @media only screen and (min-width: 700px) {
    #home-menu-new {
      max-width: calc(100% - 40px);
      left: calc(50% + 20px);
      transform: translateX(-50%);
      top: 40px; }
      #home-menu-new .left-logo img {
        max-width: 100%; } }
  @media only screen and (min-width: 991px) {
    #home-menu-new {
      max-width: calc(100% - 60px);
      left: calc(50% + 30px);
      transform: translateX(-50%); } }

.hamburger-container {
  display: block;
  padding: 15px;
  background: transparent;
  height: auto;
  width: auto;
  position: relative;
  /* top: 50%;
  transform: translateY(-50%); */
  right: 0;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  z-index: 10; }
  .hamburger-container .hamburger {
    display: block;
    cursor: pointer;
    margin: 0 auto;
    padding-left: 1.25em;
    position: relative;
    top: -2px;
    transform: translateY(0%) rotate(0deg);
    left: -4px;
    right: auto;
    width: 20px;
    height: 15px;
    z-index: 10; }
    .hamburger-container .hamburger .nav-icon-global {
      backface-visibility: hidden;
      position: absolute;
      left: 0;
      border-top: 2px solid black;
      width: 100%;
      transition: 0.35s; }
    .hamburger-container .hamburger .icon-top {
      top: 0; }
    .hamburger-container .hamburger .icon-middle {
      top: 6px; }
    .hamburger-container .hamburger .icon-bottom {
      top: 12px; }
    .hamburger-container .hamburger.open .icon-top {
      backface-visibility: hidden;
      top: 6px;
      transform: rotate(50deg);
      transition: 0.55s 0.25s; }
    .hamburger-container .hamburger.open .icon-middle {
      opacity: 0; }
    .hamburger-container .hamburger.open .icon-bottom {
      backface-visibility: hidden;
      top: 6px;
      transform: rotate(-410deg);
      transition: 0.55s 0.25s; }

#main-nav-overlay {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  bottom: 100%;
  width: calc(100vw + 17px);
  height: 0;
  max-height: 0;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 9;
  transition: all 0.5s; }
  #main-nav-overlay .overlay-menu {
    color: white;
    text-align: left;
    padding: 95px 20px 30px 20px;
    position: relative;
    top: 3%;
    opacity: 0.5;
    transition: all 0.7s; }
    #main-nav-overlay .overlay-menu .menu-heading {
      position: relative;
      padding: 10px 0; }
      #main-nav-overlay .overlay-menu .menu-heading:after {
        content: ' + ';
        position: absolute;
        top: 0;
        width: 20px;
        height: 100%;
        right: 0;
        left: auto;
        font-size: 15px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center; }
      #main-nav-overlay .overlay-menu .menu-heading.open:after {
        content: '-'; }
      #main-nav-overlay .overlay-menu .menu-heading.open + .menu-column {
        max-height: 300px; }
      #main-nav-overlay .overlay-menu .menu-heading.no-sign:after {
        content: none; }
    #main-nav-overlay .overlay-menu .menu-column {
      display: flex;
      justify-content: center;
      width: 100%;
      flex-flow: column nowrap;
      max-height: 0;
      overflow: hidden;
      transition: all 0.3s; }
      #main-nav-overlay .overlay-menu .menu-column li {
        flex: 0 1 100%;
        font-family: "Gilroy-Light";
        font-size: 20px;
        color: white;
        text-align: left;
        padding: 10px 0;
        transition: transform 0.2s; }
        #main-nav-overlay .overlay-menu .menu-column li:hover > a {
          transform: scale(1.07); }
    #main-nav-overlay .overlay-menu .heading {
      display: block;
      font-size: 20px; }
    #main-nav-overlay .overlay-menu .past-community {
      margin-top: 0; }
    #main-nav-overlay .overlay-menu .coming-soon .heading {
      text-transform: uppercase; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(1) {
      order: 1; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(2) {
      order: 2; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(3) {
      order: 4; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(4) {
      order: 5; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(5) {
      order: 3; }
  #main-nav-overlay.open {
    height: 100vh;
    max-height: 100%; }
    #main-nav-overlay.open .overlay-menu {
      top: 0%;
      opacity: 1; }
  @media only screen and (min-width: 700px) {
    #main-nav-overlay .overlay-menu {
      padding: 100px 20px 60px 20px; } }
  @media only screen and (min-width: 991px) {
    #main-nav-overlay .overlay-menu .menu-heading {
      padding: 20px 10px;
      max-height: none; }
      #main-nav-overlay .overlay-menu .menu-heading:after {
        content: none; }
      #main-nav-overlay .overlay-menu .menu-heading.open:after {
        content: none; }
    #main-nav-overlay .overlay-menu .menu-column {
      max-height: none; }
      #main-nav-overlay .overlay-menu .menu-column li {
        padding: 10px 10px; }
        #main-nav-overlay .overlay-menu .menu-column li {
          font-size: 18px; } }
      @media only screen and (min-width: 991px) and (min-width: 768px) {
        #main-nav-overlay .overlay-menu .menu-column li {
          font-size: calc(18px + 2 * ((100vw - 768px) / 612)); } }
      @media only screen and (min-width: 991px) and (min-width: 1380px) {
        #main-nav-overlay .overlay-menu .menu-column li {
          font-size: 20px; } }
  @media only screen and (min-width: 991px) {
    #main-nav-overlay .overlay-menu.open .overlay-menu {
      top: 10%; }
    #main-nav-overlay .overlay-menu .past-community {
      margin-top: 0px; }
    #main-nav-overlay .overlay-menu .coming-soon .heading {
      text-transform: initial; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(1) {
      order: 1; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(2) {
      order: 2; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(3) {
      order: 3; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(4) {
      order: 4; }
    #main-nav-overlay .overlay-menu .menu-layout > div:nth-child(5) {
      order: 5; } }
  @media only screen and (min-width: 1280px) {
    #main-nav-overlay .overlay-menu {
      padding: 100px; } }

/*******Banner*********/
.hero {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative; }
  .hero img {
    display: block;
    width: 100%; }
  .hero iframe {
    width: 100%;
    height: 100%; }
  .hero .hero-overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    line-height: 1;
    margin: 0 auto;
    text-align: center;
    z-index: 111; }
    .hero .hero-overlay .hero-image {
      max-width: 20.51%;
      width: 100%;
      margin: 0 auto; }
      .hero .hero-overlay .hero-image + .hero-title {
        padding-top: 20px;
        color: #fff;
        max-width: 97%;
        margin: 0 auto; }
        .hero .hero-overlay .hero-image + .hero-title.less-padding {
          padding-top: 20px; }
      .hero .hero-overlay .hero-image.normal-width {
        max-width: 90%; }
        .hero .hero-overlay .hero-image.normal-width img {
          max-width: 100%;
          width: auto;
          margin: 0 auto;
          text-align: center; }
      .hero .hero-overlay .hero-image.home-hero-image {
        max-width: 50%; }
      .hero .hero-overlay .hero-image.hero-image-curtis {
        max-width: 45%;
        width: 100%;
        margin: 0 auto; }
      .hero .hero-overlay .hero-image.hero-image-east-scramento {
        max-width: 65%; }
      .hero .hero-overlay .hero-image.hero-image-california {
        max-width: 30%; }
      .hero .hero-overlay .hero-image.hero-mollys-walk {
        max-width: 45%; }
    .hero .hero-overlay h2 {
      color: #fff;
      letter-spacing: 7px; }
      .hero .hero-overlay h2.no-letter-spacing {
        letter-spacing: 0; }
  .hero.home {
    height: 56.625vw; }
    .hero.home .hero-overlay {
      position: absolute;
      top: 6%;
      transform: translateY(0); }
      .hero.home .hero-overlay .hero-image {
        max-width: 67.51%; }
  .hero.internal-page {
    height: 0;
    padding-bottom: 56.25%; }

.hero.with-video .hero-overlay {
  display: none;
  top: 36%; }
  .hero.with-video .hero-overlay .hero-image {
    max-width: 20.51%; }
.hero.with-video .video-overlay {
  z-index: -1; }
.hero.with-video .hero-play-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  max-width: 50px; }

.hero.with-video.show-video .video-overlay {
  z-index: 222; }

.hero.header-height-1 {
  position: relative;
  padding: 0 0 51.5625% 0; }
  .hero.header-height-1 iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.hidef-view {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; }

.block-container {
  position: relative;
  width: 100%;
  padding-bottom: 75.25%; }
  .block-container.abbeys-gate {
    background: url(/img/communities/abbeys-gate/community-bg-1.png) no-repeat center center/cover; }
  @media only screen and (min-width: 700px) {
    .block-container {
      padding-bottom: 50%; } }

.video-squares div[class^="pure-u"],
.video-squares div[class*="pure-u"] {
  position: relative; }

.video-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  /*border: 1px solid olive;*/
  /*.video-squares & {
		right: auto;
		bottom: auto;
		min-width: 0;
		height: 0;
		min-height: 0;
		padding-bottom: 100%;
		iframe {
			position: relative;
			top: auto;
			left: auto;
			width: 100%;
			min-height: 0;
			max-width: none;
			height: 100%;
			min-height: 0;
			transform: none;
		}
	}*/ }
  .video-overlay iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /*right: 0;
		bottom: 0;*/
    width: 100vw;
    min-width: 100%;
    max-width: 100%;
    height: 1px;
    min-height: 100%;
    z-index: 1;
    transform: scale(1);
    transition: transform 0.2s ease-in; }
  .video-overlay .poster {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 2;
    /*@include transitions(all, 0.3s, ease-in);*/ }
    .video-squares .video-overlay .poster {
      position: absolute !important; }
    .video-overlay .poster img {
      height: 100%;
      width: 100%;
      max-width: none; }
    .video-overlay .poster.play-button {
      cursor: pointer;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      bottom: auto;
      right: auto;
      width: 50px;
      z-index: 22; }
      .video-overlay .poster.play-button img {
        max-width: 100%;
        width: auto; }
    .video-overlay .poster.width-auto {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      right: auto;
      bottom: 0;
      width: auto; }
  .video-overlay img {
    display: block;
    max-width: 100%; }
  .video-overlay img.normal {
    max-width: 100%;
    width: auto; }
  .video-overlay.normal {
    position: relative; }
    .video-overlay.normal .poster {
      position: relative;
      height: 100%;
      width: 100%; }
  .video-overlay.height-auto {
    height: auto; }
  .video-overlay .permanent-show {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 2222; }

.video-overlay.show .poster {
  opacity: 0;
  z-index: -1;
  /*@include transitions(all, 0.3s, ease-in);*/ }

.button-full-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  background-color: transparent; }

/**IE hack**/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  /*.video-overlay {
		iframe {
			transform: scale(0);
		}
	}
	.video-overlay.show {
		iframe {
			transform: scale(1);
		}
	}*/ }
@supports (-ms-ime-align: auto) {
  /* Microsoft EdgeV13&14 CSS styles go here */
  .video-overlay iframe {
    transform: none; } }
.banner-section {
  position: relative; }
  .banner-section img {
    display: block;
    width: 100%; }
  .banner-section a {
    display: block; }
  .banner-section .image-contain {
    padding-bottom: 5px; }
    .banner-section .image-contain img {
      max-width: 100%;
      width: auto;
      margin: 0 auto; }
  .banner-section .title h1 {
    max-width: 97%;
    width: 100%;
    margin: 0 auto;
    font-family: "Gilroy-ExtraBold";
    letter-spacing: 0;
    line-height: 1.25;
    color: #fff; }
    .banner-section .title h1.wide {
      max-width: 97%; }
    .banner-section .title h1.dark-glow {
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25), 0 0 1em rgba(0, 0, 0, 0.25), 0 0 0.2em rgba(0, 0, 0, 0.25); }
  .banner-section .title h2 {
    max-width: 97%;
    width: 100%;
    margin: 0 auto;
    font-family: "Gilroy-ExtraBold";
    letter-spacing: 0;
    line-height: 1.25;
    color: #fff; }
  .banner-section .title.community-header {
    padding: 33px 15px 0 15px; }
  .banner-section.image-section {
    cursor: pointer; }
  .banner-section.sold-out::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/sold-out.png) no-repeat center center;
    background-size: 100%; }
  .banner-section.sold-out-text::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/sold-out-text.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 30%; }
  .banner-section.sold-out-black::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/sold-out-black.png) no-repeat center center;
    background-size: 100%; }
  .banner-section.new-release::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/new-release.png) no-repeat center center;
    background-size: 100%; }

.banner-overlay {
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0; }
  .banner-overlay.banner-overlay--static {
    position: static;
    top: 0;
    transform: translateY(0); }
  .banner-overlay.community-common {
    top: calc(50% - 13px); }
  .banner-overlay.logo-text .logo {
    padding-bottom: 12px;
    max-width: 50%;
    width: 100%;
    margin: 0 auto;
    display: inline-block; }
    .banner-overlay.logo-text .logo img {
      margin: 0 auto;
      max-width: 100%;
      width: 100%; }
    .banner-overlay.logo-text .logo.width-1 {
      max-width: 48.75%;
      width: 100%; }
  .banner-overlay.logo-text .title {
    padding-top: 12px; }
    .banner-overlay.logo-text .title h1 {
      max-width: 95%;
      margin: 0 auto;
      font-family: "Gilroy-ExtraBold";
      letter-spacing: 0;
      line-height: 1.25; }

/****
	header overlay to show a small header on 
	components children saying what it is.
****/
.heading-overlay > div {
  position: relative; }
  .heading-overlay > div::before {
    content: 'COMMUNITY';
    font-family: "Gilroy-Bold";
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    width: auto;
    z-index: 999; }
  .heading-overlay > div.heading-overlay--black::before {
    color: #000; }

/**
	Basic title with img and/or text
**/
.overlay-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  margin: 0 auto;
  width: 100%; }
  .overlay-title img + h1,
  .overlay-title object + h1 {
    padding-top: 28px; }
  .overlay-title object,
  .overlay-title img {
    max-width: 75%;
    width: 100%; }
  .overlay-title object svg {
    height: 100%; }
  .overlay-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .overlay-title.crocker-village {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    margin: 0 auto; }
    .overlay-title.crocker-village img {
      max-width: 100%;
      margin: 0 auto; }
    .overlay-title.crocker-village .title {
      padding-top: 10px; }
    .overlay-title.crocker-village.type--1 {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      max-width: 50%; }
      .overlay-title.crocker-village.type--1::before {
        content: none; }
    .overlay-title.crocker-village a {
      display: inline-block; }
  @media only screen and (min-width: 768px) {
    .overlay-title.crocker-village {
      left: 5.235%;
      top: 59%;
      transform: translate(0, -50%); }
      .overlay-title.crocker-village .title {
        padding-top: 10px; } }
  @media only screen and (min-width: 990px) {
    .overlay-title.crocker-village .title {
      padding-top: 30px; } }
  @media only screen and (min-width: 1140px) {
    .overlay-title.crocker-village.type--1 {
      max-width: 650px;
      margin: 0 auto; } }

/*****
Overlay that goes from relative to absolute
*****/
.overlay-relative-absolute,
.overlay-relative-absolute.variety1 {
  position: relative;
  top: 0;
  transform: translateY(0);
  left: 0;
  right: 0; }

/*****
	Sold out text
******/
.sold-out-text::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/img/sold-out-text.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: rgba(0, 0, 0, 0.5);
  background-size: 30%; }

@media screen and (min-width: 768px) {
  .banner-section .banner-overlay {
    position: absolute; }
  .banner-section .title h1 {
    max-width: 75%; }
    .banner-section .title h1.wide {
      max-width: 90%; }
  .banner-section .title h2 {
    max-width: 67%; }

  .hero .hero-overlay h2 {
    letter-spacing: 10px; }
    .hero .hero-overlay h2.no-letter-spacing {
      letter-spacing: 0; }
  .hero .hero-overlay .hero-image {
    max-width: 25.51%; }
    .hero .hero-overlay .hero-image + .hero-title {
      padding-top: 35px; }
      .hero .hero-overlay .hero-image + .hero-title.less-padding {
        padding-top: 25px; }
    .hero .hero-overlay .hero-image.hero-image-curtis {
      max-width: 25%; }
    .hero .hero-overlay .hero-image.hero-image-east-scramento {
      max-width: 846px; }
    .hero .hero-overlay .hero-image.hero-mollys-walk {
      max-width: 25%; }

  .hero.with-video .hero-overlay {
    display: block; }
  .hero.with-video .hero-play-button {
    top: 76%;
    transform: translateY(-50%);
    max-width: 75px; }

  .overlay-relative-absolute.variety1 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0; }

  .video-overlay .poster.play-button {
    top: 65%; }

  .heading-overlay > div::before {
    font-size: 14px;
    letter-spacing: 2px;
    top: 10px;
    left: 15px; } }
@media screen and (min-width: 990px) {
  .hero .hero-overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .hero .hero-overlay h2 {
      letter-spacing: 16px; }
      .hero .hero-overlay h2.no-letter-spacing {
        letter-spacing: 0; }
    .hero .hero-overlay .hero-image {
      max-width: 200px;
      width: 100%; }
      .hero .hero-overlay .hero-image + .hero-title {
        padding-top: 70px; }
        .hero .hero-overlay .hero-image + .hero-title.home-hero-image {
          max-width: 659px; }
        .hero .hero-overlay .hero-image + .hero-title.less-padding {
          padding-top: 38px; }
      .hero .hero-overlay .hero-image.hero-image-california {
        max-width: 25%; }
  .hero.home {
    height: 56.25vw;
    margin-bottom: -4px; }
    .hero.home .hero-overlay {
      position: absolute;
      top: 6%;
      transform: translateY(0); }
    .hero.home .hero-image {
      max-width: 853px; }

  .video-overlay {
    display: block;
    position: absolute; }
    .video-overlay .poster.play-button {
      width: auto;
      top: 65%; }

  .overlay-relative-absolute {
    position: relative;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0; } }
@media screen and (min-width: 1024px) {
  .hero {
    /*&.internal-page {
			height: 55.5vw;
		}*/ }

  .banner-section .title h1 {
    max-width: 55%; }

  .heading-overlay > div::before {
    font-size: 18px;
    top: 30px;
    left: 30px; } }
@media screen and (min-width: 1336px) {
  .banner-section .title h1 {
    max-width: 60%; }

  .banner-overlay.logo-text .logo.width-1 {
    max-width: 38.75%; } }
@media screen and (min-width: 1920px) {
  .hero {
    /*&.internal-page {
			height: 55.85vw;
		}*/ } }
/***************
	pure css additions and overrides.
****************/
.pure-g.center {
  justify-content: center; }

.flex-1-1-auto {
  flex: 1; }

.align-items-flex-start {
  align-items: flex-start !important; }

.align-items-flex-end {
  align-items: flex-end; }

/************/
.sold-out-black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/sold-out-black.png) no-repeat center center;
  background-color: transparent !important;
  background-position-y: 0px; }

.emphasize {
  margin: 0 auto;
  padding: 5px 0;
  width: 95%;
  font-family: "Helvetica Neue LT W01_41488878"; }
  .emphasize p {
    color: #252525;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.75;
    padding: 10px 0 10px 0; }
    .emphasize p:last-of-type {
      padding-bottom: 0;
      margin-bottom: -4px; }
    .emphasize p.no-padding-top {
      padding-top: 0; }
    .emphasize p.font-gray {
      color: #252525; }
    .emphasize p.less-lineheight {
      line-height: 1.25; }
    .emphasize p.bigger-size {
      font-size: 1em; }
    .emphasize p.smaller-size {
      font-size: 0.875em; }
    .emphasize p.less-padding {
      padding: 5px 0 5px 0; }
      .emphasize p.less-padding + p {
        padding: 5px 0 5px 0; }
  .emphasize p + p {
    padding: 13px 0 10px 0; }
  .emphasize.variety1 {
    width: 95%; }
  .emphasize.variety2 {
    width: 95%; }
  .emphasize.variety3 {
    width: 95%; }
  .emphasize.variety4 {
    width: 95%; }
  .emphasize.variety5 {
    width: 95%; }
  .emphasize.variety6 {
    width: 95%; }
  .emphasize.variety7 {
    width: 95%; }
  .emphasize.variety8 {
    width: 95%; }
  .emphasize.variety9 {
    width: 95%; }
  .emphasize.features {
    max-width: 590px;
    width: 100%;
    padding: 20px 15px; }
    .emphasize.features p + p:last-child {
      padding-bottom: 25px; }
    .emphasize.features.features-width--1 {
      max-width: 610px;
      padding: 15px 15px; }
      .emphasize.features.features-width--1 p + p {
        padding: 10px 0 9px 0; }
    .emphasize.features.padding--1 p {
      padding: 10px 0 10px 0; }
    .emphasize.features.padding--1 p + p {
      padding: 10px 0 10px 0; }
  .emphasize.features--1 {
    max-width: 529px;
    width: 100%;
    padding: 20px 10px; }
    .emphasize.features--1 p + p:last-child {
      padding-bottom: 25px; }
  .emphasize.no-padding-top {
    padding-top: 0;
    margin-top: -5px;
    margin-bottom: -5px; }

.crocker-village-features .emphasize p {
  font-size: 1em; }
@media screen and (min-width: 1200px) {
  .crocker-village-features .emphasize p {
    font-size: 1.125em; } }

/***********
Image section just to give 
full width to image
**********/
.image-section img {
  width: 100%;
  display: block;
  max-width: none; }

.image-section.variety1 img {
  width: 100%;
  height: 100%;
  display: block;
  max-width: none; }

/**************
	Two Columns
***************/
.two-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0 0 25px 0; }
  .two-columns .unit {
    position: relative; }
    .two-columns .unit.left {
      flex: 1 100%; }
    .two-columns .unit.right {
      flex: 1 100%; }
    .two-columns .unit .btn-container {
      padding: 20px 0 25px 0; }
  .two-columns .image-contain {
    padding: 40px 0 5px 0; }

.two-columns.alt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .two-columns.alt .unit.left {
    flex: 1 100%;
    order: 1; }
  .two-columns.alt .unit.right {
    flex: 1 100%;
    order: 2; }

/************
	Blocks
*************/
.blocks > div {
  padding: 20px 10px; }
  .blocks > div:first-child {
    padding-left: 10px; }
  .blocks > div:last-child {
    padding-right: 10px; }
.blocks object {
  width: 100%;
  display: block; }
.blocks .text-container {
  text-align: center;
  letter-spacing: 1px;
  padding-bottom: 1px;
  height: 80px;
  vertical-align: text-bottom; }
  .blocks .text-container h3 {
    font-size: 1em;
    font-family: "Gilroy-Semibold"; }
.blocks .no-padding-left {
  padding-left: 0 !important; }

.blocks.height1 {
  justify-content: space-around; }
  .blocks.height1 > div {
    text-align: center;
    height: 274px; }
  .blocks.height1 object {
    max-height: 100px;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto; }
  .blocks.height1 .image-container {
    height: 100px;
    display: inline-block;
    vertical-align: middle;
    display: flex;
    align-items: center; }
    .blocks.height1 .image-container object {
      vertical-align: middle;
      display: inline-block; }

.blocks.less-padding {
  align-items: center; }
  .blocks.less-padding > div {
    padding: 10px 5px; }
    .blocks.less-padding > div.no-padding-topbottom {
      padding-top: 0;
      padding-bottom: 0; }
    .blocks.less-padding > div:first-child {
      padding-left: 0px; }
    .blocks.less-padding > div:last-child {
      padding-right: 0px; }

/**********
centered columns
*********/
.centered {
  display: flex;
  justify-content: center;
  align-content: center; }
  .centered > div {
    padding: 0 20px;
    margin: 0;
    width: auto; }

/******************
Flooplans 
******************/
.floorplan-info {
  background-color: #385972;
  color: #fff; }
  .floorplan-info.font-black {
    color: #000; }
  .floorplan-info .elevations {
    max-width: 1280px;
    margin: 0 auto;
    justify-content: center;
    align-content: center;
    align-items: flex-end; }
    .floorplan-info .elevations > div {
      flex-grow: 0;
      margin: 0; }
    .floorplan-info .elevations h3 {
      font-family: "Gilroy-Semibold"; }
    .floorplan-info .elevations .elevation-title {
      padding: 18px 0 0 0; }
    .floorplan-info .elevations .elevation-image {
      padding: 25px 0 0 0; }
      .floorplan-info .elevations .elevation-image img {
        width: 100%;
        display: block; }
    .floorplan-info .elevations.elevation-extra-padding {
      padding: 26px 0 46px 0; }
  .floorplan-info .floorplan-detail {
    max-width: 1280px;
    width: 100%;
    padding: 30px 25px 30px 25px;
    justify-content: space-between;
    align-content: center;
    margin: 0 auto; }
    .floorplan-info .floorplan-detail h2 {
      font-family: "Gilroy-ExtraBold";
      letter-spacing: 0; }
    .floorplan-info .floorplan-detail .header {
      text-align: center; }
      .floorplan-info .floorplan-detail .header h1 {
        font-family: "Gilroy-ExtraBold";
        letter-spacing: 0; }
      .floorplan-info .floorplan-detail .header h3 {
        font-family: "Gilroy-ExtraBold";
        letter-spacing: 0; }
      .floorplan-info .floorplan-detail .header .icons {
        display: flex;
        justify-content: center;
        align-content: flex-start;
        padding: 0 15px 0 0; }
        .floorplan-info .floorplan-detail .header .icons li {
          flex: 0 1 auto;
          padding: 0 9px; }
          .floorplan-info .floorplan-detail .header .icons li:first-child {
            padding-left: 0; }
          .floorplan-info .floorplan-detail .header .icons li a {
            display: block; }
    .floorplan-info .floorplan-detail .details {
      font-size: 1em;
      text-align: center;
      padding-top: 30px; }
      .floorplan-info .floorplan-detail .details > div {
        display: inline-block;
        width: auto;
        margin: 0 auto;
        text-align: left; }
    .floorplan-info .floorplan-detail .residence-logo {
      text-align: center;
      padding-top: 30px; }
      .floorplan-info .floorplan-detail .residence-logo img {
        max-width: 100%;
        margin: 0 auto; }
    .floorplan-info .floorplan-detail.no-padding-side {
      padding-left: 0;
      padding-right: 0; }
    .floorplan-info .floorplan-detail .home-image {
      max-width: 100%;
      width: 100%;
      position: relative; }
      .floorplan-info .floorplan-detail .home-image img {
        display: block;
        width: 100%; }
  .floorplan-info.bg-curtis-orange {
    background-color: #c25e32;
    color: #fff;
    max-height: none; }
  .floorplan-info.bg-curtis-orange-mid {
    background-color: #ce7e5b;
    color: #fff;
    max-height: none; }
  .floorplan-info.bg-curtis-orange-light {
    background-color: #da9e84;
    color: #fff;
    max-height: none; }
  .floorplan-info.bg-curtis-green {
    background-color: #728560;
    color: #fff;
    max-height: none; }
  .floorplan-info.bg-curtis-green-mid {
    background-color: #8e9d80;
    color: #fff;
    max-height: none; }
  .floorplan-info.bg-curtis-green-pale {
    background-color: #aab6a0;
    color: #fff;
    max-height: none; }
  .floorplan-info.bg-curtis-green-light {
    background-color: #c7cebf;
    color: #fff;
    max-height: none; }
  .floorplan-info.bg-molly-purple {
    background-color: #5d4c78;
    color: #fff;
    max-height: none; }
  .floorplan-info.bg-california-beige {
    background-color: #c7b299;
    color: #fff;
    max-height: none; }
    .floorplan-info.bg-california-beige .elevation-image {
      padding-top: 0 !important; }
  .floorplan-info.bg-creamery-green {
    background-color: #446739; }
  .floorplan-info.bg-creamery-yellow {
    background-color: #e1bb63;
    color: #252525; }
  .floorplan-info.bg-farmhouse-grey {
    background-color: #999999;
    color: #fff; }
  .floorplan-info.bg-farmhouse-green {
    background-color: #668851;
    color: #fff; }
  .floorplan-info.bg-farmhouse-blue {
    background-color: #5a9fb9 !important;
    color: #fff; }
  .floorplan-info.bg-dba041 {
    background-color: #dba041;
    max-height: none; }
  .floorplan-info.bg-468669 {
    background-color: #468669;
    max-height: none; }
  .floorplan-info.bg-5f6a9f {
    background-color: #5f6a9f;
    max-height: none; }
  .floorplan-info.bg-e3e3e3 {
    background-color: #e3e3e3;
    color: #000; }
  .floorplan-info.light-gray-bg {
    background-color: #ededed;
    color: #000; }

.floorplan-info.variety1 .floorplan-detail {
  padding: 30px 25px 30px 25px; }
  .floorplan-info.variety1 .floorplan-detail .info-area {
    padding: 25px; }
  .floorplan-info.variety1 .floorplan-detail .residence-logo {
    text-align: center;
    padding: 25px 0 0 0;
    align-self: center; }
    .floorplan-info.variety1 .floorplan-detail .residence-logo img.mollys-walk {
      max-width: 100%;
      margin: auto;
      display: block; }
  .floorplan-info.variety1 .floorplan-detail .details {
    text-align: center; }
  .floorplan-info.variety1 .floorplan-detail .share {
    padding: 20px 0 0 0; }

/******************
  more padding on elevations
******************/
.floorplan-info.variety2 .elevations > div {
  padding: 0; }

/**##**/
/*****************
Even more padding
*****************/
.floorplan-info.variety3 .elevations > div {
  padding: 0; }

/*****************
  .floorplan-info crocker village
*****************/
.floorplan-info.crocker-village .floorplan-detail .header h1 {
  font-family: "Times New Roman", Times, Cambria, Cochin, Georgia, serif; }

/*****************
  Floorplan-info Abbeys Gate
*****************/
/* .floorplan-info.abbeys-gate {
  .elevations {
    >div {
      padding: 0;
    }
  }
} */
/*##**/
/****************
  .Floorplan-info Abbeys Gate
****************/
.floorplan-info.abbeys-gate .elevations .elevation-title {
  padding: 20px 0;
  color: white; }
  .floorplan-info.abbeys-gate .elevations .elevation-title .sutitle {
    font-size: 12px; }
.floorplan-info.abbeys-gate .elevations .elevation-image {
  padding: 0; }
.floorplan-info.abbeys-gate .floorplan-detail .header h1 {
  font-family: "Gilroy-Light";
  line-height: 1.1; }
.floorplan-info.abbeys-gate .floorplan-detail .sqft {
  font-size: 1em; }
.floorplan-info.abbeys-gate .floorplan-detail .residence-logo {
  display: flex;
  justify-content: center;
  align-items: center; }
@media screen and (min-width: 1024px) {
  .floorplan-info.abbeys-gate .floorplan-detail .details {
    font-size: 1.25em; }
  .floorplan-info.abbeys-gate .floorplan-detail .sqft {
    font-size: 1.25em; } }
@media screen and (min-width: 1140px) {
  .floorplan-info.abbeys-gate .elevations .elevation-title {
    padding: 40px 0; } }

/****************
  .Floorplan-info MIllstone
****************/
.floorplan-info.millstone .elevations .elevation-title {
  padding: 20px 0;
  color: white; }
  .floorplan-info.millstone .elevations .elevation-title .subtitle {
    font-size: 12px; }
.floorplan-info.millstone .elevations .elevation-image {
  padding: 0; }
.floorplan-info.millstone .floorplan-detail .header h1 {
  font-family: "Gilroy-Light";
  line-height: 1.1; }
.floorplan-info.millstone .floorplan-detail .sqft {
  font-size: 1em; }
.floorplan-info.millstone .floorplan-detail .residence-logo {
  display: flex;
  justify-content: center;
  align-items: center; }
@media screen and (min-width: 1024px) {
  .floorplan-info.millstone .floorplan-detail .details {
    font-size: 1.25em; }
  .floorplan-info.millstone .floorplan-detail .sqft {
    font-size: 1.25em; } }
@media screen and (min-width: 1140px) {
  .floorplan-info.millstone .elevations .elevation-title {
    padding: 40px 0; } }

/*##*/
.floorplan-rendering-area {
  max-width: 928px;
  margin: 0 auto;
  padding: 20px 10px 0 10px; }
  .floorplan-rendering-area.features {
    max-width: none;
    padding: 20px 0px 0 0px; }

.floorplan-tab-area .tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around; }
  .floorplan-tab-area .tabs .tab {
    flex: 1 1 auto;
    padding: 15px 5px;
    border: 0;
    color: #cccccc;
    cursor: pointer;
    font-family: "Gilroy-Semibold";
    font-size: 0.875em;
    text-transform: uppercase;
    white-space: nowrap; }
    .floorplan-tab-area .tabs .tab.active {
      border: 1px solid #385972;
      color: #385972; }
  .floorplan-tab-area .tabs.variety1 .tab {
    flex: 0 1 25%; }

.floorplan-tab-area.features .tabs .tab {
  color: white;
  font-size: 0.775em; }
  .floorplan-tab-area.features .tabs .tab.main {
    background-color: rgba(219, 160, 65, 0.5); }
  .floorplan-tab-area.features .tabs .tab.alley {
    background-color: rgba(70, 134, 105, 0.5); }
  .floorplan-tab-area.features .tabs .tab.village {
    background-color: rgba(95, 106, 159, 0.5); }
  .floorplan-tab-area.features .tabs .tab.active {
    border: 0; }
    .floorplan-tab-area.features .tabs .tab.active.main {
      background-color: #dba041; }
    .floorplan-tab-area.features .tabs .tab.active.alley {
      background-color: #468669; }
    .floorplan-tab-area.features .tabs .tab.active.village {
      background-color: #5f6a9f; }
  .floorplan-tab-area.features .tabs .tab .subtitle {
    display: block;
    font-size: 11px; }

.floorplan-area {
  padding: 45px 0; }
  .floorplan-area > div {
    text-align: center;
    padding: 25px 0;
    margin: 0 auto; }
  .floorplan-area h2 {
    color: #252525;
    font-size: 1.25em;
    font-family: "Gilroy-Semibold";
    letter-spacing: 4px;
    text-transform: uppercase; }
  .floorplan-area .floorplan-rendering img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
  .floorplan-area .floorplan-rendering > div {
    display: none; }
    .floorplan-area .floorplan-rendering > div.active {
      display: block; }

/*******
	Residences Tiles
******/
.residence-tiles .tiles {
  height: 50vw;
  position: relative; }
  .residence-tiles .tiles.white-border {
    border: 1px solid #fff; }
  .residence-tiles .tiles .banner-overlay {
    height: 100%;
    position: relative; }
  .residence-tiles .tiles .residence-tiles-title {
    position: absolute;
    bottom: 20px;
    width: 100%;
    font-size: 1.125em;
    font-family: "Gilroy-ExtraBold";
    text-transform: uppercase; }
    .residence-tiles .tiles .residence-tiles-title.small {
      font-size: 1.125em; }
    .residence-tiles .tiles .residence-tiles-title.title--v1 {
      bottom: 0;
      padding: 20px 0;
      font-family: "Times New Roman", Times, Cambria, Cochin, Georgia, serif; }
  .residence-tiles .tiles .residence-tiles-image {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 35px 10px 25px 10px; }
    .residence-tiles .tiles .residence-tiles-image img {
      margin: 0 auto;
      max-height: none; }
      .residence-tiles .tiles .residence-tiles-image img.exception {
        max-height: 120px; }
    .residence-tiles .tiles .residence-tiles-image.variation1 {
      padding: 15px 10px 15px 10px;
      top: 50%; }
    .residence-tiles .tiles .residence-tiles-image.top-45 {
      top: 45%; }
    .residence-tiles .tiles .residence-tiles-image.top-42 {
      top: 42%; }
    .residence-tiles .tiles .residence-tiles-image.top-43 {
      top: 42%; }
    .residence-tiles .tiles .residence-tiles-image.top-39 {
      top: 39%; }
  .residence-tiles .tiles .fit-height {
    height: 100%; }

/**************
  Residence Tiles crocker village
**************/
.residence-tiles.crocker-village {
  justify-content: center; }
  .residence-tiles.crocker-village .tiles {
    height: 80vw;
    padding: 0px 10px 20px 10px; }
    .residence-tiles.crocker-village .tiles .residence-tiles-image img {
      /* max-height: 114px; */
      max-height: none;
      max-width: 85%; }
  @media only screen and (min-width: 400px) {
    .residence-tiles.crocker-village {
      /* .tiles {
        height: 60vw;
      } */ } }
  @media screen and (min-width: 768px) {
    .residence-tiles.crocker-village .tiles {
      height: 35vw; }
      .residence-tiles.crocker-village .tiles .residence-tiles-image img {
        max-width: 85%; } }
  @media only screen and (min-width: 991px) {
    .residence-tiles.crocker-village .tiles {
      height: 320px; } }
  @media only screen and (min-width: 1024px) {
    .residence-tiles.crocker-village .tiles .residence-tiles-image img {
      max-width: 95%; } }
  @media only screen and (min-width: 1280px) {
    .residence-tiles.crocker-village .tiles {
      height: 320px; } }

/*###*/
.residence-tiles-header {
  padding: 0 0 30px 0;
  font-size: 1.5em;
  font-family: "Gilroy-Bold";
  letter-spacing: 3px; }

/***************
  Residence Tile Abbeys Gate
***************/
.residence-tiles.abbeys-gate .tiles {
  padding: 0 5px 20px 5px;
  height: auto; }
  .residence-tiles.abbeys-gate .tiles .residence-tiles-image {
    position: relative;
    top: 0;
    transform: translateY(0);
    padding: 0; }
    .residence-tiles.abbeys-gate .tiles .residence-tiles-image img {
      max-width: 100%;
      width: 100%;
      height: auto;
      max-height: none; }
  .residence-tiles.abbeys-gate .tiles .residence-tiles-title {
    position: relative;
    color: white; }

/***
	privacy
**/
#privacy-policy {
  padding-top: 100px;
  text-align: left; }
  #privacy-policy p {
    padding-bottom: 5px; }
    #privacy-policy p:last-child {
      padding-bottom: 0; }
  #privacy-policy header {
    padding-bottom: 10px;
    text-align: left; }
  #privacy-policy .emphasize {
    margin: 0; }
  #privacy-policy .back-to-top {
    color: #4bacc6;
    font-family: "Gilroy-Semibold";
    font-size: 0.875em;
    cursor: pointer; }

/**************
	feature section
**************/
.feature-section img {
  width: 100%;
  display: block; }

.feature-section.alt > div:nth-child(2) {
  order: 2; }
.feature-section.alt > div:nth-child(1) {
  order: 1; }

/***********
	Video group to take out 
	space between iframes containers
***********/
.video-group {
  margin: -1px -1px -1px -1px;
  overflow: hidden;
  align-content: stretch;
  align-items: stretch; }
  .video-group > div {
    margin: 0;
    align-self: stretch; }
    .video-group > div:last-child {
      margin-right: 0; }
    .video-group > div:first-child {
      margin-left: 0; }
    .video-group > div.align-flex-start {
      align-self: flex-start; }
  .video-group a {
    display: block; }
  .video-group .heighted {
    height: 0;
    padding-bottom: 56.25%;
    background-repeat: no-repeat;
    background-position: -150px 0;
    background-size: cover; }
    .video-group .heighted.height--1 {
      padding-bottom: 60.2815vh; }
    .video-group .heighted.crocker-village {
      background-image: url(/img/communities/crocker-village/header.jpg); }
  @media only screen and (min-width: 768px) {
    .video-group .heighted {
      background-position: 0 0;
      background-size: contain; }
      .video-group .heighted.height--1 {
        padding-bottom: 33.2815%; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
  .video-group .heighted {
    height: 0;
    padding-bottom: 56.25%;
    background-repeat: no-repeat;
    background-position: 0px 0 !important;
    background-size: cover; } }
.video-group.list > div {
  padding: 25px 0; }

/****************************
	cancel-space. This adds negative space around the div
*****************************/
.cancel-space {
  justify-content: center;
  margin: -1px -2px -1px 0px;
  overflow: hidden;
  max-width: 100%; }
  .cancel-space .banner-section {
    margin: 0 0;
    z-index: 1; }

/****************
Social icons

****************/
.social-icons {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: auto;
  margin: 0 auto; }
  .social-icons li {
    flex: 0 1 auto; }
    .social-icons li a {
      display: block;
      padding: 0 15px; }

@media screen and (min-width: 768px) {
  .emphasize {
    width: 83%;
    padding: 18px 0 0px 0; }
    .emphasize p {
      font-size: 0.95em;
      padding: 10px 0 10px 0; }
      .emphasize p.bigger-size {
        font-size: 1.125em; }
    .emphasize.variety1 {
      width: 77%; }
    .emphasize.variety2 {
      width: 76%; }
    .emphasize.variety3 {
      width: 88%; }
    .emphasize.variety4 {
      width: 85%; }
    .emphasize.variety5 {
      width: 88.5%; }
    .emphasize.variety6 {
      width: 93.5%; }
    .emphasize.variety7 {
      width: 73.5%; }
    .emphasize.variety8 {
      width: 90.5%; }
    .emphasize.variety9 {
      width: 100%;
      max-width: 505px; }
    .emphasize.features p + p:last-child {
      padding-bottom: 0; }
    .emphasize.no-padding-top {
      margin-top: -10px;
      margin-bottom: -10px; }

  .emerald-city {
    padding: 50px 14px; }

  .blocks > div {
    padding: 20px 30px; }
    .blocks > div:first-child {
      padding-left: 0; }
    .blocks > div:last-child {
      padding-right: 0; }

  .blocks.less-padding > div {
    padding: 10px 10px; }
    .blocks.less-padding > div.no-padding-topbottom {
      padding-top: 0;
      padding-bottom: 0; }
    .blocks.less-padding > div:first-child {
      padding-left: 0; }
    .blocks.less-padding > div:last-child {
      padding-right: 0; }

  .floorplan-tab-area .tabs .tab {
    padding: 15px 15px;
    font-size: 1.125em; }

  .floorplan-tab-area.features .tabs .tab {
    font-size: 1.125em; }

  .floorplan-area h2 {
    font-size: 1.5em;
    text-transform: uppercase; }

  .floorplan-info .floorplan-detail .header {
    text-align: left; }
    .floorplan-info .floorplan-detail .header .icons {
      justify-content: flex-start; }
  .floorplan-info .floorplan-detail .details {
    padding-top: 0; }
  .floorplan-info .floorplan-detail .residence-logo {
    text-align: right;
    padding-top: 0; }

  .floorplan-info.variety1 .floorplan-detail {
    padding: 0; }
    .floorplan-info.variety1 .floorplan-detail .info-area {
      padding: 20px 0 10px 30px;
      text-align: left; }
    .floorplan-info.variety1 .floorplan-detail .residence-logo {
      padding: 0 10px;
      text-align: left; }
    .floorplan-info.variety1 .floorplan-detail .details {
      text-align: left; }
    .floorplan-info.variety1 .floorplan-detail .share {
      padding: 15px 0 15px 0; }

  .video-group.list > div {
    padding: 50px 0; }

  .residence-tiles .tiles {
    height: 25vw; }
    .residence-tiles .tiles .residence-tiles-title.small {
      font-size: 1em; }
    .residence-tiles .tiles .residence-tiles-image img.exception {
      max-height: 120px; }
    .residence-tiles .tiles .residence-tiles-image.variation1 {
      top: 40%; }

  /*end of $tablet-size*/ }
@media screen and (min-width: 990px) {
  .emphasize.features.features-width--1 {
    padding: 10px 15px; }
    .emphasize.features.features-width--1 p {
      font-size: 1em; }
    .emphasize.features.features-width--1 p + p {
      padding: 5px 0 5px 0; }
  .emphasize.features.padding--1 p {
    padding: 7px 0 7px 0; }
  .emphasize.features.padding--1 p + p {
    padding: 7px 0 7px 0; }

  .feature-section.alt > div:nth-child(2) {
    order: 1; }
  .feature-section.alt > div:nth-child(1) {
    order: 2; }

  .two-columns {
    padding: 0 0 0 0; }
    .two-columns .unit.left {
      flex: 1 50%; }
    .two-columns .unit.right {
      flex: 1 50%; }
    .two-columns .unit .btn-container {
      padding: 20px 0 0 0; }
    .two-columns .image-contain {
      padding: 5px 0 5px 0; }

  .two-columns.alt .unit.left {
    flex: 1 50%;
    order: 2; }
  .two-columns.alt .unit.right {
    flex: 1 50%;
    order: 1; }

  .residence-tiles .tiles .residence-tiles-title {
    font-size: 1.375em;
    padding-bottom: 0; }
    .residence-tiles .tiles .residence-tiles-title.small {
      font-size: 1.225em; }
  .residence-tiles .tiles .residence-tiles-image {
    padding: 50px 10px 50px 10px; }
    .residence-tiles .tiles .residence-tiles-image img {
      max-height: 104px; }
      .residence-tiles .tiles .residence-tiles-image img.exception {
        max-height: 180px; }

  .floorplan-info.variety2 .elevations > div {
    padding: 0 7px; }

  .floorplan-info.variety3 .elevations > div {
    padding: 0 10px; } }
/* end of $tablet-extra-size */
@media screen and (min-width: 1024px) {
  .emphasize {
    width: 67.56%; }
    .emphasize p {
      font-size: 1.125em;
      line-height: 2; }
      .emphasize p.bigger-size {
        font-size: 1.5em; }
    .emphasize.variety1 {
      width: 67%; }
    .emphasize.variety2 {
      width: 66%; }
    .emphasize.variety3 {
      width: 80%; }
    .emphasize.variety4 {
      width: 78%; }
    .emphasize.variety5 {
      width: 83.5%; }
    .emphasize.variety6 {
      width: 93.5%; }
    .emphasize.variety7 {
      width: 63.5%; }
    .emphasize.variety8 {
      width: 90.5%; }

  .blocks > div {
    padding: 20px 80px; }
    .blocks > div:first-child {
      padding-left: 0; }
    .blocks > div:last-child {
      padding-right: 0; }

  .blocks.less-padding > div {
    padding: 10px 30px; }
    .blocks.less-padding > div.no-padding-topbottom {
      padding-top: 0;
      padding-bottom: 0; }
    .blocks.less-padding > div:first-child {
      padding-left: 0; }
    .blocks.less-padding > div:last-child {
      padding-right: 0; }
    .blocks.less-padding > div.no-padding-side {
      padding-left: 0;
      padding-right: 0; }
    .blocks.less-padding > div .no-padding-topbottom {
      padding-top: 0;
      padding-bottom: 0; }

  .floorplan-tab-area .tabs .tab {
    padding: 30px 35px;
    font-size: 1.5em; }

  .floorplan-tab-area.features .tabs .tab {
    font-size: 1.5em; }

  .floorplan-info .elevations > div {
    flex-grow: 1; }
  .floorplan-info .elevations .elevation-image {
    padding: 50px 0 0 0; }
  .floorplan-info .floorplan-detail {
    padding: 75px 5.468% 70px 5.468%; }
    .floorplan-info .floorplan-detail .details {
      font-size: 1.5em; }

  /*end of $desktop-size 1024px */ }
@media screen and (min-width: 1140px) {
  .emphasize.features.features-width--1 p {
    font-size: 1.125em; }

  .floorplan-info.variety1 .floorplan-detail .info-area {
    padding: 30px 0 0 40px; }
  .floorplan-info.variety1 .floorplan-detail .share {
    padding: 20px 0 35px 0; }
  .floorplan-info.variety1 .floorplan-detail .residence-logo img.mollys-walk {
    max-width: 210px; }

  /*emd pf $desktop-extra-size 1140px*/ }
@media screen and (min-width: 1200px) {
  .floorplan-info.variety1 .floorplan-detail .info-area {
    padding: 50px 0 0 40px; }

  .residence-tiles .tiles .residence-tiles-title {
    font-size: 1.875em; }
    .residence-tiles .tiles .residence-tiles-title.small {
      font-size: 1.525em; }
    .residence-tiles .tiles .residence-tiles-title.title--v1 {
      font-size: 1.65em; }
  .residence-tiles .tiles .residence-tiles-image img.exception {
    max-height: 220px; }

  /* end of desktop-big-size 1200px */ }
@media screen and (min-width: 1280px) {
  .residence-tiles .tiles {
    height: 320px; } }
/*****************
  components
*****************/
.cleafix {
  display: inline-block; }
  .cleafix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .cleafix {
    height: 1px; }

img.image-border {
  border: 10px #fff solid; }

/***********Buttons************/
.btn-container {
  position: relative;
  width: auto;
  margin: 0 auto;
  clear: both;
  white-space: nowrap;
  padding: 24px 0 0 0; }
  .btn-container.x-top {
    padding-top: 25px; }
  .btn-container.xx-top {
    padding-top: 35px; }
  .btn-container a {
    display: inline-block !important; }

.btn {
  display: inline-block;
  color: #fff;
  background: black;
  padding: 7.5px 12.5px 7.5px 12.5px;
  margin: 0;
  border: 1px solid #252525;
  font-family: "Gilroy-Bold";
  font-size: 0.875em;
  letter-spacing: 2px;
  line-height: 1;
  transition: all 0.3s ease-in; }
  .btn:hover {
    transform: scale(1.02);
    color: #fff; }
  .btn.white {
    border: 1px solid #fff;
    color: #fff; }
  .btn.abbeys-gate {
    background: #d5764c;
    color: #000;
    border: 0;
    font-family: "Gilroy-Bold"; }

/*********horizontal two part image block************/
.two-part-image {
  display: inline-block;
  width: auto;
  white-space: nowrap; }
  .two-part-image .image {
    display: inline-block;
    max-width: 150px;
    width: auto;
    max-height: 20px;
    height: 100%; }
  .two-part-image .text {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    font-family: "Gilroy-Regular";
    font-size: 9px;
    letter-spacing: 5px; }

/*********Media Block*******/
.media-container {
  padding: 0;
  margin: 0 auto;
  max-width: none;
  width: 100%; }

.media-block {
  padding: 20px 0 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  text-align: center;
  position: relative; }
  .media-block.no-padding {
    padding: 0px 0 0px 0; }
  .media-block div {
    padding: 0; }
  .media-block .link {
    width: 100%; }
  .media-block .media-image {
    flex: 1 100%;
    position: relative; }
  .media-block .media-content {
    flex: 1 100%;
    text-align: center; }
  .media-block .media-body, .media-block .media-body-limited {
    font-size: 0.875em;
    line-height: 1.5;
    padding: 5px 0px 0 0px;
    max-width: 95%;
    margin: 0 auto; }
  .media-block .media-date {
    font-family: "Gilroy-Thin";
    font-size: 0.875em; }
  .media-block .media-title {
    flex: 1 100%;
    padding: 26px 10px 6px 10px;
    font-family: "Gilroy-Bold";
    font-size: 1.125em;
    letter-spacing: 3.5px; }
    .media-block .media-title.font-regular {
      font-family: "Gilroy-Regular"; }
    .media-block .media-title.font-light {
      font-family: "Gilroy-Light"; }
    .media-block .media-title.font-bigger {
      font-size: 1.25em;
      letter-spacing: 5px; }
    .media-block .media-title + .media-title {
      padding: 10px 10px 6px 10px; }
  .media-block .btn-container {
    padding: 30px 0 0 0;
    max-width: 98%;
    margin: 0 auto; }
  .media-block .btn {
    padding: 20px 15px;
    font-family: "Gilroy-Bold";
    font-size: 0.775em; }
    .media-block .btn.small {
      /*font-size: 0.575em;*/
      white-space: normal; }
  .media-block img {
    display: block;
    margin: 0 auto;
    width: 100%; }

.media-block.variety1 .media-title {
  padding: 26px 10px 0px 10px; }
.media-block.variety1 .media-body, .media-block.variety1 .media-body-limited {
  padding: 0;
  letter-spacing: 3px; }

.media-block.variety2 {
  padding: 25px 10px; }
  .media-block.variety2 .media-title {
    font-family: "Gilroy-Semibold";
    letter-spacing: 0;
    line-height: 1.15;
    font-size: 0.875em;
    max-width: 95%;
    margin: 0 auto; }
  .media-block.variety2 .media-image {
    height: 100%;
    max-height: 168px;
    min-height: 168px; }
    .media-block.variety2 .media-image img {
      max-width: 100%;
      width: auto; }

.media-block.extra-padding {
  padding: 50px 0 0 0; }

/**************
	floorplan variations
***************/
.space-options {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 5px; }
  .space-options .option {
    flex: 0 1 calc(100% / 2);
    padding: 15px 0;
    margin: 0;
    cursor: pointer; }
    .space-options .option .image {
      height: 168px;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding: 0 5px; }
      .space-options .option .image img {
        flex: 0 1 auto;
        margin: 0 auto; }
    .space-options .option .title {
      font-family: "Gilroy-Semibold";
      font-size: 0.875em;
      line-height: 1.15;
      padding: 40px 0 0 0;
      margin: 0 auto;
      max-width: 170px;
      width: 100%; }

.space-options.variety1 {
  align-items: flex-end; }

.space-options.variety2 {
  justify-content: center; }
  .space-options.variety2 .option {
    flex-grow: 0; }

.space-options.variety3 {
  justify-content: center;
  align-items: flex-end; }
  .space-options.variety3 .option {
    flex-grow: 0; }
    .space-options.variety3 .option .image img {
      width: 100%; }

/***
	fancybox
****/
.fancybox-container img {
  display: block;
  max-width: 100%;
  width: 100%;
  max-height: 90%;
  height: 100%;
  touch-action: none; }
.fancybox-container .header {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 25px 15px;
  font-family: "Gilroy-Semibold";
  font-size: 0.875em;
  text-align: center;
  line-height: 1.15; }
.fancybox-container .fancybox-close-small:after {
  background: #dfdfdf; }
.fancybox-container .optional-fancybox {
  max-width: 700px;
  width: 100%;
  height: 90vh;
  overflow: hidden;
  margin: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/********Share Icons *************/
.share {
  list-style: none;
  width: auto;
  padding: 5px 0; }
  .share li {
    padding: 0 6px;
    display: inline-block;
    width: auto;
    vertical-align: middle; }
    .share li:first-child {
      padding-left: 0; }
    .share li:last-child {
      padding-right: 0; }

/********Horizontal List ********/
.horizontal-list {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-flow: row;
  flex-wrap: wrap;
  text-align: left; }
  .horizontal-list .list-row {
    flex: 1 100%;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-flow: row;
    flex-wrap: wrap;
    transition: all 0.3s ease-in; }
    .horizontal-list .list-row:hover {
      background: #e4e4e4; }
  .horizontal-list .list-item {
    flex: 1 1 auto;
    width: auto;
    padding: 18px 0;
    margin: 0 auto;
    border-bottom: 1px solid #d7d7d7; }
    .horizontal-list .list-item h2 {
      font-family: "Gilroy-Thin";
      color: #252525; }
    .horizontal-list .list-item h3 {
      color: #00203c;
      font-size: 0.875em; }
    .horizontal-list .list-item:first-child {
      flex: 1 1 50%; }
  .horizontal-list .header {
    font-family: "Gilroy-Bold";
    padding: 0 0 10px 0; }

/********Vertical List**********/
.vertical-list {
  margin: 0 auto;
  display: inline-flex;
  width: auto;
  list-style: none;
  flex-flow: column; }
  .vertical-list .list-item {
    flex: 0 1 auto;
    width: auto;
    border-bottom: 1px solid #e4e4e4;
    padding: 4px 5px; }
    .vertical-list .list-item:last-child {
      border-bottom: 0; }
  .vertical-list.padding-top {
    padding-top: 20px; }
  .vertical-list.list-style-decimal {
    list-style: decimal; }
  .vertical-list.menu-style [data-scroll-to] {
    cursor: pointer; }
    .vertical-list.menu-style [data-scroll-to]:hover {
      font-family: "Gilroy-Bold"; }
  .vertical-list.menu-style .list-item {
    padding: 7px 5px;
    color: #4bacc6;
    border: 0; }
  .vertical-list.menu-style .sub-list {
    padding-left: 30px; }

/***********Figure**************/
figure {
  position: relative;
  overflow: hidden; }
  figure img {
    width: 100%;
    display: block;
    transition: transform 0.5s; }
  figure.has-hover::after {
    /*content: ' ';*/
    height: 55px;
    width: 55px;
    background-size: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    transition: all 0.3s ease-in; }
  figure.type1.has-hover::after {
    content: none; }
  figure figcaption {
    background: rgba(255, 255, 255, 0);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 90%;
    height: 100%;
    margin: 0 auto;
    vertical-align: middle;
    font-family: "Gilroy-Bold";
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    letter-spacing: 3px;
    font-size: 0.875em;
    transform: scale(1);
    transition: transform 0.3s, opacity 0.5s; }
    figure figcaption .caption {
      color: #fff;
      position: relative;
      top: 47%;
      width: 100%;
      text-align: center;
      transform: translateY(-45%);
      line-height: 1;
      transition: transform 0.3s; }
      figure figcaption .caption.type1 {
        color: #fff;
        position: absolute;
        top: auto;
        bottom: 25px;
        transform: translateY(0);
        font-weight: 400;
        text-align: center;
        letter-spacing: 1px;
        line-height: 1.25; }
        figure figcaption .caption.type1 span {
          display: block;
          font-weight: 500;
          line-height: 1;
          padding-bottom: 10px; }
  figure a {
    display: block; }
  figure .text-content {
    padding: 2.718% 5.718% 2.718% 5.718%;
    text-align: center;
    line-height: 1.5; }
    figure .text-content header {
      padding-bottom: 20px; }
    figure .text-content p {
      color: #696969;
      font-size: 0.875em; }

/****************
Contact
****************/
.presentation-center {
  background-color: #252525;
  color: #fff;
  height: auto; }
  .presentation-center > div {
    height: 100%; }
  .presentation-center .banner-section {
    height: 100%;
    padding: 20px 10px; }
    .presentation-center .banner-section .banner-overlay {
      position: relative;
      top: 0;
      transform: translateY(0); }
  .presentation-center .contact {
    font-size: 0.875em;
    font-family: "Gilroy-Semibold";
    letter-spacing: 3px;
    padding: 0 0 20px 0; }
  .presentation-center .days {
    padding-top: 25px;
    text-transform: uppercase; }
    .presentation-center .days.width-days--1 {
      max-width: 75%;
      margin: 0 auto; }
  .presentation-center .note {
    color: #ff0033;
    letter-spacing: normal;
    font-size: 14px;
    display: inline-block;
    padding: 0 15px; }

/**********
 Map
**********/
#gmap {
  width: 100%;
  height: 80vw; }

.home-map-wrapper {
  width: 100%;
  height: 100%;
  background: black url(/img/home/mobile-map-bg.png) no-repeat center center/cover; }
  .home-map-wrapper #home-map {
    width: 100%;
    height: 100vh; }
    .home-map-wrapper #home-map .desktop-map {
      display: none; }
    .home-map-wrapper #home-map .mobile-map {
      display: block;
      margin: 0 auto; }
      .home-map-wrapper #home-map .mobile-map img {
        width: auto;
        height: 100%; }
  @media only screen and (min-width: 700px) {
    .home-map-wrapper #home-map {
      display: flex;
      align-items: center; }
      .home-map-wrapper #home-map .desktop-map {
        display: block;
        padding: 20px 10px 20px 20px;
        margin: 0 auto; }
      .home-map-wrapper #home-map .mobile-map {
        display: none; } }

.communities-map .home-map-wrapper {
  padding: 30px 10px; }

/***********
residence
**********/
.residences {
  position: relative;
  padding: 25px 0 25px 0;
  background: #fff;
  color: #fff;
  font-family: "Gilroy-Semibold" !important;
  font-size: 1em; }
  .residences h2 {
    font-family: "Gilroy-ExtraBold";
    letter-spacing: 2px; }
  .residences:hover {
    color: #fff; }
  .residences.fonts-black {
    color: #000; }
  .residences.white-border {
    border: 1px solid white;
    border-collapse: collapse; }
  .residences .banner-overlay {
    position: relative;
    top: 0;
    transform: translateY(0); }
  .residences .banner-overlay-absolute {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%); }
  .residences .residence-image {
    padding: 9.375% 10px;
    height: 100%; }
    .residences .residence-image img {
      max-width: 100%;
      width: auto;
      margin: 0 auto;
      max-height: 100%; }
      .residences .residence-image img.exception {
        max-width: none; }
    .residences .residence-image.residence-image-molly {
      padding: 2% 10px;
      height: 100%; }
  .residences .residence-info {
    font-size: 1em;
    text-transform: uppercase; }
  .residences .siteplan {
    padding: 0 0 0 0; }
    .residences .siteplan .residence-image {
      padding: 4.675% 10px 0 10px; }
  .residences .btn-container {
    padding: 25px 0 25px 0; }
  .residences.square {
    position: relative;
    height: auto; }
  .residences.bg-blue-light {
    background-color: #85acb3;
    color: #fff;
    max-height: none; }
  .residences.bg-olive-green {
    background-color: #6f812b;
    color: #fff;
    max-height: none; }
  .residences.bg-blue-436c7e {
    background-color: #436c7e;
    color: #fff;
    max-height: none; }
  .residences.bg-394b59 {
    background-color: #394b59;
    color: #fff;
    max-height: none; }
  .residences.bg-b0914a {
    background-color: #b0914a;
    color: #fff;
    max-height: none; }
  .residences.bg-bac3c2 {
    background-color: #bac3c2;
    color: #fff;
    max-height: none; }
  .residences.bg-635e43 {
    background-color: #635e43;
    color: #fff;
    max-height: none; }
  .residences.bg-8d7b63 {
    background-color: #8d7b63;
    color: #fff;
    max-height: none; }
  .residences.bg-313131 {
    background-color: #313131;
    color: #fff;
    max-height: none; }
  .residences.bg-858792 {
    background-color: #858792;
    color: #fff;
    max-height: none; }
  .residences.bg-e3d5d2 {
    background-color: #e3d5d2;
    color: #fff;
    max-height: none; }
  .residences.bg-393129 {
    background-color: #393129;
    color: #fff;
    max-height: none; }
  .residences.bg-a18c77 {
    background-color: #a18c77;
    color: #fff;
    max-height: none; }
  .residences.bg-5099b5 {
    background-color: #5099b5;
    color: #fff;
    max-height: none; }
  .residences.bg-fe834d {
    background-color: #fe834d;
    color: #fff;
    max-height: none; }
  .residences.bg-819ba5 {
    background-color: #819ba5;
    color: #fff;
    max-height: none; }
  .residences.bg-b27917 {
    background-color: #b27917;
    color: #fff;
    max-height: none; }
  .residences.bg-2e3727 {
    background-color: #2e3727;
    color: #fff;
    max-height: none; }
  .residences.bg-d06200 {
    background-color: #d06200;
    color: #fff;
    max-height: none; }
  .residences.bg-c5772a {
    background-color: #c5772a;
    color: #fff;
    max-height: none; }
  .residences.bg-695ed8 {
    background-color: #695ed8;
    color: #fff;
    max-height: none; }
  .residences.bg-4f6f74 {
    background-color: #4f6f74;
    color: #fff;
    max-height: none; }
  .residences.bg-b3a78d {
    background-color: #b3a78d;
    color: #fff;
    max-height: none; }
  .residences.bg-774456 {
    background-color: #774456;
    color: #fff;
    max-height: none; }
  .residences.bg-a78266 {
    background-color: #a78266;
    color: #fff;
    max-height: none; }
  .residences.bg-d8a56e {
    background-color: #d8a56e;
    color: #fff;
    max-height: none; }
  .residences.bg-b1840d {
    background-color: #b1840d;
    color: #fff;
    max-height: none; }
  .residences.bg-eb441f {
    background-color: #eb441f;
    color: #fff;
    max-height: none; }
  .residences.bg-698e97 {
    background-color: #698e97;
    color: #fff;
    max-height: none; }
  .residences.bg-1a678e {
    background-color: #1a678e;
    color: #fff;
    max-height: none; }
  .residences.bg-415341 {
    background-color: #415341;
    color: #fff;
    max-height: none; }
  .residences.bg-5198c4 {
    background-color: #5198c4;
    color: #fff;
    max-height: none; }
  .residences.bg-3f3e39 {
    background-color: #3f3e39;
    color: #fff;
    max-height: none; }
  .residences.bg-192233 {
    background-color: #192233;
    color: #fff;
    max-height: none; }
  .residences.bg-b9b5b4 {
    background-color: #b9b5b4;
    color: #252525;
    max-height: none; }
  .residences.bg-cb6e3b {
    background-color: #cb6e3b;
    color: #fff;
    max-height: none; }
  .residences.bg-585a59 {
    background-color: #585a59;
    color: #fff;
    max-height: none; }
  .residences.bg-d83210 {
    background-color: #d83210;
    color: #fff;
    max-height: none; }
  .residences.bg-1d1512 {
    background-color: #1d1512;
    color: #fff;
    max-height: none; }
  .residences.bg-900000 {
    background-color: #900000;
    color: #fff;
    max-height: none; }
  .residences.bg-426392 {
    background-color: #426392;
    color: #fff;
    max-height: none; }
  .residences.bg-c86802 {
    background-color: #c86802;
    color: #fff;
    max-height: none; }
  .residences.bg-475929 {
    background-color: #475929;
    color: #fff;
    max-height: none; }
  .residences.bg-9c2719 {
    background-color: #9c2719;
    color: #fff;
    max-height: none; }
  .residences.bg-7fa00e {
    background-color: #7fa00e;
    color: #fff;
    max-height: none; }
  .residences.bg-b9c6cc {
    background-color: #b9c6cc;
    color: #fff;
    max-height: none; }
  .residences.bg-ca0503 {
    background-color: #ca0503;
    color: #fff;
    max-height: none; }
  .residences.bg-d1a431 {
    background-color: #d1a431;
    color: #fff;
    max-height: none; }
  .residences.bg-15611c {
    background-color: #15611c;
    color: #fff;
    max-height: none; }
  .residences.bg-a69489 {
    background-color: #a69489;
    color: #fff;
    max-height: none; }
  .residences.bg-b6792e {
    background-color: #b6792e;
    color: #fff;
    max-height: none; }
  .residences.bg-948a29 {
    background-color: #948a29;
    color: #fff;
    max-height: none; }
  .residences.bg-814b3b {
    background-color: #814b3b;
    color: #fff;
    max-height: none; }
  .residences.bg-01484c {
    background-color: #01484c;
    color: #fff;
    max-height: none; }
  .residences.bg-d56544 {
    background-color: #d56544;
    color: #fff;
    max-height: none; }
  .residences.bg-3e4c55 {
    background-color: #3e4c55;
    color: #fff;
    max-height: none; }
  .residences.bg-004a91 {
    background-color: #004a91;
    color: #fff;
    max-height: none; }
  .residences.bg-00140d {
    background-color: #00140d;
    color: #fff;
    max-height: none; }
  .residences.bg-112526 {
    background-color: #112526;
    color: #fff;
    max-height: none; }
  .residences.bg-a49683 {
    background-color: #a49683;
    color: #fff;
    max-height: none; }
  .residences.bg-839ca4 {
    background-color: #839ca4;
    color: #fff;
    max-height: none; }
  .residences.bg-989da3 {
    background-color: #989da3;
    color: #fff;
    max-height: none; }
  .residences.bg-ba3b38 {
    background-color: #ba3b38;
    color: #fff;
    max-height: none; }
  .residences.bg-1b9ca2 {
    background-color: #1b9ca2;
    color: #fff;
    max-height: none; }
  .residences.bg-38341a {
    background-color: #38341a;
    color: #fff;
    max-height: none; }
  .residences.bg-c6a471 {
    background-color: #c6a471;
    color: #fff;
    max-height: none; }
  .residences.bg-58505f {
    background-color: #58505f;
    color: #fff;
    max-height: none; }
  .residences.bg-ffaacf {
    background-color: #ffaacf;
    color: #fff;
    max-height: none; }
  .residences.bg-56482b {
    background-color: #56482b;
    color: #fff;
    max-height: none; }
  .residences.bg-c9b4ac {
    background-color: #c9b4ac;
    color: #fff;
    max-height: none; }
  .residences.bg-c7ac51 {
    background-color: #c7ac51;
    color: #fff;
    max-height: none; }
  .residences.bg-71946b {
    background-color: #71946b;
    color: #fff;
    max-height: none; }
  .residences.bg-017858 {
    background-color: #017858;
    color: #fff;
    max-height: none; }
  .residences.bg-6d445f {
    background-color: #6d445f;
    color: #fff;
    max-height: none; }
  .residences.bg-8395a9 {
    background-color: #8395a9;
    color: #fff;
    max-height: none; }
  .residences.bg-aca22e {
    background-color: #aca22e;
    color: #fff;
    max-height: none; }
  .residences.bg-dfcac6 {
    background-color: #dfcac6;
    color: #fff;
    max-height: none; }
  .residences.bg-feb04f {
    background-color: #feb04f;
    color: #fff;
    max-height: none; }
  .residences.bg-b88996 {
    background-color: #b88996;
    color: #fff;
    max-height: none; }
  .residences.bg-fe577a {
    background-color: #fe577a;
    color: #fff;
    max-height: none; }
  .residences.bg-5395ce {
    background-color: #5395ce;
    color: #fff;
    max-height: none; }
  .residences.bg-ff8500 {
    background-color: #ff8500;
    color: #fff;
    max-height: none; }
  .residences.bg-41709c {
    background-color: #41709c;
    color: #fff;
    max-height: none; }
  .residences.bg-94894c {
    background-color: #94894c;
    color: #fff;
    max-height: none; }
  .residences.bg-285e8b {
    background-color: #285e8b;
    color: #fff;
    max-height: none; }
  .residences.bg-f82601 {
    background-color: #f82601;
    color: #fff;
    max-height: none; }
  .residences.bg-3b4449 {
    background-color: #3b4449;
    color: #fff;
    max-height: none; }
  .residences.bg-8e1171 {
    background-color: #8e1171;
    color: #fff;
    max-height: none; }
  .residences.bg-81ab2f {
    background-color: #81ab2f;
    color: #fff;
    max-height: none; }
  .residences.bg-0c4371 {
    background-color: #0c4371;
    color: #fff;
    max-height: none; }
  .residences.bg-808d78 {
    background-color: #808d78;
    color: #fff;
    max-height: none; }
  .residences.bg-405a72 {
    background-color: #405a72;
    color: #fff;
    max-height: none; }
  .residences.bg-c07a5b {
    background-color: #c07a5b;
    color: #fff;
    max-height: none; }
  .residences.bg-5a95c3 {
    background-color: #5a95c3;
    color: #fff;
    max-height: none; }
  .residences.bg-82543e {
    background-color: #82543e;
    color: #fff;
    max-height: none; }
  .residences.bg-2d0e08 {
    background-color: #2d0e08;
    color: #fff;
    max-height: none; }
  .residences.bg-253b51 {
    background-color: #253b51;
    color: #fff;
    max-height: none; }
  .residences.bg-6d1c1a {
    background-color: #6d1c1a;
    color: #fff;
    max-height: none; }
  .residences.bg-b7310b {
    background-color: #b7310b;
    color: #fff;
    max-height: none; }
  .residences.bg-8099b7 {
    background-color: #8099b7;
    color: #fff;
    max-height: none; }
  .residences.bg-58432e {
    background-color: #58432e;
    color: #fff;
    max-height: none; }
  .residences.bg-7d90a0 {
    background-color: #7d90a0;
    color: #fff;
    max-height: none; }
  .residences.bg-7d90a0 {
    background-color: #7d90a0;
    color: #fff;
    max-height: none; }
  .residences.bg-8d341b {
    background-color: #8d341b;
    color: #fff;
    max-height: none; }
  .residences.bg-530d0d {
    background-color: #530d0d;
    color: #fff;
    max-height: none; }
  .residences.bg-394c49 {
    background-color: #394c49;
    color: #fff;
    max-height: none; }
  .residences.bg-896c67 {
    background-color: #896c67;
    color: #fff;
    max-height: none; }
  .residences.bg-1f6a7d {
    background-color: #1f6a7d;
    color: #fff;
    max-height: none; }
  .residences.bg-4c3712 {
    background-color: #4c3712;
    color: #fff;
    max-height: none; }
  .residences.bg-a60008 {
    background-color: #a60008;
    color: #fff;
    max-height: none; }
  .residences.bg-a60008 {
    background-color: #a60008;
    color: #fff;
    max-height: none; }
  .residences.bg-4e91a1 {
    background-color: #4e91a1;
    color: #fff;
    max-height: none; }
  .residences.bg-b20001 {
    background-color: #b20001;
    color: #fff;
    max-height: none; }
  .residences.bg-e27c21 {
    background-color: #e27c21;
    color: #fff;
    max-height: none; }
  .residences.bg-ff5300 {
    background-color: #ff5300;
    color: #fff;
    max-height: none; }
  .residences.bg-4d3b33 {
    background-color: #4d3b33;
    color: #fff;
    max-height: none; }
  .residences.bg-005a86 {
    background-color: #005a86;
    color: #fff;
    max-height: none; }
  .residences.bg-d2a500 {
    background-color: #d2a500;
    color: #fff;
    max-height: none; }
  .residences.bg-e49341 {
    background-color: #e49341;
    color: #fff;
    max-height: none; }
  .residences.bg-a1a9a8 {
    background-color: #a1a9a8;
    color: #fff;
    max-height: none; }
  .residences.bg-3d451a {
    background-color: #3d451a;
    color: #fff;
    max-height: none; }
  .residences.bg-a47d00 {
    background-color: #a47d00;
    color: #fff;
    max-height: none; }
  .residences.bg-7a4e01 {
    background-color: #7a4e01;
    color: #fff;
    max-height: none; }
  .residences.bg-877b7d {
    background-color: #877b7d;
    color: #fff;
    max-height: none; }
  .residences.bg-e0855d {
    background-color: #e0855d;
    color: #fff;
    max-height: none; }
  .residences.bg-067260 {
    background-color: #067260;
    color: #fff;
    max-height: none; }
  .residences.bg-a27b38 {
    background-color: #a27b38;
    color: #fff;
    max-height: none; }
  .residences.bg-bb9554 {
    background-color: #bb9554;
    color: #fff;
    max-height: none; }
  .residences.bg-626262 {
    background-color: #626262;
    color: #fff;
    max-height: none; }
  .residences.bg-cb2c17 {
    background-color: #cb2c17;
    color: #fff;
    max-height: none; }
  .residences.bg-ba8a58 {
    background-color: #ba8a58;
    color: #fff;
    max-height: none; }
  .residences.bg-202e48 {
    background-color: #202e48;
    color: #fff;
    max-height: none; }
  .residences.bg-47453a {
    background-color: #47453a;
    color: #fff;
    max-height: none; }
  .residences.bg-562b1b {
    background-color: #562b1b;
    color: #fff;
    max-height: none; }
  .residences.bg-790642 {
    background-color: #790642;
    color: #fff;
    max-height: none; }
  .residences.bg-d8722b {
    background-color: #d8722b;
    color: #fff;
    max-height: none; }
  .residences.bg-b43e34 {
    background-color: #b43e34;
    color: #fff;
    max-height: none; }
  .residences.bg-69952e {
    background-color: #69952e;
    color: #fff;
    max-height: none; }
  .residences.bg-8f7ba2 {
    background-color: #8f7ba2;
    color: #fff;
    max-height: none; }
  .residences.bg-6fb6cc {
    background-color: #6fb6cc;
    color: #fff;
    max-height: none; }
  .residences.bg-3d3c37 {
    background-color: #3d3c37;
    color: #fff;
    max-height: none; }
  .residences.bg-004e9b {
    background-color: #004e9b;
    color: #fff;
    max-height: none; }
  .residences.bg-88993d {
    background-color: #88993d;
    color: #fff;
    max-height: none; }
  .residences.bg-80351d {
    background-color: #80351d;
    color: #fff;
    max-height: none; }
  .residences.bg-4b6f4f {
    background-color: #4b6f4f;
    color: #fff;
    max-height: none; }
  .residences.bg-000000 {
    background-color: #000000;
    color: #fff;
    max-height: none; }
  .residences.bg-731b1f {
    background-color: #731b1f;
    color: #fff;
    max-height: none; }
  .residences.bg-2d2d2d {
    background-color: #2d2d2d;
    color: #fff;
    max-height: none; }
  .residences.bg-7b3824 {
    background-color: #7b3824;
    color: #fff;
    max-height: none; }
  .residences.bg-a34845 {
    background-color: #a34845;
    color: #fff;
    max-height: none; }
  .residences.bg-ad4756 {
    background-color: #ad4756;
    color: #fff;
    max-height: none; }
  .residences.bg-4a5368 {
    background-color: #4a5368;
    color: #fff;
    max-height: none; }
  .residences.bg-856d5b {
    background-color: #856d5b;
    color: #fff;
    max-height: none; }
  .residences.bg-7c7d7e {
    background-color: #7c7d7e;
    color: #fff;
    max-height: none; }
  .residences.bg-772438 {
    background-color: #772438;
    color: #fff;
    max-height: none; }
  .residences.bg-7b9b3e {
    background-color: #7b9b3e;
    color: #fff;
    max-height: none; }
  .residences.bg-b5cfe6 {
    background-color: #b5cfe6;
    color: #fff;
    max-height: none; }
  .residences.bg-1c2c07 {
    background-color: #1c2c07;
    color: #fff;
    max-height: none; }
  .residences.bg-dba041 {
    background-color: #dba041;
    max-height: none; }
  .residences.bg-5f6a9f {
    background-color: #5f6a9f;
    color: #fff;
    max-height: none; }
  .residences.bg-468669 {
    background-color: #468669;
    max-height: none; }
  .residences.bg-creamery-green {
    background-color: #446739; }
  .residences.bg-creamery-blue {
    background-color: #385972; }
  .residences.bg-creamery-yellow {
    background-color: #e1bb63;
    color: #252525; }
  .residences.bg-creamery-white {
    background-color: #fff;
    color: #000;
    max-height: none; }
  .residences.bg-curtis-orange {
    background-color: #c25e32;
    color: #fff;
    max-height: none; }
  .residences.bg-curtis-orange-mid {
    background-color: #ce7e5b;
    color: #fff;
    max-height: none; }
  .residences.bg-curtis-orange-light {
    background-color: #da9e84;
    color: #fff;
    max-height: none; }
  .residences.bg-curtis-green {
    background-color: #728560;
    color: #fff;
    max-height: none; }
  .residences.bg-curtis-green-mid {
    background-color: #8e9d80;
    color: #fff;
    max-height: none; }
  .residences.bg-curtis-green-pale {
    background-color: #aab6a0;
    color: #fff;
    max-height: none; }
  .residences.bg-curtis-green-light {
    background-color: #c7cebf;
    color: #fff;
    max-height: none; }
  .residences.bg-curtis-green-light {
    background-color: #c7cebf;
    color: #fff;
    max-height: none; }
  .residences.bg-molly-1 {
    background-color: transparent;
    background-image: url(/img/communities/mollys-walk/homes/homes-bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
  .residences.bg-molly-2 {
    background-color: transparent;
    background-image: url(/img/communities/mollys-walk/homes/homes-bg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
  .residences.bg-molly-3 {
    background-color: transparent;
    background-image: url(/img/communities/mollys-walk/homes/homes-bg-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
  .residences.bg-molly-4 {
    background-color: transparent;
    background-image: url(/img/communities/mollys-walk/homes/homes-bg-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
  .residences.bg-molly-5 {
    background-color: transparent;
    background-image: url(/img/communities/mollys-walk/homes/homes-bg-5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
  .residences.bg-molly-white {
    background-color: #fff;
    color: #000;
    max-height: 640px; }
  .residences.bg-california-1 {
    background-color: transparent;
    background-image: url(/img/communities/california/homes/homes-bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
  .residences.bg-california-2 {
    background-color: transparent;
    background-image: url(/img/communities/california/homes/homes-bg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
    .residences.bg-california-2 .residence-title {
      color: #000; }
    .residences.bg-california-2 a {
      color: #000; }
  .residences.bg-california-3 {
    background-color: transparent;
    background-image: url(/img/communities/california/homes/homes-bg-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
  .residences.bg-california-4 {
    background-color: transparent;
    background-image: url(/img/communities/california/homes/homes-bg-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    max-height: 640px; }
  .residences.normal {
    background-color: #fff;
    color: #000;
    font-size: 1em; }
  .residences.sold-out::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/sold-out.png) no-repeat;
    background-size: cover; }
  .residences.sold-out-green::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/sold-out-green.png) no-repeat;
    background-size: cover; }

.fixed-height-residences .residences .residence-image img {
  max-height: 280px; }

.sold-out-green::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/sold-out-green.png) no-repeat;
  background-size: cover; }

.siteplan-display {
  padding: 0;
  text-align: center; }
  .siteplan-display img {
    position: relative;
    margin-left: auto;
    margin-right: auto; }

/**********************
  Collection Homes
**********************/
.collection-homes {
  display: block; }

.collection-residences {
  width: 100%;
  max-width: 1280px; }
  .collection-residences > div {
    height: auto;
    border: 1.5px solid white;
    border-top: 0;
    border-bottom: 0; }
  .collection-residences .collection-home-block {
    display: flex;
    height: 100%;
    flex-flow: column;
    align-content: space-between;
    justify-content: space-between; }
    .collection-residences .collection-home-block .collection-home-image {
      flex: 1;
      display: flex;
      align-items: center;
      padding: 0;
      background-color: #e3e3e3; }
      .collection-residences .collection-home-block .collection-home-image img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0 auto; }
    .collection-residences .collection-home-block .collection-info-block {
      display: flex;
      justify-content: center;
      padding: 15px 10px;
      text-align: center;
      flex-wrap: wrap;
      text-transform: uppercase; }
      .collection-residences .collection-home-block .collection-info-block > div {
        flex: 0 1 100%;
        width: auto;
        padding: 15px 10px; }
      .collection-residences .collection-home-block .collection-info-block .name h2 {
        font-family: "Gilroy-ExtraBold";
        font-size: 1.525em; }
      .collection-residences .collection-home-block .collection-info-block .details {
        font-size: 1em;
        font-family: "Gilroy-Semibold"; }
  .collection-residences .collection-display-image {
    width: 100%; }
  @media screen and (min-width: 768px) {
    .collection-residences {
      /* >div {
        height: 640px;
        overflow: hidden;
      } */ }
      .collection-residences .collection-home-block .collection-info-block {
        flex-wrap: nowrap;
        text-align: left; }
        .collection-residences .collection-home-block .collection-info-block > div {
          flex: 0 1 auto; }
        .collection-residences .collection-home-block .collection-info-block .name h2 {
          font-size: 1.65em; } }
  @media only screen and (min-width: 990px) {
    .collection-residences .collection-home-block .collection-info-block {
      justify-content: space-between;
      text-align: left; }
      .collection-residences .collection-home-block .collection-info-block > div {
        flex: 1 auto; }
    .collection-residences .collection-home-block .collection-home-image img {
      width: 100%; }
    .collection-residences .collection-display-image {
      width: auto;
      max-width: 100%;
      height: 100%; } }
  @media only screen and (min-width: 1140px) {
    .collection-residences .collection-home-block .collection-info-block {
      padding: 15px 20px; }
      .collection-residences .collection-home-block .collection-info-block > div {
        padding: 15px 20px; }
      .collection-residences .collection-home-block .collection-info-block .name h2 {
        font-size: 2.25em; }
      .collection-residences .collection-home-block .collection-info-block .details {
        font-size: 1.125em; } }
  @media screen and (min-width: 1281px) {
    .collection-residences > div {
      height: 640px; } }

/** Collection Residence Crocker Village Variation **/
.collection-residences.crocker-village .collection-info-block .name h2 {
  font-family: "Times New Roman", Times, Cambria, Cochin, Georgia, serif; }

/** Collection Residence Abbeys Gate Variation **/
.collection-residences.abbeys-gate .collection-home-block .collection-info-block {
  font-family: "Gilroy-Light", sans-serif;
  text-align: center;
  background-color: #d5764c;
  color: white;
  text-transform: none;
  display: flex;
  flex-flow: column nowrap; }
  .collection-residences.abbeys-gate .collection-home-block .collection-info-block > div {
    flex: 0 1 auto;
    padding: 10px; }
  .collection-residences.abbeys-gate .collection-home-block .collection-info-block .name h2 {
    font-family: "Times New Roman", Times, Cambria, Cochin, Georgia, serif;
    white-space: nowrap; }
  .collection-residences.abbeys-gate .collection-home-block .collection-info-block .name .sqft {
    font-family: "Gilroy-Light";
    font-size: 1em;
    padding-top: 5px; }
  .collection-residences.abbeys-gate .collection-home-block .collection-info-block .details {
    font-family: "Gilroy-Light"; }
.collection-residences.abbeys-gate .background-block {
  background: url(/img/communities/abbeys-gate/abbeys-gate-5.jpg) no-repeat center center/cover;
  position: relative;
  height: 0;
  padding-bottom: 100%; }
@media screen and (min-width: 768px) {
  .collection-residences.abbeys-gate .background-block {
    height: auto;
    padding-bottom: 0; } }
@media screen and (min-width: 990px) {
  .collection-residences.abbeys-gate .collection-home-block .collection-info-block {
    text-align: left;
    flex-flow: row nowrap; } }
@media only screen and (min-width: 1140px) {
  .collection-residences.abbeys-gate .collection-home-block .collection-info-block .name .sqft {
    font-size: 1.125em; }
  .collection-residences.abbeys-gate .collection-home-block .collection-info-block > div {
    padding: 15px; } }
@media screen and (min-width: 1281px) {
  .collection-residences.abbeys-gate > div {
    min-height: 640px;
    height: auto; }
  .collection-residences.abbeys-gate .collection-home-block .collection-home-image img {
    height: 100%; } }

/** Collection Residence Millstone Variation **/
.collection-residences.millstone .collection-home-block .collection-info-block {
  font-family: "Gilroy-Light", sans-serif;
  text-align: center;
  background-color: #252525;
  color: white;
  text-transform: none;
  display: flex;
  flex-flow: column nowrap; }
  .collection-residences.millstone .collection-home-block .collection-info-block > div {
    flex: 1 1 auto;
    padding: 10px;
    text-align: center; }
  .collection-residences.millstone .collection-home-block .collection-info-block .name h2 {
    font-family: "Gilroy-Light", sans-serif;
    white-space: nowrap; }
  .collection-residences.millstone .collection-home-block .collection-info-block .name .sqft {
    font-family: "Gilroy-Light";
    font-size: 1em;
    padding-top: 15px;
    letter-spacing: 4px; }
  .collection-residences.millstone .collection-home-block .collection-info-block .details {
    font-family: "Gilroy-Light"; }
.collection-residences.millstone .background-block {
  background: url(/img/communities/millstone/homes/residence_homes.jpg) no-repeat center center/cover;
  position: relative;
  height: 0;
  padding-bottom: 100%; }
@media screen and (min-width: 768px) {
  .collection-residences.millstone .background-block {
    height: auto;
    padding-bottom: 0; } }
@media screen and (min-width: 990px) {
  .collection-residences.millstone .collection-home-block .collection-info-block {
    text-align: left;
    flex-flow: row nowrap; } }
@media only screen and (min-width: 1140px) {
  .collection-residences.millstone .collection-home-block .collection-info-block .name .sqft {
    font-size: 1.125em; }
  .collection-residences.millstone .collection-home-block .collection-info-block > div {
    padding: 15px; } }
@media screen and (min-width: 1281px) {
  .collection-residences.millstone > div {
    min-height: 640px;
    height: auto; }
  .collection-residences.millstone .collection-home-block .collection-home-image img {
    height: 100%; } }

.floorplan-container.millstone-floorplan .floorplan-info .floorplan-detail .header .icons .font-black.back-to-text {
  margin-left: 10px; }
@media screen and (max-width: 768px) {
  .floorplan-container.millstone-floorplan .floorplan-info .floorplan-detail .header .icons {
    justify-content: left;
    margin-bottom: 15px; } }
.floorplan-container.millstone-floorplan .floorplan-info.light-gray-bg {
  padding: 40px; }
.floorplan-container.millstone-floorplan .residence-header {
  font-family: "Gilroy-Light", sans-serif;
  border-right: 1px solid #000; }
  .floorplan-container.millstone-floorplan .residence-header > h2 {
    font-family: "Gilroy-Light", sans-serif;
    letter-spacing: 0.8rem; }
  .floorplan-container.millstone-floorplan .residence-header .share {
    margin-left: 30px;
    padding: 20px 0 0 0; }
    .floorplan-container.millstone-floorplan .residence-header .share > h3 {
      font-family: "Gilroy-Light", sans-serif;
      margin-bottom: 25px; }
    @media screen and (max-width: 768px) {
      .floorplan-container.millstone-floorplan .residence-header .share {
        padding: 0;
        margin: 10px 0 0 0;
        text-align: left; } }
  @media screen and (max-width: 768px) {
    .floorplan-container.millstone-floorplan .residence-header {
      border-right: none; }
      .floorplan-container.millstone-floorplan .residence-header > h2 {
        text-align: left; } }
.floorplan-container.millstone-floorplan .floorplan-detail > div {
  padding-left: 5em; }
@media screen and (max-width: 768px) {
  .floorplan-container.millstone-floorplan .floorplan-detail > div {
    padding-left: 0em; } }
@media screen and (min-width: 769px) and (max-width: 976px) {
  .floorplan-container.millstone-floorplan .floorplan-detail > div {
    padding-left: 3em; } }
.floorplan-container.millstone-floorplan .residence-details > p {
  text-align: left;
  line-height: 1.7rem; }

.no-padding.residence-options.pure-g .elevation-img {
  display: block;
  width: 100%;
  border: 1px solid #fff; }
.no-padding.residence-options.pure-g .elevation-title {
  text-transform: uppercase;
  margin: 2.3em 0;
  font-family: "Gilroy-Light", sans-serif;
  font-size: 1.3rem; }

.floorplan-tab-area.millstone-tabs .tabs .tab.dark-tab.active {
  background-color: #252525;
  color: #fff;
  border: 1px solid #252525; }
.floorplan-tab-area.millstone-tabs .tabs .tab.dark-tab {
  border: 1px solid #777; }

.residences.dark-background.text-center {
  background-color: #252525; }

.residence-header h2 {
  font-family: "Gilroy-Light", sans-serif;
  letter-spacing: 1rem; }

.residence-block {
  border: 1px solid #fff; }

.wrapper.no-padding-side.millstone-features .emphasize.features {
  line-height: 1.1; }
  @media screen and (min-width: 900px) and (max-width: 1300px) {
    .wrapper.no-padding-side.millstone-features .emphasize.features {
      padding: 0px 15px; }
      .wrapper.no-padding-side.millstone-features .emphasize.features > p {
        font-size: 0.95em; } }

.millstone-image-block {
  background: url(/img/map/millstone_map.jpg) no-repeat center center/cover;
  position: relative; }

.crocker-image-block {
  background: url(/img/map/crocker_map.jpg) no-repeat center center/cover;
  position: relative; }

.abbeys-image-block {
  background: url(/img/map/abbeys-gate_map.jpg) no-repeat center center/cover;
  position: relative; }

.farmhouse-image-block {
  background: url(/img/map/farmhouse_map.jpg) no-repeat center center/cover;
  position: relative; }

.curtis-image-block {
  background: url(/img/map/curtis-park_map.jpg) no-repeat center center/cover;
  position: relative; }

.california-image-block {
  background: url(/img/map/california_map.jpg) no-repeat center center/cover;
  position: relative; }

.mollys-image-block {
  background: url(/img/map/mollys_map.jpg) no-repeat center center/cover;
  position: relative; }

.pure-u-1-1.pure-u-md-1-2.creamery-image-block {
  background: url(/img/map/creamery_map.jpg) no-repeat center center/cover;
  position: relative; }

.pure-g.presentation-center.east-sacramento-image-block {
  background: url(/img/map/east-sacramento_map.jpg) no-repeat center center/cover;
  position: relative; }

.pure-u-1-1.pure-u-md-1-2.design-studio-image-block {
  background: url(/img/map/design-studio_map.jpg) no-repeat center center/cover;
  position: relative; }

/*******
bulleted list
*********/
.normal-list {
  list-style: disc;
  padding-top: 20px;
  list-style-position: inside; }
  .normal-list li {
    padding: 5px 10px;
    margin-left: 10px; }
  .normal-list + p {
    padding-top: 20px; }
  .normal-list.list-style-circle {
    list-style: circle; }
  .normal-list.list-style-lower-roman {
    list-style: lower-roman; }
  .normal-list .sub-list {
    padding-left: 10px; }
  @media only screen and (min-width: 700px) {
    .normal-list .sub-list {
      padding-left: 20px; } }
  @media only screen and (min-width: 1024px) {
    .normal-list .sub-list {
      padding-left: 30px; } }

/****************
	Effects
****************/
.hover-effect-1 {
  position: relative; }
  .hover-effect-1::before, .hover-effect-1::after {
    display: inline-block;
    opacity: 0;
    transition: transform 0.3s, opacity 0.2s; }
  .hover-effect-1::before {
    content: "[";
    margin-right: 10px;
    transform: translateX(20px); }
  .hover-effect-1::after {
    content: "]";
    margin-left: 10px;
    transform: translateX(-20px); }
  .hover-effect-1:hover::before, .hover-effect-1:hover::after {
    opacity: 1;
    transform: translateX(0px); }

.square-element-bgimage {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .square-element-bgimage.curtis-home {
    background-image: url(/img/communities/curtis-park/floorplans/floorplan-streetscape.jpg); }
  .square-element-bgimage.farmhouse-siteplan {
    background-image: url(/img/communities/farmhouse-at-willow-creek/siteplan.png);
    background-size: contain;
    background-color: #b3b2ac; }

/**********
 Captcha
**********/
.g-recaptcha {
  width: 100%;
  display: block; }
  .g-recaptcha div {
    width: auto;
    margin: 0 auto; }

@media screen and (min-width: 768px) {
  .media-block .media-image {
    padding-top: 0; }
  .media-block .media-title.font-bigger {
    font-size: 1.5em; }
  .media-block .media-body, .media-block .media-body-limited {
    max-width: 84.6%; }
  .media-block .media-body-limited {
    max-width: 316px; }
  .media-block .media-content {
    text-align: left;
    padding-top: 0; }

  .media-block.variety2 {
    padding: 25px 23px; }

  .media-block.extra-padding {
    padding: 100px 0 0 0; }

  .horizontal-list {
    text-align: center; }
    .horizontal-list .list-item {
      flex: 1 0 25%;
      width: 25%; }
      .horizontal-list .list-item:first-child {
        flex: 0 1 50%; }

  .portfolio-info .info {
    display: table-cell;
    width: 33.333%;
    height: 200px;
    padding: 30px 5px;
    border-bottom: 1px solid #b7b7b7; }

  .slide-signup {
    padding: 80px 40px; }
    .slide-signup .click-area {
      height: 140px;
      width: 60px;
      left: -60px;
      background-size: auto; }

  figure figcaption {
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    max-width: none;
    height: 100%;
    letter-spacing: 4px;
    transform: scale(1.05); }
    figure figcaption .caption.type1 {
      top: auto;
      /*transform: translateY(-45%);*/ }
      figure figcaption .caption.type1 span {
        padding-bottom: 10px; }
  figure .text-content {
    line-height: 1.7;
    text-align: left; }

  .bread-crumbs li {
    max-width: 148px;
    width: 100%; }
    .bread-crumbs li.first-element {
      max-width: calc(144px + 20px);
      padding-left: 0px;
      padding-right: 0; }

  .presentation-center {
    height: 50vw; }
    .presentation-center .banner-section {
      padding: 20px 10px; }
      .presentation-center .banner-section .banner-overlay {
        position: absolute;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .presentation-center .contact {
      /*font-size: 1.125em;
			padding: 0 0 0 0;*/ }
    .presentation-center .days {
      padding-top: 35px; }

  #gmap {
    height: 100%;
    width: 100%; }

  .residences {
    padding: 35px 0 30px 0; }
    .residences.bg-creamery-white {
      max-height: 50vw; }
    .residences.square {
      height: 50vw; }

  .space-options .option {
    flex: 1 1 calc(100% / 3); }
    .space-options .option .image {
      height: 168px; }

  .space-options.variety1 .option {
    flex: 1 1 calc(100% / 4); }

  .g-recaptcha {
    width: auto;
    display: inline-block; }
    .g-recaptcha div {
      width: auto;
      margin: 0; } }
@media screen and (min-width: 990px) {
  .btn-container.x-top {
    padding-top: 50px; }
  .btn-container.xx-top {
    padding-top: 75px; }

  .btn {
    padding: 16px 25px 15px 25px;
    font-size: 1em;
    letter-spacing: 3px; }

  .residences {
    padding: 75px 0; }
    .residences .residence-info {
      font-size: 1.125em; }
    .residences .btn-container {
      padding: 25px 0 0 0; }

  .two-part-image .text {
    font-size: 9px;
    letter-spacing: 8px; }

  .space-options {
    flex-wrap: nowrap; }
    .space-options .option {
      flex: 1 1 auto;
      padding: 0 15px 50px 15px; }

  .space-options.variety1 {
    flex-wrap: wrap; }
    .space-options.variety1 .option {
      flex: 1 1 calc(100% / 7);
      padding: 0 15px 50px 15px; } }
/*end of media query $tablet-extra-size*/
@media screen and (min-width: 1024px) {
  .presentation-center .contact {
    font-size: 1em;
    padding: 0 0 0 0; }

  /*end of media query $desktop-size*/ }
@media screen and (min-width: 1140px) {
  .media-block .btn {
    padding: 25px 21px;
    font-size: 0.875em; } }
@media screen and (min-width: 1280px) {
  .presentation-center {
    height: 640px; } }
/***********************
  Custom dropdown
***********************/
.wrapper-dropdown {
  /* Size & position */
  position: relative;
  width: 295px;
  margin: 0 auto;
  padding: 20px;
  cursor: pointer;
  /* Styles */
  font-size: 14px;
  font-family: "Gilroy-Semibold";
  color: white;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 30px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-out; }
  .wrapper-dropdown .heading {
    display: block; }
  .wrapper-dropdown:after {
    /* Little arrow */
    content: "";
    background: url(/img/assets/right-arow-white.png) no-repeat center center;
    background-size: unset;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px; }
  .wrapper-dropdown.no-arrow:after {
    content: none; }
  .wrapper-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    /* Styles */
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    transition: all 0.3s ease-out;
    /* Hiding */
    max-height: 0;
    overflow: hidden; }
    .wrapper-dropdown .dropdown li {
      padding: 0 10px; }
      .wrapper-dropdown .dropdown li a {
        display: block;
        text-decoration: none;
        color: white;
        padding: 10px 0;
        transition: all 0.3s ease-out; }
      .wrapper-dropdown .dropdown li:hover {
        background-color: rgba(255, 255, 255, 0.75); }
        .wrapper-dropdown .dropdown li:hover a {
          color: black; }
  @media only screen and (min-width: 991px) {
    .wrapper-dropdown {
      /*Styles*/
      background: rgba(0, 0, 0, 0.5); }
      .wrapper-dropdown .dropdown {
        /**position**/
        top: 100%;
        transform: translateY(0); } }

/**Active state**/
.wrapper-dropdown.active {
  border-radius: 00px;
  color: black;
  background: rgba(255, 255, 255, 0.8);
  /* box-shadow: none;
  border-bottom: none; */ }
  .wrapper-dropdown.active:after {
    border-color: #82d1ff transparent; }
  .wrapper-dropdown.active .dropdown {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    max-height: 700px; }

/*************************
  Vertical Accordion
*************************/
.vertical-accordion {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: auto;
  width: 100%;
  height: 50%;
  font-family: "Gilroy-Bold";
  color: white;
  text-shadow: 0 0 1px #000; }
  .vertical-accordion ul {
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none; }
  .vertical-accordion li {
    flex: 0 1 100%;
    display: flex;
    align-items: stretch;
    height: 25%;
    background: #e74c3c;
    cursor: pointer;
    transition: all 0.5s ease;
    background: no-repeat top left / cover;
    position: relative; }
    .vertical-accordion li.active {
      flex: 5;
      cursor: default; }
      .vertical-accordion li.active h1 {
        color: white;
        font-family: "Gilroy-Thin"; }
      .vertical-accordion li.active .section-title {
        flex: 0 1 20%; }
      .vertical-accordion li.active .section-content {
        flex: 0 1 100%;
        opacity: 1;
        transform: scaleX(1);
        max-width: none;
        background: transparent;
        color: white;
        padding: 0 0 0 20px;
        position: relative;
        top: 100px; }
    .vertical-accordion li .section-title {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column nowrap;
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: center;
      color: white;
      z-index: 99; }
      .vertical-accordion li .section-title header {
        padding: 20px;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column wrap; }
      .vertical-accordion li .section-title h2 {
        margin: 0; }
      .vertical-accordion li .section-title h1 {
        color: white; }
      .vertical-accordion li .section-title p {
        overflow: hidden; }
    .vertical-accordion li .section-content {
      flex: 0 1 100%;
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      flex-flow: row wrap;
      text-align: left;
      margin: 0;
      padding: 0;
      opacity: 0;
      max-width: 0;
      z-index: 2;
      transition: all 0.25s 0.1s ease-out; }
      .vertical-accordion li .section-content a {
        font-size: 22px; }
        @media screen and (min-width: 990px) {
          .vertical-accordion li .section-content a {
            font-size: calc(22px + 8 * ((100vw - 990px) / 290)); } }
        @media screen and (min-width: 1280px) {
          .vertical-accordion li .section-content a {
            font-size: 30px; } }
      .vertical-accordion li .section-content a:hover {
        font-size: 26px; }
        @media screen and (min-width: 990px) {
          .vertical-accordion li .section-content a:hover {
            font-size: calc(26px + 14 * ((100vw - 990px) / 290)); } }
        @media screen and (min-width: 1280px) {
          .vertical-accordion li .section-content a:hover {
            font-size: 40px; } }
      .vertical-accordion li .section-content header {
        width: 100%;
        text-align: left; }
    .vertical-accordion li:nth-child(1) {
      background-image: url(/img/home/accordion-lifestyle.jpg); }
    .vertical-accordion li:nth-child(2) {
      background-image: url(/img/home/accordion-places.jpg); }
    .vertical-accordion li:nth-child(3) {
      background-image: url(/img/home/accordion-people.jpg); }
    .vertical-accordion li:nth-child(4) {
      background-image: url(/img/home/accordion-top-picks.jpg); }
  @media only screen and (min-width: 991px) {
    .vertical-accordion {
      top: 0;
      max-width: 62.5%;
      width: 100%;
      height: 100%;
      left: auto;
      right: 0; }
      .vertical-accordion ul {
        min-height: 100vh;
        max-height: 100vh;
        flex-flow: row nowrap; }
        .vertical-accordion ul.open li:not(.active) {
          flex: 0 1 130px; }
          .vertical-accordion ul.open li:not(.active) .section-title {
            justify-content: flex-end;
            background: rgba(0, 0, 0, 0.7); }
            .vertical-accordion ul.open li:not(.active) .section-title header {
              background: none;
              font-size: 0.5em; }
        .vertical-accordion ul.open li.active {
          position: relative;
          flex: 1; }
          .vertical-accordion ul.open li.active .section-title {
            display: none; }
          .vertical-accordion ul.open li.active:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.4);
            z-index: 0; }
      .vertical-accordion li {
        flex: 0 1 25%;
        height: 100%; }
        .vertical-accordion li .section-title header {
          text-align: left;
          height: auto; }
          .vertical-accordion li .section-title header h1,
          .vertical-accordion li .section-title header h2 {
            width: 100%; } }

/**********************
  Responsive tables
**********************/
.responsive-table {
  width: 100%;
  text-align: center;
  table-layout: fixed;
  border-collapse: collapse; }
  .responsive-table thead {
    display: none; }
  .responsive-table tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    border-bottom: 1px solid #c7c7c7; }
  .responsive-table td,
  .responsive-table th {
    padding: 15px 0;
    flex: 0 1 25%;
    display: block; }
  .responsive-table th {
    font-size: 0.875em; }
  .responsive-table td {
    font-size: 0.875em; }
  .responsive-table th:first-child,
  .responsive-table td:first-child {
    text-align: center;
    width: auto;
    flex: 0 1 100%; }
  @media only screen and (min-width: 700px) {
    .responsive-table thead {
      display: table-header-group; }
    .responsive-table tr {
      display: table-row; }
    .responsive-table td,
    .responsive-table th {
      display: table-cell;
      padding: 18px 0; }
    .responsive-table th {
      font-size: 1em; }
    .responsive-table td {
      font-size: 1em; }
    .responsive-table th:first-child,
    .responsive-table td:first-child {
      text-align: left;
      width: 33.33%; } }

/**California responsive table**/
.california-privacy-container {
  overflow-x: auto; }
  .california-privacy-container table {
    min-width: 768px;
    overflow-x: auto;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed; }
    .california-privacy-container table th {
      font-family: "Gilroy-Bold";
      font-size: 0.775em;
      text-transform: uppercase;
      border-bottom: 2px solid black;
      padding: 0 10px 10px 10px; }
    .california-privacy-container table td {
      font-size: 0.875em;
      padding: 10px 5px; }
    .california-privacy-container table td,
    .california-privacy-container table th {
      width: 26.667%; }
    .california-privacy-container table td:first-child,
    .california-privacy-container table th:first-child {
      width: 20%; }
  @media only screen and (min-width: 700px) {
    .california-privacy-container table td,
    .california-privacy-container table th {
      width: 28.333%; }
    .california-privacy-container table th {
      font-size: 0.875em; }
    .california-privacy-container table td:first-child,
    .california-privacy-container table th:first-child {
      width: 15%; } }

/** california-privacy-table-2 **/
.california-privacy-table-2 table {
  min-width: 768px;
  overflow-x: auto;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed; }
  .california-privacy-table-2 table th {
    font-family: "Gilroy-Bold";
    font-size: 0.875em;
    text-transform: uppercase;
    border-bottom: 2px solid black;
    padding-bottom: 10px; }
  .california-privacy-table-2 table td {
    font-size: 0.875em;
    padding: 10px 5px; }
  .california-privacy-table-2 table td,
  .california-privacy-table-2 table th {
    width: 80%; }
  .california-privacy-table-2 table td:first-child,
  .california-privacy-table-2 table th:first-child {
    text-align: left; }
  .california-privacy-table-2 table td:last-child,
  .california-privacy-table-2 table th:last-child {
    width: 20%;
    vertical-align: middle; }

/**Terms table **/
.terms-table table {
  min-width: 414px;
  overflow-x: auto;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed; }
  .terms-table table th {
    font-family: "Gilroy-Bold";
    font-size: 0.875em;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 2px solid black;
    padding: 10px; }
  .terms-table table td {
    font-size: 0.875em;
    padding: 10px; }
  .terms-table table td,
  .terms-table table th {
    width: 35%;
    border: 1px solid; }
  .terms-table table td:first-child,
  .terms-table table th:first-child {
    /* text-align: left; */
    width: 15%; }
  .terms-table table td:last-child,
  .terms-table table th:last-child {
    width: 15%;
    vertical-align: middle; }

/********************
  Home page 
********************/
/**Full Screen home page**/
#full-screen {
  position: relative; }
  #full-screen section {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    height: auto;
    border: 0;
    background-color: black; }
    #full-screen section#hero-screen {
      position: relative;
      z-index: 11;
      /* pointer-events: none; */
      /*  &::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: all;
        z-index: 1;
      } */ }
  #full-screen .full-screen {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
    background: no-repeat center center / cover; }
    #full-screen .full-screen.background-left-side {
      background-size: auto 100%;
      background-position: center center; }
    #full-screen .full-screen .video-overlay {
      display: block;
      width: 100vw;
      height: 56.25vw;
      min-height: 100vh;
      min-width: 177.77vh;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    #full-screen .full-screen #sound-button {
      cursor: pointer;
      position: absolute;
      top: auto;
      bottom: 10%;
      right: 30px;
      width: auto;
      height: auto;
      z-index: 10; }
    #full-screen .full-screen .full-screen-overlay {
      position: absolute;
      background: transparent;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    #full-screen .full-screen .blackbook-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background-repeat: no-repeat;
      background-size: cover; }
      #full-screen .full-screen .blackbook-wrapper .logo-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 0 0 0px; }
        #full-screen .full-screen .blackbook-wrapper .logo-overlay .subtitle {
          font-size: 16px;
          text-align: left;
          color: white;
          font-family: "Gilroy-Light"; }
          #full-screen .full-screen .blackbook-wrapper .logo-overlay .subtitle span {
            display: inline; }
  #full-screen .dots-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 1; }
    #full-screen .dots-container .dot-list {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-flow: row wrap;
      height: 100%; }
      #full-screen .dots-container .dot-list li {
        position: relative;
        padding: 8px 0;
        flex: 0 1 100%;
        width: 18px;
        cursor: pointer; }
        #full-screen .dots-container .dot-list li .dot {
          display: inline-block;
          border-radius: 50%;
          padding: 0;
          background: #404040;
          width: 16px;
          height: 16px; }
        #full-screen .dots-container .dot-list li .dot-name {
          position: absolute;
          background: rgba(0, 0, 0, 0.85);
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          opacity: 0;
          height: 100%;
          width: auto;
          padding: 10px 80px 14px 0;
          font-size: 12px;
          letter-spacing: 0.05em;
          color: white;
          white-space: nowrap;
          font-family: "Gilroy-Semibold";
          transition: all 0.3s ease-out; }
        #full-screen .dots-container .dot-list li.active .dot {
          background: white;
          padding: 2px;
          border: 1px solid white;
          background-clip: content-box; }
        #full-screen .dots-container .dot-list li:hover .dot-name {
          opacity: 1;
          left: 100%; }
  @media only screen and (min-width: 700px) {
    #full-screen section {
      height: 100vh;
      overflow: hidden; }
    #full-screen .full-screen {
      min-height: auto; }
      #full-screen .full-screen.background-left-side {
        background-position: 0 center; }
    #full-screen .dots-container {
      display: block; } }
  @media only screen and (min-width: 991px) {
    #full-screen .full-screen .video-overlay {
      display: block; }
    #full-screen .full-screen #sound-button {
      bottom: 50px;
      right: 50px; }
    #full-screen .full-screen .blackbook-wrapper {
      height: 100%;
      width: 37.5%; }
      #full-screen .full-screen .blackbook-wrapper .logo-overlay {
        padding: 0 0 0 90px;
        left: 0;
        transform: translateY(-50%); }
        #full-screen .full-screen .blackbook-wrapper .logo-overlay .subtitle {
          font-size: 30px; }
          #full-screen .full-screen .blackbook-wrapper .logo-overlay .subtitle span {
            display: block; } }
  @media only screen and (min-width: 1024px) {
    #full-screen .dots-container {
      width: 60px; } }

.communities-container {
  position: absolute;
  width: 100%;
  top: 70%;
  left: 0;
  transform: translateY(-50%);
  text-align: center;
  color: white; }
  .communities-container h1 {
    line-height: 1.1; }
  .communities-container .slick-list {
    overflow: visible; }
  @media only screen and (min-width: 700px) {
    .communities-container {
      left: 20px;
      /* top: 25%; */ } }
  @media only screen and (min-width: 991px) {
    .communities-container {
      width: 40%;
      top: 50%;
      text-align: left !important;
      color: white;
      left: 80px; } }
  @media only screen and (min-width: 1280px) {
    .communities-container {
      width: 45%; } }

/*##**/
/**Home section carousel**/
.home-section-carousel {
  position: absolute;
  top: 10%;
  width: 100%;
  height: auto;
  display: block;
  color: white; }
  .home-section-carousel h3 {
    color: white; }
  @media only screen and (min-width: 700px) {
    .home-section-carousel {
      position: absolute;
      /*  width: 100%;    
      top: 65%; */
      /*  transform: translate(25%, -50%); */
      right: 0px;
      display: flex;
      align-items: center; } }
  @media only screen and (min-width: 991px) {
    .home-section-carousel {
      position: absolute;
      width: 60%;
      height: 100%;
      top: 50%;
      transform: translate(25%, -50%);
      right: 0px;
      display: flex;
      align-items: center; } }
  @media only screen and (min-width: 1280px) {
    .home-section-carousel {
      width: 65%; } }
  @media only screen and (min-width: 1600px) {
    .home-section-carousel {
      width: 70%;
      transform: translate(33%, -50%); } }
  @media only screen and (min-width: 1800px) {
    .home-section-carousel {
      transform: translate(47%, -50%); } }
  @media only screen and (min-width: 2539px) {
    .home-section-carousel {
      transform: translate(55%, -50%); } }

/*##**/
/**Section carousel**/
.section-carousel {
  height: auto;
  width: 100%;
  transition: all 0.5s;
  left: 0;
  position: relative; }
  .section-carousel .single-item img {
    margin: 0 auto;
    max-width: 330px; }
  .section-carousel .slick-slide img {
    transform: scale(0.75);
    padding: 0 0 0 0;
    margin: 0 auto;
    max-width: 80%;
    width: auto; }
  .section-carousel .slick-slide.active-slide img {
    transform: scale(1); }
  .section-carousel .slick-dots {
    width: auto;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px 10px 10px;
    border-radius: 15px;
    background: black; }
    .section-carousel .slick-dots li {
      margin: 0; }
      .section-carousel .slick-dots li button:before {
        color: rgba(255, 255, 255, 0.7);
        font-size: 10px;
        opacity: 0.75; }
      .section-carousel .slick-dots li.slick-active button:before {
        opacity: 1;
        color: white; }
  .section-carousel .slick-prev,
  .section-carousel .slick-next {
    top: 116%;
    width: 40px !important;
    height: 40px !important; }
  .section-carousel .slick-prev {
    left: 15%; }
  .section-carousel .slick-next {
    right: 0px;
    left: 74%; }
  .section-carousel.past-communities-carousel .slick-prev {
    left: 15%; }
  .section-carousel.past-communities-carousel .slick-next {
    left: 76%; }
  @media only screen and (min-width: 700px) {
    .section-carousel {
      left: 20px; }
      .section-carousel .slick-slide img {
        max-width: 100%; } }
  @media only screen and (min-width: 991px) {
    .section-carousel {
      left: 0; }
      .section-carousel .single-item img {
        margin: 0;
        max-width: 100%; }
      .section-carousel .slick-slide img {
        padding: 0 0.3% 0 0; }
      .section-carousel .slick-dots {
        width: auto;
        left: 50px;
        transform: translateX(0); }
      .section-carousel .slick-prev,
      .section-carousel .slick-next {
        top: 111%; }
      .section-carousel .slick-prev {
        left: 3px; }
      .section-carousel .slick-next {
        left: 217px; }
      .section-carousel.past-communities-carousel .slick-prev {
        left: 3px; }
      .section-carousel.past-communities-carousel .slick-next {
        left: 245px; } }

/******************
Home page popup gallery
******************/
.popup-gallery {
  padding: 10px;
  margin: 0;
  width: 100%;
  height: 100%;
  touch-action: none; }
  @media only screen and (min-width: 700px) {
    .popup-gallery {
      padding: 0;
      max-width: calc(100% - 40px);
      left: 50%;
      transform: translateX(-50%);
      height: calc(100vw * 0.5625); } }
  @media only screen and (min-width: 1280px) {
    .popup-gallery {
      max-width: 1280px;
      height: calc(1280px * 0.5625);
      left: 0;
      transform: translateX(0); } }

/**
	Select 2 styles
**/
.select2-container {
  outline: none;
  width: 100% !important;
  display: block;
  height: 60px;
  margin: 10px 0 10px 0;
  background: none;
  z-index: 9;
  vertical-align: top; }
  .select2-container .select2-selection--single {
    height: auto;
    padding: 0;
    outline: none; }
  .select2-container:first-of-type {
    margin-top: 5px; }

.select2-container--default .select2-selection--single {
  border-radius: 0px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-left: 4px solid #000;
  font-family: "Helvetica Neue LT W01_41488878";
  font-size: 1em;
  text-align: left;
  color: #000;
  padding: 1px 20px;
  outline: none;
  position: relative;
  overflow: hidden;
  margin-top: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1;
    color: #000;
    outline: none;
    padding-left: 0px;
    line-height: 64px;
    height: 64px;
    padding: 0px 0px;
    margin: 0;
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 0;
    width: 64px;
    top: 0;
    height: 100%;
    background-color: #fff;
    border-radius: 0 7px 7px 0; }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    outline: none;
    position: absolute;
    display: block;
    border: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #252525 transparent transparent transparent;
    vertical-align: middle;
    left: auto;
    margin: 0;
    right: 15px;
    top: 25px; }
  .select2-container--default .select2-selection--single .select2-selection__arrow:hover b {
    border-color: #000 transparent transparent transparent; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000;
    opacity: 0.5; }
.select2-container--default .select2-search--dropdown .select2-search__field {
  font-style: italic;
  font-size: 16px !important;
  color: #000 !important;
  border: 1px solid #bfbfbf !important; }
.select2-container--default .select2-results > .select2-results__options {
  max-height: 44em !important; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: #fff; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  outline: none;
  position: absolute;
  display: block;
  border: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #000 transparent;
  vertical-align: middle;
  left: auto;
  margin: 0; }

ul.select2-results__options {
  border: 1px solid #bfbfbf; }
  ul.select2-results__options li {
    font-size: 18px;
    color: #000;
    line-height: 64px;
    text-align: left;
    padding: 0 0px 0 20px; }
    @media (max-width: 575.98px) {
      ul.select2-results__options li {
        font-size: 14px !important; } }

.select2-dropdown {
  background: transparent;
  border: 0 !important;
  background-color: white; }

@media only screen and (min-width: 768px) {
  .select2-container {
    height: 54px; }

  .select2-container--default .select2-selection--single {
    font-size: 1.125em; }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 50px;
      height: 50px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      width: 50px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      right: 12px;
      top: 23px; }

  ul.select2-results__options li {
    line-height: 50px; }

  /*end of media query $tablet-size*/ }
/********BxSlider*****/
.gallery-container {
  max-width: 100%;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  border: 0;
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap; }
  .gallery-container .gallery-section {
    flex: 0 1 100%;
    margin: 0 0 0 0; }
    .gallery-container .gallery-section .bx-wrapper,
    .gallery-container .gallery-section .bx-viewport {
      height: 100%; }
    .gallery-container .gallery-section .video-slide {
      width: 100%;
      position: relative;
      padding-top: 75%; }
      .gallery-container .gallery-section .video-slide .video-overlay {
        display: flex;
        justify-content: stretch;
        align-items: stretch;
        align-content: stretch; }
        .gallery-container .gallery-section .video-slide .video-overlay iframe {
          flex: 1 100%;
          height: 100%;
          max-width: none;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
  .gallery-container .gallery-info {
    flex: 0 1 100%;
    margin: 0;
    height: auto;
    overflow: hidden;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: top; }
    .gallery-container .gallery-info .controls {
      flex: 1 1 100%;
      flex-wrap: wrap;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      right: 0;
      bottom: 0px;
      color: #fff;
      font-size: 1em;
      font-family: "Gilroy-Semibold";
      letter-spacing: 4px;
      height: 10%;
      width: 100%;
      vertical-align: middle; }
      .gallery-container .gallery-info .controls .title {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        max-width: 50%;
        width: 100%;
        padding-bottom: 0;
        margin: 0 auto;
        height: auto;
        text-align: left;
        text-transform: uppercase; }
      .gallery-container .gallery-info .controls .buttons {
        display: inline-block;
        width: 100%;
        max-width: 45%;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px; }
        .gallery-container .gallery-info .controls .buttons li {
          display: inline-block;
          width: auto;
          max-width: 27%;
          padding: 0 7px;
          cursor: pointer; }
    .gallery-container .gallery-info .logo {
      flex: 1 1 100%; }
      .gallery-container .gallery-info .logo img {
        max-width: none;
        width: 100%; }
  .gallery-container .slider {
    width: 100%;
    height: 100%;
    display: block; }

.thumbnail-container {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: none;
  text-align: left; }

.thumbnails {
  white-space: nowrap;
  position: relative;
  transition: all 0.3s ease-in; }
  .thumbnails li {
    display: inline-block;
    cursor: pointer;
    padding: 15px 4px 0 4px; }
    .thumbnails li img {
      display: block;
      max-width: 100%; }

.bx-wrapper {
  border: 0; }
  .bx-wrapper img {
    max-width: none;
    width: 100%;
    height: 100%;
    display: block; }

.bx-wrapper .bx-prev {
  background: none;
  margin-left: 0px; }
.bx-wrapper .bx-next {
  background: none;
  margin-right: 0px; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: transparent;
  border: 1px solid #fff; }
  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff; }
.bx-wrapper .bx-controls-direction a {
  margin-top: -10px; }

@media screen and (min-width: 768px) {
  .gallery-container .gallery-section {
    flex: 0 1 75%;
    margin: 0 0 0 auto; }
  .gallery-container .gallery-info {
    flex: 0 1 25%;
    background: #000;
    position: relative;
    /*height: 56.25vw;*/
    align-items: stretch;
    align-content: stretch; }
    .gallery-container .gallery-info .logo {
      display: block;
      height: 45%; }
    .gallery-container .gallery-info .controls {
      position: absolute;
      top: 45%;
      height: 55%; }
      .gallery-container .gallery-info .controls .title {
        position: relative;
        display: block;
        top: 43%;
        left: 0;
        height: auto;
        width: 100%;
        max-width: none;
        padding-bottom: 35px;
        text-align: center; }
      .gallery-container .gallery-info .controls .buttons {
        position: absolute;
        display: block;
        top: auto;
        bottom: 10px;
        right: 0;
        left: 0;
        width: auto;
        max-width: none; } }
@media screen and (min-width: 1024px) {
  .gallery-container .gallery-info .controls {
    font-size: 1.25em; }
    .gallery-container .gallery-info .controls .title {
      padding-bottom: 25px; } }
@media only screen and (min-width: 1280px) {
  .gallery-container .gallery-info,
  .gallery-container .gallery-section {
    height: 720px; } }
@-moz-keyframes jelly {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@-webkit-keyframes jelly {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@-o-keyframes jelly {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@keyframes jelly {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@keyframes home {
  from {
    background-position: 100px center, -100px center; }
  to {
    background-position: 0px center, 0px center; } }
@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*******************
    Helper Classes
*******************/
/*****
	display
******/
.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

.justify-content-flex-start {
  justify-content: flex-start; }

/***
	spacing
***/
.no-padding-side {
  padding-left: 0;
  padding-right: 0; }

.no-padding-topbottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0; }

.no-padding-top {
  padding-top: 0; }

.no-padding-left {
  padding-left: 0 !important; }

.no-padding-except-top {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }

.no-padding {
  padding: 0; }

.no-padding-except-bottom {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }

.mobile-padding-top {
  padding-top: 50px; }

.mobile-padding-bottom {
  padding-bottom: 25px; }

.margin-0 {
  margin: 0 !important; }

.margin-0-auto {
  margin: 0 auto !important; }

.margin-auto-tablet-0 {
  margin: 0 auto; }
  @media only screen and (min-width: 700px) {
    .margin-auto-tablet-0 {
      margin: 0; } }

.margin-auto-md-0 {
  margin: 0 auto; }
  @media only screen and (min-width: 991px) {
    .margin-auto-md-0 {
      margin: 0; } }

.no-margin-side {
  margin-left: 0;
  margin-right: 0; }

.no-margin-topbottom {
  margin-top: 0;
  margin-bottom: 0; }

.no-margin-top {
  margin-top: 0; }

.pull-up {
  margin-top: -5px; }

.no-border {
  border: 0 !important; }

.padding-end {
  padding-bottom: 2%; }

.vertical-space {
  padding-top: 10px;
  padding-bottom: 10px; }

.margin-top {
  margin-top: 1.5em; }

.divider {
  width: 90%;
  height: 1px;
  background-color: #fff;
  margin: 1% auto;
  padding: 1px 0; }

.horizontal-align {
  margin: 0 auto; }

.vertical-align {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0; }

.col-centered {
  float: none;
  margin: 0 auto; }

.make-relative {
  position: relative; }

.absolute-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.primary-color {
  color: #000; }

.primary-bg-color {
  background: #fff; }

.secondary-bg-color {
  background: #16175f;
  color: #fff; }

.gray-bg-color {
  background: #939597; }

/*****
	Fonts and Text
*****/
.font-black {
  color: #000 !important; }

.font-white {
  color: #fff !important; }

.font-black-white {
  color: #000 !important; }

.font-black-md-white {
  color: #000 !important; }
  @media only screen and (min-width: 991px) {
    .font-black-md-white {
      color: white !important; } }

.font-white-black {
  color: #fff !important; }

.font-blue {
  color: #00203c; }

.font-gray {
  color: #252525; }

.font-red {
  color: #a92241; }

.font-italic {
  font-style: italic; }

.font-thin {
  font-family: "Gilroy-Thin"; }

.font-light {
  font-family: "Gilroy-Light"; }

.font-regular {
  font-family: "Gilroy-Regular"; }

.font-bold {
  font-family: "Gilroy-Bold"; }

.font-medium,
.font-semibold {
  font-family: 'Gilroy-Semibold' !important; }

.font-extrabold {
  font-family: "Gilroy-ExtraBold"; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right; }

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

.text-right-to-center {
  text-align: right; }

.text-center-tablet-left {
  text-align: center !important; }
  @media only screen and (min-width: 700px) {
    .text-center-tablet-left {
      text-align: left !important; } }

.text-center-md-left {
  text-align: center !important; }
  @media only screen and (min-width: 991px) {
    .text-center-md-left {
      text-align: left !important; } }

.text-center-desktop-left {
  text-align: center !important; }
  @media only screen and (min-width: 1024px) {
    .text-center-desktop-left {
      text-align: left !important; } }

.text-transform.lowercase {
  text-transform: lowercase; }

.text-transform-none {
  text-transform: none; }

.text-transform-capitalize {
  text-transform: capitalize; }

.text-shadow-black {
  text-shadow: 1px 1px 1px #000; }

/***


***/
/*******
	Float
********/
.float-left {
  float: left; }

/*****
	Width
	IMG
*****/
.width-100 {
  width: 100%; }

.width-auto {
  width: auto !important; }

img.width-100 {
  width: 100%;
  display: block; }

img.full-100 {
  display: block;
  width: 100%;
  height: 100%; }

img.height-dominated {
  max-height: 100%;
  height: 100%;
  width: auto;
  margin: 0 auto; }

/**
	Borders
**/
.border-top {
  border-top: 1px solid #feec22; }

.border-right {
  border-right: 1px solid #feec22; }

.border-left {
  border-left: 1px solid #feec22; }

.border-bottom {
  border-bottom: 1px solid #feec22; }

/**
	seperators 
	clearfix
**/
.seperator {
  width: 100%;
  height: 2px;
  color: #fff; }

.clearfix {
  clear: both; }

.clearfix:after {
  content: ' ';
  clear: both;
  display: block; }

/***
	spaces around elements
***/
.space-top {
  padding-top: 25px; }

.space-top-x2 {
  padding-top: 50px !important; }

.space-top-10 {
  padding-top: 10px !important; }

.space-top-10-tablet-30 {
  padding-top: 10px !important; }
  @media only screen and (min-width: 700px) {
    .space-top-10-tablet-30 {
      padding-top: 30px !important; } }

.space-top-10-md-30 {
  padding-top: 10px !important; }
  @media only screen and (min-width: 991px) {
    .space-top-10-md-30 {
      padding-top: 30px !important; } }

.space-top-10-tablet-20 {
  padding-top: 10px !important; }
  @media only screen and (min-width: 700px) {
    .space-top-10-tablet-20 {
      padding-top: 20px !important; } }

.space-top-10-md-20 {
  padding-top: 10px !important; }
  @media only screen and (min-width: 991px) {
    .space-top-10-md-20 {
      padding-top: 20px !important; } }

.space-top-20 {
  padding-top: 20px !important; }

.space-top-30 {
  padding-top: 30px !important; }

.space-top-30-50 {
  padding-top: 30px; }
  @media only screen and (min-width: 700px) {
    .space-top-30-50 {
      padding-top: 50px; } }

.space-top-10-30-50 {
  padding-top: 10px; }
  @media only screen and (min-width: 700px) {
    .space-top-10-30-50 {
      padding-top: 30px; } }
  @media only screen and (min-width: 1200px) {
    .space-top-10-30-50 {
      padding-top: 50px; } }

.space-top-15-30-50 {
  padding-top: 15px; }
  @media only screen and (min-width: 700px) {
    .space-top-15-30-50 {
      padding-top: 30px; } }
  @media only screen and (min-width: 1200px) {
    .space-top-15-30-50 {
      padding-top: 50px; } }

.space-top-50-70 {
  padding-top: 50px; }

.space-mobile-top-30 {
  padding-top: 30px; }

@media screen and (min-width: 768px) {
  .mobile-padding-top {
    padding-top: 0px; }

  .mobile-padding-bottom {
    padding-bottom: 0; }

  .font-black-white {
    color: #FFF !important; }

  .space-top-50-70 {
    padding-top: 70px; } }
@media only screen and (min-width: 990px) {
  .space-mobile-top-30 {
    padding-top: 0; } }
::placeholder {
  color: #252525;
  font-family: "Helvetica Neue LT W01_41488878"; }

.form-container {
  padding: 45px 0 42px 0; }

input {
  color: #252525;
  background: transparent;
  display: inline-block;
  font-family: "Helvetica Neue LT W01_41488878";
  font-size: 0.875em;
  padding: 15px 15px;
  margin: 10px 0;
  border: 1px solid #000;
  border-radius: 0;
  max-width: 100%;
  width: 100%;
  -webkit-appearance: none; }

select {
  position: relative;
  color: #252525;
  background: transparent;
  padding: 15px 20px 15px 15px;
  margin: 10px 0;
  max-width: 100%;
  width: 100%;
  -webkit-appearance: none; }

textarea {
  width: 100%;
  height: 187px;
  margin: 10px 0;
  border: 1px solid #000; }

.error {
  border-color: #ff0033 !important; }
  .error + .select2-container .selection .select2-selection {
    border-color: #ff0033 !important; }
  .error::before {
    border-color: #ff0033 !important; }

form.register {
  max-width: 70%;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: left; }
  form.register .email {
    width: 100%; }
  form.register [type=submit] {
    font-family: "Gilroy-Bold";
    letter-spacing: 1px;
    text-align: center;
    width: auto;
    overflow: hidden;
    padding: 15px 25px;
    background: #fff;
    color: #000;
    border: 2px solid #00203c; }
  form.register select {
    text-align: left; }
    form.register select option {
      font-family: "Helvetica Neue LT W01_41488878"; }
  form.register fieldset {
    display: block; }
  form.register .submit-container {
    padding: 30px 0 0 0;
    text-align: center; }
  form.register .description {
    font-family: "Helvetica Neue LT W01_41488878";
    font-size: 1.5em;
    padding: 15px 0 7px 0; }
  form.register .hidden {
    display: none; }
  form.register .lot {
    max-width: 110px;
    text-align: center;
    display: none;
    margin: 0 auto !important; }

form#footer-sign-up {
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
  padding: 25px 0; }
  form#footer-sign-up input {
    color: #fff;
    background: #000;
    font-family: "Gilroy-Thin";
    font-size: 0.875em;
    padding: 5px 10px 6px 10px;
    border: 1px solid #363636;
    max-width: calc(100% - 70px);
    float: left; }
    form#footer-sign-up input.full-width {
      max-width: 100%; }
  form#footer-sign-up ::placeholder {
    color: #fff; }
  form#footer-sign-up [type=submit] {
    font-family: "Gilroy-Bold";
    color: #fff;
    font-size: 0.750em;
    float: right;
    padding: 6px 9px 7px 9px;
    background: #363636;
    border: 1px solid #363636; }
  form#footer-sign-up .lbl {
    width: calc(73% - 10px); }
  form#footer-sign-up .max-width-80 {
    max-width: 100%; }
    form#footer-sign-up .max-width-80 div:first-child input {
      margin-left: 0; }
    form#footer-sign-up .max-width-80 div:last-child input {
      margin-right: 0; }

form#registration {
  max-width: none;
  padding: 10px 0 25px 0;
   /*input[type=submit] {
		
		font-size: 0.875em;
	}*/
  /* Checkbox inside #registration */ }
  form#registration input,
  form#registration select,
  form#registration textarea {
    border: 1px solid #d7d7d7;
    font-family: "Gilroy-Thin";
    font-size: 1em;
    width: 100%;
    margin: 5px 0; }
    form#registration input.half.right,
    form#registration select.half.right,
    form#registration textarea.half.right {
      margin: 5px 0;
      width: 100%;
      max-width: calc(100%); }
    form#registration input.half.left,
    form#registration select.half.left,
    form#registration textarea.half.left {
      margin: 5px 0;
      width: 100%;
      max-width: calc(100%); }
    form#registration input:required,
    form#registration select:required,
    form#registration textarea:required {
      border-left: 4px solid #252525; }
  form#registration textarea {
    max-width: 800px;
    margin: 0 auto;
    padding: 15px;
    font-family: "Helvetica Neue LT W01_41488878" !important; }
  form#registration .community-checkbox {
    max-width: 730px;
    margin: 0 auto; }
  form#registration .checkbox-container {
    display: inline-block;
    width: 99%;
    padding: 9px 20px 10px 20px;
    white-space: nowrap; }
  form#registration .cbx {
    background: #fff; }
  form#registration .cbx-input:checked ~ .cbx:after {
    background-image: url(/img/assets/checkmark-black.svg);
    background-repeat: no-repeat;
    background-size: 56%;
    background-position: 40% 40%; }
  form#registration .lbl {
    display: inline-block;
    color: #252525;
    font-family: "Helvetica Neue LT W01_41488878";
    font-size: 0.875em;
    line-height: 1.45;
    white-space: normal;
    position: relative;
    left: 10px;
    padding-left: 0; }
  form#registration input[type^=submit] {
    float: none;
    display: inherit;
    margin: 30px auto 10px auto;
    background: #252525;
    width: auto;
    font-family: "Gilroy-ExtraBold";
    color: #fff;
    font-size: 0.875rem; }
    form#registration input[type^=submit].float-none {
      float: none; }
  form#registration .checkbox-container.checkbox-variation1 {
    width: 100%;
    padding: 15px 20px 0 20px; }
    form#registration .checkbox-container.checkbox-variation1 .cntr {
      text-align: center;
      width: auto; }
      form#registration .checkbox-container.checkbox-variation1 .cntr .cbx {
        width: 20px;
        height: 20px;
        float: none; }
        form#registration .checkbox-container.checkbox-variation1 .cntr .cbx:after {
          content: '';
          width: 20px;
          height: 20px; }
      form#registration .checkbox-container.checkbox-variation1 .cntr .lbl {
        font-size: 0.875em;
        letter-spacing: 1px;
        font-family: "Gilroy-Regular"; }
      form#registration .checkbox-container.checkbox-variation1 .cntr .cbx-input:checked ~ .cbx:after {
        background-image: url(/img/assets/checkmark-black.svg);
        background-repeat: no-repeat;
        background-size: 65%;
        background-position: 40% 50%; }

form#registration.contact {
  max-width: 740px; }

.form-headers {
  padding-bottom: 5px;
  text-align: left; }
  .form-headers .item {
    display: inline-block;
    font-size: 0.875em;
    font-family: "Gilroy-Regular";
    letter-spacing: 3px;
    text-align: center;
    max-width: 100%;
    width: 100%;
    margin: 0 auto; }

.register-header {
  padding: 45px 10px 25px 10px; }
  .register-header object {
    padding-bottom: 12px;
    width: 100%;
    max-width: 120px;
    margin: 0 auto; }
  .register-header h2 {
    font-size: 1.5em;
    font-family: "Gilroy-Bold";
    letter-spacing: 3px; }
  .register-header.east-scramento object {
    max-width: 60%;
    padding-bottom: 25px; }
  .register-header.california object {
    max-width: 60%;
    padding-bottom: 25px; }

/**************
   Sumbit Animation
**************/
input[type=submit].sending {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 20px auto !important;
  background-color: transparent !important;
  border-color: #ebebeb;
  border-width: 3px !important;
  border-radius: 50% !important;
  font-size: 0;
  border-left-color: #252525 !important;
  animation: rotating 2s 0.25s linear infinite; }

/**************

checkbox

*************/
.checkbox-container {
  pointer-events: none;
  position: relative;
  width: 99%;
  padding: 10px 0 10px 0px; }

.cntr {
  pointer-events: auto;
  position: relative;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: left; }

.cbx {
  background: #363636;
  display: inline-block;
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
  border: 1px solid #363636;
  vertical-align: middle;
  transition: background 0.1s ease;
  cursor: pointer;
  float: left; }
  .cbx:after {
    /*content: '\2713';*/
    content: ' ';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    opacity: 0;
    color: #a92241;
    font-family: "Helvetica Neue LT W01_41488878";
    transition: all 0.3s ease;
    transition-delay: 0.15s; }

.lbl {
  font-family: "Gilroy-Light";
  color: #fff;
  vertical-align: middle;
  cursor: pointer;
  font-size: 0.750em;
  line-height: 2;
  padding-left: 10px;
  display: inline-block; }
  .lbl.error {
    border: 1px solid #ff0033; }

.cbx-input {
  display: none; }

.cbx-input:checked ~ .cbx:after {
  /*content: '\2713';*/
  content: ' ';
  opacity: 1;
  background: url(/img/assets/checkmark-white.svg) no-repeat;
  background-position: center;
  background-size: 70%; }

/**
	Radio styling
**/
.radios {
  display: block;
  width: 100%;
  text-align: left;
  margin-top: -10px; }
  .radios.text-center {
    text-align: center; }

.skin-radio {
  position: relative;
  padding: 10px 0;
  margin: 10px 10px 10px 10px;
  display: inline-block;
  text-align: left;
   /*input:checked + label::after {
		display: block;
		animation: jelly 0.6s ease;		
	}*/ }
  .skin-radio.space-top {
    padding-top: 21px; }
  .skin-radio input[type=radio] {
    display: none;
    outline: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px; }
  .skin-radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    left: 0 !important;
    top: 0 !important;
    height: 35px;
    color: #000;
    border-radius: 50%;
    font-family: "Helvetica Neue LT W01_41488878";
    font-size: 1.125em;
    line-height: 35px;
    padding-left: 45px;
    outline: 0; }
    .skin-radio label::before {
      content: "";
      position: absolute;
      left: 0;
      display: inline-block;
      border: 1px solid #d7d7d7;
      border-radius: 50%;
      width: 35px;
      height: 35px;
      padding: 3px;
      box-sizing: border-box;
      outline: none; }
  .skin-radio input:checked + label::before {
    background: #000;
    background-image: url(/img/assets/checkmark-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    z-index: 2; }

/********************
	Thank you message next to form.
*********************/
.thank-you {
  display: none;
  opacity: 0;
  padding: 20px 10px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  transition: opacity 0.5s ease; }
  .thank-you.show {
    display: block; }
  .thank-you.more-padding {
    padding: 25px 10px 50px 10px; }

/*********************
   Captcha
**********************/
.g-recaptcha {
  border: 1px solid transparent; }

@media only screen and (min-width: 768px) {
  input {
    margin: 10px 0px; }

  form.register [type=submit] {
    letter-spacing: 2px;
    width: auto; }
    form.register [type=submit]:hover {
      border: 2px solid #ab2645;
      color: #ab2645; }

  form#footer-sign-up input {
    max-width: 80%;
    margin: 5px 0; }
    form#footer-sign-up input.full-width {
      max-width: 100%; }
  form#footer-sign-up .lbl {
    width: auto; }
  form#footer-sign-up .max-width-80 {
    max-width: 80%; }
    form#footer-sign-up .max-width-80 div:first-child {
      padding: 0 2px 0 0; }
      form#footer-sign-up .max-width-80 div:first-child input {
        margin-left: 0; }
    form#footer-sign-up .max-width-80 div:last-child {
      padding: 0 0 0 2px; }
      form#footer-sign-up .max-width-80 div:last-child input {
        margin-right: 0; }

  form#registration input.half.right {
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px); }
  form#registration input.half.left {
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px); }
  form#registration input[type^=submit] {
    float: right; }
  form#registration .checkbox-container {
    width: 49%; }

  .checkbox-container {
    width: 100%; }

  .register-header h2 {
    font-size: 1.875em;
    letter-spacing: 6px; } }
/**end of media query $tablet-size**/
@media only screen and (min-width: 990px) {
  form#registration input,
  form#registration textarea {
    font-size: 1.125em; }
  form#registration .lbl {
    font-size: 1em; }

  .register-header {
    padding: 0 10px 35px 10px; } }
/**end of media query $tablet-extra-size**/
@media only screen and (min-width: 1024px) {
  form.register [type=submit] {
    letter-spacing: 3px; } }
/** End of media query $desktop-size **/
@media only screen and (min-width: 1140px) {
  .register-header.east-scramento object {
    max-width: 384px;
    padding-bottom: 45px; } }
/** End of media query $desktop-size **/
.svg-shadow {
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7)); }

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