/* FONTS (via fonts.com)

font-family: braga;
font-family: montserrat;

*/
	
@font-face {
    font-family: 'braga';
    src: url('fonts/braga-webfont.woff2') format('woff2'),
         url('fonts/braga-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* VARIABLES */

:root {
  --default-font: arial;
  --default-font-size: 18px;
  --default-input-font-size: 60px;

  --col-primary: #000000;
  --col-primary-rgb: 0,0,0;

  --col-accent: #000;
  --col-accent-rgb: 0, 0, 0;

  --col-text: #000;
  --col-input: #fff;
  --col-placeholder: #676767;
  --col-input-bg: transparent;

  --col-button: transparent;
  --col-button-rgb: 255, 255, 255;

  --col-link: #122561;
  --col-link-rgb: 100, 26, 25;

  --col-link-hover: #000000;
  --col-link-hover-rgb: 0, 0, 0;

  --col-error: #ff6633;
  --col-error-rgb: 255, 51, 0;

  --col-attention: #ff6633;
  --col-attention-rgb: 255, 51, 0;

  --col-warning: #f5b00e;
  --col-warning-rgb: 245, 176, 14;

  --col-missing: #ff6633;
  --col-missing-rgb: 255, 51, 0;

  --col-burger: #fff;

  --col-border: #646464;
  --col-border-rgb: 139, 1395, 139;

  --dim-site-width: 1440px;
  --dim-default-space: 80px;
  --dim-input-height: 70px;

  --grid-spacing: 15px;
  --grid-spacing-neg: -15px;
  --grid-spacing-2x: 30px;
  --grid-margin: 50px;
  --grid-margin-neg: -50px;
}

/* theme */

body { font-weight: 300; background-color: #fff; font-size: 30px; font-family: montserrat; background: #000; }
html.overlay-active, html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/
p { line-height: 1.5; margin-bottom: 30px; font-size: 18px; font-weight: 300}
p.short  { max-width: 1060px; margin-left: auto; margin-right: auto;}
p.shorter  { max-width: 740px; margin-left: auto; margin-right: auto;}
p.large { font-size: 22px;}
b,strong { font-weight: 700; }
p.larger { font-size: 24px;}
p.lighter { font-weight: 300}

h1, h2, h3, h4, h5, h6 { color: #fff; display: block;}
h1 { font-size: 24px; font-family: braga; letter-spacing: 2px; line-height: 1.1; text-transform: uppercase;}
h1.large { font-size: 100px; }
h2 { font-family: braga; font-size: 30px;   color: #fff; line-height: 1; width: 100%; text-transform: uppercase; text-align: center; letter-spacing: 1px;}
h2.large { font-size: 40px;   }
h3 { font-size: 15px; color: #fff; font-weight: 500;  line-height: 1.1; margin-bottom: 20px; }
h4 { font-size: 60px; font-family: braga;  line-height: 1.1; text-transform: uppercase; margin-bottom: 25px; margin-top: 80px;}
h5 { font-size: 24px; font-weight: 300;  line-height: 1.3; text-transform: uppercase; letter-spacing: 1px; max-width: 840px; margin: 0 auto 80px;}
/*h6 { font-size: 60px; line-height: 1.1; font-family: braga; color: #000; text-transform: uppercase; margin: 60px auto; letter-spacing: 1px; }*/
h6 { font-size: 38px; line-height: 1.1; font-family: braga; color: #fff; text-transform: uppercase; margin: 20px auto; }
h2 + h3 { margin-top: -10px;}
h4 { }
h5 { }
h6 { }

/*CONTAINERS*/
article { padding-top: 60px; background: #000; }
article.no-masthead { padding-top: 100px; }

article > section {max-width: 1280px; padding: 0 0px; margin: 0px auto;}
article > section.full {max-width: 1440px; }
article > section.max {max-width: 100%; }
article > section.blue { background-color: var(--col-primary); margin-top: -1px; max-width: 100%; }
article > section.spaced { margin: 80px auto;}
article > section.padded { padding-top: 80px; padding-bottom: 80px;}
article > section.masthead { max-width: 100%; margin: 0px auto; background: url(/img/bg.png) repeat-x #000 center top; max-width: 1440px; }
article > section.masthead.masthead-full { max-width: 100%; margin: 0px auto; padding: 0}
div.masthead > a > img, div.masthead > img  { display: block; width: 100%; position: relative; z-index: 2; }
div.masthead div.caption.top { z-index: 4;}
/*div.masthead:after { content:""; width: 100%; background: url(/img/bg.png) no-repeat transparent center center; display: block; background-size: cover;width: 100%; height:100%; position: absolute; top: 0; left: 0; z-index: 3}*/
div.masthead:after { content:""; width: 100%; background: url(/img/banners/mask.png) no-repeat transparent center bottom; display: block; background-size: contain; width: 100%; height:100%; position: absolute; top: 0; left: 0; z-index: 3}
div.masthead.no-mask:after { display: none;}
div.masthead div.slide img { width: 100%; display: block;}
div.content {text-align: center;}

div.masthead div.white {margin: 60px auto; display: block; padding:0 30px;}
div.masthead div.white img {display: block; width: 530px; margin: 34px auto 0}

div.slideshow-index { position: absolute; bottom: 30px; left: 70px; width: calc(100% - 140px); padding: 0px; z-index: 4;}
div.slideshow-index div.slick-track { transform: translate3d(0, 0px, 0px) !important}
div.slide-index { color: #9D9D9D; font-size: 10px; font-weight: 500; text-align: center; text-transform: uppercase; padding-top: 10px;  position: relative; cursor: pointer;}
/*div.slide-index:empty { display: none !important}*/
div.slide-index:before { content:""; top: 1px; height: 1px; display: block; width: 100%; background: #9D9D9D;  position: absolute; z-index: 2;}
div.slick-current.slide-index { color: #fff;}
div.slick-current.slide-index:after { content:""; top:0px; height: 3px; display: block; width: 100%; background: #fff; top: 0; left: 0; position: absolute; z-index: 3;}
button.slick-arrow { font-size: 0; padding: 0; margin: 0; position: absolute; bottom: 15px; background: url(/img/svg/arrow-white.svg) no-repeat transparent center center !important; background-size: 10px 20px; width: 70px; height: 70px; z-index: 8}
div.galleries button.slick-arrow { bottom: 50%; margin-top: 10px;}
button.slick-arrow.slick-prev { left: 0px; }
button.slick-arrow.slick-next { right: 0px; transform: rotate(180deg); }

div.builder-logos { display: flex; gap: 20px; justify-content: space-between; width: 100%; margin: 90px auto; align-items: center; }
div.builder-logos img { height: 40px; display: block}
div.builder-logos div:nth-child(2) img { height: 50px; }

img.aerial { display: block; margin: 100px auto;}
div.gallery-2025  { display: block; overflow: hidden;}
div.gallery-2025 .slick-slide  { padding: 40px}
div.gallery-2025 > div { display: block; width: 200%; margin-left: -50%}
.slick-slide img {transform: scale(.7); transform-origin: right center; opacity: .3; transition: all 2s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.slick-current.slick-center img {transform: scale(1); opacity: 1; }
.slick-current.slick-center + .slick-slide img  {transform-origin: left center;}
div.gallery-2025-index {display: flex; max-width: 694px; margin: 55px auto 0; gap: 30px; align-items: flex-start; justify-content: space-between;}
div.gallery-2025-index > a {display: flex; gap: 30px; font-size: 12px; font-weight: 300; color: #fff; align-items: center; justify-content: flex-start;}
div.gallery-2025-index > a img { width: 12px; height: 6px;}
div.gallery-2025-index > a:first-child img { transform: rotate(180deg);}
div.gallery-2025-index > a:last-child {justify-content: flex-end;}
div.gallery-progress { position: relative; width: 100%; padding-top: 6px;}
div.gallery-progressbar { position: relative; width: 100%; height: 1px; background: #707070; display: block; margin-bottom: 16px}
div.gallery-progressbar span { position: relative; width: 100%; height: 5px; position: absolute; width: 20px; left: 0; top: -2px; background: #fff;}
div.gallery-counter { display: block; text-align: center; color: #fff; font-size: 14px; font-weight: 300;}


/* OVERLAY */
div.overlay { width: 100vw; height: 100vh; position: fixed; left: 0; top: -200vh; z-index: 999;display: block; transition: opacity .3s ease-in .1s; opacity: 0; background: rgba(0,0,0,0.9); }
div.overlay.active { top: 0; opacity: 1;}
div.overlay > div{ width: 100%; height: 100%; display: block; position: relative; z-index: 3;}
div.overlay div.popup { width: 1180px; display: block; position: relative; z-index: 3; top: 50%; transform: translate3D(0,-50%, 0); max-width: 92%; margin: 0 auto; background: transparent; max-height: 92%; overflow: auto}
div.overlay > img { width: 100%; display: block;}
div.overlay a.close-overlay { position: absolute; display: block; width: 40px; height: 40px; border-radius: 40px; top:25px; right: 25px; z-index: 11; background: url() var(--col-primary)  no-repeat center center; background-size: 20px 20px; }

div.vimeo.iframe.with-play-button iframe { opacity: 0; z-index: 1;}
div.vimeo.iframe.with-play-button.active iframe { opacity: 1; z-index: 2;}
div.vimeo.iframe.with-play-button img { opacity: 1; z-index: 2}
div.vimeo.iframe.with-play-button.active img { opacity: 0; z-index: 1}
a.play-video { position: absolute; top: 50%; left: 50%; margin-left: -18px; margin-top:-16px; width: 36px; display: block;z-index: 3; cursor:pointer;}
a.play-video img { display: block; width: 100%;}
div.vimeo.iframe.with-play-button.active a.play-video img { display: none;}
div.vimeo.iframe.with-play-button.active:after { content:""; background: transparent; top: 0; left: 0; width: 100%; height: 100%; display:block; position: absolute; z-index: 9;}
/*div.masthead div.slideshow:after { content:""; background: url(/img/banners/bg.png) no-repeat; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; display:block; position: absolute; z-index: 3;}*/

/* ALIGNMENTS */


/*BUTTONS*/
a.btn { background-color: transparent; color: #fff; line-height: 60px; border: 2px solid #fff; padding: 0 25px; font-family: braga; font-size: 33px; display: table; margin: 0 auto; letter-spacing: 1px}
a.btn.left { margin: 0 auto 0 0; }
a.btn.small  { line-height: 59px; padding: 0 35px;}
a.btn:hover { }
a.btn3 { background-color: #fff; color: #2D2A2B; border: 1px solid #2D2A2B; line-height: 77px; padding: 0 70px; font-weight: 700; font-size: 20px; display: table; margin: 0 auto; letter-spacing: 1px; font-weight: 300; border-radius: 40px}
a.btn5 { background-color: #fff; color: var(--col-primary); border: 1px solid #2D2A2B; line-height: 57px; padding: 0 35px; font-weight: 700; font-size: 20px; display: table; margin: 0 auto 0 0; letter-spacing: 1px; font-weight: 700; border-radius: 40px}
a.btn4 { color: #5C6756; font-size: 18px; font-weight: 700; letter-spacing: 1px;text-transform: uppercase; display:inline-block}
a.btn6 { color: #fff;  border: 1px solid #fff; width: 200px; text-align: center; font-size: 24px; display:table;  margin: 45px auto 0; line-height: 50px; font-family: braga; text-transform: uppercase;}
div.masthead { padding-bottom: 0px;}
a.btn-white { color: #000; background: #fff; text-transform: uppercase;}
/* COLOURS */
.white { color: #fff !important}
.bg-beige { background-color: #DCD8CC !important}
/* CONTENT BLOCKS */

/*CAPTIONS*/




/* BLOCKS */
div.grid { margin-bottom: var(--grid-margin-neg);}
div.grid-2 > div {width: 50%; margin-bottom: var(--grid-margin);}
div.grid-3 > div {width: 33.33%; margin-bottom: var(--grid-margin);}
div.grid-4 > div {width: 25%; margin-bottom: var(--grid-margin);}
div.grid-5 > div {width: 20%; margin-bottom: var(--grid-margin);}
div.grid-6 > div {width: 16.66%; margin-bottom: var(--grid-margin);}
div.grid-7 > div {width: 20%; margin-bottom: var(--grid-margin);}
div.grid-8 > div {width: 20%; margin-bottom: var(--grid-margin);}

div.grid.spaced { width: calc(100% + var(--grid-spacing-2x)); margin-left: var(--grid-spacing-neg); }
div.grid.spaced > div {padding: 0 var(--grid-spacing); }



/*LISTS*/
ul.listing, ul.bullets { margin-bottom: 30px; }
ul.listing.shorter  { max-width: 550px; margin: 0 auto; }
ul.listing li, ul.bullets li { display: block; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: center;}
ul.bullets li { text-align: left; padding-left: 20px;}
ul.bullets li:before { content: ""; position: absolute; display: block; left: 0; top: 0.65em; width: 6px; height: 6px; border-radius: 6px; background: #000;}
ul.listing.left li  { text-align: left;}

div.grecaptcha-badge { right: -1600px !important}
#ui-datepicker-div { z-index: 999 !important}
table.ui-datepicker-calendar td { font-size: 18px; color: var(--col-primary)}
table.ui-datepicker-calendar td a { color: #000}
table.ui-datepicker-calendar td a.ui-state-highlight { color: var(--col-primary)}
table.ui-datepicker-calendar td.ui-datepicker-today { background: var(--col-primary); color: #fff}
table.ui-datepicker-calendar td.ui-datepicker-today a { color: #fff}
table.ui-datepicker-calendar th { line-height: 2;}
table.ui-datepicker-calendar th span { font-size: 18px;}
.ui-datepicker-title { line-height: 1;}
.ui-datepicker-title span { font-weight: 300; font-size: 24px; }

/*TRANSITIONS*/

/* HEADER */
header { border-bottom: 1px solid #363636; z-index: 5; max-width: 1440px; left: calc(50% - 720px)}
header div.burger { display: block;  position: absolute;}
header div.logos { display: flex; width: 100%; padding: 0 0 0 60px; font-size: 0; z-index: 6; gap: 0; justify-content: space-between}
header div.logos > div.logo { display: block; width: 100%; height: 60px; vertical-align: top; border-left: 1px solid #363636; z-index: 4; transition: background .2s ease-out}
header div.logos > div.logo > a { display: block; width: 100%; height: 100%; position: relative; z-index: 4;}
header div.logos > div.logo > a img { display: block; height: 25px; position: relative; top: 50%; transform: translate3D(0, -50%, 0); margin: 0 auto;}
header div.logos > div.logo.l-joshua > a img { height: 35px; }
header div.logos > div.logo.l-primont > a img { height: 35px; }
header div.logos div.l-inventory a {background: #fff; color: #000; font-size: 24px; text-align: center; line-height: 60px; text-transform: uppercase; white-space: nowrap; padding: 0 25px; font-family: braga; letter-spacing: 1px}

div.logos.open a.close-logo { position: absolute; top: 80px; right: 20px; width: 40px; height: 40px;  z-index: 11; background: url(/img/close.svg) transparent  no-repeat center center; background-size: 20px 20px; filter: invert(100%)}

header div.logo > div { opacity: 0; display: block; position: absolute; left: -200vw; width: 100%; height: calc(100vh - 60px); top: -600px; background: rgba(0,0,0,0.8);  font-size: 0; z-index: 3; }
header div.logo.active { background: #DCD8CC}
header div.logo.active > a img { filter: invert(100%); }
header div.logo.active > div { opacity: 1; display: block; left: 0; top: 60px; /* animation: flip-in-hor-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;; */}
header div.logo > div > div { display: block; width: 100%; max-height: 100%; background: #DCD8CC; font-size: 0; padding: 60px;}
header div.logo > div > div > div { display: inline-block; width: 50%; vertical-align: middle; }
header div.logo > div > div > div:last-child { padding-left:30px}
header div.logo div.thumb img { display: block; width: 100%;}
header div.logo div.builder-logo { display: block; width: 100%; height: 50px; margin-bottom: 60px;}
header div.logo div.builder-logo img { display: block; height: 100%; width: auto; margin: 0 auto 0 0}
header div.logo div.title { display: block; width: 100%; text-align: left; color: #000; font-size: 80px; font-family: braga; margin-bottom: 40px}
header div.logo div.title small { display: block; width: 100%; text-align: left; color: #000; font-size: 40px; font-family: braga; margin-top: 20px}
header div.logo div.links { display: block; width: 100%; font-size: 0; position: relative;}
header div.logo div.links a { font-size: 9px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; display: inline-block; vertical-align: top; padding: 0 25px; color: #000}
header div.logo div.links a:first-child { padding-left: 0px; }
header div.logo div.links span { font-size: 26px; font-weight: normal; font-family: braga; margin-bottom: 6px; border-bottom: 2px solid #000; padding-bottom: 0px; display: block}
header div.logo div.links a:last-child { position: absolute; bottom: 0; right: 0; font-size: 15px; font-weight: 500; text-transform: uppercase;}


header nav { position: absolute; top: 0; left: -200vw; width: 100%; display: block; opacity:0; background: rgba(0,0,0, 0.8); top: 60px; height: calc(100vh - 60px); z-index: 5; border-top: 1px solid #363636}
header.active nav { left: 0; opacity: 1;}
header.active nav ul { width: 365px; max-width: 100%; text-align: left; display: block; border-right: 1px solid #363636; height: 100%; padding-top: 0px; }
header.active nav ul > li { display: block; width: 100%; }
header.active nav ul > li > a { display: block; width: 100%; color: #fff; font-size: 30px; font-family: braga; text-transform: uppercase; line-height: 50px; padding: 0 60px 0 20px}
header.active nav ul > li > a.larger { font-size: 50px; line-height: 70px;}
header.active nav ul > li > ul {display: none;}
header.active nav ul > li.subnav.active > ul {display: block;}
header.active nav ul > li.subnav > a { padding-right: 60px; position: relative;}
header.active nav ul > li.subnav > a:after { display: block; position: absolute; content:""; right: 40px; width: 20px; height: 100%; top: 0; background: url(/img/svg/plus.svg) no-repeat center center; background-size: contain;}
header.active nav ul > li.subnav.active > a:after { background-image: url(/img/svg/minus.svg);}

header div.social {text-align: left; display: block; margin: 10px auto 0; padding-left: 20px; }
header div.social a { font-size: 15px; display: inline-block; padding: 0 15px 0 0; vertical-align: middle; color: #fff;}

footer { max-width: 1380px; margin: 0 auto; padding: 50px 20px 20px}

div.address { position: relative; display: block; margin: 0 auto 50px;}
div.address div.caption {bottom: 156px; left: 126px; text-align: left; color: #fff;}
div.address div.caption b { display: block; font-weight: normal; font-size: 9px; margin-top: 25px; color: #fff; font-family: montserrat; letter-spacing:  7px; margin-bottom: 10px}
div.address div.caption p { display: block; font-weight: normal; font-family: braga; font-size: 28px; margin-top: 5px; margin-bottom: 12px; color: #fff; line-height: 1.1;}
div.address div.caption p small { font-size: 19px; }

footer div.builders {width:100%; text-align: center; font-size: 0}
footer div.builders > div {width:33.33%; text-align: center; font-size: 12px; display: inline-block; vertical-align: top;}
footer div.builders > div img  { display: block; width: auto; height: 30px; margin: 0 auto 25px;}
/*footer div.builders > div:nth-child(2) img  { display: block; width: auto; height: 42px; margin: 0 auto 20px;}*/
footer div.builders > div a {text-align: center; font-size: 12px; color: #fff; display: block; margin: 0 auto 5px;}

footer div.social {text-align: center; display: block; margin: 50px auto;}
footer div.social a { font-size: 15px; display: inline-block; padding: 0 10px; vertical-align: middle; color: #fff;}

div.disclaimer { display: block; text-align: center; width:880px; max-width: 100%; }
div.disclaimer p, div.disclaimer a { color: #fff; font-size: 12px; }

div.sales-info { position: absolute; top: 50px; left: 40px; width: 50%; z-index: 3;}
div.sales-info > img { display: block; width: 100%; }
div.sales-info > a { display: block; position: absolute; left: 30px; top: 30px; width: 60px; padding: 20px; background: #000}
div.sales-info > a img { display: block; width: 100%; }


/*CONTENT*/
/*div.masthead div.caption { border: 1px solid #fff; display: table; width: auto; top: 100px; padding: 40px 70px; width: 640px; max-width: 100%;}*/
/*div.masthead div.caption span { display: table; margin: 0 auto; background: #fff; padding: 0 20px; line-height: 30px; color: #000; font-size: 12px; font-weight: 700; text-transform: uppercase; position: absolute; left: 50%; transform: translate3D(-50%, 0, 0)}*/
/*div.masthead div.caption span:first-child { top: -15px;}*/
/*div.masthead div.caption span:last-child { bottom: -15px;}*/
div.masthead div.caption { z-index: 4;}
div.masthead div.caption h1 { margin: 0px auto 10px; font-size: 24px; font-weight: 400;}
div.masthead div.caption.top img { display: block; width: 520px; max-width: 50%;  margin: 30px auto 0;}
div.masthead div.caption.bottom { bottom: 80px;}
div.masthead div.caption.bottom span { font-size: 40px; text-align: center; color: #fff; font-family: braga;font-weight: 400;}
div.masthead div.caption.bottom a.btn6 { margin-top: 20px}
div.masthead.active div.caption { display: none !important;}

div.product { padding-top: 40px; }
div.product div.logo { padding: 25px 5px 25px; border-left: 1px solid #363636;}
div.product:last-child div.logo { border-right: 1px solid #363636;}
div.product div.logo img { height: 50px; width: auto; margin: 0 auto; display: block; }
div.product:nth-child(2) div.logo  { padding-top: 15px}
div.product:nth-child(2) div.logo img { height: 60px; }
div.product:nth-child(2) div.links { padding-top: 60px;}

div.product div.links { padding-top: 70px; font-size: 0; text-align: center;}
div.product div.links a:first-child { border-right: 1px solid #363636;}
div.product div.links a { display: inline-block; color: #fff; width: 50%; vertical-align: top; font-size: 9px; font-weight: 500; text-transform: uppercase; text-align: center;}
div.product div.links a span { display: table; width: auto; color: #fff; font-size: 24px; font-family: braga; padding-bottom: 2px; border-bottom: 2px solid #fff; margin: 0 auto 10px}
div.product div.links.links-single a { width: 100% !important; border-right: 0 !important}
div.product div.thumb { margin-top: 0px; padding: 0 2px; overflow: hidden;}
div.product div.thumb img { transition: all .5s cubic-bezier(0.470, 0.000, 0.745, 0.715); display: block; opacity: 1; position: relative;}
div.product div.thumb.active img { opacity: 0; }
div.product div.thumb img:nth-child(2) { position: absolute; top: 0; left: 2px; display: block; opacity: 0; width: calc(100% - 4px);}
div.product div.thumb.active img:nth-child(2) { opacity: 1;}
div.product h2 { margin-top: 0px; padding-top: 20px; padding-bottom:20px; border-left: 1px solid #363636; text-align: center; color: #fff; border-bottom: 1px solid #363636; line-height: 2}
div.product h2 small { font-size: 0.66em; display: block; margin-top: 15px; }
div.product:last-child h2 { border-right: 1px solid #363636}
div.js-accordion h3 { text-align: left; padding: 20px 40px; border: 1px solid #363636; border-top: 0; text-transform: uppercase;  margin-bottom: 0; position: relative;}
div.js-accordion h3.ui-accordion-header-active { border-bottom: 1px solid transparent; }
div.js-accordion h3 span { display: block; position: absolute; height: 100%; width: 20px; background: url(/img/svg/plus.svg) no-repeat center center; background-size: contain; top: 0; right: 50px;}
div.js-accordion h3.ui-accordion-header-active span { background-image: url(/img/svg/minus.svg);}
div.ui-accordion-content  { border: 1px solid #363636; padding: 0 40px 40px; border-top: 0;}
div.ui-accordion-content ul { display: block; list-style-type: none;}
div.ui-accordion-content ul li { display: block; position: relative; font-size: 15px; color: #fff; padding-left: 20px; line-height: 1.1; margin-bottom: 5px}
div.ui-accordion-content ul li:before { display: block; position: absolute; content:""; width: 6px; height: 6px; top: .4em; background: #fff; border-radius: 6px; left: 0; }

div.siteplan { margin-top: 60px; position: relative; overflow: hidden; padding: 0 2px;}
div.siteplan > a > img { display: block; width:100%;}

div.siteplan div.caption { display: block; top:0; left: 0; background: rgba(0,0,0,0.7); height: 60px; width: 100%; text-align: left; padding: 20px; }
div.siteplan div.caption a { display: inline-block; vertical-align: middle; width: 20px; margin-right: 30px; }
div.siteplan div.caption a img { display: block; width: 100%; }
div.siteplan div.caption > img { display: block; position: absolute; top: 17px; height: 25px; right: 20px;}

img.flower { display: block; width: 600px; max-width: 60%; margin: 0 auto}
div.spaced { padding: 90px 70px;}

div.grid.grid-vcenter > div { vertical-align: middle;}
div.community {text-align: center; padding: 0 70px 0 0}
div.community p {font-size: 20px; line-height: 1.66}
div.community p:last-child { margin-bottom: 0}

div.grid.grid-2 { margin-bottom: 0}
div.grid.grid-2 > div { margin-bottom: 0}

div.gallery-menu { display: block; width: 100%; text-align: center;font-size: 0; padding-top: 10px; }
div.gallery-menu a { display: inline-block; vertical-align: middle; font-size: 60px; color: #fff; opacity: .4; padding: 40px 50px; text-align: center; text-transform: uppercase; font-family: braga; transition: all .3s ease-in}
div.gallery-menu a.active { opacity: 1; }

div.galleries {position: relative; display: block; width: 100%}
div.galleries div.slick-slide {opacity: .2; padding: 0 5px; transition: opacity .3s ease-in-out}
div.galleries div.slick-slide.slick-current {opacity: 1}
div.galleries label { display: block; width: 100%; text-align: center; padding: 25px 10px 0; color: #fff; font-size: 18px; font-weight: 500;}
div.galleries label small { display: block; color: #fff; font-size: 14px; margin-top: 3px;}
div.gallery {display: none}
div.gallery.active {display: block; position: relative; left: 0}

div.area-legend { padding: 50px;}
div.area-legend div.title { font-size: 60px; color: #fff; font-family: braga; margin-bottom: 40px; text-align: left;text-transform: uppercase;}
div.area-legend div.title small { font-size: 0.5em; margin-bottom: 10px; display: block;}

div.area-legend div.js-accordion h3 { text-align: left; padding: 20px 40px 20px 0; border: 0; border-bottom: 1px solid #363636; }
div.area-legend div.js-accordion h3.ui-accordion-header-active { border-bottom: 1px solid transparent; }
div.area-legend div.js-accordion h3 span { right: 0px;}
div.area-legend div.ui-accordion-content  { border: 0px solid #363636; padding: 0 20px 20px 0 ; border-top: 0;}
div.area-legend div.ui-accordion-content ol { list-style-position: inside;}
div.area-legend div.ui-accordion-content ol li { font-size: 15px; color: #fff; line-height: 1.1; margin-bottom: 15px}
div.area-legend div.ui-accordion-content ol li:last-child { margin-bottom: 0px}

div.icons { position: absolute; top: 0; left: 50%; transform: translate3D(-50%, 0, 0); background: rgba(0,0,0,0.7); height: 60px; text-align: center; padding: 20px 10px;}
div.icons a { display: inline-block; vertical-align: middle; width: 50px; padding: 0 15px;}
div.icons a img { display: block; width: 100%; }
div.icons > img { display: block; position: absolute; top: 17px; height: 25px; right: 20px;}

div.transit-legend {padding: 50px; }
div.transit-legend img:first-child { width: 355px; max-width: 100%;}
div.transit-legend img:nth-child(2) { width: 450px; max-width: 100%; margin-top: 30px}

div.builder-info > div { padding: 0 25px;}
div.builder-info div.logo { display: block; width: 100%; margin: 0 auto 25px; height: 100px; }
div.builder-info div.logo img { display: block; width: auto; max-width: 100%; margin: 0 auto; height: 50px; position: relative; top: 50%; transform: translate3D(0, -50%, 0)}
div.builder-info > div:nth-child(2) div.logo img { height: 70px; }
div.builder-info a { display: block; text-align: center; margin: 0 auto 30px; font-size: 10px; color: #fff; text-decoration: underline; text-transform: uppercase; font-weight: 400}
div.builder-info p { font-size: 17px; color: #fff; margin-bottom: 0; text-align: center; }

div.appointments { padding-bottom: 100px; border-bottom: 1px solid #363636}
div.appointments div.title { font-size: 80px; color: #fff; text-align: center; font-family: braga; margin: 150px auto 80px}
div.appointments div.title small { font-size: 24px; display: block; margin-top: 20px}
form div.step { display: none;}
form div.step.active { display: block;}

div.radios.companies { display: block; width: 100%; font-size: 0; margin-top: 50px;}
div.radios.companies div.radio { display: inline-block; width: 33.33%; vertical-align: top; margin: 0 auto; padding: 0 20px;}
div.radios.companies div.radio.disabled label { opacity: .2}
div.radios.companies div.radio.disabled:after {content:"FULLY BOOKED"; position: absolute; display: block; width:100%; top: 110px; left: 0; text-align: center; font-size: 20px; color: #fff; }
div.radios.companies div.radio label { padding-bottom: 30px; padding-left: 0; height: 140px; position: relative; display: block; width: 100%; margin-bottom: 65px }
div.radios.companies div.radio label img { display: block; height: 50px; margin: 0 auto; position: relative; top: 50%; transform: translate3D(0, -50%, 0)}
div.radios.companies div.radio:nth-child(2) label img { height: 60px; top: 45%;}
div.radios.companies div.radio label:before { left: 50%; top: auto; bottom: 0px; margin-left: -20px; width: 40px; height: 40px; border-radius: 40px}
div.radios.companies div.radio input:checked + label:before { background: #fff}
div.radios.companies div.radio label:after  { display: none;}
div.radios.companies div.radio div.thumb { display: block; width: 100%; margin-bottom: 25px;}
div.radios.companies h2 { margin-top: 20px; padding-bottom:20px; text-align: center; color: #fff; }
div.radios.companies h2 small { font-size: 0.66em; display: block; margin-top: 10px; }

div.radios.types { display: block; width: 100%; font-size: 0}
div.radios.types div.radio { display: inline-block; width: 50%; vertical-align: bottom; margin: 0 auto; padding: 0 20px;}
div.radios.types div.radio label { padding-bottom: 60px; padding-left: 0; position: relative; display: block; width: 100%; margin-bottom: 60px; color: #fff; font-size: 20px; text-align: center;}
div.radios.types div.radio label img { display: block; width: 110px; margin: 0 auto 30px; }
div.radios.types div.radio:nth-child(2) label img { width: 60px; }
div.radios.types div.radio label:before { left: 50%; top: auto; bottom: 0px; margin-left: -20px; width: 40px; height: 40px; border-radius: 40px}
div.radios.types div.radio label:after  { display: none;}
div.radios.types div.radio input:checked + label:before { background: #fff}

div.radios.standard { display: block; width: 100%; font-size: 0; text-align: center; }
div.radios.standard > label { font-size: 40px; color: #fff; font-family: braga;}
div.radios.standard div.radio { display: inline-block; width: auto; vertical-align: middle; padding: 0 20px;}
div.radios.standard div.radio label { text-align: center; font-size: 60px; color: #676767; font-family: braga; padding:0; margin:0}
div.radios.standard div.radio label:before { display: none;}
div.radios.standard div.radio label:after  { display: none;}
div.radios.standard div.radio input:checked + label { color: #fff;}

input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] {background: none; border: 0; line-height: 70px; font-size: 60px; font-family: braga; color: #fff; text-align: center;}
*::-webkit-input-placeholder {  font-family: braga; text-align: center;}
*::-moz-placeholder {  font-family: braga;text-align: center;}
*:-ms-input-placeholder {  font-family: braga;text-align: center;}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { background: transparent; border: none;}
.select2-container--default .select2-selection--single .select2-selection__placeholder { text-align: center; font-size: 60px; color: #676767; font-family: braga; text-transform: none;;}
.select2-container--default .select2-selection--single .select2-selection__rendered {  font-size: 60px; font-family: braga; color: #fff; font-weight: normal; }
.select2-dropdown { background: rgba(0,0,0,0.9); }
.select2-container--default .select2-results>.select2-results__options { max-height: 600px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #DCD8CC}
.select2-results__option { font-family: braga; text-align: center; font-size: 40px; color: #676767; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: none; color: #fff; font-size: 32px; font-family: braga; text-transform: none; border: 0; float: none; display: inline-block; vertical-align: middle;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered { text-align: center;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { font-weight: normal; position: relative; top: 3px; margin-right: 4px}
.select2-container .select2-search--inline { width: 100%;}
.select2-container--default .select2-search--inline .select2-search__field { width: 100% !important}


div.covid { display: block; text-align: center; margin: 120px auto 0; width: 660px; max-width: 100%; padding: 0 10px;}
div.covid div.title { display: block; text-align: center; font-size: 40px; color: #fff; font-family: braga; margin: 0px auto 0px; text-transform: uppercase;}
div.covid img { display: block; margin: 30px auto; width: 106px;}
div.covid p { color: #fff; line-height: 1.75; font-size: 18px}

div.navigation .arrow-left { display: block; position: absolute; width: 10px; height: 20px; background: url(/img/svg/arrow.svg) no-repeat center center; background-size: contain; left: 0; top:3px}
div.navigation .arrow-right { display: block; position: absolute; width: 10px; height: 20px; background: url(/img/svg/arrow.svg) no-repeat center center; background-size: contain; right: 0; top:3px; transform: rotate(180deg);}
div.navigation { display: block; width:100%; position: relative; padding: 12px 20px 0}
div.progress { display: block; width:100%; font-size: 0; position: relative; }
div.progress div { display: inline-block; width: 33.33%; vertical-align: top; border-top: 2px solid #363636; color: #363636; padding-top: 5px; text-transform: uppercase; text-align: center; font-size: 10px; font-weight: 500; letter-spacing: 1px;}
div.progress div.active { border-top: 2px solid #fff; color: #fff;}

a.bt-next, a.bt-submit { display: none; text-align: center; font-size: 40px; color: #fff; font-family: braga; margin: 50px auto; text-transform: uppercase; padding-bottom: 0px; border-bottom: 2px solid #fff}
.validation-in-progress a.bt-submit, .submit-in-progress a.bt-submit { opacity: .2}
a.bt-next.active, a.bt-submit.active { display: table; }

#mycalendar { display: block; width: 100%;}

#appointment div.appt-time-title, #appointment div.month-selection ul li:nth-child(2) a, #appointment div.month-selection label { font-family: braga; color: #fff; font-size: 40px; }
#appointment div.weekdays div.week > div { color: #fff; font-family: montserrat; font-size: 14px; text-transform: uppercase; }
#appointment div.calendar-body div.week > div { background-color: transparent; color: #fff; border-radius: 0; border: 1px solid #363636;opacity: 1;}
#appointment div.calendar-body div.week > div.selected { background-color: #DCD8CC; color: #000;}
div.calendar-body div.week > div.with-events { background-color: #676767}
#appointment div.calendar-body div.week > div.other-month { background-color: transparent; color: #fff; opacity: .5}

div.calendar-body div.week > div > span { color: #363636;}
#appointment div.calendar-body div.week > div.selected span { color: #000;}
#appointment div.calendar-body div.week > div.other-month span { color: #363636;}
div.calendar-body div.week > div.with-events  span { color: #fff;}
div.calendar-body div.week > div.today > span { color: #fff; font-weight: 500; }
#appointment #appt-times > div { border-radius: 0; border: 1px solid #363636; background: transparent; color: #fff; font-size: 14px; }
#appointment #appt-times > div.selected { background-color: #DCD8CC; color: #000;}

div.month-selection ul li:first-child a, div.month-selection ul li:nth-child(3) a { background-image: url(/img/svg/arrow.svg);}
div.reveal-response {color: #fff; line-height: 1.5;}
div.reveal-response p {color: #fff; line-height: 1.5; font-size: 24px}
div.step > p { color: #fff; font-size: 30px; text-align: center;}
div.step > p.missing { color: #ff3333}

h2.title { margin-bottom: 30px; margin-top: 50px;}

div.registration { padding: 100px 0; }
div.registration form { max-width: 800px; margin: 0 auto;}
div.registration form div.field { text-align: center;}
div.registration div.title { font-size: 80px; color: #fff; text-align: center; font-family: braga; margin: 0px auto 80px}

.black-form input:-internal-autofill-selected { background-color: transparent !important;color: #fff !important;}
.black-form input:-webkit-autofill,
.black-form input:-webkit-autofill:hover,
.black-form input:-webkit-autofill:focus,
.black-form input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
button[type="submit"] { display: table; text-align: center; font-size: 40px; color: #fff; font-family: braga; margin: 50px auto; text-transform: uppercase; padding-bottom: 0px; border-bottom: 2px solid #fff; padding: 0; line-height: 1; text-transform: none;}  
div.field label.for-checkbox { display: inline-block; width: calc(100% - 100px); vertical-align:middle; font-size: 16px; color: #fff; line-height: 1.33;}
div.field label.for-checkbox a { color: #fff; text-decoration: underline;}
div.field label.for-checkbox2 { width: auto; }
div.checkbox  { display: inline-block; width: 100px; vertical-align: middle; padding-left: 20px}
div.checkbox label { font-family: braga; color: #fff; font-size: 60px; color: #676767; font-family: braga; margin: 0; padding: 0}
input:checked + label { color: #fff; }
div.checkbox label:before { display: none;}

/*ANIMATIONS*/
.puff-in-center { -webkit-transform: scale(2); transform: scale(2);-webkit-filter: blur(4px);filter: blur(4px);opacity: 0;}
.in-view .puff-in-center { -webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;	  animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; }
/*.slide-in-bottom {	  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0;}*/
/*.in-view.slide-in-bottom {	opacity: 1; -webkit-animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;	        animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;}*/
/*.in-view .slide-in-bottom {	opacity: 1; -webkit-animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;	        animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;}*/
/*.slide-in-bottom-early {	  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0;}*/
/*.in-view.slide-in-bottom-early {opacity: 1; -webkit-animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;	        animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;}*/
/*.in-view .slide-in-bottom-early {opacity: 1; -webkit-animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;	        animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;}*/

.js-animate h2 {   -webkit-filter: blur(12px);            filter: blur(12px);    opacity: 0;}
.js-animate.in-view h2 { -webkit-animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;	        animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.slide-in-bottom-early.in-view h2 { -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.text-focus-in {	-webkit-filter: blur(12px); filter: blur(12px); opacity: 0;}
.in-view .text-focus-in {	-webkit-animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;	        animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.scale-in-center {   transform: scale(0); opacity: 1;}
.in-view .scale-in-center {-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

div.grid-animate > div {             transform: rotateY(-80deg);    opacity: 0;}
.in-view div.grid-animate > div {	animation: flip-in-ver-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.in-view .tilt-in-bottom-1 {	-webkit-animation: tilt-in-bottom-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: tilt-in-bottom-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: .4s}


/*animation: flip-in-ver-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/

div.masthead div.caption.top { top: -700px; opacity: 0; }
.in-view div.masthead div.caption.top { top: 50px; opacity: 1; transition: all .4s cubic-bezier(0.470, 0.000, 0.745, 0.715) .2s}

img.flower { top: -500px; opacity: 0; position: relative;}
.in-view img.flower { top: 0px; opacity: 1; transition: top .6s cubic-bezier(0.470, 0.000, 0.745, 0.715), opacity .3s ease-in .3s}

/*div.product { position: relative; top: 300px; opacity: 0; transition: all .5s ease-in}*/
/*div.product:nth-child(2) { position: relative; top: 500px; opacity: 0; transition: all .6s ease-in}*/
/*div.product:nth-child(3) { position: relative; top: 700px; opacity: 0; transition: all .7s ease-in}*/
/*.in-view div.product { opacity: 1 !important; top: 0}  */

#siteplan { overflow: hidden;}
/*div.siteplan { position: relative; top: -300px; opacity: 0; transition: all .5s ease-in}*/
/*div.siteplan:nth-child(2) { position: relative; top: -500px; opacity: 0; transition: all .6s ease-in}*/
/*div.siteplan:nth-child(3) { position: relative; top: -700px; opacity: 0; transition: all .7s ease-in}*/
/*.in-view div.siteplan { opacity: 1 !important; top: 0}  */

#community { overflow: hidden;}
#community div.grid-2 > div:first-child  { position: relative; top: -400px; transition: all .6s ease-in; opacity: 0}
#community div.grid-2 > div:last-child  { position: relative; top: 400px; transition: all .6s ease-in; opacity: 0}
#community.in-view div.grid-2 > div { position: relative; top: 0px; opacity: 1}

div.uly { overflow: auto;}
div.uly > img { display: block; height: 640px; width: auto !important; max-width: 9999px}

div.uly::-webkit-scrollbar-track {background-color: rgba(255,255,255, .2)  }
div.uly::-webkit-scrollbar { width: 6px; height: 10px }
div.uly::-webkit-scrollbar-thumb { background-color: rgba(220,216,204, 1)  }

div.iframe.iframe-flip { padding-bottom: 70%; width: 90%; margin: 0 auto}

							p.msg { display: block; max-width: 400px; margin: 0 auto 30px 0; line-height: 1.2}
							div.contacts {display: block; width: 100%; margin-top: 30px}
							div.contacts div {display: flex; width: 100%; gap: 30px; margin-bottom: 20px}
							div.contacts img {height: 21px; display: block; margin: 0 auto;}
							div.contacts:nth-child(2) img {height: 24px; }
							div.contacts a  {color: #fff; font-size: 18px}
							div.contacts div  div  {width: 100px !important}

div.white-form { background: #fff; padding-top: 50px!important; margin-top: 100px; max-width: 756px; padding: 50px 96px !important}
div.white-form.registration div.title { margin-top: 0 !important; color: #000; font-size: 58px; margin-bottom: 40px}
div.white-form div.radios.standard > label { color:#000; font-size: 33px;}
div.white-form div.field label.for-checkbox a { color:#000; font-size: 12px;}
div.white-form div.field label.for-checkbox { color:#000; font-size: 12px;}
div.white-form button[type="submit"] { color:#000; border-bottom: 3px solid #000; font-size: 33px;}
div.white-form button[type="submit"]:hover { background-color:#fff; color: #000}
div.white-form input[type="text"]:focus, div.white-form input[type="email"]:focus , div.white-form input[type="search"]:focus, div.white-form input[type="search"] {box-shadow: initial !important;}
hr {width: 222px; margin: 30px auto; max-width: 70%}
div.white-form div.field label.for-checkbox { width: 100%; margin-top: 50px}
div.white-form div.checkbox{ display: block; margin: 0px auto 0; }
div.white-form input:checked + label { color: #000}
div.white-form label { color: #ccc}
div.white-form div.radios.standard div.radio label { color: #ccc}
div.white-form div.radios.standard div.radio input:checked + label { color: #000}



div.white-form input[type="text"], div.white-form input[type="search"], div.white-form input[type="tel"], div.white-form input[type="number"], div.white-form input[type="email"], div.white-form input[type="password"] {font-size: 33px; color: #000 !important}
div.white-form *::-webkit-input-placeholder {  font-size: 33px; color: #ccc;}
div.white-form *::-moz-placeholder {  font-size: 33px; color: #ccc;}
div.white-form *:-ms-input-placeholder {  font-size: 33px; color: #ccc;}

div.white-form .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { font-size: 33px; }
div.white-form .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 33px; color: #ccc}
div.white-form .select2-container--default .select2-selection--single .select2-selection__rendered {  font-size: 33px; }
div.white-form .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #fff}
div.white-form .select2-results__option { font-size: 33px; color: #0000; }
div.white-form .select2-container--default .select2-selection--multiple .select2-selection__choice { font-size: 33px; }
div.white-form div.radios.standard div.radio label { font-size: 33px; }
div.white-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000}
div.white-form .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #000}
div.white-form div.reveal-response p { color: #000 !important}

div.caption-inventory { position: absolute; top: 0; left: 0; width: 100%; z-index: 8; display: flex; justify-content: space-between; flex-direction: column; padding: 60px 30px; align-items: center; height: 100%}
div.caption-inventory h1, div.caption-inventory h2 { text-align: center; }
div.section-title { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: calc(100% - 60px); width: 1180px; background: #000; font-family: braga; font-size: 60px; color: #fff; text-align: center; text-transform: uppercase; line-height: 100px; z-index: 10}

div.inventory-holder { margin: 0px auto 0; max-width: 1240px; padding: 0 30px}

div.filter { display: flex; justify-content: space-between; gap: 20px; padding: 0 40px}
div.inventory-holder .select2-container .select2-selection--single { background: #fff; padding-left: 16px; padding-right: 45px; }
div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 15px; line-height: 60px}
div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 15px; font-family: montserrat; color: #000; line-height: 60px}
div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__arrow {right: 20px; width: 20px}
div.filter button {line-height: 56px; border: 2px solid #fff; background: transparent; color: #fff; padding: 0 25px; font-size: 30px; text-transform: uppercase;font-family: braga;}

div.inventory-homes div.status { padding-top: 60px; display: flex; justify-content: space-between; gap: 20px; width: 100%; align-items: center;}
div.inventory-homes div.status > div:first-child span {color: #fff; font-size: 60px; text-transform: uppercase;font-family: braga;}
div.inventory-homes div.status > div:last-child {display: flex; justify-content: flex-end; gap: 28px; align-items: center;}
div.inventory-homes div.status > div:last-child span {color: #fff; font-size: 15px; text-transform: uppercase;font-family: montserrat; white-space: nowrap}
div.inventory-homes div.status .select2-container .select2-selection--single {font-size: 15px; line-height: 40px; color: #000 !important}
div.inventory-homes div.status .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 15px; line-height: 40px; color: #000 !important}
div.inventory-homes div.status  .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 15px; font-family: montserrat; color: #000; line-height: 40px}

div.inventory-homes div.results { margin-top: 40px;}
div.inventory-homes div.results > div { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; }
div.inventory-homes div.result { background: #fff; }
div.inventory-homes div img  {display: block;}
div.inventory-homes div.results div.info {padding: 20px; text-align: left;}
div.inventory-homes div.results div.logo img { height: 30px;}
div.inventory-homes div.results div.logo { margin-bottom: 20px}
div.inventory-homes div.address { margin-bottom: 7px; font-size: 15px;font-family: montserrat; font-weight: 600}
div.inventory-homes div.price { margin-bottom: 20px; font-size: 60px;font-family: braga; }
div.inventory-homes div.details { display: flex; justify-content: space-between; gap: 20px; align-items: flex-end}
div.inventory-homes div.details p { font-size: 15px;font-family: montserrat; font-weight: 500; line-height: 1.75; text-transform: uppercase; margin: 0}
div.inventory-homes div.details a.action { display: table; font-size: 25px;font-family: braga;  padding: 0 15px; line-height: 50px; border: 2px solid #000; color: #000; background: #fff; text-transform: uppercase; white-space: nowrap}


div.house-logo { position: absolute; left: 20px; bottom: 0; z-index: 10; background: #000; padding: 30px 50px; }
div.house-logo img { height: 80px; display: block}

div.home-details { max-width: 1200px; margin: 0 auto; padding: 50px 30px}
div.home-details h2 { text-align: left; font-size: 50px; margin-bottom: 30px}
div.home-info { padding-bottom: 60px; border-bottom: 1px solid #fff; margin-bottom: 60px; }
div.home-info div.columns { display: flex; justify-content: space-between; gap: 0; margin-bottom: 25px; align-items: flex-start;}
div.home-info * { color: #fff;}
div.home-info div.address { font-size: 30px;font-family: montserrat; margin-bottom: 10px; font-weight: 600; color: #fff; text-transform: uppercase;}
div.home-info div.price { font-size: 120px;font-family: braga; }
div.home-info div.details p { font-size: 20px;font-family: montserrat; margin-bottom: 0px; font-weight: 500; line-height: 1.75}
div.home-info a.book { display: table; font-size: 50px;font-family: braga;  padding: 0 40px; line-height: 100px; color: #000; background: #fff; text-transform: uppercase;}
div.home-info div.buttons { display: flex; justify-content: flex-start; gap: 10px; flex-direction: column; align-items: flex-end;}
div.home-info div.buttons a  { display: table; font-size: 15px;font-family: montserrat;  padding: 0 18px 0 43px; line-height: 48px; border: 1px solid #fff; color: #fff; background: transparent; text-transform: uppercase; position: relative; font-weight: 500; width: 270px; text-align: left}
div.home-info div.buttons a:after  { content:""; display: block; position: absolute; top: 0; left: 15px; width: 16px; background: url(/img/inventory/download.svg) no-repeat center center; background-size: contain; height: 100%}
div.home-info div.buttons a.copy-share:after  { background-image: url(/img/inventory/share.svg)}

div.home-features { display: flex; justify-content: space-between; gap: 100px;}
div.home-features > div:first-child { flex: 1}
div.home-features > div:last-child { width: 340px}
div.home-features p  {font-size: 20px;font-family: montserrat;  font-weight: 500; color: #fff}
p.two-cols { columns: 2; column-gap: 70px;}

div.floorplan-holder { position: relative;}
div.floorplan-holder a { position: absolute; transform: translateX(-50%); left: 50%; bottom: 35px; display: block}
div.home-features, div.virtual-tour, div.floorplans { margin-bottom: 84px}

div.clipboard-copied { display: none; color: #fff; font-size: 12px; padding-top: 5px;}
div.clipboard-copied.active { display: block}



@media only screen and (max-width: 1520px) {
	button.slick-arrow { display: none !important;}
	div.galleries button.slick-arrow { display: block !important; left: 0px; width: 30px; }
	div.galleries button.slick-arrow.slick-next { display: block !important; left: auto; right: 0px}
}
@media only screen and (max-width: 1440px) {
	header { left:0}
	div.content { padding: 0 30px}

	div.gallery-2025 .slick-slide  { padding: 20px}

div.sales-info { width: 40%; }
div.sales-info > a { left: 20px; top: 20px; width: 20px; padding: 0px; }

}
@media only screen and (max-width: 1280px) {
	div.gallery-menu a { padding: 40px 40px}
	
	div.sales-info { width: 30%; }

	header div.logos div.l-inventory a {font-size: 20px; padding: 0 20px;}

	h1.large { font-size: 60px; }
	h2.large { font-size: 30px;   }

	div.caption-inventory { padding: 40px 30px; }
	div.section-title { font-size: 40px; line-height: 72px; z-index: 10}

}
@media only screen and (max-width: 1180px) {

	div.sales-info { display: none;}

/* HEADER 
header { border-bottom: 1px solid #363636; z-index: 5;}
header div.burger { display: block; }
header div.logos { display: block; width: 100%; padding: 0 70px; font-size: 0; z-index: 6;}
header div.logos > div.logo { display: inline-block; width: 25%; height: 60px; vertical-align: top; border-left: 1px solid #363636; z-index: 4; transition: background .2s ease-out}
header div.logos > div.logo > a { display: block; width: 100%; height: 100%; position: relative; z-index: 4;}
header div.logos > div.logo > a img { display: block; height: 25px; position: relative; top: 50%; transform: translate3D(0, -50%, 0); margin: 0 auto;}
header div.logos > div.logo.l-joshua > a img { height: 35px; }


header div.logo > div { opacity: 0; display: block; position: fixed; left: -200vw; width: 100vw; height: calc(100vh - 60px); top: -600px; background: rgba(0,0,0,0.8);  font-size: 0; z-index: 3; }
header div.logo.active { background: #DCD8CC}
header div.logo.active > a img { filter: invert(100%); }
header div.logo.active > div { opacity: 1; display: block; left: 0; top: 60px;  animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;; }
header div.logo > div > div { display: block; width: 100%; max-height: 100%; background: #DCD8CC; font-size: 0; padding: 60px;}
header div.logo > div > div > div { display: inline-block; width: 50%; vertical-align: middle; }
header div.logo > div > div > div:last-child { padding-left:30px}
header div.logo div.thumb img { display: block; width: 100%;}
header div.logo div.builder-logo { display: block; width: 100%; height: 50px; margin-bottom: 60px;}
header div.logo div.builder-logo img { display: block; height: 100%; width: auto; margin: 0 auto 0 0}
header div.logo div.title { display: block; width: 100%; text-align: left; color: #000; font-size: 80px; font-family: braga; margin-bottom: 40px}
header div.logo div.title small { display: block; width: 100%; text-align: left; color: #000; font-size: 40px; font-family: braga; margin-top: 20px}
header div.logo div.links { display: block; width: 100%; font-size: 0; position: relative;}
header div.logo div.links a { font-size: 9px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; display: inline-block; vertical-align: top; padding: 0 25px; color: #000}
header div.logo div.links a:first-child { padding-left: 0px; }
header div.logo div.links span { font-size: 26px; font-weight: normal; font-family: braga; margin-bottom: 6px; border-bottom: 2px solid #000; padding-bottom: 0px; display: block}
header div.logo div.links a:last-child { position: absolute; bottom: 0; right: 0; font-size: 15px; font-weight: 500; text-transform: uppercase;}


header nav { position: fixed; top: 0; left: -200vw; width: 100vw; display: block; opacity:0; background: rgba(0,0,0, 0.8); top: 60px; height: calc(100vh - 60px); z-index: 5; border-top: 1px solid #363636}
header.active nav { left: 0; opacity: 1;}
header.active nav ul { width: 365px; max-width: 100%; text-align: left; display: block; border-right: 1px solid #363636; height: 100%; padding-top: 0px; }
header.active nav ul > li { display: block; width: 100%; }
header.active nav ul > li > a { display: block; width: 100%; color: #fff; font-size: 30px; font-family: braga; text-transform: uppercase; line-height: 50px; padding: 0 60px 0 20px}
header.active nav ul > li > a.larger { font-size: 50px; line-height: 70px;}
header.active nav ul > li > ul {display: none;}
header.active nav ul > li.subnav.active > ul {display: block;}
header.active nav ul > li.subnav > a { padding-right: 60px; position: relative;}
header.active nav ul > li.subnav > a:after { display: block; position: absolute; content:""; right: 40px; width: 20px; height: 100%; top: 0; background: url(/img/svg/plus.svg) no-repeat center center; background-size: contain;}
header.active nav ul > li.subnav.active > a:after { background-image: url(/img/svg/minus.svg);}

header div.social {text-align: left; display: block; margin: 10px auto 0; padding-left: 20px; }
header div.social a { font-size: 15px; display: inline-block; padding: 0 15px 0 0; vertical-align: middle; color: #fff;}

footer { max-width: 1280px; margin: 0 auto; padding: 50px 20px 20px}

div.address { position: relative; display: block; margin: 0 auto 50px;}
div.address div.caption {bottom: 150px; left: 120px; text-align: left; color: #fff;}
div.address div.caption b { display: block; font-weight: normal; font-family: braga; font-size: 19px; margin-top: 25px; color: #fff;}
div.address div.caption p { display: block; font-weight: normal; font-family: braga; font-size: 28px; margin-top: 5px; margin-bottom: 0; color: #fff;}

footer div.builders {width:100%; text-align: center; font-size: 0}
footer div.builders > div {width:33.33%; text-align: center; font-size: 12px; display: inline-block; vertical-align: top;}
footer div.builders > div img  { display: block; width: auto; height: 30px; margin: 0 auto 25px;}
footer div.builders > div:nth-child(2) img  { display: block; width: auto; height: 40px; margin: 0 auto 20px;}
footer div.builders > div a {text-align: center; font-size: 12px; color: #fff; display: block; margin: 0 auto 5px;}

footer div.social {text-align: center; display: block; margin: 50px auto;}
footer div.social a { font-size: 15px; display: inline-block; padding: 0 10px; vertical-align: middle; color: #fff;}

div.disclaimer { display: block; text-align: center; width:880px; max-width: 100%; }
div.disclaimer p, div.disclaimer a { color: #fff; font-size: 12px; }
*/
header div.logo > div > div { padding: 40px;}
header div.logo div.builder-logo { height: 40px; margin-bottom: 40px;}
header div.logo div.title { font-size: 60px; margin-bottom: 30px; line-height: 1;}
header div.logo div.title small { font-size: 32px; margin-top: 10px}
header div.logo div.links a { padding: 0 15px; }
header div.logo div.links span { font-size: 22px; margin-bottom: 5px; border-bottom: 2px solid #000; }

div.spaced { padding: 50px;}

	div.gallery-menu a { padding: 30px 30px; font-size: 48px;}

		div.transit-legend { padding: 20px 40px 20px 20px;}
		div.transit-legend img:first-child { max-width: 30vw;}
		div.transit-legend img:nth-child(2) { max-width: 40vw;}

 




}
@media only screen and (max-width: 1080px) {
	header div.logo div.links a:last-child { display: none;}
	header div.logo div.title small { margin-top: 0px}

	article > section { padding: 0 20px}
	article > section.masthead { padding: 0}
	div.content { padding: 0 10px}
	img.aerial { margin: 50px auto}

/*	h6 { font-size: 48px; margin: 30px auto; }*/
	div.community p { font-size: 18px; margin-bottom: 0}

div.slideshow-index { position: absolute; bottom: 20px; left: 0px; width: 100%; padding: 0px}

div.masthead div.caption.top { padding: 0px 50px; }
/*div.masthead div.caption span { padding: 0 15px; line-height: 30px; font-size: 12px; }*/
/*div.masthead div.caption span:first-child { top: -15px;}*/
/*div.masthead div.caption span:last-child { bottom: -15px;}*/
div.masthead div.caption h1 { font-size: 14px}
div.masthead div.caption.bottom span { font-size: 28px; }
a.btn6 { margin-top: 20px; font-size: 16px; line-height: 36px; width: 140px;}
div.masthead div.caption.top img { margin-top: 10px}
/*div.masthead div.caption img { width: 100%; }*/
.in-view div.masthead div.caption.top { top: 40px; }

	div.white-form { margin-top: 80px; padding: 50px 20px !important}
	div.white-form.registration div.title { font-size: 28px; }
	div.white-form div.radios.standard > label { font-size: 22px;}
	div.white-form button[type="submit"] { font-size: 22px;}



	div.white-form input[type="text"], div.white-form input[type="search"], div.white-form input[type="tel"], div.white-form input[type="number"], div.white-form input[type="email"], div.white-form input[type="password"] {font-size: 22px; }
	div.white-form *::-webkit-input-placeholder {  font-size: 22px; color: #ccc;}
	div.white-form *::-moz-placeholder {  font-size: 22px; color: #ccc;}
	div.white-form *:-ms-input-placeholder {  font-size: 22px; color: #ccc;}

	div.white-form .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { font-size: 22px; }
	div.white-form .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 22px; color: #ccc}
	div.white-form .select2-container--default .select2-selection--single .select2-selection__rendered {  font-size: 22px; }
	div.white-form .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #fff}
	div.white-form .select2-results__option { font-size: 22px; color: #0000; }
	div.white-form .select2-container--default .select2-selection--multiple .select2-selection__choice { font-size: 22px; }
	div.white-form div.radios.standard div.radio label { font-size: 22px; }
	div.white-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000}
	div.white-form .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #000}
	div.white-form div.reveal-response p { color: #000 !important}

/*	h6 { font-size: 18px; margin-bottom: 10px}*/

	div.filter { gap: 10px; padding: 0 30px}
	div.inventory-holder .select2-container .select2-selection--single { padding-left: 10px; padding-right: 20px; }
	div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px; line-height: 32px}
	div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 14px; line-height: 32px}
	div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__arrow {right: 5px; width: 10px}
	div.filter button {line-height: 30px; border: 1px solid #fff; padding: 0 10px; font-size: 18px; }

	div.inventory-homes div.status { padding-top: 40px; }
	div.inventory-homes div.status > div:first-child span {font-size: 40px; }
	div.inventory-homes div.status > div:last-child {gap: 10px; }
	div.inventory-homes div.status > div:last-child span {font-size: 14px; }
	div.inventory-homes div.status .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px; line-height: 32px}
	div.inventory-homes div.status  .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 14px; line-height: 32px}

	div.inventory-homes div.results { margin-top: 30px;}
	div.inventory-homes div.results > div { gap: 6px; grid-template-columns: 1fr 1fr 1fr; }
	div.inventory-homes div.results div.info {padding: 12px; }
	div.inventory-homes div.results div.logo img { height: 20px;}
	div.inventory-homes div.results div.logo { margin-bottom: 20px}
	div.inventory-homes div.address { margin-bottom: 5px; font-size: 14px;}
	div.inventory-homes div.price { margin-bottom: 15px; font-size: 40px;}
	div.inventory-homes div.details p { font-size: 14px;}
	div.inventory-homes div.details a.action { font-size: 18px;padding: 0 10px; line-height: 32px; border: 1px solid #000; }

	div.house-logo { position: absolute; left: 10px; padding: 12px 20px; }
	div.house-logo img { height: 40px; }

	div.home-details { padding: 40px 30px}
	div.home-details h2 { font-size: 30px; margin-bottom: 20px}
	div.home-info { padding-bottom: 40px; margin-bottom: 40px; }
	div.home-info div.columns { margin-bottom: 15px; }
	div.home-info div.address { font-size: 20px;}
	div.home-info div.price { font-size: 72px;font-family: braga; }
	div.home-info div.details p { font-size: 16px;}
	div.home-info a.book { font-size: 32px;padding: 0 20px; line-height: 60px; }
	div.home-info div.buttons { gap: 5px; }
	div.home-info div.buttons a  { font-size: 13px;padding: 0 12px 0 32px; line-height: 32px; width: 250px; }
	div.home-info div.buttons a:after  { left: 10px; width: 14px; }

	div.home-features { gap: 40px;}
	div.home-features > div:last-child { width: 25%}
	div.home-features p  {font-size: 16px;}
	p.two-cols { column-gap: 30px;}

	div.floorplan-holder a { bottom: 10px; width: 180px}
	div.home-features, div.virtual-tour, div.floorplans { margin-bottom: 60px}
}

@media only screen and (max-width: 980px) {
		header div.logos > div.logo > a img { height: 20px; }
		header div.logos > div.logo.l-joshua > a img { height: 30px; }
		header div.logos > div.logo.l-primont > a img { height: 30px; }

		header div.logo > div > div { padding: 20px;}
		header div.logo div.builder-logo { height: 32px; margin-bottom: 30px;}
		header div.logo div.title { font-size: 48px; margin-bottom: 20px; }
		header div.logo div.title small { font-size: 24px; }
		header div.logo div.links a { padding: 0 15px; }
		header div.logo div.links span { font-size: 18px; border-bottom: 1px solid #000; }

		div.address div.caption { bottom: 120px; left: 80px;}
		div.address div.caption b { font-size: 16px; margin-top: 20px; }
		div.address div.caption p { font-size: 24px; margin-top: 0}

							p.msg { margin: 0 auto 20px 0;}
							div.contacts {margin-top: 20px}
							div.contacts div {gap: 20px; margin-bottom: 10px}
							div.contacts img {height: 15px; }
							div.contacts:nth-child(2) img {height: 18px; }
							div.contacts a  {color: #fff; font-size: 14px}
							div.contacts div  div  {width: 70px !important}


		div.product div.logo img { height:40px;}
		div.product:nth-child(2) div.logo img { height: 50px;}
		div.product div.links { padding-top: 40px;}
		div.product:nth-child(2) div.links { padding-top: 30px;}
		div.product div.links a span { font-size: 18px; margin-bottom: 5px; border-bottom: 1px solid #fff; line-height: 1; padding-bottom: 1px}
		div.product h2 small { margin-top: 10px; }

		h2 { font-size: 24px;}

		div.js-accordion h3 { padding: 15px 20px;}
		div.js-accordion h3 span { right: 10px}
		div.ui-accordion-content {padding: 0 20px 20px}
		div.ui-accordion-content ul li { font-size: 14px;}


		h6 { font-size: 24px; margin: 0px auto 20px; }
		div.community { padding-right: 40px; }
		div.community p { font-size: 16px; margin-bottom: 0}
		div.spaced { padding: 20px}

		div.area-legend div.title { font-size: 48px; margin-bottom: 30px}
		div.area-legend { padding: 20px 20px 20px 40px}


		div.appointments div.title { font-size: 60px; margin: 100px auto 50px;}
		div.registration div.title { font-size: 60px; margin-bottom: 30px}
		div.appointments div.title small { font-size: 18px; }
		
		h5 {margin-bottom: 40px}
		a.btn {line-height: 40px; border: 1px solid #fff; padding: 0 20px; font-size: 21px; letter-spacing: 0px;}
		a.btn.margin-top-50 { margin-top: 30px !important}

		div.builder-logos { margin: 50px auto; gap: 25px }
		div.builder-logos img { height: 20px; }
		div.builder-logos div:nth-child(2) img { height: 26px; }

}
@media only screen and (max-width: 880px) {
	div.gallery-menu a { padding: 30px 20px; font-size: 36px;}

		div.galleries label { font-size: 16px; }
		div.galleries label small { font-size: 12px;}

}
@media only screen and (max-width: 760px) {
		header div.logos { padding: 0 10px 0 60px;}
		header div.logos > div.logo > a img { height: 18px; }
		header div.logos > div.logo.l-joshua > a img { height: 22px; }
		header div.logos > div.logo.l-primont > a img { height: 22px; }
		header div.logos div.l-inventory a {font-size: 14px; padding: 0 7px; white-space: inherit; line-height: 1.1; padding-top: 8px}

		header div.logo > div > div > div { display: block; width: 100%; }
		header div.logo > div > div > div:last-child { padding-left: 0px; text-align: center; padding-top: 20px;}
		header div.logo div.builder-logo { margin: 0 auto 30px; display: block}
		header div.logo div.builder-logo img { margin: 0 auto; display: block}
		header div.logo div.title { text-align: center;}
		header div.logo div.title small { text-align: center;}
		header div.logo div.links { text-align: center;}

		div.address div.caption { bottom: auto; left: 8.5vw; top: 5vw;}

		footer div.builders > div {display: block; width: 100%; margin-bottom: 40px;  padding: 0px;}

		div.grid.grid-3 > div { display: block; width: 100%; }
		div.grid.grid-2 > div { display: block; width: 100%; }

		div.product div.logo { border: 0}
		div.product h2 { border-left: 0}
		div.siteplan > img { display: block; width: 100%; }

		div.community { margin-bottom: 30px; padding-right: 0}

		h4 { margin-top: 50px; margin-bottom: 15px; font-size: 40px;}
		h4 { font-size: 32px;}
		h5 { font-size: 14px;}

		div.gallery-menu a { padding: 40px 20px 25px; font-size: 32px;}

		div.area > div > img { display: block; width: 100%; }
		div.area-legend { padding: 40px 20px 0; }
				div.area-legend div.title { font-size: 36px; margin-bottom: 20px}

		div.transit-legend { font-size: 0}
		div.transit-legend img:first-child { max-width: 100%; width: 40%; margin-right: 5%; vertical-align: top}
		div.transit-legend img:nth-child(2) { max-width: 100%; width: 50%; vertical-align: top}

		div.builder-info > div { padding:0}

		div.radios.companies div.radio { padding: 0 2px; }
		div.radios.companies div.radio label { padding-left: 10px; padding-right: 10px; }
		div.radios.companies div.radio label img { height: 30px}

		div.appointments div.title { font-size: 48px; margin: 100px auto 30px;}
		div.appointments div.title small { font-size: 16px; }
		div.step > p { font-size: 24px}

		 input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] {background: none; border: 0; line-height: 50px; font-size: 32px; font-family: braga; color: #fff; text-align: center;}
		*::-webkit-input-placeholder {  font-family: braga; text-align: center; font-size: 32px; line-height: 50px}
		*::-moz-placeholder {  font-family: braga;text-align: center; font-size: 32px; line-height: 50px}
		*:-ms-input-placeholder {  font-family: braga;text-align: center; font-size: 32px; line-height: 50px}

		.select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 32px; }
		.select2-container--default .select2-selection--single .select2-selection__rendered {  font-size: 32px; }
		.select2-container--default .select2-results>.select2-results__options { max-height: 400px;}
		.select2-results__option { font-size: 24px; }
		.select2-container--default .select2-selection--multiple .select2-selection__choice { font-size: 20px; }

		div.radios.standard div.radio { padding-right: 0; padding-left: 15px;}
		div.radios.standard > label { font-size: 24px; }
		div.radios.standard div.radio label { font-size: 32px;}

		div.checkbox label { font-size: 32px;}
		div.field label.for-checkbox  { font-size: 14px;}
		#appointment div.weekdays div.week > div.header { font-size: 0 !important}
		#appointments div.weekdays div.week > div.header span { font-size: 14px !important}
		div.navigation { margin-top: 40px}
		#appointment div.appt-time-title, #appointment div.month-selection ul li:nth-child(2) a, #appointment div.month-selection label { font-size: 24px}
		a.bt-next, a.bt-submit { font-size: 32px; }
		div.reveal-response { font-size: 20px;}
		div.month-selection ul li { font-size: 24px}

		div.registration { padding: 100px 0 0px; }

div.field label.for-checkbox2 { width: calc(100% - 100px);}

div.masthead div.caption.bottom { bottom: 60px;}
div.masthead div.caption.bottom span { font-size: 24px;}
div.masthead div.caption.bottom a.btn6 { margin-top: 10px}

		div.address div.caption { bottom: 0px; left: 0px; padding-top: 0px; position: relative; top: 0; text-align: center; margin-bottom: 90px}
		div.address div.caption p {  width: 100%; max-width: 100%; text-align: center;}


		div.gallery-2025 .slick-slide  { padding: 10px}
		div.gallery-2025 > div { display: block; width: 300%; margin-left: -100%}
		.slick-slide img {transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
		div.gallery-2025-index { margin-top: 20px}
		div.gallery-2025-index > a span {display: none;}
		div.gallery-2025-index { gap: 10px}
		
/*		div.content { padding: 0 30px;}*/
		article > section.extend { padding: 0}
		div.grid.grid-2 > div { position: static;}
		div.icons { left: auto; right: 0; top: 0; transform: none;}

			h1.large { font-size: 32px; }
			h2.large { font-size: 18px;   }

		div.section-title {line-height: 48px; font-size: 24px; }

		div.filter { gap: 10px; padding: 20px 0; flex-wrap: wrap}
		div.inventory-holder .select2-container .select2-selection--single { padding-left: 10px; padding-right: 20px; }
		div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px; line-height: 32px}
		div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 14px; line-height: 32px}
		div.inventory-holder .select2-container--default .select2-selection--single .select2-selection__arrow {right: 5px; width: 10px}
		div.filter button {line-height: 30px; border: 1px solid #fff; padding: 0 10px; font-size: 18px; }

		div.inventory-homes div.status { padding-top: 40px; flex-direction: column; align-items: flex-start;}
		div.inventory-homes div.status > div:first-child span {font-size: 40px; }
		div.inventory-homes div.status > div:last-child {gap: 10px; }
		div.inventory-homes div.status > div:last-child span {font-size: 14px; }
		div.inventory-homes div.status .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px; line-height: 32px}
		div.inventory-homes div.status  .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 14px; line-height: 32px}

		div.inventory-homes div.results { margin-top: 30px;}
		div.inventory-homes div.results > div { gap: 6px; grid-template-columns: 1fr; }
		div.inventory-homes div.results div.info {padding: 12px; }
		div.inventory-homes div.results div.logo img { height: 20px;}

		div.inventory-homes div.address { margin-bottom: 5px; font-size: 14px;}
		div.inventory-homes div.price { margin-bottom: 15px; font-size: 40px;}
		div.inventory-homes div.details p { font-size: 14px;}
		div.inventory-homes div.details a.action { font-size: 18px;padding: 0 10px; line-height: 32px; border: 1px solid #000; }

		div.house-logo { left: 0px; padding: 10px 20px; }
		div.house-logo img { height: 30px; }

		div.home-details { padding: 40px 30px}
		div.home-info { padding-bottom: 20px; margin-bottom: 20px; }
		div.home-info div.columns { margin-bottom: 10px; flex-direction: column}
		div.home-info div.columns > * { width: 100%}
		div.home-info div.address { font-size: 20px;}
		div.home-info div.price { font-size: 72px;font-family: braga; }
		div.home-info div.details { padding-top: 30px}
		div.home-info div.details p { font-size: 16px; margin-bottom: 30px}
		div.home-info a.book { font-size: 32px;padding: 0 20px; line-height: 60px; }
		div.home-info div.buttons { gap: 5px; align-items: flex-start;}
		div.home-info div.buttons a  { font-size: 13px;padding: 0 12px 0 32px; line-height: 32px; width: 250px; }
		div.home-info div.buttons a:after  { left: 10px; width: 14px; }

		div.home-features { gap: 40px; flex-direction: column}
		div.home-features > div:last-child { width: 100%}
		div.home-features p  {font-size: 16px;}
		p.two-cols { column-gap: 0px;columns: 1}

		div.floorplan-holder a { bottom: 0px; width: 180px; position: relative; transform: none; margin: 10px auto 0; filter: invert(1); left: 0}
		div.home-features, div.virtual-tour, div.floorplans { margin-bottom: 60px}

}

@media only screen and (max-width: 600px) {

	header.active nav ul > li > a { font-size: 24px; line-height: 40px; padding: 0 40px 0 20px}
	header.active nav ul > li > a.larger { font-size: 32px; line-height: 50px;}
	
	header div.logos { padding: 0 10px 0 60px;}
	header div.logos > div.logo { width:33.33%}
	header div.logos > div.logo:first-child { display: none;}
	header div.logos > div.logo > a img { height: 15px; }
	header div.logos > div.logo.l-joshua > a img { height: 18px; }
	header div.logos > div.logo.l-primont > a img { height: 22px; }

/*		div.address div.caption b { font-size: 12px; margin-top: 15px; }*/
/*		div.address div.caption p { font-size: 16px; margin-top: 0; max-width: 40%; margin-right: auto; margin-left:0; line-height:1.1;}*/


	h1 { font-size: 16px;}
	div.masthead div.caption h1 { margin: 0px auto 10px; letter-spacing: 0}

		div.gallery-menu a { padding: 40px 20px 25px; font-size: 20px;}

	div.radios.companies h2 { font-size: 18px}
	div.covid p { font-size: 16px;}

	div.slideshow-index { bottom: 10px; }

	div.iframe.iframe-flip {    padding-bottom: 140%;}

		div.masthead div.caption.top { padding: 0px 10px; width: 500px; max-width: 100%;}
/*		div.masthead div.caption span { padding: 0 12px; line-height: 24px; font-size: 10px; }*/
/*		div.masthead div.caption span:first-child { top: -12px;}*/
/*		div.masthead div.caption span:last-child { bottom: -12px; white-space: nowrap}*/
/*		div.masthead div.caption img { width: 70%; }*/
		.in-view div.masthead div.caption.top { top: 20px; }
		div.masthead div.caption.bottom span { font-size: 18px; line-height: 1.33; display: block}
		a.btn6 { margin-top: 10px; line-height: 32px}
		a.play-video { margin-top: 20px}

	div.masthead div.caption.bottom { bottom: 40px}
	div.masthead div.caption.bottom a.btn6 { line-height: 28px; font-size: 14px; padding: 0 15px; width: auto;}
}

@media only screen and (max-width: 480px) {
		div.gallery-menu a { padding: 40px 10px 25px; font-size: 18px;}
		div.slide-index { font-size: 9px; }

}

@media only screen and (max-width: 400px) {
	div.masthead div.caption.top span { padding: 0px 8px;line-height: 24px;font-size: 9px;}
}