/*
FONTS

font-family: trajan-pro-3;
font-family: baskerville-poster-pt;
font-family: cormorant-garamond;
font-family: proxima-nova;

*/



/* VARIABLES */

:root {
  --default-font: proxima-nova;
  --default-font-size: 24px;
  --default-input-font: trajan-pro-3;
  --default-input-font-size: 25px;

  --col-primary: #000;
  --col-primary-rgb: 0,122,209;

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

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

  --col-button: #F58634;
  --col-button-rgb: 255, 255, 255;

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

  --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: #000;

  --col-border: #DDDDDD;
  --col-border-rgb: 190, 190, 190;

  --dim-site-width: 1280px;
  --dim-default-space: 80px;
  --dim-input-height: 60px;

	--col-bg: #000000;
	--col-fg: #ffffff;
	--col-txt: #000000;

  --vh: 1vh;
}

/* theme */

html { font-weight: normal; background-color: #000}
body { font-weight: normal; background-color: #000}
html.overlay-active, html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/

h1,h2 {font-family:trajan-pro-3; color: #fff; line-height: 1.1; font-size: 60px; margin-bottom: 50px; font-weight: 400; text-transform: uppercase; }
h3 {font-family:trajan-pro-3; color: #fff; line-height: 1.1; font-size: 40px; margin-bottom: 50px; font-weight: 400; text-transform: uppercase; }
h3 small { display: inline-block; margin-left: 10px; font-size: 0.5em; }
h4 {font-family: proxima-nova; color: #fff; line-height: 1.1; font-size: 20px; margin-bottom: 35px; font-weight: 500; text-transform: uppercase; }
h1:last-child, h2:last-child { margin-bottom: 0}

p { margin-bottom: 40px; line-height: 1.75;}
p a { color: #fff;}
p a:hover { color: #aaa;}


/*div > a, p > a { font-weight: 700;}*/
/*div > a:hover, p > a:hover { color: var(--col-primary) }*/



/*CONTAINERS*/

#mainbody { min-height: calc(100vh - 120px); }
article { background-color: #000; }
section { max-width: 1320px; padding: 0 20px}
section.full { max-width: 1680px; padding: 0 20px}
section.short { max-width: 1140px; padding: 0 20px}
/*img.full { display: block; width: 100%; margin: 0 auto 30px}*/

article.interior { padding-top: 160px;}
article.no-masthead { padding-top: 270px}

article.white-page { background-color: #fff;}
article.white-page p, article.white-page p a, article.white-page h1, article.white-page h2, article.white-page h3, article.white-page h4, article.white-page h5, article.white-page h6, article.white-page a.btn { color: #000}
body.article-white-page { color: #000}

/*BUTTONS*/
div.buttons { display: flex; gap: 28px; margin-top: 20px; justify-content: center; align-items: center; }
a.btn { display: inline-block; line-height: 1; color: #fff; font-size: 16px; font-family: proxima-nova; letter-spacing: 5px;  text-transform: uppercase; font-weight:500; padding-bottom: 3px; border-bottom: 1px solid #fff}
a.btn:hover { color: #aaa; border-color: #aaa}
a.btn.center { margin-left: auto; margin-right: auto; display: table; width: auto;}
a.btn2 { display: inline-block; line-height: 1; background-color: #fff; collor: #000; font-size: 12px; font-family: proxima-nova; letter-spacing: 2px;  text-transform: uppercase; font-weight:500; padding: 0 15px; border-bottom: 0; line-height: 36px; font-weight: 700;}
a.btn2:hover { background-color: #ccc; }
a.btn2.center { margin-left: auto; margin-right: auto; display: table; width: auto;}

/*HEADER AND NAV*/
header { display: block; width: 100%; padding-bottom: 0px; position: absolute; height: 160px; z-index: 99; text-align: center; padding-top: 20px; opacity: 1; transition: all .2s linear; background: url(/img/svg/shade-1.png) repeat-x center top; background-size: contain;}
body.article-white-page header { background-color: #000}
body.article-home header { background: none;}
header div.logo { display: block; width: 100%; margin: 0 auto; padding: 0px 0 0px; position: relative; margin-bottom: 30px}
header div.logo a { display: block; width: 100%; height: 100%;}
header div.logo img { display: block; width: 100%; margin: 0 auto; max-width: 72px;}
nav { display: inline-flex; border-top: 1px solid #fff; padding-top: 15px; justify-content: center; align-items: flex-start;gap: 50px; margin: 0 auto; width: auto}
nav > a { font-family: trajan-pro-3; display: block; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 14px }
nav > a:hover { color: #aaa}

nav div.social { display: none;}

body.article-home header div.logo:before { content:""; display: block; height: 1px; width: calc(50vw - 87px); position: absolute; left: 40px; top:20px; background: #fff;}
body.article-home header div.logo:after { content:""; display: block; height: 1px; width: calc(50vw - 87px); position: absolute; right: 40px; top:20px; background: #fff;}


body.velocity-animating header {opacity: 0 !important; transition: all .3s linear}
body.velocity-animating a.chat {opacity: 0 !important; transition: all .3s linear}

header.attached { position: fixed; padding-top: 0; height: 60px; background: #000}
body.article-home header.attached { height: 0; background: transparent;}
/*body.article-white-page header.attached {display: none;}*/
header.attached div.burger { display: block; left: auto;  right: 0px; top: 0px;}
body.article-home header.attached div.burger { right: 19px; top: 18px;}
div.burger ul li { background-color: #fff;}
header.attached nav { display: flex; position: fixed; flex-direction: column; width: 460px; max-width: 100vw; left: auto; right: -100vw; height: calc(100 * var(--vh)); top: 0}
header.attached div.logo { width: 40px; height: 40px; margin: 0; padding: 0; position: absolute; background: url(/img/logo.svg) no-repeat left center; background-size: contain; left: 20px; top: 10px; }
body.article-home header.attached div.logo { width: 190px; height: 40px; left: 40px; top: 40px; background: url(/img/logo-full.svg) no-repeat center center; background-size: contain; }
header.attached div.logo img { display: none;}
header.attached div.logo:before, header.attached div.logo:after { display: none !important;}
header.active nav { right: 0; background: #000; flex-direction: column; gap: 60px; padding: 100px 0; border: 0; justify-content: start;}
header.active nav > a { padding-left: 60px; text-align: left; font-size: 20px; width: 100%; display: block;}
header.active nav div.social { position: absolute; bottom: 44px; left: 60px; display: flex; gap: 23px;   justify-content: flex-start; align-items: center; font-size: 16px; color: #fff; width: 160px;  }
nav div.social a { color: #fff; font-size: 16px}
nav div.social a:hover { color: #aaa}


a.chat { position: fixed; z-index: 99; width: 70px; height: 70px; bottom: 0; right: 0; background: #000; opacity: 1; transition: all .2s linear}


footer {padding: 40px 40px; width: 100%; display: block; text-align: center;}
footer div.logo { display: block; width: 50px;}
footer div.logo img { display: block; width: 35px; margin: 0 auto 0 0;}
footer div.social { display: flex; gap: 23px;   justify-content: flex-end; align-items: center; font-size: 16px; color: #fff; width: 160px; }
footer div.social a { color: #fff; font-size: 16px}
footer div.disclaimer { display: flex; gap: 0px;   padding: 0;  }
footer div.disclaimer p { font-size: 12px; font-family: proxima-nova; color: #fff;  text-transform: uppercase; text-align: left; width: calc(100% - 250px); line-height: 1.5; margin: 0}
footer div.disclaimer p a { color: #fff;}
footer a {  }

/*ELEMENTS*/

div.grid { display: flex; gap: 40px; justify-content: space-between; align-items: flex-start;}
div.grid.x2 > div { width: 50%;}
div.grid.x3 > div { width: 33.33%;}
div.grid.x4 > div { width: 25%;}
div.grid.columns { flex-direction: column}
div.grid.start { justify-content: flex-start}
div.grid.center { justify-content: center}
div.grid.even { justify-content: space-evenly}
div.grid.around { justify-content: space-around}
div.grid.stretch { align-items: stretch;}
div.grid.middle { align-items: center;}
div.grid.bottom { align-items: flex-end;}
div.grid.top { align-items: flex-start;}

div.table { display: grid;width: 100%; }

/*div.video iframe { display: none !important; position: absolute; left: -500vw;}*/
/*body:after {z-index: 9999; content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.9);display: block}*/

/* HOME PAGE */
section.full-screen { width: 100%; height: calc(100 * var(--vh)); max-width: 100%; margin: 0; padding: 0}
div.full-screen { width: 100%; height: 100%; overflow: hidden;}
div.full-screen div.video { display: block; position: absolute;}
div.full-screen div.video:after { content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
div.full-image { width: 100%; height: 100%; position: relative;}
div.full-image img { width: 100%; height: 100%; object-fit: cover; max-width: 9999px}
div.full-image:before { content:""; display: block; height: calc(100% - 136px);width: 1px; position: absolute; left: 40px; top: 96px; background: #fff; z-index: 2; transition: height .3s linear .8s}
div.full-image:after { content:""; display: block; height: calc(100% - 115px);width: 1px; position: absolute; right: 40px; top: 75px; background: #fff; z-index: 2; transition: height .3s linear .8s}
a.scroll-down { position:absolute; bottom: 40px; left: 0; width: 100%;}
a.scroll-down img { display: block; margin: 0 auto;}
a.scroll-down.scroll-down-top img { margin-bottom: 50px}
a.scroll-down:before { content:""; display: block; height: 1px; width: calc(50vw - 98px); position: absolute; left: 40px; bottom:0px; background: #fff; transition: width .3s linear .8s}
a.scroll-down:after { content:""; display: block; height: 1px; width: calc(50vw - 98px); position: absolute; right: 40px; bottom:0px; background: #fff; transition: width .3s linear .8s}
a.scroll-down.scroll-down-top:before { content:""; display: block; height: 1px; width: calc(50vw - 40px); position: absolute; left: 40px; bottom:0px; background: #fff;}
a.scroll-down.scroll-down-top:after { content:""; display: block; height: 1px; width: calc(50vw - 40px); position: absolute; right: 40px; bottom:0px; background: #fff;}
a.scroll-up { position:absolute; top: 32px; left: 0; width: 100%;}
a.scroll-up img { display: block; margin: 0 auto; transform: rotate(180deg);}
a.scroll-up:before { content:""; display: block; height: 1px; width: calc(50vw - 312px); position: absolute; left: 243px; top:8px; background: #fff; transition: width .3s linear .8s}
a.scroll-up:after { content:""; display: block; height: 1px; width: calc(50vw - 138px); position: absolute; right: 80px; top:8px; background: #fff;transition: width .3s linear .8s}

div.video iframe { display: none; width: 100%;height: 100%;  border: 0; position: absolute; left: 0; top: 0}
div.video.active > img { opacity: 0;}
div.video.active  iframe { display: block; }
div.full-screen div.video iframe { display: block; }
div.video.standalone { display: block; width: 100%;height: 0;  padding-bottom: 56.25%;}
div.video.standalone iframe { display: block; width: 100%;height: 100%;  border: 0; position: absolute; left: 0; top: 0}

a.toggle-sound { display: none; position: absolute; left: 30px; top: 30px; width: 30px; z-index: 5;}
.video.active a.toggle-sound { display: block}

div.video.vimeo_16x9 iframe { display: block; width: 100%;height: 720px;  border: 0; position: relative; left: 0; top: 0; z-index: 2;}
div.video.responsive { aspect-ratio: 16 / 9;}
div.video.responsive iframe { display: block}
iframe.brochure { width: 100%; height: 700px;}

a.play-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
div.video.active a.play-video { opacity: 0;}
a.play-video img { display: block; position: absolute; top: 50%; left: 50%; transform: translate3D(-50%, -50%, 0); width: 30px; animation: pulse 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; }

section:not(.in-view) div.full-image:before { height: 0; }
section:not(.in-view) div.full-image:after { height: 0; }
section:not(.in-view) a.scroll-up:before, section:not(.in-view) a.scroll-down:before, section:not(.in-view) a.scroll-up:after, section:not(.in-view) a.scroll-down:after { width: 0}
body.page-top div.full-image:before, body.page-top div.full-image:after { top: 40px; height: calc(100% - 80px);}

#homenav { display: block; position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 99; width: 30px; }
#homenav img { max-width: 80%}
#homenav > div { display: block; width: 100%; font-size: 20px; font-family: baskerville-poster-pt; color: #fff; opacity: .25; border-bottom: 1px solid transparent; padding: 20px 0 3px; text-align: left; line-height: 20px; cursor: pointer;}
#homenav > div:last-child { display: none !important}
#homenav > div.active { opacity: 1; border-bottom: 1px solid #fff;}
#homenav > div:first-child { opacity: .25 !important; border-bottom: 0px!important;}


div.caption { position: absolute;}
div.cc-1 { bottom: 20%; width: 100%; text-align: center; }
div.cc-2 { top: 50%; left: 50%; text-align: center; transform: translate3D(-50%, -50%, 0); display: flex; gap: 100px; justify-content: space-around; padding: 0 60px;}
div.cc-2 > div { text-align: left; max-width: 660px}
div.cc-2 > div:last-child { padding-right: 140px}
div.cc-3 { top: 0%; width: 100%; text-align: center; transform: translateY(0%); padding-top: 160px;}
div.cc-3 h2 { margin-bottom: 25%}

div.cc-1 h1 { margin-bottom: 20px;}

div.foundations { display: flex; gap: 0; width: 100%; max-width: 1580px; padding: 0px 20px; margin-top: 200px}
div.full-screen div.foundations { max-width: 1580px; padding: 0px 80px; top: 50%; left: 50%; position: absolute; transform: translate3D(-50%, -50%, 0); margin-top: 0}
div.foundations > div { text-align: left; width: 765px; max-width: 50%;}
div.foundations h2 { margin-bottom: 0}

div.communities-home { display: flex; gap: 0; width: 100%; max-width: 1480px; padding: 0px 60px; margin: 0 auto;}
div.communities-home > div { text-align: left; width: 640px; }
div.communities-home > div:first-child { width: calc(100% - 640px); }

div.communities-filter { display: flex; gap: 20px; justify-items: start; margin-bottom: 20px;}
div.communities-filter a { color: #fff; opacity: 0.5; transition: opacity .3s linear ;  text-transform: uppercase; font-size: 16px;font-family: proxima-nova; letter-spacing: 2px; }
div.communities-filter a.active { opacity: 1; text-decoration: underline}
div.community-tile div.title { margin: 20px auto;  font-size: 16px;font-family: proxima-nova; letter-spacing: 2px;color: #fff;}
div.community-tile p { color: #fff; margin-bottom: 20px}

ul.slick-dots { bottom: auto; top: 340px; }
ul.slick-dots li button { background: #fff; opacity: .5}

div.testimonials div.slick-track { }
div.testimonials ul.slick-dots { top: auto; bottom: -50px}
div.testimonials ul.slick-dots li button { width: 20px; height: 1px; border-radius: 0; opacity: .25; background: #000}
div.testimonials ul.slick-dots li  { margin: 0 5px;}
div.testimonials ul.slick-dots li.slick-active button { width: 40px; opacity: 1; }
button.slick-arrow {background-image: url(/lib/img/white/arrow-right.svg);}
div.testimonials button.slick-arrow {background-image: url(/lib/img/dark/arrow-right.svg);}
button.slick-arrow.slick-prev {background-image: url(/lib/img/white/arrow-left.svg);}
div.testimonials button.slick-arrow.slick-prev {background-image: url(/lib/img/dark/arrow-left.svg);}
/*CONTENT*/


div.grid.g1 > div { width: 480px; }
div.grid.g1 > div:last-child { width: calc(100% - 520px); padding-left: 30px;}

p.pillar { display: block; font-size: 34px; text-align: left; margin: 70px 0 100px; width: 400px; font-family: trajan-pro-3; line-height: 1.5;}
p.pillar span:not(.title) { display: block; font-size: 2.66em; line-height: 1; font-family: trajan-pro-3;}
p.pillar span.title { display: block; font-size: 40px; line-height: 1.2; margin-bottom: 5px; }

div.community-tiles { margin-top: 100px}
div.grid.journey  { gap: 240px}
div.grid.journey p.pillar  { font-size: 20px;text-align: center; font-family: proxima-nova}
p + div.journey { margin-top: 150px;}

div.resources { display: flex; gap: 65px; justify-content: center; margin: 80px auto 0; flex-wrap: wrap}
div.resources a { display: block; width: 400px; height: 100px; padding: 32px 20px 0 110px;position: relative; color: #fff; font-size: 18px; font-family: trajan-pro-3; text-transform: uppercase; text-align: left; border: 1px solid #666}
article.white-page div.resources a { color: #000}
article.white-page div.resources a:hover { background-color: #000; color: #fff;}
div.resources a span { display: block; font-size: 12px; font-family: proxima-nova; text-transform: uppercase; margin-top: 5px}
div.resources a:before { content:""; display: block; width: 67px; height: 60px; position: absolute; top: 20px; left: 20px; background: url() no-repeat left center; background-size: contain;  z-index: 3;}
article.white-page div.resources a:before { filter: invert(1);}
article.white-page div.resources a:hover:before { filter: invert(0);}
div.resources a.r-document:before { background-image: url(/img/svg/document.svg)}
div.resources a.r-calculator:before { background-image: url(/img/svg/calculator.svg)}

div.video-testimonials { display: block; margin: 0 auto 150px}

div.video > img { width: 100%; display: block}


div.testimonial-holder {padding: 50px 20px; max-width: 1280px; margin: 0 auto}
div.testimonials {padding-bottom: 76px;}
div.testimonial p { max-width: 840px; margin: 0 auto 10px; text-align: center;  font-size: 20px; line-height: 1.5; color: #000;}
div.testimonial p.author { font-size: 16px;  text-transform: uppercase; color: #000;}

div.grid.g2 {gap:0}
div.grid.g2 > div:first-child { width: 600px;}
div.grid.g2 > div:last-child { padding-left: 100px}

div.contact-block  { padding-top: 50px; margin-top: 100px; border-top: 1px solid #666}
div.sales-office-selector { width: 500px; margin-bottom: 80px; max-width: 100%}
div.sales-office-tab { display: none;}
div.sales-office-tab.active { display: block;}
div.sales-office-tab div.community-logo { margin-bottom: 60px}
div.sales-office-tab div.community-logo img { width: auto !important; max-width: 400px;}

div.communities { display: block; width: 100%; }
div.communities div.community-tile2 a img { border: 1px solid #666}
div.communities div.community-tile2 div.title { margin-top: 15px}
div.communities { margin: 0 auto; }
div.communities div.with-slider > div { display: flex; gap: 120px 80px;justify-content: center; align-items: flex-start; flex-wrap: wrap;}
div.communities div.with-slider > div > div { max-width: calc(50% - 40px);width: 640px; }
div.communities div.communities-filter {justify-content: center; margin-bottom: 100px}
div.community-list { display: flex; gap: 120px 80px; justify-content: center; align-items: center; flex-wrap: wrap;}
div.community-list > div { width: 640px; max-width: calc(50% - 40px); }

div.community-list2 { display: flex; gap: 120px 16px; justify-content: center; align-items: center; flex-wrap: wrap;}
div.community-list2 > div { width: calc(33.33% - 24px); }

div.community-tile2 { display: block; width: 100%;}
div.community-tile2 div.thumb { display: block; width: 100%;; position: relative;}
div.community-tile2 div.thumb:after {content:""; display: block; width: 100%;; position: absolute; height: 100%; z-index: 2; background: rgba(0,0,0,.25); top: 0; left: 0}
div.community-tile2 div.thumb > img { display: block; width: 100%; }
div.community-list div.community-tile2 div.thumb > img { filter: grayscale(1)}
div.community-list div.community-tile2 div.thumb:after { content:""; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
div.community-list div.community-tile2 div.thumb div.caption { z-index: 3;}
div.community-list div.community-tile2:hover div.thumb > img { filter: none}
div.community-list div.community-tile2:hover div.thumb:after  { display: none;}
div.community-tile2 div.thumb p { display: block; width: 100%; margin: 30px auto 0; font-family: cormorant-garamond;text-transform: uppercase; line-height: 1.1; font-weight: bold}
div.community-tile2 div.caption img { max-width: 50%}
div.community-tile2 div.details { display: flex; width: 100%; justify-content: space-between; padding-top: 25px}
div.community-tile2 div.details * { font-size: 16px; font-family: proxima-nova;   text-transform: uppercase; display: block; color: #fff}
div.community-tile2 div.details span { text-align: left;}
div.community-tile2 div.details a { text-align: right;}
div.community-list2 div.community-tile2 div.details { flex-direction: column; gap: 20px;}
/*div.community-list2 div.community-tile2 div.details span:last-child { font-size: 24px; font-family: cormorant-garamond;  text-transform: none;}*/
div.community-list2 div.community-tile2 div.thumb p { font-size: 14px; font-family: proxima-nova; padding: 0 20px;}

div.caption.caption-coming-soon { width: 35%; height: 100%; background: rgba(0,0,0,0.5)}
div.caption.caption-coming-soon > div > img { width: 70px; display: block; margin: 0 auto}
div.caption.caption-coming-soon > span { width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px; text-align: center; font-size: 16px; text-transform: uppercase; color: #fff}
div.caption.caption-coming-soon > div { width: 100%; text-align: center; top: 50%; transform: translateY(-50%); position: relative;padding: 0 20px; }
div.caption.caption-coming-soon > div span { font-size: 16px; line-height: 1.5; color: #fff;display: block; margin: 20px auto 0}
div.community-tile3 div.thumb > a > img { display: block; width: 100%; filter: grayscale(1)}
div.community-tile3 div.thumb > a:hover > img { filter: grayscale(0)}
div.community-tile3 div.caption > div span { opacity: 0}
div.community-tile3 div.thumb > a:hover div.caption > div span { opacity: 1}

div.model-list { display: flex; gap: 100px; flex-wrap: wrap;  justify-content: center;}
div.model-list div.model { display: block; width: 480px;}
div.model-list div.rendering { display: block; width: 100%; position: relative; margin-bottom: 30px}
div.model-list div.rendering img { display: none; width: 100%; }
div.model-list div.rendering img.active { display: block;}
div.model-list div.rendering img[data-status="disabled"] { opacity: .3;}
div.model-list div.rendering.sold:after { content: "SOLD OUT"; display: block; position: absolute; width: 100%; color: #000; text-align: center; font-size: 36px; font-weight: 300; line-height: 1; left: 0; top: 0; z-index: 5; top: 50%; transform: translateY(-50%);}
div.model-list div.elevations { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; gap: 15px; }
div.model-list div.elevations a { display: block; line-height: 30px; font-size: 18px; color: #fff; opacity: 0.5}
div.model-list div.elevations a.active { opacity: 1}
div.model-list div.details {text-align: center;}
div.model-list div.title { font-size: 30px; margin-bottom: 20px}
div.model-list div.details {margin-bottom: 25px; font-size: 18px; line-height: 1.66; display: flex; gap: 20px;}
div.model-list div.details p  {display: block; font-size: 16px; font-weight: 500;}
div.model-list div.details p:first-child { text-align: left;}
div.model-list div.details p span { display: block; margin-top: 5px; font-size: .8em; font-weight: 400 }

div.model-holder { display: block; margin: 0 auto 100px}

div.community-nav > div { display: flex; gap: 30px; justify-content: center;}
div.community-nav > a { display: none;}
div.community-nav > div > a { font-size: 20px; text-transform: uppercase; color: #fff; display: block;}
body.article-white-page div.community-nav > div > a { color: #000; }
div.community-nav div > a:hover { color: #aaa;}

img.associations { display: block; margin: 0 auto; max-width: 680px;}


div.js-slideshow { display: block; width: 100%; margin: 0 auto;}
div.gallery-slide { display: block; width: 100%; aspect-ratio: 16/9}
div.gallery-slide img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center; }

.margin-top-250 { margin-top: 250px !important;}

form { font-family:cormorant-garamond; margin: 0px auto 0 0; width: 100%; max-width: 720px; margin: 0px auto 0; text-align: center; max-width: 740px;}
form#registration { margin: 0px auto 0 0; max-width: 720px; }
form#book-appointment { margin-top: 100px}
div.form-col { padding-left: 60px; align-items: flex-end; padding-top: 50px;}
#register-form form { margin: 0px auto 0 0; max-width: 1080px; }

div.checkbox label { font-size: 14px; padding-left: 36px; min-height: 30px; padding-top: 1px; font-family: proxima-nova; font-weight: 300}
div.checkbox label:before { width: 20px; height: 20px; border-color: #3C3C3C;}
div.checkbox input:checked + label:before { background-size: 15px 10px;}
div.checkbox input:checked + label:before { background-image: url(/lib/img/white/checkmark.svg)}

div.checkbox.standard label { font-size: 20px; padding-left: 40px; min-height: 30px; padding-top: 1px; }
div.checkbox.standard label:before { width: 24px; height: 24px; }
div.checkbox.standard input:checked + label:before { background-size: 18px 14px;}

div.form-row p { margin-bottom: 20px}

input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] {border: 1px solid #666; background-color: transparent !important}
textarea { height: 240px; border-radius: 0px; font-family:cormorant-garamond; padding: 10px; background: transparent; border: 1px solid #666; color: #fff;}
button[type="submit"] { display: inline-block; background:#000; padding: 0px; border: 0px solid #fff; font-size: 16px; line-height: 1; color: #fff; margin: 0 0 0 auto; font-family: proxima-nova; font-weight: 500; letter-spacing: 3px; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
button[type="submit"]:hover { background: #000; color: #fff; transform: scale(1.25)}
form.submit-in-progress button[type="submit"]:after {background-color: transparent !important;}
div.reveal-response p { text-align: left; font-size: 24px;}

div.form-row.x_2_31 > div:empty { display: none !important}

div.field.missing span.error-message { top: 5px; right: 5px; font-family: proxima-nova}

.select2-container--default .select2-selection--single { border-radius: 0px; border-color: #666;  background-color: transparent; font-family: trajan-pro-3; text-align: left; font-size: var(--default-input-font-size);}
.select2-container--default .select2-selection--single .select2-selection__placeholder { padding-left: 0px}
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left:20px; text-transform: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow { background-size: 20px 10px; background-position: right center; background-image: url(/lib/img/white/arrow-down.svg); right:20px}
.select2-container--default .select2-selection--single .select2-selection__arrow:hover {background-size: 20px 10px; }
.select2-results__option { background-color: #000; color: #fff; text-transform: none;  font-family: trajan-pro-3; font-size: 18px;padding: 10px 6px; border-top: 1px solid #aaa;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #aaa; color: #000}
.missing .select2-container--default .select2-selection--single { border-color: var(--col-missing)}
.missing .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--col-missing)}

fieldset + fieldset { margin-top: 20px}


#registration input[type="text"], #registration input[type="email"] {  border-top: 0; border-left: 0; border-right: 0; padding-left: 0}
/*#registration *::-webkit-input-placeholder {  font-family: cormorant-garamond; font-size: 16px;}*/
/*#registration *::-moz-placeholder {  font-family: cormorant-garamond; font-size: 16px;}*/
/*#registration *:-ms-input-placeholder {  font-family: cormorant-garamond; font-size: 16px;}*/


div.form-row { margin-bottom: 24px}
/*ANIMATIONS*/
.slide-in-bottom { transform: translateY(300px); opacity: 0;}
.slide-in-top { transform: translateY(-300px); opacity: 0;}
.slide-in-top2 { transform: translateY(-200px); opacity: 0;}
.slide-in-left { transform: translateX(-500px); opacity: 0;}


.in-better-view.slide-in-bottom {opacity: 1;	animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-bottom {	opacity: 1; animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-top {	opacity: 1;animation: slide-in-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-top2 {	opacity: 1;  animation: slide-in-top2 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.3s;}
.in-better-view .slide-in-left {	opacity: 1;  animation: slide-in-left 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.js-animate-1 > div { transform: translate3D(0, -300px, 0); opacity: 0}
.in-better-view .js-animate-1 > div  { transform: translate3D(0, 0px, 0); opacity: 1; transition: all 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s}
.in-better-view .js-animate-1 > div:nth-child(2)  { transition: all 1.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s }
.in-better-view .js-animate-1 > div:nth-child(3)  { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s }

.grid-advantages .columns p { opacity: 0; transform: translateY(-300px); }
.in-better-view .grid-advantages .columns p { opacity: 1; transform: translateY(0);}
.in-better-view .grid-advantages .columns p:nth-child(1) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s}
.in-better-view .grid-advantages .columns p:nth-child(2) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s}
.in-better-view .grid-advantages .columns p:nth-child(3) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s}

div.cc-2 > div:first-child { position: relative; left: -1000px; opacity: 0; transition: all .7s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
div.cc-2 > div:last-child { position: relative; top: -1000px; opacity: 0; transition: all .7s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.in-better-view div.cc-2 > div:first-child { left: 0px; opacity: 1}
.in-better-view div.cc-2 > div:last-child { top: 0px; opacity: 1}

div.cc-1 h1 { filter: blur(12px); opacity: 0; transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s}
.in-view div.cc-1 h1 { filter: blur(0px); opacity: 1; }

div.communities-home h2 { filter: blur(12px); transform: scale(2.5); transform-origin: 50% 50%; opacity: 0; transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.in-view div.communities-home h2 { filter: blur(0px); opacity: 1; transform: scale(1);}
div.communities-home > div:last-child { top: -2000px; opacity: 0; transition: all 1.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) .7s; position: relative}
.in-view div.communities-home > div:last-child { top: 0px; opacity: 1; }

div.cc-3 h2 { opacity: 0; transform: translateY(-300px);  transition: all .7s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
div.cc-3 a { opacity: 0; transform: translateY(-50vh);  transition: all .7s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.in-view div.cc-3 a, .in-view div.cc-3 h2 { opacity: 1; transform: translateY(0vh);}

a.scroll-down img {position: relative; animation: bounce 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;}
a.scroll-up img {position: relative; animation: bounce2 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;}

@keyframes bounce {
	0%  { transform: translateY(0px); }
	20%  { transform: translateY(30px); }
	100%  { transform: translateY(0px); }
}
@keyframes bounce2 {
	0%  { transform: rotate(180deg) translateY(0px); }
	20%  { transform: rotate(180deg) translateY(20px); }
	100%  { transform: rotate(180deg) translateY(0px); }
}

@keyframes slide-in-top {
  0% { transform: translateY(-300px); opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}

@keyframes slide-in-top2 {
  0% { transform: translateY(-200px); opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}

@keyframes slide-in-bottom {
  0% {transform: translateY(300px);opacity: 0;  }
  100% { transform: translateY(0);opacity: 1;
  }
}@keyframes slide-in-left {
  0% {transform: translateX(-300px);opacity: 0;  }
  100% {transform: translateX(0);opacity: 1;  }
}

@keyframes pulse {
	0%  { transform: scale(1); }
	50%  { transform: scale(1.15); }
	100%  { transform: scale(1); }
}

@media only screen and (max-width: 1600px) {
	:root {
	  --default-font-size: 20px;
	  --default-input-font-size: 20px;
	  }

	nav { gap: 20px;}
	nav > a { font-size: 12px}
	header.active nav { gap: 40px; }

	div.cc-2 > div { width: calc(50% - 50px)}
	div.cc-2 > div:last-child { padding-right: 20px; padding-left: 40px}

	p.pillar  {font-size: 28px;}
	p.pillar span.title { font-size: 36px;}

	div.testimonial p { font-size: 18px;}
}

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

	
	h1,h2 { font-size: 48px; margin-bottom: 40px; }
	h3 { font-size: 32px; margin-bottom: 40px; }
	h3 small { margin-left: 5px; }
	h4 {font-size: 18px; margin-bottom: 30px; }
	p { margin-bottom: 32px; line-height: 1.5;}


	body.article-home header { padding-top: 10px}
	body.article-home header div.logo:before { width: calc(50vw - 67px); left: 20px; top: 10px; }
	body.article-home header div.logo:after { width: calc(50vw - 67px); right: 20px; top:10px; }
	body.article-home header.attached div.logo { left: 20px; top: 20px; }
	body.article-home header.attached div.burger { right: 0; top: 8px;}
	div.full-image:before { height: calc(100% - 106px); left: 20px; top: 86px; }
	div.full-image:after { height: calc(100% - 115px); right: 20px; top: 65px; }
	a.scroll-down { bottom: 20px}
	a.scroll-down.scroll-down-top img { margin-bottom: 0px}
	a.scroll-down:before { width: calc(50vw - 78px); left: 20px; }
	a.scroll-down:after { width: calc(50vw - 78px); right: 20px; }
	a.scroll-down.scroll-down-top:before { width: calc(50vw - 80px); left: 20px; }
	a.scroll-down.scroll-down-top:after { width: calc(50vw - 80px); right: 20px; }
	a.scroll-up { top: 20px}
	a.scroll-up:before { width: calc(50vw - 284px); left: 223px; top:8px; }
	a.scroll-up:after { width: calc(50vw - 118px); right: 60px; top:8px; }
	body.page-top div.full-image:before, body.page-top div.full-image:after { top: 20px; height: calc(100% - 40px);}
	#homenav { width: 15px; }
	#homenav > div { font-size: 12px; padding: 15px 0 2px; line-height: 12px; }

	footer { padding: 40px 20px}
	footer div.disclaimer p { font-size: 11px;}
	footer div.social { width: 100px; }
	footer div.disclaimer p { width: calc(100% - 160px)}

	article.no-masthead { padding-top: 180px}

	div.grid.g1 { gap: 0}
	div.grid.g1 > div { width: 360px;}
	div.grid.g1 > div:last-child { width: calc(100% - 360px); padding-left: 40px}

	p.pillar  {font-size: 22px; margin: 50px 0 70px}
	div.grid.journey p.pillar { font-size: 22px; }
	p.pillar span.title { font-size: 30px;}
	div.grid.journey { gap: 140px;}
	p + div.journey { margin-top: 100px}

}

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


	a.btn { font-size: 14px; }

	nav { gap: 14px;}
	nav > a { font-size: 11px; letter-spacing: 1px}

	div.communities-home > div { width: 540px;	}
	div.communities-filter { margin-bottom: 10px;}
	div.communities-filter a { font-size: 12px;}
	div.community-tile div.title { margin-bottom: 10px}
	div.community-tile p { margin-bottom: 10px}

	div.communities-home ul.slick-dots { top: 310px;}

	div.video.vimeo_16x9 iframe { height: 56.25vw;  }

	div.model-list { gap: 70px; }
	div.model-list div.model { }
	div.model-list div.rendering { margin-bottom: 20px}
	div.model-list div.title { font-size: 24px; margin-bottom: 15px}
	div.model-list div.details p  {margin-bottom: 20px; font-size: 16px; }
	div.model-holder { display: block; margin: 0 auto 70px}

	div.community-nav > div { gap: 20px; }
	div.community-nav > div > a { font-size: 18px; }

	div.cc-3 h2 { margin-bottom: 15%;}
}


@media only screen and (max-height: 600px) {
	div.cc-3 h2 { margin-bottom: 50px;}
}
@media only screen and (max-width: 1080px) {

	:root {
	  --default-font-size: 18px;
	  --default-input-font-size: 18px;
	  --dim-default-space: 50px;
	  --dim-input-height: 48px;

	  }
	
	h1,h2 { font-size: 36px; margin-bottom: 30px; }
	h3 { font-size: 26px; margin-bottom: 30px; }
	h4 {font-size: 16px; margin-bottom: 25px; }
	p { margin-bottom: 30px; }
	a.btn { font-size: 12px; }

	.margin-top-250 { margin-top: 150px !important}

	div.communities-home > div { width: 500px;	}
	div.communities-home > div:first-child { width: calc(100% - 500px);}
	div.communities-home ul.slick-dots { top: 286px;}

	div.foundations { padding: 20px; gap: 40px; margin-top: 100px }
	div.full-screen div.foundations { padding: 40px; gap: 40px; margin-top: 0px }

	div.community-list  { gap: 80px 50px}
	div.community-list2  { gap: 80px 16px}
	div.community-tile2 div.details { padding-top: 15px;}
	div.community-list2 div.community-tile2 div.details { gap: 5px}
	div.community-tile2 div.details * { font-size: 14px}
	div.community-list2 div.community-tile2 div.details span:last-child { font-size: 18px}
	div.community-tile2 div.thumb p { margin-top: 20px}
	div.communities div.communities-filter { margin-bottom: 50px}
	div.communities div.with-slider > div { gap: 80px 50px;}
	div.communities div.with-slider > div > div { max-width: calc(50% - 25px);}


	p.pillar  {font-size: 20px; margin: 40px 0 50px}
	div.grid.journey p.pillar { font-size: 20px; }
	p.pillar span.title { font-size: 28px;}
	div.grid.journey { gap: 100px;}
	p + div.journey { margin-top: 60px}

	div.grid.g2 > div:last-child { padding-left: 50px}
	div.grid.g2 > div { width: 50% !important}

	div.testimonial p { font-size: 16px;}

	div.caption.caption-coming-soon { width: 40%}
	div.caption.caption-coming-soon > div > img { width: 50px; }
	div.caption.caption-coming-soon > span { font-size: 14px; }
	div.caption.caption-coming-soon > div span { font-size: 12px; }
}


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

	header { position: fixed; height: 60px;}
	header div.burger { display: block; left: auto;  right: 0; top: 0 !important;}
	header nav { display: flex; position: fixed; flex-direction: column; width: 460px; max-width: 100vw; left: auto; right: -100vw; height: calc(100 * var(--vh));}
	header div.logo { width: 120px !important; height: 24px !important; margin: 0; padding: 0; position: absolute; background: url(/img/logo-full.svg) no-repeat center center; background-size: contain; left: 10px !important; top: 20px !important; }
	body.article-home header div.logo { top: 10px !important; }
	header div.logo img { display: none;}
	body.article-home header div.logo:before { width: calc(100vw - 216px); left: 150px; top:10px;  }
	header.attached div.logo:before, header div.logo:after { display: none !important;}

	div.burger ul { left: 27px;}

	article.interior { padding-top: 60px;}
	article.no-masthead { padding-top: 80px;}


	div.full-image:before, body.page-top div.full-image:before { left: 10px; top: 60px; height: calc(100% - 80px);}
	div.full-image:after, body.page-top div.full-image:after { height: calc(100% - 80px); right: 10px; top: 60px; }
	a.scroll-up { top: 10px; }
	a.scroll-up img { width:0}
	a.scroll-down { bottom: 20px}
	a.scroll-down img { width: 40px;}
	a.scroll-down.scroll-down-top img { margin-bottom: 0px}
	a.scroll-down:before { width: calc(50vw - 78px); left: 10px; }
	a.scroll-down:after { width: calc(50vw - 78px); right: 10px; }
	a.scroll-down.scroll-down-top:before { width: calc(50vw - 80px); left: 10px; }
	a.scroll-down.scroll-down-top:after { width: calc(50vw - 80px); right: 10px; }
	a.scroll-up { top: 20px}
	a.scroll-up:before { width: calc(100% - 210px); left: 150px; top:0px; }
	a.scroll-up:after { display: none;}

	a.chat { width: 40px; height: 40px;}

	#homenav { display: none;}
	
	div.foundations { flex-direction: column; align-items: center;}
	div.foundations > div { width: 600px !important; max-width: 80% !important; }

	div.grid.g1 { gap: 40px; flex-wrap: wrap}
	div.grid.g1 > div { width: 100% !important; padding: 0 !important}
	div.grid.g1 > div img { width: 100% !important; }
	div.grid.g1 > div:empty { display: none !important}

	div.grid.journey { gap: 50px}
	p.pillar  {font-size: 18px; margin: 40px 0 50px}
	div.grid.journey p.pillar { font-size: 18px; }
	p.pillar span.title { font-size: 24px;}

	div.resources { gap: 50px; margin: 50px auto 0}
	div.resources a { width: 50%; max-width: 400px; height: 80px; padding: 24px 20px 0 80px; font-size: 16px; }
	div.resources a span { font-size: 11px; margin-top: 4px}
	div.resources a:before { width: 50px; height: 40px; top: 20px; left: 20px; }

	div.video-testimonials { margin-bottom: 100px}

	.margin-top-250, .margin-top-150 { margin-top: 100px !important}

	div.testimonial p { padding: 0 40px}

	div.model-list { gap: 50px; }
	div.model-holder { margin: 0 auto 50px}
	div.model-list div.model { max-width: calc(50% - 25px); }

	div.community-nav  > div { gap: 15px; }
	div.community-nav  > div > a { font-size: 16px; }

}

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

/*	nav { gap: 10px;}*/
/*	nav > a { font-size: 10px; letter-spacing: 0px}*/
	
	div.cc-2  { flex-direction: column; align-items: center;}
	div.cc-2 > div { width: 600px !important; max-width: 80% !important; text-align: center;}
	div.cc-2 > div:last-child { padding: 0}

	div.communities-home  { flex-direction: column; align-items: center; gap: 50px} 
	div.communities-home > div { width: 540px !important; max-width: 80% !important; text-align: left;}
	div.communities-home > div br { display: none}

	article.no-masthead { padding-top: 150px}

	div.grid.g2 > div:last-child { padding-left: 20px}

	div.community-nav  > div { gap: 15px; }
	div.community-nav  > div > a { font-size: 14px; }

	div.caption.caption-coming-soon { width: 50%}
	div.caption.caption-coming-soon > div > img { width: 40px; }
	div.caption.caption-coming-soon > div span { margin-top: 10px; font-size: 12px; line-height: 1.25}
	div.caption.caption-coming-soon > span { padding-bottom: 10px}

}

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

	:root {
	  --default-font-size: 14px;
	  --default-input-font-size: 14px;
	  }
	
	h1,h2 { font-size: 26px; margin-bottom: 30px; }
	h3 { font-size: 20px; margin-bottom: 30px; }
	h4 {font-size: 14px; margin-bottom: 10px; }
	p { margin-bottom: 25px; }
	a.btn { font-size: 12px; letter-spacing: 2px}




	div.cc-2 { padding: 0 30px; gap: 20px}
	div.cc-2 > div { width: 100% !important; max-width: 600px !important; text-align: center; padding: 0px;}

	div.cc-3 {padding: 0 30px; top: 50%; transform: translateY(-50%)}
	div.cc-3 h2 { margin-bottom: 30px}

	div.foundations { gap: 20px}
	div.foundations > div { width: 100% !important; max-width: 600px !important; text-align: left; padding: 0px;}

	div.communities-home { gap: 30px; padding: 0 30px}
	div.communities-home > div { width: 100% !important; max-width: 600px !important; text-align: left; padding: 0px;}

/*	div.full-screen a.play-video { top: auto; transform: none; bottom: 20%;}*/

	div.form-row.x_2_31 { flex-wrap: wrap}
	div.form-row.x_2_31 > div { width: 100% !important;}

	footer div.disclaimer p { font-size: 10px}
	footer div.social { width: 100%; justify-content: flex-start; padding-left: 50px; margin-top: 20px}
	footer div.disclaimer { flex-wrap: wrap;}
	footer div.disclaimer p { width: calc(100% - 60px)}

	div.community-list, div.community-list2 { gap: 50px 16px;}
	div.community-list > div, div.community-list2 > div { width: calc(50% - 8px); max-width: 100%;}
	div.communities div.with-slider > div { gap: 50px 16px;}
	div.communities div.with-slider > div > div { max-width: calc(50% - 8px);}

	div.grid.journey { flex-wrap: wrap; gap: 0}
	div.grid.journey p.pillar { display: block; width: 100%; margin: 0 auto 50px; max-width: 480px; }

	div.resources { flex-wrap: wrap; gap: 20px}
	div.resources a { width: 100%; max-width: 400px; margin: 0 auto}

	article.no-masthead { padding-top: 90px}

	div.contact-block { margin-top: 50px}

	iframe.brochure { height: 150vw;}

div.model-list { gap: 50px 20px; }
div.model-list div.model { width: 100%; max-width: 100%;}
div.model-list div.title { font-size: 20px; }
div.model-list div.details p  {font-size: 16px; }
div.model-holder {  margin: 0 auto 50px}

	div.community-nav { display: block; max-height: 41px; overflow: hidden; transition: all .3s ease-in}
	div.community-nav.open { max-height: 400px; }
	div.community-nav > div { gap: 0px; flex-direction: column; }
	div.community-nav  > div > a { font-size: 18px; display: block; width: 100%; text-align: center; line-height: 40px;border-bottom: 1px solid #ccc;}
	div.community-nav  > a { display: block; position: absolute; right: 0; top: 0; height: 40px; width: 40px; padding-top: 10px}
	div.community-nav  > a img { height: 20px; display: block; margin: 0 auto; }
	div.community-nav.open > a { transform: rotate(180deg);}

	div.testimonial p { font-size: 14px;}

}

@media only screen and (max-width: 600px) {
	div.grid.g2 {flex-wrap: wrap; gap: 50px}
	div.grid.g2 > div { width: 100% !important; padding: 0 !important}
	div.grid.g3 {flex-wrap: wrap;}
	div.grid.g3 > div { width: 100% !important; padding: 0 !important}
	div.grid.grid-pillars {flex-wrap: wrap; gap: 40px; margin-bottom: 50px}
	div.grid.grid-pillars > div { width: 100% !important; padding: 0 !important}
	div.grid.grid-pillars p.pillar { margin: 0 auto 0 0}

	div.community-list, div.community-list2 { flex-wrap: wrap; gap: 50px;}
	div.community-list > div, div.community-list2 > div { width: 100% !important; max-width: 300px;}
	div.communities div.with-slider > div { gap: 50px;}
	div.communities div.with-slider > div > div { max-width: 300px; width: 100%; }

	#frmContact div.form-row  { flex-direction: column; gap: 20px}
	.select2-container--default .select2-selection--single { font-size: 12px}
	.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 10px}
}