/* FONTS (via fonts.com)

font-family: kepler-std-semicondensed-dis
font-family: aaux-next
*/
/* VARIABLES */

:root {
  --default-font: kepler-std-semicondensed-dis;
  --default-font-size: 30px;
  --default-input-font-size: 24px;

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

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

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

  --col-button: #fff;
  --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: #707070;
  --col-border-rgb: 112, 112, 112;

  --dim-site-width: 1440px;
  --dim-default-space: 120px;
  --dim-input-height: 60px;

  --grid-spacing: 40px;
  --grid-spacing-neg: -40px;
  --grid-spacing-2x: 80px;
  --grid-margin: 40px;
  --grid-margin-neg: -40px;

  --vh: 1vh;
}

/* theme */

body { font-weight: normal; font-size: 30px; }
html.overlay-active, html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/
p { line-height: 1.33; font-weight: 700; font-family: aaux-next; font-size: 30px; font-weight: 400;}
p.short  { }
p.shorter  { width: 80%; margin-left: auto; margin-right: auto; }
p.large { font-size: 35px; line-height: 1.5;}
p.larger { font-size: 40px; line-height: 1.5;}
p.headline { font-size: 24px; line-height: 1.2;font-family: aaux-next; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}
p.smaller { font-size: 20px; line-height: 1.5;font-family: aaux-next; font-weight: 400}
p.smaller a { font-weight: 700}
a { }
b, strong { font-family:aaux-next; ; font-weight: 700}

h1 { font-size: 100px; font-weight: 500;; line-height: 1.1; margin-bottom: 25px; }
h1.smaller { font-size: 80px; }
h2 { font-size: 100px; font-weight: 500;; color: #000; line-height: 1; margin-bottom: 40px; }
h2.smaller { font-size: 80px; margin-bottom: 30px; }
h2.smallest { font-size: 60px; line-height: 1.33; margin-bottom: 10px; }
h3 { font-family: aaux-next; font-size: 20px; font-weight: 400;; color: #000; line-height: 1.4; margin-bottom: 70px; }
h5 { font-family: aaux-next; font-size: 30px; font-weight: 500;; color: #000; line-height: 1.4; margin-bottom: 20px; text-transform: uppercase;}
h6 { font-family: aaux-next; font-size: 18px; font-weight: 500;; color: #fff; line-height: 1.4; margin-bottom: 0px; letter-spacing: 5px; text-transform: uppercase;}
/*h4 { font-size: 24px;     color: var(--col-primary);  line-height: 1.1; margin-bottom: 10px; }*/
/*h5 { font-size: 20px;  color: var(--col-primary);  line-height: 1.1; margin-bottom: 23px; font-family:proxima-nova; font-weight: 700;; text-transform: uppercase;}*/
/*h6 { font-size: 18px;  color: #fff;  line-height: 1.1; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1px}*/
h6 { font-family: aaux-next; font-size: 18px;  color: #000;  line-height: 1.1; margin-bottom: 40px; text-transform: uppercase; letter-spacing: 1px}
h6 span { display: inline-block; margin: 0 20px; height: 1px; background: #000; width: 72px; vertical-align: middle}
h6 em { color: #C59B45; font-style: normal;}

h6.white { color: #fff;}
h6.white span { background: #fff}

h1:last-child, h2:last-child { margin-bottom: 0 !important}

/*CONTAINERS*/
#mainbody { background: #000;}
article { background: #fff; margin-left:auto; margin-right: auto}
body.article-home article { max-width: 100%;}

section { padding: 0 70px; overflow: hidden;}
section, section.masthead {max-width: 1280px; background: #fff; }
section.full {max-width: 1780px; padding:0}
section.max {max-width: 100%; padding:0}
section.masthead, section.max, section.flush { padding: 0}
/*section.masthead  { max-width: 100%;}*/

/*BUTTONS*/
a.btn { line-height: 50px; color: #000; font-size: 10px; font-weight: 400;; text-transform: uppercase; padding: 0 30px; border: 1px solid #000; font-family: aaux-next; letter-spacing: 3px}
a.btn.white { color: #fff; border: 1px solid #fff}
a.btn.small { line-height: 40px; font-size:14px; padding: 0 20px; border-radius: 20px}
a.btn:hover { color: #fff; background-color: #000}
a.btn.black { color: #fff !important; background-color: #000 !important; }
a.btn.black:hover { color: #000 !important; background-color: var(--col-accent)  !important; }
a.btn.blue { color: #000 !important; background-color: #22A7D4 !important; }
a.btn.blue:hover { color: var(--col-accent) !important; background-color: #000 !important}

/*CAPTIONS*/

/*COLOURS*/
.yellow { color: var(--col-accent);}
.b-yellow { background-color: var(--col-accent);}
.b-black {background-color: #000 !important;}
.b-gray {background: #222222 !important; }
 
.blue { color: #22A7D4;}
.b-blue{ background-color: #22A7D4;}
.orange { color: #FB8F1B;}
.b-orange { background-color: #FB8F1B;}
.pink { color: #EEA4BB;}
.b-pink { background-color: #EEA4BB;}




/*****************  HEADER AND FOOTER  ********************/

header { background: transparent; width: 100%; max-width: 1280px; left: 50%; transform: translate3D(-50%, 0, 0); position: fixed; margin: 0 auto; transition: all .3s ease-in}
header div.logo { display: block; z-index: 101; }
header div.logo a { display: block; margin: 0 auto 0 0; width: 350px; padding: 60px 0 0 70px;}
header div.logo.pj { width: 330px; }
header div.logo.pj a { width: 250px; }
header.attached:not(.active) div.logo.pj a { width: 140px; }
body.article-white-logo header:not(.visible) div.logo.pj a img { filter: none;}
body.article-white-logo header.attached.visible div.burger ul li {background-color: #000}
header div.logo a span { display: block; margin-top: 10px; font-size: 20px; text-align: center;}
header div.logo a span small { font-size: 10px}
header div.logo a img { display: block; width: 100%;}
header div.burger  { display: block; top: 60px; left: auto; right: 70px; z-index: 102; position: absolute;}
header a.connect { position: absolute; top: 45px; right: 40px; font-family: aaux-next; font-size: 16px; text-transform: uppercase; text-align: right; display: none;}



header.attached:not(.active) { background-color: #fff; top: -200px; transition: top 0 ease-in;}
header.attached.visible:not(.active) { top: 0px; transition: top .3s ease-in;}
header.attached:not(.active) div.logo a { width: 100px; padding: 15px 0;}
header.attached div.burger  { top: 0px; right: 0px;}
header.attached:not(.active) a.connect { top: 20px; right: 20px; }
header.attached:not(.active) div.logo span { display: none;}
header.attached div.burger ul li { background-color: #000}
header.attached.visible div.logo a { padding-left:20px}
header.attached.visible div.logo img { filter: invert(1)}

nav { display: block; width: 100vw;  height: 100vh; vertical-align: top;  position: fixed; top: -200vh; left: 0; background: url(/img/bg-nav.png) #000 no-repeat center center; background-size: cover; padding-top: 150px; text-align: center;}
nav > div { display: block; width: 100%; text-align: center; position: absolute; top: 50%; transform: translate3D(0, -50%, 0)}
nav > div > ul { display: block; width: 100%; text-align: center; font-size: 0; }
nav > div > ul > li { display: block; width: 100%; }
nav > div > ul > li > ul { display: block; width: 100%; }
nav > div > ul > li > a { display: block; font-size: 40px; font-weight: 500; padding: 15px 0px; line-height: 1.1; color: #fff; text-align: center;}
nav > div > ul > li > a:hover { color: #ccc;}
nav > div > ul > li > ul { display: block; width: 100%; }
nav > div > ul > li > ul > li { display: block; width: 100%; }
nav > div > ul > li > ul > li > a { display: block; font-size: 16px; font-weight: 500; padding: 15px 0px; line-height: 1.1; color: #fff; text-align: center;   font-family: aaux-next; text-transform: uppercase;opacity: .2}
nav > div > ul > li > ul > li > a:hover { opacity: 1; color: #fff;}

header div.social-icons { display: block; margin-top: 90px; text-align: center; font-size: 0}
header div.social-icons a { display: inline-block; vertical-align: middle; color: #fff; padding: 0 10px; font-size: 16px; }

header.active  { max-width: 100%; left: 0; transform: none;}
header.active div.burger ul li { background: #fff; }
header.active div.logo { width: 200px;}
header.active nav { top: 0; opacity: 1}

footer { padding: 100px 0px 60px; background: #000; }
footer section { background: transparent; max-width: 1380px; padding: 0 40px !important; margin: 0 auto !important}
footer div.logo { width: 240px; margin: 0 auto 62px;}
footer div.copyright div {width: 202px; text-align: left; padding-right: 40px}
footer div.copyright p, footer div.copyright p a {font-size: 13px;   font-family: aaux-next; font-weight: 400; color: #fff; text-align: center;}
div.footer-logos { margin: 80px auto 60px}
div.footer-logos img { display: block; max-width: 440px; margin: 0 auto;}
div.social { display: flex; gap: 60px; margin: 60px auto 100px; justify-content: center;}
div.social a { color: #fff; font-size: 32px;}
div.footer-links { display: flex; gap: 0; justify-content: center;}
div.footer-links > div { padding: 0 80px; position: relative; text-align: center;}
div.footer-links > div:nth-child(2):before { height: 100px; width: 1px; background: #ccc; display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0}
div.footer-links > div:nth-child(2):after { height: 100px; width: 1px; background: #ccc; display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0}
div.footer-links p, div.footer-links b, div.footer-links a { color: #fff;}
div.footer-links b { display: block; margin-bottom: 27px; text-transform: uppercase; font-size: 24px; font-weight: 600; letter-spacing: 5px;}
div.footer-links p { line-height: 1.5;font-size: 30px; font-weight: 400;}

div.areamap { position: relative;}
div.areamap > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0}
div.areamap a { position: absolute; width: 5.66%; height: 10.46%; background: rgba(255, 255, 255, 0); display: block; top: 0; left: 0}
div.areamap a.p-small { width: 3.62%; height: 7.84%; }
div.areamap a.p-large { width: 7.47%; }
div.areamap a.p-larger { width: 9.06%; }
div.areamap a.p-larger-still { width: 10.76%; }
div.areamap a.p-largest { width: 13.02%; }
div.areamap img { display: block;}

footer { max-width: 100%;}
header { max-width: 100%; left: 0; transform: none; }
/*header { max-width: 100%; left: 0; transform: none; }*/
/*body.article-home header.attached:not(.active) div.logo { display: none;}*/
/*body.article-home header div.logo a span { display: none;}*/
body.article-white-logo header:not(.active) div.logo a span { color: #fff;}
body.article-white-logo header a.connect { color: #fff;}
 header div.burger ul li { background-color: #fff}
/*body.article-white-logo header:not(.active) div.logo a img { filter: invert(1);}*/

/*****************  CONTENT PAGES ********************/

section.full-screen { display: block; width: 100vw; height: 100vh; background: url() no-repeat center center; background-size: cover; margin: 0; padding: 0; max-width: 100vw; overflow: hidden;}
section.full-screen > div { display: block; width: 100%; height: 100%}

section.full-screen > div.masthead >  div.iframe { padding: 0!important; top: 0; left: 0; padding-bottom: 0%!important; }
section.full-screen > div.masthead >  div.iframe img { display: block; width: 100%; height: 100%; object-fit: cover; max-width: 9999px;}
section.full-screen > div.masthead >  div.iframe.active img { display: none}
section.full-screen > div.masthead >  div.iframe iframe { opacity: 0}
section.full-screen > div.masthead >  div.iframe.active iframe { opacity: 1}
section.full-screen > div.masthead > div.iframe:after { content:""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: transparent;}
a.enable-sound { position: absolute; bottom: 20px; right: 20px; z-index: 4; transition: top .2s linear; filter: invert(1);}
section.full-screen a.play-video img { filter: invert(1);}
div.active a.play-video { filter: invert(1);}

div.home-slider { display: block; width: 100%; height: 100%; }
div.home-slider > div { display: block; width: 100%; height: 100%; }
div.home-slider img { display: block; width: 100%; height: 100%; object-fit: cover; max-width: 9999px}
div.home-slider.slick-slider .slick-track, div.home-slider .slick-slider .slick-list { height: 100%;}
div.gallery { background: url(/img/home/bg.png) no-repeat center center; background-size: cover;}
div.gallery > div{ top: 50%; transform: translate3D(0, -50%, 0); position: relative; width: 100%; display: block;}
div.gallery-slides .slick-slide { text-align: center; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); opacity: 0;}
div.gallery-slides .slick-slide img { height: 40vh; margin: 0 auto; display: block}
div.gallery-slides .slick-active { opacity: 0.3; opacity: 1}
div.gallery-slides .slick-current { opacity: 1;}
div.gallery-slides div.info { color: #fff; font-family: aaux-next; font-weight: 400; margin-top: 20px}
div.gallery-slides div.info > div { display: block}
div.gallery-slides div.title { font-size: 25px; font-weight: 500; line-height: 1.4;}
div.gallery-slides div.size { font-size: 14px; text-transform: uppercase;}
div.gallery-slides div.location { font-size: 18px; font-family: kepler-std-semicondensed-dis; font-weight: 500; font-style: italic;color: #A2A2A2; margin-top: 10px}

h1 img { opacity: 0; transform: scale(.1); transform-origin: center center; transition: all 2s cubic-bezier(0.250, 0.460, 0.450, 0.940); max-width: 80%; margin: 0 auto;}
h1.active img { opacity: 1; transform: scale(1); }

div.caption-gallery { padding-top: 60px; text-align: center; margin-bottom: 30px}
div.caption-gallery h3 { margin-bottom: 30px}
div.gallery-index { display: block; font-size: 0; text-align: center; margin-bottom: 100px}
div.gallery-index + div.gallery-index { margin-top: -70px}
div.gallery-index > a { display: inline-block; vertical-align: middle; font-size: 10px; font-weight: 500; font-family: aaux-next;  letter-spacing: 3px; opacity: .25; color: #fff; padding: 10px 50px; position: relative; text-transform: uppercase; transition: opacity .3s ease-in}
div.gallery-index > a:hover { opacity: .75}
div.gallery-index > a:after { bottom: 1px; left: 0; width: 100%; background-color: #707070; height: 1px; display: block; position: absolute; content:""; ;}
div.gallery-index > a.active { opacity: 1; }
div.gallery-index > a.active:after { bottom: 0; height: 3px;}
div.gallery button.slick-arrow {width: 60px; height: 40px; background: url(/img/svg/arrow.svg) no-repeat center center; background-size: contain; margin-top: -20px; left: 33%; top: 40%;}
div.gallery button.slick-arrow.slick-prev { transform:rotate(180deg); }
div.gallery button.slick-arrow.slick-next{ left: auto; right: 33%}

div.model-gallery label { display: block; text-align: center; padding-top: 35px; font-size: 40px; color: #000; }
div.model-gallery button.slick-arrow {width: 40px; height: 40px; background: url(/img/svg/arrow3.svg?v=2) no-repeat center center; background-size: contain; margin-top: -20px; left: 18%;}
div.model-gallery button.slick-arrow.slick-prev { transform:rotate(180deg); }
div.model-gallery button.slick-arrow.slick-next{ left: auto; right: 18%}
div.model-gallery ul.slick-dots { bottom: -40px; display: none !important;}
div.model-gallery ul.slick-dots li button { width: 70px; height: 5px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin: 0 2px; background: #DDDDDD; border-radius: 0}
div.model-gallery ul.slick-dots li.slick-active button { border-color: #000;  background: #000}


div.vision > img, div.design-suite > img {display: block; width: 100%; height: 100%; object-fit: cover; max-width: 9999px}
div.vision p  { font-size: 40px; color: #fff; line-height: 2; max-width: 900px; padding: 0 20px;}
div.vision:after { content:""; width: 100%; height: 100%; display: block; background: rgba(0,0,0,1); position: absolute; top: 0; left: 0; z-index: 5; opacity: 1; transition: all 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .4s; }
div.vision div.caption { margin-top: -100vh; transition: all 2s cubic-bezier(0.250, 0.460, 0.450, 0.940); opacity: 0}
.in-view div.vision div.caption { margin-top: 0; opacity: 1;}
.in-view div.vision:after { background: rgba(0,0,0,0); ;}
div.caption-design { height: 100%; background: rgba(0,0,0,0.6); width: 400px; padding: 45px; text-align: left; left: -400px !important; opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.in-view div.caption-design { opacity: 1; left: 0 !important}
div.caption-design > div {  top: 50%; transform: translate3D(0, -50%, 0); position: relative; width: 100%; display: block;}
div.caption-design p { color: #fff; font-family: aaux-next;  font-size: 20px; font-weight: 400;  }
div.design-tiles { margin-top: 70px;}
h2 + div.design-tiles { margin-top: 30px;}
div.design-tiles p { color: #fff; font-family: aaux-next;  font-size: 16px; font-weight: 400; margin-bottom: 15px; text-transform: uppercase;}
div.design-tiles a.btn { margin: 75px auto 0 0}

section.full-screen > div.news-slider, section.full-screen > div.homes-slider {padding: 45px; top: 50%; transform: translate3D(0, -50%, 0); position: relative; height: auto;}
h2 + .slides { margin-top: 80px}
div.progress-slider { padding-bottom: 20px;}
div.progress-slider > div:not(.progress-bar) { width: calc(100% + 80px); left: -40px; padding-bottom: 40px}
div.progress-slider .slick-slide { opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
div.progress-slider .slick-slide.slick-active { opacity: 1}
div.progress-slider div.news-item { padding: 0 40px; border-right: 1px solid #707070; }
div.progress-bar { height: 3px; width: calc(100% - 180px); position:relative; background: #fff;}
div.progress-bar:before { content:""; height: 1px; width: 100%; position:absolute; bottom: 1px; left: 0; background: #707070;display: block;}
div.progress-bar span { position:absolute; bottom: 0px; left: 0; background: #000; width: 16.66%; height: 3px; display: block; z-index: 2;}
div.progress-slider .center div.news-item { text-align: center;}
div.progress-slider div.news-item div.thumb { height: 420px; width: 100%;}
div.progress-slider div.news-item div.thumb img { display: block; /* width: 100%; height: 100%; object-fit: contain; */ max-width: 9999px; margin: auto auto auto 0; position: absolute; bottom: 0;}
div.progress-slider div.news-item div.title { margin: 25px auto 5px 0px; font-family: aaux-next;  font-size: 20px; font-weight: 500; display: block;}
div.progress-slider div.news-item div.date { font-family: aaux-next;  font-size: 14px; font-weight: 400; }
div.progress-slider button.slick-arrow {width: 40px; height: 40px; background: url(/img/svg/arrow2.svg) no-repeat center center; background-size: contain; bottom: -20px; transform: none;top: auto; margin: 0}
div.progress-slider button.slick-arrow.slick-prev { transform:rotate(180deg); }
div.progress-slider button.slick-arrow { left: calc(100% - 175px); }
div.progress-slider button.slick-arrow.slick-next{ left: calc(100% - 125px)}
div.news-slider button.slick-arrow { left: calc(100vw - 135px); }
div.news-slider button.slick-arrow.slick-next{ left: calc(100vw - 85px)}

div.social-area { background: #DDDDDD; padding: 100px 0}
/*div.social-area > div {  top: 50%; transform: translate3D(0, -50%, 0); position: relative; width: 100%; display: block;}*/
div.social-area div.social-icons { font-size: 0; padding: 0 45px;}
div.social-area div.social-icons h2 { width: 50%; display: inline-block; vertical-align: middle}
div.social-area div.social-icons ul { width: 50%; text-align: right; font-size: 0; display: inline-block; vertical-align: middle}
div.social-area div.social-icons ul li { display: inline-block; vertical-align: middle; }
div.social-area div.social-icons ul li a { padding-left: 20px; font-size: 18px; color: #000}
div.social-area div.grid.grid-4 > div { width: 25%; height: 25vw; margin: 60px auto 80px;}
div.social-area div.grid.grid-4 > div img { width: 100%; height: 100%; object-fit: cover;  max-width: 9999px}


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

div.caption-about { width: 500px; max-width: 60%; padding-left: 100px;}
div.caption-replied { padding: 0px 100px 0; max-width: 750px;}
div.caption-flower { padding: 100px 20px 0;}
div.caption-flower > div { max-width: 820px; margin: 0 auto;}

div.custom-1 { padding: 0 100px; text-align: left;}

div.caption-model { padding-top: 224px;}
div.grid.grid-pictures > div { width: 50%; height: 640px; }
div.grid.grid-pictures > div img { display: block; width: 100%; height: 100%; object-fit: cover; max-width: 9999px}
div.grid.grid-pictures > div p { display: block; width: 100%; top: 50%; transform: translate3D(0, -50%, 0); padding: 0 70px; line-height: 1.5}

div.caption-model.caption-cultura { padding-top: 110px}
div.caption-model.caption-cultura * { color: #fff}
div.caption-model.caption-cultura h1 {color: #C59B45}
div.caption-model h1 small {color: #fff; font-size: 18px; font-family: aaux-next; letter-spacing: 7px; font-weight: 600}
div.caption-model p { font-size: 18px; font-family: aaux-next; letter-spacing: 7px; font-weight: 600}
div.caption-model.caption-cultura h2 { font-size: 40px; display: flex; gap: 30px; justify-content: center; width: 100%; }
div.caption-model.caption-cultura h2 span { color: #C59B45}

div.grid.grid-pictures > div { max-height: 50vw;}
div.grid.grid-pictures > div p { padding: 50px;}

div.model-stats { font-size:0; display: flex; gap: 1px}
div.model-stats > div { display: inline-block;width: 33.33%; vertical-align: bottom; height: 120px; background: rgba(0,0,0,0.41); position: relative; padding: 0 10px; }
div.model-stats.four-cells > div { width: 25%; }
div.model-stats > div span { display: block; position:relative; top: 50%; margin: 0 auto; transform: translate3D(0, -50%, 0); font-family: aaux-next;  font-size: 25px; font-weight: 500; color: #fff; line-height: 1.4; text-transform: uppercase; text-align: center; width: 100%}
/*div.model-stats > div:nth-child(2) { width: calc(33.34% - 2px); margin: 0 1px; }*/
/*div.model-stats.four-cells > div:nth-child(2) { width: 25%; margin: 0 auto;}*/

div.action-links { padding-top: 200px;}
div.action-links a { display: table; margin: 0 0 0 auto;}
div.action-links a img { display: table; }
div.action-links.white a img { filter: invert(100%)}

div.grid-contact {border-top: 1px solid #707070; padding: 100px 100px 0}

div.grid.grid-news { margin-bottom: 40px}
div.grid-news div.caption { color: #fff; padding: 0 0 20px 20px;  font-family: aaux-next;  font-size: 25px; font-weight: 500; }
div.grid-news div.date {padding: 30px 0 20px; font-family: aaux-next;  font-size: 14px; font-weight: 400;  text-transform: uppercase;}
div.grid-news p {font-family: aaux-next;  font-size: 20px; font-weight: 400;  }

			
			div.design-tabs { overflow: hidden;}
			div.design-menu { display: block; width: 100%; text-align: left; margin: 60px auto 50px; font-size: 0; padding-bottom: 20px; border-bottom: 1px solid #ccc}
			div.design-menu a { display: inline-block; text-align: left; vertical-align: bottom; width: 20%; color: #ccc;  font-family: aaux-next; font-weight: 600; font-size: 20px; text-transform: uppercase;}
			div.design-menu a.active { color: #000; font-weight: 600; position: relative; }
			div.design-menu a.active:after { content:""; bottom: -22px; left: 0; height:3px; display: block; width: 100%; background: #000; position: absolute}

			div.design-tab { display: block; opacity: 0; top: -500px; position: absolute; width: 0; overflow: hidden;}
			div.design-tab > p { font-family: aaux-next;  font-size: 16px; font-weight: 500;  text-transform: uppercase; margin: 40px auto 20px; text-align: center;} 
			div.design-tab.active { position:relative; top: 0; opacity: 1; transition: top .5s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity .5s cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 100%}
			div.design-tab div.grid { text-align: center;}
			div.design-item div.name { font-family: aaux-next; font-weight: 600; font-size: 14px; padding-top: 10px; text-transform: uppercase;margin-bottom: 5px}
			div.design-item div.info { font-family: aaux-next; font-weight: 500; font-size: 12px; text-transform: uppercase; line-height:1.5;}
			div.design-item div.checkbox { width: 100%;  }
			div.design-item div.checkbox label { width: 100%; height: 100%; padding-left: 0; text-align: center;}
			div.design-item div.checkbox label:before { display: none;}
			div.design-item div.checkbox label:after { width: 16px; height: 16px; display: block; position: relative; top: 0; left: 0; margin: 10px auto 0; border: 1px solid #000; content:"";}
			div.design-item div.checkbox input:checked + label:after { background: url(/lib/img/dark/checkmark.svg) no-repeat center center; background-size: 14px 12px;}

			a.design-nav { display: block; text-align: right; margin: 50px 0 0 auto; padding-right: 40px; position: relative; color: #000; font-size: 30px; line-height: 1; }
			a.design-nav:after {content:"";  display: block; width: 30px; position: absolute; height: 30px; background: url(/img/svg/arrow4.svg) no-repeat right center; background-size: contain; top: 0; right: 0}

			div.design-tab div.grid > div { padding: 0 4px}
			div.grid-7 > div { max-width: 14.28%; padding: 0 4px}
			div.grid-8 > div { max-width: 12.5%; padding: 0 4px}

		/*FLOORPLANS*/
			div.floorplan-menu { display: block; width: 100%; text-align: left; margin: 0 auto; padding-bottom: 20px; border-bottom: 1px solid #ccc}
			div.floorplan-menu ul { display: inline-block; width: auto; text-align: left; margin: 0; vertical-align: bottom; }
			div.floorplan-menu ul li { display: inline-block; width: auto; text-align: left; margin: 0;}
			div.floorplan-menu ul li a { display: inline-block; width: auto; text-align: left; vertical-align: bottom; padding: 0 50px; color: #ccc;  font-family: aaux-next; font-weight: 600; font-size: 25px; text-transform: uppercase;}
			div.floorplan-menu ul li a.active { color: #000; font-weight: 600; font-size: 30px; position: relative; padding: 0 0px; }
			div.floorplan-menu ul li a.active:after { content:""; bottom: -20px; left: 0; height:3px; display: block; width: 100%; background: #000; position: absolute}

			div.floorplan { display: block; width: 100%; text-align: left; margin: 0 auto; font-size: 0}
			div.floorplan > div { display: inline-block; vertical-align: top;}
			div.floorplan > div:first-child { width: 400px; padding-left: 0px;}
			div.floorplan > div:last-child { width: calc(100% - 400px);}
			ul.levels { display: block; text-align: left; margin-bottom: 50px;}
			ul.levels li { display: block; text-align: left}
			ul.levels li a { display: block; text-align: left; padding-bottom: 24px; line-height: 1.1; font-family: aaux-next; font-weight: 400; font-size: 24px;text-decoration: underline; text-transform: uppercase;}
			ul.levels li a.active { font-weight: 600;  text-decoration: none;}

			div.fp-tools { width: 240px; margin-top: 140px ; display: block;}
			div.fp-tools a { display: block; margin-bottom: 20px; padding-left: 34px; color: #000; font-size: 24px;font-family: aaux-next; font-weight: 400;  position: relative; line-height: 36px; width: 100%; }
/*			div.fp-tools a.share { display: none !important}*/
			div.fp-tools a:hover { }
			div.fp-tools a:before { content:""; display: block; position: absolute; height: 20px; width: 30px; background:url() no-repeat left center; background-size: contain; top: 50%; left:0; transform: translate3D(0, -50%, 0)}
			div.fp-tools a.download-plan:before { height: 24px; background-image: url(/img/svg/download.svg);}
			div.fp-tools a.share:before { background-image: url(/img/svg/share.svg);}

			div.floorplan-svg { max-width: 100%; width: 800px;margin: 0 auto 0 0; overflow: hidden;}
			div.floorplan-image { width: 100%; height: calc(var(--vh) * 100 - 100px); }
			div.floorplan-image  > img { width: 100%; height: 100%; display: block; object-fit: contain; transition: transform .3s linear; transform: scale(1);}
			div.floorplan-svg[data-zoom="1"] img { transform: scale(1)}
			div.floorplan-svg[data-zoom="2"] img { transform: scale(1.2)}
			div.floorplan-svg[data-zoom="3"] img { transform: scale(1.4)}
			div.floorplan-svg[data-zoom="4"] img { transform: scale(1.75)}
			div.floorplan-svg[data-zoom="5"] img { transform: scale(2)}

			div.fp-tab { opacity: 0; left: -120vw; top: 500px; position: absolute;}
			div.fp-tab div.gallery-item { max-width: 1280px; margin: 0 auto;}
			div.fp-tab.fp-tab-active { opacity: 1; left: 0; top: 0px; transition: top .7s cubic-bezier(0.075, 0.820, 0.165, 1.000) !important; position: relative;}

			div.fp-tab div.vr-slideshow { display: block; margin-bottom: 100px;}
			div.iframe.vr { padding-bottom: 60%}

			div.flooplan-zoom { width: 100%; margin-top: 75px}
			div.flooplan-zoom a { display: block; width: 50px; height: 50px; margin-bottom: 20px}
			div.flooplan-zoom a.disabled { opacity: .3}
			div.flooplan-zoom a img { width: 100px; display: block}

			div.video div.iframe.youtube { opacity: 0; z-index: 1; position: absolute; left: 0; top: 0}
			div.video > img { opacity: 1; z-index: 2; position: relative; width: 100%; display: block;}
			div.video.active div.iframe.youtube { opacity: 1; z-index: 3;}
			div.video.active > img { opacity: 0; z-index: 1;}
			div.video a.play-video { display: block; position: absolute; top: 50%; left: 50%; width: 80px; transform: translate3D(-50%, -50%, 0); z-index: 4;}
			div.active a.play-video { opacity: 0; display: none; }
			a.pause-video { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
			div.active a.pause-video { display: block; }


			div.content { margin: 0 auto; max-width: 890px;}
			div.model-gallery .slick-slide > img { display: block; width: 100%; padding: 100px;}
/*			div.model-gallery .slick-slide > img { opacity: .3; transform: scale(0.5); transform-origin: right center;}*/
/*			div.model-gallery .slick-slide.slick-current > img { opacity: 1; transform: scale(1); transform-origin: right center;}*/
			div.model-gallery .slick-slide > img { opacity: .2; }
			div.model-gallery .slick-slide.slick-current > img { opacity: 1; transform: scale(1.5); transition: all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940)}

			div.article p { font-family: aaux-next; font-weight: 400; font-size: 20px}
			div.article figure { display: block; margin: 40px auto;}
			div.article figure img { display: block; margin: 0 auto;}
			div.article p img { display: block; margin: 40px auto;}
			div.article img  + p { margin-top: 40px;}
			div.article section { display: block; margin: 0 auto !important; padding: 0 !important}
			div.article figcaption { font-family: aaux-next; font-weight: 400; font-size: 14px; margin-top: 5px; margin-bottom: 40px}
			div.article h3 { margin-bottom: 20px; font-size: 24px;}
			div.article h4 { margin-bottom: 20px; }
			div.article div.iframe  { margin-bottom: 40px; }

			div.article ul li { font-family: aaux-next; font-weight: 400; font-size: 20px; line-height: 1.33; margin-bottom: 10px}

			div.community-filters { display: block; text-align: left; margin: 0 auto 20px; font-size: 0}
			div.community-filters a { display: inline-block; line-height: 50px; font-family: aaux-next; color: #000; font-size: 10px; font-weight: 500; letter-spacing: 3px; padding: 0 30px; margin: 0 10px 0 0; border: 1px solid #000; text-transform: uppercase;}
			div.community-filters a.active { background: #000; color: #fff;}
			div.community-filters2 { display: block; text-align: left; margin: 0 auto 20px; font-size: 0}
			div.community-filters2 a { display: inline-block; line-height: 50px; font-family: aaux-next; color: #000; font-size: 10px; font-weight: 500; letter-spacing: 3px; padding: 0 30px; margin: 0 10px 0 0; border: 1px solid #000; text-transform: uppercase;}
			div.community-filters2 a.active { background: #000; color: #fff;}

			div.model-list { display: block; font-size: 0; text-align: left; width: 100%; padding-top: 50px}
			div.model-list > div { width: 33.33%; display: inline-block; vertical-align: bottom; margin: 0 auto 100px; padding: 0 20px; text-align: center; opacity: 0; transform: scale(0); position: absolute; transition: opacity .1s ease-in, transform .3s ease-in}
			div.model-list > div.active { opacity: 1; transform: scale(1); position: relative; transition: opacity .2s ease-in, transform .3s ease-in}
			div.model-list > div:hover {transform: scale(1.05);  transition: transform .3s ease-in}
			div.model-list div.news-item div.thumb {  width: 100%;}
			div.model-list div.news-item div.thumb img { display: block; /* width: 100%; height: 100%; object-fit: contain; */ width: 100%;}
			div.model-list div.news-item div.title { margin: 25px auto 5px 0px; font-family: aaux-next;  font-size: 20px; font-weight: 500; display: block;}
			div.model-list div.news-item div.date { font-family: aaux-next;  font-size: 14px; font-weight: 400; }

			div.cultura-building { padding: 100px; max-width: 1900px; margin: 0 auto; }
			div.cultura-building h2 { color: #fff; margin-bottom: 30px; line-height: 1.1;}
			div.cultura-specs { display: flex; width: 100%; margin-top: 140px; gap: 0px; }
			div.cultura-specs > div { width: 55%}
			div.cultura-specs > div:first-child { width: 45%; position: relative}
			div.cultura-image { display: block; width: 100%; position: relative;}
/*			div.cultura-image.overlay-1 { background: url(/media/comm/cultura-iv/img/outline.png) no-repeat center center; background-size: 100% 100%;}*/
			div.cultura-image img { display: block; width: 100%;}
			div.cultura-spec { display: block; width: 100%; padding-right: 40px; max-width: 550px; margin: 0 auto 80px 0; text-align: left;position: relative}
			div.cultura-spec div.title { display: block; width: 100%; margin: 0 auto 20px; font-size: 24px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: aaux-next; }
			div.cultura-spec p { display: block; width: 100%; margin: 0 auto 20px; font-size: 30px; color: #fff; font-family: aaux-next; font-weight: 300}
			div.cultura-spec a { display: block; margin: 0 auto 0px 0; cursor: pointer;}
			div.cultura-spec.inactive { opacity: .2}

			div.cultura-floorplan ul.levels li a div { display: none; margin-top: 15px;}
			div.cultura-floorplan ul.levels li a img { display: none; margin: 0 auto 60px 0}
			div.cultura-floorplan ul.levels li a.active div { display: block; font-family: aaux-next; }
			div.cultura-floorplan ul.levels li a div p { display: block; font-family: aaux-next; font-size: 18px; font-weight: 300}
			div.cultura-floorplan ul.levels li a.active img { display: block; }

			div.cultura-siteplan { display: flex; gap: 50px;}
			div.cultura-siteplan div { width: 58%;}
			div.cultura-siteplan div:first-child { width: 42% }
			div.cultura-siteplan h4 { color: #000;}

			div.cultura-area { display: block; width: 100%; background: url(/media/comm/cultura-iv/img/overlay-2.png) #222222 no-repeat left top; }
/*			div.cultura-area > div { display: block; width: 100%; background: url(/media/comm/cultura-iv/img/overlay-3.png) no-repeat right bottom; }*/
			div.waterfront:after { content:""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/media/comm/cultura-iv/img/overlay-2.png) transparent no-repeat left top; z-index: 2; }
			div.waterfront { overflow: hidden;}
			div.waterfront img { display: block;}
			div.waterfront h2 { display: block; width: 100%; padding-left: 100px; text-align: left; position: absolute; top: 50%; color: #fff; z-index: 3;}
			div.cultura-score { display: flex; gap: 0; flex-wrap: wrap;}
			div.cultura-score > div { display: block; width: 46.875%;  }
			div.cultura-score > div:first-child  > p { padding: 200px 100px; text-align: left; margin-bottom: 0}
			div.cultura-score > div:nth-child(2) { width: 53.125%; text-align: left; }
			div.cultura-score > div:nth-child(2) > div { padding: 300px 20px 0 70px; text-align: left; margin-bottom: 60px;}
			div.cultura-score p { font-size: 18px; color: #fff; font-family: aaux-next; font-weight: 300}
			div.cultura-score div.score {font-size: 60px; font-family: kepler-std-semicondensed-dis; margin-bottom: 25px; color: #fff;}
			div.cultura-score div.score span { display: block; font-size: 2.2em; }
			div.cultura-score div.registration { padding: 20px 50px 60px 100px}
			div.cultura-score div.registration p.larger { font-size: 40px; font-family: kepler-std-semicondensed-dis; color: #fff;}
/*			div.cultura-area > div:after { content:""; display: block; width: 50%; height: 100%; position: absolute; right: 0; bottom: 0; background: url(/media/comm/cultura-iv/img/overlay-3.png) transparent no-repeat right bottom; z-index: 2; background-size: contain;}*/
			
/*			#cultura-lines { position: absolute; bottom: 379px; left: 40px}*/

			div.cultura-banner { display: block; width: 100%; height: 100%; padding: 60px 20px; background: #101010}
			div.cultura-banner > div { display: block; width: 100%; height: 100%; background: url(/media/comm/cultura-iv/banner-cultura2.png)  no-repeat center center; background-size: contain; position: relative; }
/*			div.cultura-banner div.caption { padding: 0 20px}*/
			div.cultura-banner p { font-size: 16px; font-weight: 600; color: #fff; font-family: aaux-next; margin: 0 auto; letter-spacing: 5px; text-transform: uppercase;}
			div.cultura-banner h1 { margin: 35px auto 30px; color: #fff;}


/*			REGISTRATION*/

		div.quick-registration { padding: 0 45px;max-width: 800px; margin: 0 auto;}
		div.quick-registration div.field > label { display: inline-block; width: 180px; text-align: left; font-size: 30px; font-weight: 500; font-style: italic;color: #000}
		div.quick-registration div.casl { padding-right: 150px !important; padding-left: 180px}
		div.quick-registration div.casl label { width: 100%; font-size: 12px; font-weight: 400; font-family: aaux-next; text-align: left}
		div.quick-registration div.casl button { position: absolute; top: 0; right: 0; line-height: 50px; color: #000; font-size: 10px; font-weight: 400;; text-transform: uppercase; padding: 0 30px; border: 1px solid #000; font-family: aaux-next; letter-spacing: 3px; background: transparent; border-radius: 0}
		div.quick-registration div.field input[type="text"] { border: 0; background:#fff; padding-left: 0; font-weight: 400; font-family: aaux-next; display: inline-block; width: calc(100% - 180px); padding: 0 20px;}
		div.quick-registration *::-webkit-input-placeholder {  font-family: aaux-next; font-weight: 500; text-transform: uppercase; font-size: 14px}
		div.quick-registration *::-moz-placeholder  {  font-family: aaux-next; font-weight: 500; text-transform: uppercase; font-size: 14px }
		div.quick-registration *:-ms-input-placeholder  {  font-family: aaux-next; font-weight: 500; text-transform: uppercase; font-size: 14px }

		div.reveal-response p { font-family: aaux-next; font-weight: 500; text-transform: uppercase; font-size: 24px }
		#contact-us div.reveal-response p { text-align: left;}

			div.registration { padding: 100px 20px; }
			div.registration form { max-width: 1080px; margin: 0 auto; }
/*			div.form-row div.splitter { width: calc(100% + 40px); margin-left: -20px;}*/
/*			div.form-row div.splitter > div { padding: 0 20px; }*/
/*			div.field { margin-bottom: 45px;}*/
/*			div.registration div.field input { border: 0; padding-left: 0; font-weight: 700;}*/
/*			div.field .select2-container--default .select2-selection--single { border: 0; border-bottom: 1px solid #707070}*/
/*			div.field .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0px; }*/
			.select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 20px; font-weight: 400;  font-family: aaux-next}
			div.radios { font-size: 0}
			div.radios > label { width: 240px; display: inline-block; vertical-align: middle; margin: 0; font-size: 40px; color: #fff; font-weight: 500; line-height: 40px;}
			div.radios > div { width: calc(100% - 240px);display: inline-block; vertical-align: middle; text-align: left;padding-top: 5px}
			div.radios > div > div { display: inline-block; vertical-align: middle; vertical-align: middle; margin-left: 20px; line-height: 40px;}
			div.radios > div > div label { font-size: 20px; font-weight: 500; line-height: 40px; padding-left: 40px; color: #fff;}
			div.radio label:before { width: 20px; height: 20px; border: 3px solid #fff; top: 10px}
			div.radio label:after { width: 20px; height: 20px; top: 10px; left: 0; border: 0}
			div.radio input[type=radio]:checked + label:after { background: #fff; border: 0}
			div.registration div.casl { padding-right: 250px !important;}
			div.registration div.checkbox { padding-top: 20px}
			div.registration div.checkbox label { color: #fff;  font-family: aaux-next; font-size: 14px; }
			div.registration div.checkbox label:before { border-color: #fff;}
/*			div.registration div.casl button { position: absolute; top: 0; right: 0; background: #000; color: #fff; border-radius: 0px; border: 1px solid #fff; font-size: 10px; line-height: 40px; padding: 0 20px; font-weight: 500;  font-family: aaux-next;}*/

			.b-black div.checkbox input:checked + label:before { background: url(/lib/img/white/checkmark.svg) no-repeat center center; background-size: 14px 12px; }
			.b-black div.reveal-response p { color: #fff;}
/**/
		div.registration *::-webkit-input-placeholder {  font-weight: 400; text-transform: uppercase; font-size: 20px; font-family: aaux-next}
		div.registration *::-moz-placeholder  {  font-weight: 400; text-transform: uppercase; font-size: 20px; font-family: aaux-next }
		div.registration *:-ms-input-placeholder  {  font-weight: 400; text-transform: uppercase; font-size: 20px; font-family: aaux-next }

		div.contact-form *::-webkit-input-placeholder {  font-weight: 400; text-transform: uppercase; font-size: 20px; font-family: aaux-next}
		div.contact-form *::-moz-placeholder  {  font-weight: 400; text-transform: uppercase; font-size: 20px; font-family: aaux-next }
		div.contact-form *:-ms-input-placeholder  {  font-weight: 400; text-transform: uppercase; font-size: 20px; font-family: aaux-next }
		div.contact-form div.checkbox label { color: #000;  font-family: aaux-next; font-size: 14px; }
		div.contact-form div.casl button { background: transparent; color: #000; border-radius: 0px; border: 1px solid #fff; font-size: 25px; line-height: 40px; margin-top: 20px; padding: 0px; font-weight: 500; text-decoration: underline; font-family: kepler-std-semicondensed-dis}

/*		2024*/

		div.homebanner-2024 { width: 100%; height: 100%; }
		div.homebanner-2024 > img { width: 100%; height: 100%; object-fit: cover; object-position: center center;}
		div.line-through { width: 100%; position: absolute; top: 50%; left: 0; display: block; z-index: 5; transform: translateY(-50%); }
		div.line-through p { font-size: 18px; color: #fff; text-transform: uppercase; padding-left: 70px; margin-bottom: 0px; font-weight: 600; font-family: aaux-next; position: absolute; top: -22px}
		div.homecircle { position: absolute; height: calc(100 * var(--vh)); width: calc(100 * var(--vh)); top: 0; right: 100px;}
		div.homecircle a { position: absolute; display: block; width: 47.6%; z-index: 4; }
		div.homecircle a img { display: block; width: 100%; opacity: 1; transition: opacity linear .2s}
		div.homecircle a img:last-child { position: absolute; top: 0; left: 0; }
		div.homecircle a:hover img:last-child { opacity: 0;}
		div.homecircle a.circle-tl { top: 0; left: 0}
		div.homecircle a.circle-bl { bottom: 0; left: 0}
		div.homecircle a.circle-r { top: 0; right: 0}
		div.homecircle div  { position: absolute; display: block; top: 50%; left: 50%; transform: translate3D(-50%, -50%, 0); width: 59.62%; z-index: 3; background: transparent;}
		div.homecircle div img { display: block; width: 100%;}
		div.homecircle div p { display: block; position: absolute; top: 50%; left: 0; text-align: center; color: #fff; font-weight: 600; font-family: aaux-next;transform: translateY(calc(-50% - 22px)); width: 100%; text-transform: uppercase; font-size: 18px; font-family: aaux-next}

		div.guy { padding: 75px 0 0 0px;}
		div.guy > div:first-child { padding: 0px 0 0 100px;}
		div.guy > div:first-child img { display: block; margin: 0 auto 0 0;}
		div.guy > div:last-child { padding: 0 85px 80px 0}

		div.guy2 { position: absolute; margin-bottom: 0; width: 100%; padding: 70px 70px 0 70px; z-index: 3; top:0; right: 0; width: 100%;}
		div.guy2 > img { position: absolute; height: 100%; left: 50%; transform: translateX(-50%); top: 0; max-width: 9999px}
		div.guy2 > div{ max-width: 550px; margin: 0 0 0 auto; text-align: left;}
		div.guy2 * { color: #fff}
		div.guy2-up img { display: block; margin-top: -40px; margin-bottom: -1px; position: relative; z-index: 2;}

		div.life-storeys {width: 100%; }
		div.life-storeys div.slider { display: block; margin: 0 auto; max-width: 592px;}
		div.life-storeys p { color: #fff; }
		div.life-storeys div.caption { max-width: 500px; padding-left: 70px;}

		a.with-label {position: relative; display: block}
		a.with-label img {display: block; width: 100%;}
		a.with-label p {position: absolute; display: block; position: absolute; top: 50%; left: 66%; text-align: left; color: #fff; font-weight: 600; font-family: aaux-next;transform: translateY(calc(-50% - 22px)); width: auto; text-transform: uppercase; font-size: 18px; font-family: aaux-next}
		div.walkup > img {display: block; width: 100%;}
		div.walkup div.caption {padding: 70px 0 0 70px; text-align: left; max-width: 680px;}

		a.vlog { position: relative; margin: 0 auto; margin-top: -190px; display: block; padding-bottom: 100px}
		a.vlog:hover img { transform: rotate(360deg); }
		a.vlog img { display: block; margin: 0 auto 60px; max-width: 592px; transition: all .5s linear; width: 100%}
		a.vlog p{ display: block; margin: 0 auto; text-align: center;}
	
		#form-connect { max-width: 850px; margin: 0 auto; padding: 120px 0;}
		#form-connect label { color: #fff;}
		#form-connect div.checkbox { padding-right: 200px; padding-top: 40px}
		#form-connect div.checkbox label { padding-top: 0}
		#form-connect div.checkbox label:before { border-color: #fff; top: 4px}
		form button[type="submit"], form button[type="button"] { margin: 0; padding: 0; background: transparent; position: absolute; right: 0; bottom: 0; line-height: 1;}
		form button[type="submit"]:hover, form button[type="button"]:hover { background: transparent;}

		div.about-1 > img, div.about-2 > img, div.about-3 > img  { display: block; }
		div.about-1 > img, div.about-3 > img  { display: block; width: 100%;}
		div.about-2 > img { margin: 0 0 0 auto}
		div.about-1 div.caption { padding: 80px 200px 0 0; max-width: 660px; position: absolute; display: block; top: 0; right: 0;}
		div.about-2 div.caption { padding: 0px 0px 0px 70px; max-width: 950px; position: absolute; display: block; left: 0; top: 50%; transform: translateY(-50%)}
		div.about-3 div.caption { padding: 0px 200px 0 0; max-width: 660px; position: absolute; display: block; top: 50%; right: 0;transform: translateY(-50%)}
		
		div.caption { position: absolute; z-index: 4;}
		div.caption-2024 { position: absolute; bottom: 8.5vw; right: 0; padding-left: 70px;}
		div.caption-2024 p { text-transform: uppercase; font-size: 18px; font-family: aaux-next; color: #fff;  }
		
		div.faq > picture > img { display: block; width: 100%; position: absolute; height: 100%; object-fit: cover; object-position: center; top: 0; left: 0}
		div.faq { display: block; position: relative; padding: 100px 20px 70px;}
		div.faq img.line { display: block; width: 100%; margin: 90px auto 100px;}
		div.faq > div { display: block; position: relative; z-index: 3; text-align: center; }
		div.faq h2 { color:#fff; max-width: 800px; margin: 0 auto 50px;}
		div.faq p { color:#fff; }
		div.faq h6 { color:#fff; font-family: aaux-next; font-size: 24px; font-weight: 500;; text-transform: uppercase; letter-spacing: 3px; padding: 65px 0 0; position: relative;  text-align: center;}
		div.faq h6 span { position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: url(/img/about/2024/plus.svg) no-repeat center center; background-size: 40px auto;}
		div.faq h6.ui-accordion-header-active span { background: url(/img/about/2024/minus.svg) no-repeat center center; background-size: 40px auto;}
		div.faq div p { color: #fff; font-size: 30px; font-family: aaux-next; text-align: center;}
		div.faq div.js-accordion {max-width: 1520px; margin: 0 auto;}
		div.faq div.ui-accordion-content-active { padding-bottom: 20px}
		div.caption-faq { bottom: 0; left: 50%; width: 1080px; max-width: 100%; transform: translateX(-50%); padding: 150px 145px 90px; text-align: center;}
		div.caption-faq * { position: relative; z-index: 3;}
		div.caption-faq p { max-width: 630px}
		div.caption-faq:before { content:""; left: 0; display: block; position: absolute; bottom: 0; height: 100%; width: 100%; background: url(/img/about/2024/2.svg) no-repeat left bottom; background-size: contain; z-index: 2;}
		
		div.girls { padding: 75px 0 0 0px;}
		div.girls > div:last-child img { display: block; margin: 0 0 0 auto;}
		div.girls > div:first-child { padding: 0 85px 0px 70px}
		
		div.comm-blocks { margin-top: 160px}
		div.comm-block { margin-bottom: 40px}
		div.comm-block img { display: block}
		div.comm-block a { display: block; position: relative;}
		div.comm-block h2 { display: block; position: absolute; top: 70px; left: 50px; color: #000;}
		div.comm-block h2:after { display: block; content:""; width: 44px; height: 44px; margin: 20px auto 0 0; background: url(/img/home/2024/discover.svg) no-repeat center center; background-size: contain; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
		div.comm-block h2:hover:after { filter: invert(1);}

		div.designsuite1 {padding: 84px 0 117px;; }
		div.circles  { margin: 0 auto ; display: block; width: 40%; mix-blend-mode: pass-through; opacity: 0}
		div.design-circle  { padding: 60px 100px 60px 0px;}
		div.design-circle  > div:last-child img { display: block; margin: 0 0 0 auto;}
		div.design-circle  > div:first-child { padding: 0 100px 40px 70px}
/*		.design-circle img { position: relative; top: -150px; z-index: 3;}*/
		img.circles3 { display: block; max-width: 880px; margin: 0 auto; width: 88%;}

		div.swatches { display: flex; gap: 0; flex-wrap: wrap;}
		div.swatches div { width: 25%; height: 25vw; position: relative; margin-top: -1px}
		div.swatches div.doubled { width: 50%; height: 25vw;}
		div.swatches img { display: block; position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
/*		div.swatches img:last-child { position: absolute; z-index: 3; opacity: 0; transition: opacity .4s linear; top: 0; left: 0}*/
/*		div.swatches div:hover img:last-child { opacity: 1;}*/

		div.videos div.video { display: block; width: 100%; padding-bottom: 56.25%; margin-bottom: 20px}
		div.videos div.video iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0}
		div.video-index {display: none;}
		div.video-thumb { position: relative;}
		div.video-thumb img { display: block;}
		div.video-thumb a { display: block; position:relative; padding: 0 10px;}
		div.video-thumb a:after { content:""; display: block; position:absolute; top: 50%; left: 50%; background: url(/img/home/2024/discover.svg) no-repeat center center; background-size: contain; width: 44px; height: 44px; margin-left: -22px; margin-top: -22px;}
		div.video-thumb p { font-size: 27px; font-weight: 500; text-align: left; margin-top: 40px;}
		div.video-thumb p small { font-size: 18px; font-weight: 400; display: block; margin-top: 3px;}


		p.subheadline {font-size: 18px; font-weight: 600; text-transform: uppercase; padding-bottom: 80px; border-bottom: 1px solid #000; margin-bottom: 44px; margin-top: 44px;}
		div.more-questions {  border-top: 1px solid #000; padding-top: 44px; margin-top: 44px;}

		.b-black { background-color: #000 !important}
		section.padded { padding: 240px 0}

		p.two-columns {columns: 2; column-gap: 30px;}
		div.two-columns {columns: 2; column-gap: 130px; max-width: 1040px; margin: 0 auto 0 0}
		div.three-columns {columns: 3; column-gap: 130px;}
		a.underline {font-weight: 700}

		div.model-gallery-2024 div.slick-slide img { display: block; width: 100%;}
		div.model-gallery-2024 button.slick-arrow.slick-prev, div.model-gallery-2024 button.slick-arrow.slick-next { background: none; font-size: 18px; color: #fff; bottom: 40px !important; transform: none; top: auto; margin: 0; width: auto; height: auto; line-height: 1}
		div.model-gallery-2024 button.slick-arrow.slick-prev { left: 100px}
		div.model-gallery-2024 button.slick-arrow.slick-next { right: 100px}
		div.model-gallery-2024 .slick-list:after { content:""; display: block; bottom: 0; left: 70px; width: calc(100% - 140px); position: absolute; height: 100px; background: url(/img/communities/cultura-iv/bg.png) repeat-x center bottom; background-size: contain;}
		div.model-gallery-2024 .slick-slide { height: 56.25vw; width: 100%}
		div.model-gallery-2024 .slick-slide img { height: 100%; width: 100%; display: block; object-fit: cover; object-position: center;}

		div.caption-center { top: 50%; left: 50%; transform: translate3D(-50%, -50%, 0); width: 920px; max-width: 90%; text-align: center;}

		div.transit-score {position: relative; padding: 84px 0;}
		div.transit-score > img {display: block; width: 100%; max-width: 994px; margin: 0 auto}
		div.transit-score > div {display: flex; width: calc(100% - 140px); left: 70px; position: absolute; top: 50%; transform: translateY(-50%); justify-content: space-between;}
		div.transit-score span {display: block; color: #fff; font-size: 150px;font-family: kepler-std-semicondensed-dis; margin-bottom: 25px;text-align: center;}
		div.transit-score p {display: block; color: #fff; font-size: 24px;font-family: aaux-next; text-transform: uppercase; text-align: center; letter-spacing: 2px;}
		div.transit-score div img { position: absolute; bottom: 50px; width: 100%; width: 100%;}
		div.cultura-registration { max-width: 480px;}
		img.full-image { display: block; width: 100%;}

		img.rentals { display: block; width: 100%; max-width: 400px; margin: 0 auto 70px;}
		div.comm-description-2024 { text-align: center; max-width: 1450px; padding: 0 20px; margin: 100px auto;}

		div.devmanage-band { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; background: #fff; display: flex; gap: 50px; align-items: center;padding: 30px 70px; justify-content: space-between;}
		div.devmanage-band div.title { font-size: 85px; color:#000; white-space: nowrap}
		div.devmanage-band p { font-size: 30px; color:#000; margin: 0; font-family: aaux-next; font-weight: 600; }
		div.devmanage-band a { display: block; width: 360px;}
		div.devmanage-band img { display: block; width: 100%;}


		.form-black input[type="text"] { background: transparent; font-size: 18px; color: #fff; font-family: aaux-next; font-weight: 600; }
		.form-black textarea { background: transparent; font-size: 18px; color: #fff; font-family: aaux-next; font-weight: 600; }
		.form-black .select2-container--default .select2-selection--single { background: transparent; font-size: 18px; color: #fff; font-family: aaux-next; font-weight: 600; }
		.form-black .select2-container--default .select2-selection--single .select2-selection__placeholder { background: transparent; font-size: 18px; color: #fff; font-family: aaux-next; font-weight: 600; }
		.form-black .select2-container--default .select2-selection--single .select2-selection__arrow {background-image: url(/lib/img/white/arrow-down.svg) ;}
		.form-black *::-webkit-input-placeholder {  font-family: aaux-next; font-weight: 600; text-transform: uppercase; font-size: 18px; color: #fff;}
		.form-black *::-moz-placeholder  {  font-family: aaux-next; font-weight: 600; text-transform: uppercase; font-size: 18px; color: #fff; }
		.form-black *:-ms-input-placeholder  {  font-family: aaux-next; font-weight: 600; text-transform: uppercase; font-size: 18px; color: #fff; }

		.select2-results__option { font-family: aaux-next; font-size: 18px}
		.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #000}

		div.g1 { display: flex; gap:0; justify-content: space-between; width: 100%; align-items: center;}
		div.bottom-align { align-items: flex-end;}
		div.g1 > div { width: 36%;}
		div.g1 > div:first-child { width: 64%;}
		div.g1 > div:last-child > div { max-width: 600px; padding-left: 60px; padding-right: 40px;}

		div.g2 { display: flex; gap:0; justify-content: space-between; width: 100%;}
		div.g2.levels  { gap: 42px; justify-content: center; padding: 0 120px 0 70px;}

		div.g3 { display: flex; gap:0; justify-content: space-between; width: 100%; align-items: center;}
		div.g3 > div { width: 50%;}

		div.g4 { display: flex; gap:0; justify-content: space-between; width: 100%; align-items: center;}
		div.g4 > div { width: 50%;}
		div.g4 img { display: block; width: 100%;}
		div.g4 > div:last-child > div { margin: 0 auto; display: table; width: auto; padding: 0 40px;}

/*		div.g3 > div:last-child { width: 64%;}*/

		img.mobile-labels { display: none !important; position: absolute; top: 0; left: 10px;}

/*ANIMATIONS*/
		.in-view div.social-area div.grid img {display: block; position: relative; animation: flip-in-ver-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .3s;}
		.in-view .text-focus-in {	-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 .15s;}
		div.caption-flower > div { position: relative; top: 0px; opacity: 0; transition: all 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) .3s}
		.in-view div.caption-flower > div { top: 0px; opacity: 1; }
		.in-view .tilt-in-top-1 {	-webkit-animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
		.in-view-full .tilt-in-fwd-tr {	-webkit-animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
		.in-view .tilt-in-left-1 {	-webkit-animation: tilt-in-left-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: tilt-in-left-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
		.in-view .tilt-in-right-1 {	-webkit-animation: tilt-in-right-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: tilt-in-right-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
		.in-view-full .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;}
		.in-view .slide-in-bottom {	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

/*@media only screen and (min-width: 2600px) {*/
/*	div.gallery button.slick-arrow {width: 120px; height: 80px; background: url(/img/svg/arrow.svg) no-repeat center center; background-size: contain; margin-top: -20px; left: 33%; top: 40%;}*/
/*	header div.burger  { transform: scale(2); top: 40px; left: 40px}*/
/*	header.attached div.burger  { transform: scale(2); top: 40px; left: 40px}*/
/*	header div.logo {transform: scale(1.66);}*/
/*	header a.connect {transform: scale(2); right: 80px}*/
/*	header.attached:not(.active) a.connect {transform: scale(2); right: 80px; top: 60px}*/
/*}*/

/*@media only screen and (max-height: 880px) {*/
/*		header div.social-icons { margin-top: 30px}*/
/*		nav > div { padding-top: 80px}*/
/*}*/
/**/
/*@media only screen and (max-height: 780px) {*/
/*		div.caption-gallery { padding-top: 10px;}*/
/*		div.caption-gallery h3 { margin-bottom: 20px;}*/
/*		div.gallery-index { margin-bottom: 50px}*/
/*		div.gallery-index + div.gallery-index { margin-top: -30px}*/
/**/
/*		nav > div > ul > li > a { font-size: 32px; padding: 10px 0}*/
/**/
/*}*/
/**/


#ui-datepicker-div { position: absolute;}

@media only screen and (max-width: 1800px) {
		div.g1 > div { width: 40%;}
		div.g1 > div:first-child { width: 60%;}
		section.full { padding-left: 40px; padding-right: 40px}
		div.about-3 div.caption { max-width: 600px; padding-right: 140px;}

		div.devmanage-band { gap: 40px; padding: 30px 40px; }
		div.devmanage-band div.title { font-size: 70px; }
		div.devmanage-band p { font-size: 24px; }
		div.devmanage-band a { width: 19vw;}

}
@media only screen and (max-width: 1640px) {
	
	h2 { font-size: 72px; margin-bottom: 30px;}
	h6  {font-size: 16px; margin-bottom: 30px;}
	p, div.footer-links p { font-size: 24px;}
	div.footer-links b { font-size: 20px; margin-bottom:12px;}
	footer div.logo { margin-bottom: 40px}
	div.social { margin: 0px auto 60px; gap: 30px}
	div.social a { font-size: 24px;}
	div.cultura-spec p {font-size: 24px}
	div.cultura-spec div.title { font-size: 20px; margin-bottom: 12px}
	
	a.btn3 { width: 36px; display: block}
	a.btn3 img { width: 100%;}

	a.vlog img { margin-bottom: 30px;}
	div.comm-blocks { margin-top: 70px;}

	div.life-storeys div.caption { width: 500px; padding-left: 40px; max-width: 33%}

	header div.logo a { width: 260px; padding: 40px 0 0 40px;}
	header div.burger { top: 40px; right: 40px;}
	div.line-through p , div.about-2 div.caption, div.girls > div:first-child, div.design-circle > div:first-child { padding-left: 40px;}
	div.g3 > div:last-child, div.guy > div:last-child { padding-right: 40px; padding-bottom: 0}
	div.walkup div.caption {padding: 40px 0 0 40px}
	div.comm-block h2 { top: 40px; left: 40px}
	div.about-3 div.caption { max-width: 35%; padding-right: 70px;}

	p.subheadline { padding-bottom: 44px}

	div.transit-score span { font-size: 120px; margin-bottom: 20px;}
	div.transit-score p { font-size: 20px}
	div.transit-score div img { bottom: 36px}

	div.homecircle  { right: 40px}

	div.faq h6 { font-size: 20px; padding-top: 50px;}
	div.faq div p { font-size: 24px;}
	div.faq h6 span { height: 30px; }

	div.design-circle { padding-right: 40px}

}

@media only screen and (max-width: 1440px) {
	p.two-columns { columns: 1;}

	div.cultura-building { padding: 100px 40px}
	div.guy2-up img { margin-top: 0px; }
	div.guy2 { padding: 50px 40px 0 40px; }

		div.devmanage-band { gap: 30px; padding: 25px 30px; }
		div.devmanage-band div.title { font-size: 48px; }
		div.devmanage-band p { font-size: 18px; }
		div.devmanage-band a { width: 16vw;}

}

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


		body { font-size: 24px; }
		p { font-size: 24px; }
		h1 { font-size: 72px; }
		h1.smaller { font-size: 60px; }
		h2 { font-size: 72px; margin-bottom: 30px; }
		h2.smaller { font-size: 60px; margin-bottom: 25px; }
		h2.smallest { font-size: 44px; }
		h3 { font-size: 18px; margin-bottom: 30px; }
		p.large { font-size: 30px; }
		p.larger, div.vision p { font-size: 34px; }
		p.smaller, div.caption-design p { font-size: 18px; }

		a.btn { line-height: 40px;}

		section { padding: 0 40px; margin: 50px auto}
		section.full, section.masthead, section.max, section.flush { padding: 0}

		.margin-top-100, .margin-both-100 { margin-top: 50px !important}	
		.margin-bottom-100, .margin-both-100 { margin-bottom: 50px !important}	

		footer section { margin-bottom: 60px;}
		footer ul.footer-nav li > a { padding-left: 50px}

		nav { padding-top: 150px; }
		nav > div > ul > li > a { font-size: 34px;  padding: 12px 0px; }
		nav > div > ul > li > ul > li > a { display: block; font-size: 14px; padding: 12px 0px; }

		div.caption h1 img { max-width: 50%; margin: 0 auto; display: block}

		div.gallery-slides div.title { font-size: 20px;}
		div.gallery-slides div.size { font-size: 12px;}
		div.gallery-slides div.location { font-size: 16px;}
		div.design-tiles p { font-size: 14px; margin-bottom: 10px}
		div.design-tiles a.btn { margin-top: 40px;}
		div.social-area { padding: 80px 0}
		div.social-area div.grid.grid-4 > div { margin: 20px auto 50px}
		div.gallery button.slick-arrow { width: 40px; height: 26px;}

		div.grid-news div.caption { font-size: 20px; padding: 0 0 10px 10px}
		div.grid-news div.date { font-size: 12px; padding: 20px 0 10px}
		div.grid-news p { font-size: 18px}
		div.grid.spaced { width: calc(100% + 40px); margin-left: -20px}
		div.grid.spaced > div { padding: 0 20px; }

		div.model-stats > div { height: 80px}
		div.model-stats > div span { font-size: 20px;}
		div.floorplan-menu ul li a { font-size: 20px}
		div.floorplan-menu ul li a.active { font-size: 24px;}
		ul.levels li a { font-size: 20px; padding-bottom: 20px}
		div.floorplan > div:first-child { width: 320px; padding-right: 20px}
		div.floorplan > div:last-child { width: calc(100% - 320px);}
		div.floorplan-image { height: calc(var(--vh) * 100 - 100px)}
		div.flooplan-zoom { margin-top: 40px}
		div.flooplan-zoom a img { width: 60px;}

		div.caption-about { padding-left: 50px}
		div.caption-replied, div.custom-1 { padding: 0 50px;}
		div.caption-replied { max-width: 60%;}
		div.grid-contact { padding: 50px 0 0}

		div.quick-registration { padding: 0 45px;}
		div.quick-registration div.field > label { width: 150px; font-size: 24px; }
		div.quick-registration div.field div.checkbox label {}
		div.quick-registration div.casl { padding-right: 150px !important; padding-left: 150px}
		div.quick-registration div.casl button { line-height: 40px; padding: 0 25px; letter-spacing: 2px; }
		div.quick-registration div.field input[type="text"] { width: calc(100% - 150px); padding: 0 15px;}
		div.quick-registration *::-webkit-input-placeholder {  font-size: 12px}
		div.quick-registration *::-moz-placeholder  {  font-size: 12px }
		div.quick-registration *:-ms-input-placeholder  {  font-size: 12px }

		div.registration { padding: 50px 20px; }
		.select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 18px; }
		div.radios > label { width: 240px; font-size: 34px; line-height: 34px;}
		div.radios > div { width: calc(100% - 240px);padding-top: 5px}
		div.radios > div > div { margin-left: 20px; line-height: 34px;}
		div.radios > div > div label { font-size: 18px; line-height: 34px; padding-left: 40px; }
		div.radio label:before { width: 18px; height: 18px; border: 2px solid #fff; top: 8px}
		div.radio label:after { width: 18px; height: 18px; top: 8px; }
		div.registration div.casl { padding-right: 250px !important;}
		div.registration div.checkbox { padding-top: 20px}
		div.registration div.checkbox label { font-size: 12px; }
		div.registration div.casl button { line-height: 34px; padding: 0 20px; }
		div.registration *::-webkit-input-placeholder {  font-size: 16px; }
		div.contact-form *::-webkit-input-placeholder {  font-size: 16px; }
		div.registration *::-moz-placeholder  {  font-size: 16px; }
		div.contact-form *::-moz-placeholder  {  font-size: 16px; }
		div.registration *:-ms-input-placeholder  {  font-size: 16px; }
		div.contact-form *:-ms-input-placeholder  {  font-size: 16px; }
		div.contact-form div.checkbox label {  font-size: 12px; }
		div.contact-form div.casl button { font-size: 24px; line-height: 40px; margin-top: 20px; }

		div.cultura-building { padding: 70px 60px; }
		div.cultura-floorplan ul.levels li a div p { font-size: 16px;}
		div.cultura-score div.score { font-size: 48px;}
		div.cultura-score > div:nth-child(2) > div { padding-top: 100px}
		div.cultura-score > div:first-child > p { padding: 100px 70px}
		div.cultura-area { background-image: none;}
		div.cultura-score div.registration { padding: 20px 20px 40px 60px}


		div.homecircle { height: calc(70* var(--vh)); width: calc(70* var(--vh)); top: calc(15* var(--vh))}
		div.life-storeys div.slider { margin: 0 70px 0 auto; } 
		section.padded { padding: 100px 0 !important}
	   section.full { padding-left: 40px; padding-right: 40px; }
		h2 { font-size: 60px; margin-bottom: 30px;}
		h6  {font-size: 14px; margin-bottom: 30px;}
		p, div.footer-links p { font-size: 18px;}
		p.headline { font-size: 16px}
		div.footer-links b { font-size: 16px; margin-bottom:10px;}
		div.footer-links > div { padding: 0 40px;}
		footer div.logo { margin-bottom: 40px}
		div.social { margin: 0px auto 50px; gap: 30px}
		div.social a { font-size: 20px;}
		div.cultura-spec p {font-size: 20px}
		div.cultura-spec div.title { font-size: 18px; margin-bottom: 12px}
		
		a.btn3 { width: 32px; display: block}

		div.comm-blocks { margin-top: 50px;}

		div.life-storeys div.caption { padding-left: 20px; }

		header div.logo a { width: 200px; padding: 20px 0 0 20px;}
		header div.burger { top: 20px; right: 20px;}
		div.line-through p , div.about-2 div.caption, div.girls > div:first-child, div.design-circle > div:first-child { padding-left: 20px;}
		div.g3 > div:last-child, div.guy > div:last-child { padding-right: 20px; padding-bottom: 0}
		div.walkup div.caption {padding: 20px 0 0 20px}
		div.comm-block h2 { top: 20px; left: 20px}
		div.about-3 div.caption { max-width: 35%; padding-right: 40px;}

		p.subheadline { padding-bottom: 30px; margin-bottom: 30px;}

		div.transit-score span { font-size: 96px; margin-bottom: 20px;}
		div.transit-score p { font-size: 16px}
		div.transit-score div img { bottom: 33px}

		div.line-through p {font-size: 16px; top: -12px} 
		div.homecircle div p {font-size: 16px;     transform: translateY(calc(-50% - 12px));} 

		div.about-1 div.caption {padding-right: 40px; max-width: 500px}

		.design-circle img { top: 0}
		div.design-circle { padding-right: 20px; padding-bottom: 40px}

		div.guy > div:first-child { padding-left: 40px;}
		div.g1 > div { width: 45%;}
		div.g1 > div:first-child { width: 55%;}

		div.g2.levels {padding-left: 20px; padding-right: 50px; gap: 24px}

		div.two-columns, div.three-columns { column-gap: 50px;}

		div.faq h6 { font-size: 16px; padding-top: 40px;}
		div.faq div p { font-size: 18px;}
		div.faq h6 span { height: 24px; }
		div.faq img.line { margin: 50px auto}
		div.about-2 div.caption { position: relative; top: 0; transform: translateY(0%); padding: 200px 40px;}
		div.about-2 img { position: absolute; top: 0; left:0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: right bottom;}

		div.design-circle > div:first-child { padding: 0 50px 40px 40px;}
		
		div.g1 > div { width: 50%}
		div.g1 > div:first-child { width: 50%;}
		div.guy { padding-top: 50px; align-items: flex-end;}
		div.g1.guy > div:last-child > div { padding-bottom: 30px}

}

@media only screen and (max-height: 640px) {

		nav > div > ul > li > a { font-size: 28px; padding: 7px 0}
		nav > div > ul > li > ul > li > a { font-size: 14px; padding: 7px 0}
		header.active div.logo a { width: 120px; padding-top: 20px}
}


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

		body { font-size: 20px; }
		p { font-size: 20px; }
		h1 { font-size: 60px; }
		h1.smaller { font-size: 48px; }
		h2 { font-size: 60px; margin-bottom: 30px; }
		h2.smaller { font-size: 48px; margin-bottom: 25px; }
		h2.smallest { font-size: 36px; }
		h3 { font-size: 18px; margin-bottom: 30px; }
		p.large { font-size: 24px; }
		p.larger, div.vision p { font-size: 28px; }
		p.smaller, div.caption-design p { font-size: 16px; }

		div.progress-slider div.news-item { padding: 0 20px;}
		div.progress-slider div.news-item div.title { font-size: 16px;}
		div.progress-slider div.news-item div.date { font-size: 12px}

		div.grid.grid-pictures > div p { padding: 0 30px;}

		div.model-gallery .slick-slide > img { padding: 50px}
		div.model-gallery .slick-slide.slick-current > img { transform: scale(1.2);}
		div.model-gallery button.slick-arrow.slick-next { right: 10%}
		div.model-gallery button.slick-arrow.slick-prev { left: 10%}
		div.model-gallery ul.slick-dots { bottom: -10px}

		div.caption-design { width: 300px; padding: 30px}
		div.design-tiles { margin-top: 30px}
		div.design-tiles a.btn { margin-top: 20px;}

				div.gallery-index { margin-bottom: 50px}
				div.gallery-index + div.gallery-index { margin-top: -30px}

		footer section { padding: 0 20px; margin-bottom: 40px}
		footer div.logo { width: 80px;}
		footer ul.footer-nav { width: calc(100% - 80px); text-align: right;}
		footer ul.footer-nav li > a { padding-left: 25px;}
		footer ul.footer-nav li > div { padding-left: 10px;}
/*		footer div.copyright div { width: 100%!important; text-align: left !important; margin-top: 10px}*/
/*		footer div.copyright div { display: inline !important; width: auto !important; text-align: left; margin: 0 !important; padding: 0; font-size: 15px;}*/
/*		footer div.copyright div p { display: inline !important; width: auto !important; text-align: left; margin: 0; line-height: 1.5;}*/
		footer div.copyright div {width: 100px; padding-right: 20px}
		footer div.copyright div:last-child {width: calc(100% - 100px); padding-right: 0}

		div.cultura-building { padding: 50px 40px; }
		div.cultura-specs { margin-top: 60px}
		div.cultura-floorplan ul.levels li a div p { font-size: 12px;}

		div.floorplan-menu ul li { padding: 0 0 0 32px !important}
		div.floorplan-menu ul li a { padding: 0 !important}
		div.floorplan-menu ul li:first-child { padding-left: 0 !important}
		div.cultura-score div.score { font-size: 48px;}
		div.cultura-score > div:nth-child(2) > div { padding-top: 50px}
		div.cultura-score > div:first-child > p { padding: 50px 40px}
		div.cultura-score div.registration { padding: 20px 20px 40px 40px}

		div.form-anchor { padding: 0 20px;}
		#form-connect  { padding: 50px 20px;}
		div.caption-2024 { padding-left: 20px}

		div.devmanage-band { gap: 20px; padding: 20px 20px; }
		div.devmanage-band div.title { font-size: 36px; }
		div.devmanage-band p { font-size: 16px; }
		div.devmanage-band a { width: 15vw;}

}

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

		body { font-size: 18px; }
		p{ font-size: 18px; }
		h1 { font-size: 40px; }
		h1.smaller { font-size: 32px; }
		h2 { font-size: 40px; margin-bottom: 25px; }
		h2.smaller { font-size: 32px; margin-bottom: 20px; }
		h2.smallest { font-size: 24px; }
		h3 { font-size: 16px; margin-bottom: 20px; }
		h5 { font-size: 20px; }
		h6 { font-size: 14px; letter-spacing: 1px}
		p.large { font-size: 18px; }
		p.larger, div.vision p { font-size: 20px; }
		p.smaller, div.caption-design p { font-size: 14px; }

		section { padding: 0 20px; margin: 50px auto}
		section.full, section.masthead, section.max, section.flush { padding: 0}
		section.full { padding-left: 20px; padding-right: 20px}

		div.caption-about { padding-left: 20px}
		div.caption-replied, div.custom-1 { padding: 0 20px;}
		div.caption-replied { max-width: 60%;}
		div.grid-contact { padding: 40px 0 0}
		div.caption-flower { padding-top: 50px}

		header div.logo a { width: 150px; }
		header div.logo a span { font-size: 14px}
		header a.connect { top: 20px; right: 20px; font-size: 14px}
		header div.burger { top: 0; right: 0}

		footer div.logo { display: block; margin: 0 auto 30px;}
		footer ul.footer-nav { width: 100%; text-align: center;}
		footer ul.footer-nav li > a { padding: 0 12px; font-size: 12px}
		footer ul.footer-nav li:last-child  {width: 100%; text-align: center;display: block; }
		footer ul.footer-nav li > div { margin: 25px auto 0; width: 100%; text-align: center;display: block; padding: 0}
		footer ul.footer-nav li > div a { padding: 0 10px}
		footer div.copyright , footer div.copyright div, footer div.copyright p{ text-align: center; }
		footer div.copyright div {display: block; margin: 0 auto; padding: 0}
		footer div.copyright div:last-child {width: 100%; margin-top: 20px}

		div.caption-design { width: 30vw; padding: 20px}
		h2 + div.design-tiles { margin-top: 0}

		div.design-menu { margin: 30px auto 20px; padding-bottom: 10px}
		div.design-menu a { font-size: 12px;}
		div.design-menu a.active:after { bottom: -12px}
		div.design-tab > p { margin: 20px auto}
		div.grid-7 > div { max-width: 25%; margin-bottom: 40px}

		div.splitter.s50_50 > div, div.splitter.split-2 > div { width: 100%;}
		div.split-2 > div:first-child div.field:last-child { padding-right: 0}
		div.grid-news div.caption { color: #000; position: relative; bottom: 0; left: 0; padding: 0; margin: 20px auto 0px 0; font-size: 16px}
		div.grid-news p { font-size: 14px}
		div.grid.grid-2.grid-contact > div { display: block; width: 100%; margin-bottom: 40px}
		div.homes-slider { padding: 0 20px 20px}

		div.gallery button.slick-arrow.slick-next { right: 5%;}
		div.gallery button.slick-arrow.slick-prev{ left: 5%;}
		div.gallery button.slick-arrow { background-size: 40px 20px; width: 80px; height: 60px; }

		div.action-links { padding-top: 100px}
		div.caption-model { padding-top: 140px;}
		div.caption-model h1.smaller { margin-bottom: 10px}
		div.caption-model p { font-size: 20px}
		div.model-stats > div span { font-size: 12px}
		div.model-stats > div { height: 48px;}

		div.floorplan-menu ul li { padding: 0 0 0 20px !important}
		div.floorplan-menu ul li a { font-size: 14px; }
		div.floorplan-menu ul li a.active { font-size: 18px;}
		ul.levels { margin-bottom: 30px}
		ul.levels li a { font-size: 16px; padding-bottom: 20px}
		div.floorplan > div:first-child { width: 160px;}
		div.floorplan > div:last-child { width: calc(100% - 160px);}
		div.floorplan-image { max-height: 94vh; height: 600px}
		div.flooplan-zoom { margin-top: 30px}
		div.flooplan-zoom a { width: 30px; height: auto}

		div.video a.play-video { width: 40px}

		div.quick-registration { padding: 0 45px;}
		div.quick-registration div.field > label { width: 150px; font-size: 24px; }
		div.quick-registration div.field div.checkbox label {}
		div.quick-registration div.casl { padding-right: 150px !important; padding-left: 150px}
		div.quick-registration div.casl button { line-height: 40px; padding: 0 25px; letter-spacing: 2px; }
		div.quick-registration div.field input[type="text"] { width: calc(100% - 150px); padding: 0 15px;}
		div.quick-registration *::-webkit-input-placeholder {  font-size: 12px}
		div.quick-registration *::-moz-placeholder  {  font-size: 12px }
		div.quick-registration *:-ms-input-placeholder  {  font-size: 12px }

		div.registration { padding: 50px 20px; }
		.select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 14px; }
		div.radios > label { width: 170px; font-size: 24px; line-height: 24px;}
		div.radios > div { width: calc(100% - 170px);padding-top: 5px}
		div.radios > div > div { margin-left: 20px; line-height: 24px;}
		div.radios > div > div label { font-size: 18px; line-height: 34px; padding-left: 30px; }
		div.radio label:before { width: 18px; height: 18px; border: 2px solid #fff; top: 8px}
		div.radio label:after { width: 18px; height: 18px; top: 8px; }
		div.registration div.casl { padding-right: 150px !important;}
		div.registration div.checkbox { padding-top: 20px}
		div.registration div.checkbox label { font-size: 12px; }
		div.registration div.casl button { line-height: 34px; padding: 0 20px; top: 20px }
		div.registration *::-webkit-input-placeholder {  font-size: 14px; }
		div.contact-form *::-webkit-input-placeholder {  font-size: 14px; }
		div.registration *::-moz-placeholder  {  font-size: 14px; }
		div.contact-form *::-moz-placeholder  {  font-size: 14px; }
		div.registration *:-ms-input-placeholder  {  font-size: 14px; }
		div.contact-form *:-ms-input-placeholder  {  font-size: 14px; }
		div.contact-form div.checkbox label {  font-size: 12px; }
		div.contact-form div.casl button { font-size: 24px; line-height: 40px; margin-top: 20px; }

		div.design-suite { height: 380px;}
		div.design-suite > img { width: 100%; height: 100%; object-fit: cover;}

/*		section.full-screen > div.masthead > div.iframe { width: 100% !important; left: 0 !important; top: 60px !important; padding-bottom: 75% !important; height: 0!important}*/
		a.enable-sound { width: 160px; bottom: 40px !important; top: auto !important}

			div.community-filters a { line-height: 40px; font-size: 10px; font-weight: 500; letter-spacing: 1px; padding: 0 12px; }
			div.community-filters2 a { margin-bottom: 5px}
			div.cultura-banner p { font-size: 14px; letter-spacing: 1px; }
			div.cultura-banner h1 { margin: 25px auto 20px; font-size: 60px}
			div.cultura-banner br { display: none;}

			div.caption-gallery { padding-top: 20px; margin-bottom: 5px;}
			div.gallery > div { padding-bottom: 80px}
			div.gallery-index:last-child { margin-bottom: 0}

	div.cultura-specs { flex-direction: column}
	div.cultura-specs > div { width: 100% !important; max-width: 100% !important; padding-right: 0 !important} 
	div.cultura-spec { width: 100% !important; max-width: 100% !important; padding-right: 0 !important; margin-bottom: 50px} 
	div.cultura-spec.inactive { display: none;}
	div.cultura-building { padding: 50px 20px}
	div.cultura-spec div.title { font-size: 24px}
	div.cultura-spec p { font-size: 15px}
	div.cultura-spec a img { width: 30px}
	div.cultura-floorplan ul.levels li a div p { font-size: 10px;} 
	div.cultura-siteplan { flex-direction: column}
	div.cultura-siteplan div { width: 100%;}

		div.cultura-score div.score { font-size: 32px;}
		div.cultura-score > div:nth-child(2) > div { padding-top: 40px; padding-left: 20px}
		div.cultura-score > div:first-child > p { padding: 40px 20px}
		div.cultura-score div.registration { padding: 20px 20px 40px 20px}
		div.cultura-score { flex-direction: column}
		div.cultura-score > div{ width: 100%!important}
		div.waterfront:after { display: none;}
		div.waterfront h2 { top: auto; bottom: 20px; padding-left: 20px}
		div.cultura-score > div { order: 2} 
		div.cultura-score > div:nth-child(2) { order: 1} 

		div.homebanner-2024 { padding-bottom: 50px}
		div.homecircle { width: calc(100vw - 40px); right: 0px; height: calc(100vw - 40px); position: relative; top: 0; margin: 0 auto;}
		div.line-through { top: auto; transform: none; position: relative; padding: 50px 0; text-align: center;}
		div.line-through p { top: 0; text-align: center; position: relative;}
		section.full-screen { height: auto; background: url(/img/home/2024/bg-mobile.png) no-repeat center center; background-size: cover;}

		section.padded { padding: 60px 0 !important; }

		div.g1 { flex-direction: column-reverse;}
		div.g1 > div { width: 100% !important}
		div.g1 > div:last-child > div { padding: 30px 35px;}
		div.g1 > div:first-child { padding: 0 20px;}
		div.g1 > div:first-child img { margin: 0 auto}

		div.life-storeys { display: flex; flex-direction: column-reverse;}
		div.life-storeys > div { width: 100% !important; position: relative !important; top: 0 !important; transform: none !important; left: 0 !important; max-width: 100% !important}
		div.life-storeys > div:last-child { padding: 0 35px 35px}
		a.with-label p { width: 100%; text-align: center; left: 0; }
		a.with-label p:after { content:""; width: 100%; display: block; height: 8px; background: url(/img/home/2024/line.png) no-repeat center center; background-size: contain;}

		div.g2.levels { flex-direction: column;}
		div.g2.levels > div { width: 100% !important}

		div.walkup div.caption { position: relative; width: 100%; padding: 40px 35px 300px; }
		div.walkup > img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center;}
		a.vlog {display: block; ; max-width: 80%; margin: -180px auto 0}

		.form-black input[type="text"] { font-size: 16px; }
		.form-black textarea { font-size: 16px; }
		.form-black .select2-container--default .select2-selection--single { font-size: 16px; }
		.form-black .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 16px; }
		.form-black *::-webkit-input-placeholder {  font-size: 16px; }
		.form-black *::-moz-placeholder  {  font-size: 16px; }
		.form-black *:-ms-input-placeholder  {  font-size: 16px; }
		.select2-container--default .select2-selection--single .select2-selection__rendered { text-align: left;}
		.select2-results__option { font-size: 16px}
		#form-connect div.checkbox { padding-top: 20px}
		#form-connect div.checkbox { padding-right: 60px;}
		:root {
			  --default-input-font-size: 16px;
		}

		div.footer-links { flex-direction: column; gap: 40px}
		div.footer-links > div { width: 100%!important}
		div.footer-links > div:nth-child(2):before, div.footer-links > div:nth-child(2):after { display: none;}

		div.footer-logos { margin: 50px auto;}
		div.footer-logos img { width: 100%}
		footer { padding: 50px 0px 20px}
		footer div.logo { width: 120px}

		div.caption-2024 { bottom: 20px}
		div.caption-2024 p { font-size: 14px;}

		div.comm-block h2 { left: 10px; top: 10px}
		div.comm-block h2:after { width: 30px; height: 30px; margin-top: 10px}
		h6 { margin-bottom: 20px}
		h6 span { width: 30px; margin: 0 10px;}

		div.comm-block:last-child {margin-bottom: 0}
		.ui-datepicker-prev { left: -20px;}
		.ui-datepicker-next { right: -20px}

		div.about-1 { display: flex; flex-direction: column-reverse;}
		div.about-1 > div.caption { position: relative; width: 100%; max-width: 100%; padding: 40px 35px 50px; background: #000}
		div.about-2 div.caption { padding: 100px 35px}

		div.design-circle { flex-direction: column; padding: 50px 35px; gap: 40px;}
		div.design-circle > div { width: 100% !important; padding: 0 !important}
		div.swatches div.doubled, div.swatches div { width: 50%; height: 50vw;}

		div.designsuite1 { padding: 50px 35px; }
		div.designsuite1 div.g1 { gap: 40px }
		div.designsuite1 div.g1 > div > div { padding: 0 !important}

		div.two-columns, div.three-columns { columns: 1}

		div.g4 { flex-direction: column-reverse; padding-top: 50px}
		div.g4 > div { width: 100% !important}
		div.g4 > div p { margin-bottom: 30px}

		div.comm-description-2024 { margin: 50px auto}

		div.model-gallery-2024 .slick-list:after { width: 100%; left: 0; height: 40px}
		div.model-gallery-2024 button.slick-arrow.slick-prev, div.model-gallery-2024 button.slick-arrow.slick-next { font-size: 12px;; bottom: 10px !important;}
		div.model-gallery-2024 button.slick-arrow.slick-prev { left: 10px; }
		div.model-gallery-2024 button.slick-arrow.slick-next { right: 10px; }

		div.transit-score { padding: 50px 0 0}
		div.transit-score > div { left: 0; width: 100%; padding: 0 10px}
		div.transit-score span { font-size: 72px; margin-bottom: 10px}
		div.transit-score p { font-size: 12px; letter-spacing: 0}
		div.transit-score div img { bottom: 24px}

		p.headline { font-size: 14px; letter-spacing: 1px}

		div.guy2 { padding: 50px 30px 0 30px; }
/*		div.guy2 > div { max-width: 100%; filter: invert(1); padding-bottom: 200px}*/
/*		div.guy2 p { font-size: 30px}*/
/*		div.guy2 h6 { display: none;}*/
/*		div.guy2 h2 { font-size: 60px; margin-bottom: 65px}*/

		div.life-storeys div.slider { max-width: 240px !important; margin: 0 auto}
		img.hide-mobile { display: none;}
		div.homecircle div img.mobile-labels { display: block !important; width: calc(100% - 6px); top: 3px; left: 3px}

		div.devmanage-band { gap: 20px; padding: 50px 30px; flex-direction: column; position: relative;}
		div.devmanage-band div.title { font-size: 38px; }
		div.devmanage-band p { font-size: 18px; text-align: center;}
		div.devmanage-band a { width: 42vw;}

}

@media only screen and (max-width: 600px) {
	div.floorplan-menu ul li { padding: 0 0 0 10px !important;}
	div.floorplan-menu ul li a { font-size: 11px; }
	div.floorplan-menu ul li a.active { font-size: 12px; }
	div.action-links a {display: none;}
	div.action-links a:first-child {display: table;}

	header div.logo.pj a { width: 150px; }

	div.areamap { display: none;}
}
@media only screen and (max-width: 480px) {

/*section.full-screen { height: calc(100 * var(--vh));}*/
/*section.full-screen > div { display: block; width: 100%; height: 100%}*/


		body { font-size: 18px; }
		p{ font-size: 18px; }
		h1 { font-size: 32px; }
		h1.smaller { font-size: 32px; }
		h2 { font-size: 32px; margin-bottom: 25px; }
		h2.smaller { font-size: 28px; margin-bottom: 20px; }
		h2.smallest { font-size: 24px; }
		h3 { font-size: 16px; margin-bottom: 20px; }
		p.large { font-size: 16px; }
		p.larger, div.vision p { font-size: 18px; }
		p.smaller, div.caption-design p { font-size: 14px; }

			div.cultura-banner h1 { margin: 25px auto 20px; font-size: 52px}

	footer ul.footer-nav li > div { margin: 0px auto 0; }
	footer ul.footer-nav li:not(:last-child) { display: none;}
	footer section { margin-bottom: 20px}

	div.gallery-index > a { padding: 10px 20px; letter-spacing: 1px}

	div.caption-design { width: 70%;}
	div.caption-replied { position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; top:0 !important; max-width: 100%; text-align: center !important; padding: 40px 20px 20px}
	h2 br { display: none}

	div.progress-slider div.news-item { border: 0}
/*	section.full-screen > div.masthead >  div.news-slider, section.full-screen > div.homes-slider { padding: 20px}*/
	div.progress-slider div.news-item { padding: 0}

	div.social-area { padding: 50px 0}
	div.social-area div.social-icons { padding: 0 20px}
	div.social-area div.social-icons h2 { font-size: 30px; margin-bottom: 0}
	div.progress-slider > div:not(.progress-bar) { width: 100%; left: 0}

	div.caption-flower { height: 100%; background: rgba(255,255,255,.7)}

	div.grid.grid-2 > div  { display: block; width: 100%;}
	div.grid.grid-pictures > div { max-height: 100vw;}
	div.custom-1 { padding: 40px 20px 20px; text-align: center;}

	div.design-menu a { font-size: 10px;}
	div.grid.grid-8 > div, div.grid.grid-7 > div, div.grid.grid-4 > div { width: 50%; max-width: 50%; margin-bottom: 40px}
	
	
	div.progress-slider button.slick-arrow.slick-next {    left: calc(100% - 25px);} 
	div.progress-slider button.slick-arrow.slick-prev {    left: calc(100% - 75px);} 
	div.progress-bar {    width: calc(100% - 100px);} 

/*	div.caption-model { background: rgba(255,255,255,0.7); padding-bottom: 30px}*/
	div.caption-model { position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; top:0 !important; max-width: 100%; text-align: center !important; padding: 40px 20px 20px}
	#model div.caption.bottom.left { position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; top:0 !important; max-width: 100%; text-align: center !important; }
	div.grid.grid-pictures > div p { padding: 0 20px; text-align: center;}
	div.floorplan-menu ul li a { font-size: 12px; padding: 0 25px;}
	div.floorplan-menu ul li a.active { font-size: 14px; }
	div.action-links a {display: none;}
	div.action-links a:first-child {display: table;}

	div.floorplan > div:first-child { width: 100%;}
	div.floorplan > div:last-child { width: 100%;}
	ul.levels { font-size: 0; margin-bottom: 20px}
	ul.levels > li { display: inline-block; vertical-align: top; width: auto}
	ul.levels li a { text-decoration: none; padding: 0 5px; font-size: 11px}
	div.flooplan-zoom { margin: 0; text-align: left;}
	div.flooplan-zoom a { display: inline-block; vertical-align: top; margin-right: 20px}
	div.floorplan-image > img { margin: 0 auto auto}

	.cultura-floorplan ul.levels > li { display: block; width: 100%; margin-bottom: 30px}

	div.model-gallery .slick-slide.slick-current > img { transform: none;}
	div.model-gallery .slick-slide > img { padding: 0}
	div.model-gallery button.slick-arrow { width: 24px; height: 24px;}
	div.model-gallery button.slick-arrow.slick-next { right: 20px}
	div.model-gallery button.slick-arrow.slick-prev { left: 20px}
	div.model-gallery ul.slick-dots li button { width: 20px;}

	div.quick-registration { padding: 0 20px;}
	div.quick-registration div.field > label { width: 100%; font-size: 24px; text-align: center; margin-bottom: 20px}
	div.quick-registration div.field div.checkbox label {}
	div.quick-registration div.casl { padding-right: 150px !important; padding-left: 0px; margin-top: 20px}
	div.quick-registration div.casl button { line-height: 40px; padding: 0 25px; letter-spacing: 2px; }
	div.quick-registration div.field input[type="text"] { width: 100%; padding: 0 15px; line-height: 40px; min-height: 40px; }
	div.quick-registration *::-webkit-input-placeholder {  font-size: 12px}
	div.contact-form *::-webkit-input-placeholder {  font-size: 12px}
	div.quick-registration *::-moz-placeholder  {  font-size: 12px }
	div.contact-form *::-moz-placeholder  {  font-size: 12px }
	div.quick-registration *:-ms-input-placeholder  {  font-size: 12px }
	div.contact-form *:-ms-input-placeholder  {  font-size: 12px }

	div.community-filters a { line-height: 32px; font-size: 9px; letter-spacing: 0px; padding: 0 10px; }

	div.cultura-floorplan ul.levels li a.active img { max-width: 200px; margin: 0 auto 30px 0}
	div.fp-tools, div.flooplan-zoom { display: none;}

	div.caption-model.caption-cultura {background-color: #222;}
/*	div.caption-model.caption-cultura * { color: #000}*/
	div.caption-model.caption-cultura { padding-top: 40px; padding-bottom: 40px; }
	div.caption-model.caption-cultura h2 { font-size: 20px}
	div.caption-model.caption-cultura p {letter-spacing: 1px; font-size: 14px; margin-bottom: 0}

	div.model-list > div { width: 50%; margin: 0 auto 100px; padding: 0 10px; }
	div.model-list div.news-item div.title { font-size: 18px;}
	div.model-list div.news-item div.date { line-height: 1.5;}

}
 @media only screen and (max-width: 380px) {
	div.floorplan-menu ul li a { font-size: 10px; }
	div.floorplan-menu ul li a.active { font-size: 11px; }
	div.action-links a {display: none;}
	div.action-links a:first-child {display: table;}
}