/* FONTS

font-family:'Stem W01 Light';
font-family:'Stem W01 Regular';
font-family:'Stem W01 Medium';
font-family:'Stem W01 Bold';


font-family:'Baskerville W01 Regular_705699';
font-family:'Baskerville W01 Medium_705693';
font-family:'BaskervilleMTW01-Roman';
font-family:'Baskerville MT W01 It';

font-family:'Avenir LT W01_45 Book1475508';

font-family:'Helvetica LT W01 Light';
font-family:'Helvetica LT W01 Roman';

font-family: 'ikaros_sansregular';

font-family:'Georgia W01 Italic';
*/

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

}

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


/* theme */
body {	font-family:'Stem W01 Regular';overflow-x: hidden; padding-bottom: 0px !important; background-color: #f6f6f6}
#container { overflow: hidden; max-width: 1280px;}
header, footer, #mainbody { display: block; max-width: 100%; margin: 0 auto; width: 100%; left: 0; position: relative}
footer { background-color: #fff; position: relative!important}
#mainbody  { background-color: #fff; position: relative; z-index: 2;}
section { max-width: 100%; position: relative; max-width: 1280px;}
footer section { max-width: 1280px; }
div.row {max-width: 100%;}



/*HEADER*/
header { width: 100%; display: block; position: fixed; z-index: 3; height: 100px; background: rgba(0,0,0,.75); z-index: 5; top: 0; left: 0; font-size: 0; left: 0}
nav { display: inline-block; font-size: 0; position: relative; vertical-align: middle; height: 100%}
header.smaller { height: 80px;}
header div.logo { display: inline-block; height: 120px; position: relative; vertical-align: middle;}
header.smaller div.logo { height: 80px;}
header div.logo img { display: block; width: 80px; height: auto; margin: 14px auto ; }
/*header.smaller div.logo img { margin: 12px 80px 0 45px; width: 60px}*/
nav ul { display: inline-block; font-size: 0; vertical-align: bottom; padding-top: 20px;  padding-bottom: 40px;}

nav ul li { display: inline-block; }
nav ul li a { display: block; padding-right: 40px; line-height: 24px; font-family:'Stem W01 Regular'; font-size: 12px; letter-spacing: 4px; color: #fff; transition: all .2s ease-out}
/*ul.menu-1 { margin-right: 60px}*/

div.burger { position: fixed; width: 27px; height: 27px; cursor: pointer; display: none; top: 35px; left: 20px; z-index: 100;}
div.burger div { display: block; width: 27px; position: absolute; top: 11px; left: 0px; background:rgba(255, 255, 255, 1); height: 2px; border: 0;}
div.burger:after { display: block; width: 27px; position: absolute; top: 11px; left: 0px; background:rgba(255, 255, 255, 1); height: 2px; border: 0; content: ""}
div.burger div:before { content: ""; display: block; width: 27px; position: absolute; top: -11px; left: 0px; background:rgba(255, 255,255, 1); height: 2px; border: 0;}
div.burger div:after { content: ""; display: block; width: 27px; position: absolute; top: 11px; left: 0px; background:rgba(255, 255, 255, 1); height: 2px; border: 0;}
div.burger.active div:before, div.burger.active div:after { display: none; }
div.burger.active div { transform: rotate(45deg); transition: transform .2s ease-out;width: 24px}
div.burger.active:after { transform: rotate(-45deg); transition: transform .2s ease-out;width: 24px}

section.masthead { width: 100%; display: block; position: relative; height: 0; padding-bottom: 56.25%; background: #bbb; }
section.masthead div.logo { width: 50%; display: block; position: absolute; left: 0; top: 0; height: 100%; background: url(/img/bg1.png) no-repeat center center; background-size: cover; }
section.masthead div.logo div { width: 100%; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); margin-top: 60px;}
section.masthead div.logo p { font-family: georgia;; font-style: italic;font-size: 30px; color: #fff; display: block; width: 100%; text-align: center; padding: 30px 0 16px}
section.masthead div.logo h6 { font-family:'Stem W01 Bold'; font-size: 14px; letter-spacing: 5px; display: block; width: 100%; text-align: center; padding-bottom: 30px; color: #fff; line-height: 1.4; font-weight: normal}
section.masthead div.logo div img { display: block; margin: 0 auto 0px; width: 280px; max-width: 80%; height: auto;}
div.hatgirl { width: 50%; display: block; position: absolute; right: 0; top: 0; height: 100%;}
div.hatgirl img { width: 100%; display: block; height: auto}
div.hatgirl div.tagline { display: block; position: absolute; right: 30px; top: 45px; color: #fff; font-family: 'milton_two_boldregular'; font-size: 48px; letter-spacing: 1px}
a.button { display: table; font-size: 14px; color: #002a28; background-color: #fff; line-height: 42px; padding: 0 15px; margin: 0 auto; font-family:'Stem W01 Bold'; letter-spacing: 3px}
a.button:hover { background-color: #000; color: #fff;}
a.button.black { background-color: #002a28; color: #fff; }
a.button.black:hover { background-color: #fff; color: #000; }
a.button.blacker { background-color: #000; color: #fff; }
a.button.blacker:hover { background-color: #fff; color: #000; }
a.button.green { background-color: #78a22f; color: #fff; font-size: 12px; line-height: 40px; }
a.button.orange { background-color: #d74d31; color: #fff; font-size: 12px; line-height: 40px; }
a.button.point { background-color: transparent; color: #fff; font-size: 12px; line-height: 50px; border: 1px solid #ccac5b; font-family:'Stem W01 Regular';letter-spacing: 7px; padding: 0 30px;}
a.button.point:hover { background-color: #ccac5b; color: #000}

div.point-rendering { width: 519px; left: 0; position: absolute; top: 0; height: 100%; overflow: hidden ; background: url(/img/home/banner-point-rendering.jpg) no-repeat center center; background-size: cover;} 
div.point-caption { width: 761px; position: absolute; top: 0; right: 0; height: 100%; background: url(/img/home/bg-point.png) no-repeat center center; background-size: cover;}
div.point-caption > div { width: 100%; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); margin-top: 60px; text-align: center; }
div.point-caption > div img { margin: 0 auto; width: 407px; max-width: 80%; display: block}
div.point-caption h6 { font-family:'Stem W01 Light'; font-size: 30px; letter-spacing: 7px; display: block; width: 100%; max-width: 330px; text-align: center; padding: 0px; color: #fff; line-height: 1.2; font-weight: normal; text-transform: uppercase; margin: 50px auto 15px;}
div.point-caption p { font-family:'Stem W01 Light'; font-size: 16px; line-height: 1.4; color: #ccac5b; font-family: Georgia; font-style: italic; margin: 0 auto 25px; display: block; max-width: 200px}

/*FOOTER*/
section.footer { width: 100%; position: relative; display: block; margin-top: 50px;}
div.map-holder { width: 100%; height: 500px; position: relative; display: block; left: 0; top: 0}
div.mapholder2 { width: 100%; height: 0px; position: relative; display: block; left: 0; top: 0; padding-bottom: 56.25%;}
#kmlmap { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0}
div.contact { width: 100%; position: relative; display: block; right: 0; top: 0; background: #fff; padding: 0px 20px; text-align: center; margin: 0 auto;}

footer h3 { font-family:'Stem W01 Bold'; font-style: normal; font-size: 14px; color: #000; letter-spacing: 3px; display: block; width: 100%; text-align: center; padding: 20px 0 0px; line-height: 1; text-transform: uppercase;}
ul.contact-info { display: block; width: 100%; text-align: center; margin: 30px auto 25px;}
ul.contact-info li { display: inline-block; width: 260px; text-align: center; font-size: 14px; font-family:'Avenir LT W01_45 Book1475508'; color: #000; line-height: 1.5 }
ul.contact-info li a { font-size: 14px; font-family:'Avenir LT W01_45 Book1475508'; color: #000;}

#gmap { position: absolute; width: 100%; height: 100%; top: 0; left: 0}

footer { padding-top: 35px; position: fixed; bottom: 0; left: 0; max-width: 100%; width: 100%; text-align: center;}
a.footer-logo img { width: 180px; margin: 0px auto 25px; display: block;}
div.footer-logo-top img { width: 140px; margin: 0px auto 50px; display: block;}
ul.social { text-align: center; display: block; margin: 0 auto 40px;}
ul.social li { text-align: center; display: inline-block; margin: 0;}
ul.social li a { text-align: center; display: block; padding: 0 20px;}
ul.social li img { display: block; height: 17px; width: auto;}

div.copyright  {text-align: center; position: static; display: block; width: 100%; padding: 0px 20px 35px}
	div.copyright p {  color: #000; font-size: 12px; font-family:'Stem W01 Light'; line-height: 1.5}
div.copyright a {  color: #000; font-size: 12px; font-family:'Stem W01 Light';}


/*LAYOUT*/
article { padding-top: 100px;}
article section.content:first-child { margin-top: 0}

h1  { line-height: 1; display: block; width: 100%; text-align: center; font-family:'Stem W01 Regular'; font-size: 32px; letter-spacing: 7px; color: #000; margin: 0 0 38px 0; padding: 0; font-weight: normal}
h2  { line-height: 1; display: block; width: 100%; text-align: center; font-family:'Baskerville MT W01 It'; font-size: 28px; letter-spacing: 1px; color: #000; margin: 0 0 30px 0; padding: 0; font-weight: normal; position: relative; }
h4  { line-height: 1; display: block; width: 100%; text-align: center; font-family:'Stem W01 Medium'; font-size: 18px; letter-spacing: 3px; color: #000; margin: 0 0 0px 0; padding: 0; font-weight: normal; text-transform: uppercase;}
h5  { line-height: 1; display: block; width: 100%; text-align: center; font-family:'Georgia'; font-size: 48px; color: #000; margin: 0 0 40px 0; padding: 0; font-weight: normal; font-style: italic}

h1+h2 { margin-top: -28px; }

h1.peak { line-height: 1; display: block; width: 100%; text-align: center; font-family: 'milton_two_boldregular'; font-size: 96px; letter-spacing: 1px; color: #000; margin: 0 0 20px; padding: 0; font-weight: normal}
h2.peak { line-height: 1; display: block; width: 100%; text-align: center;font-family:'Stem W01 Bold'; font-size: 16px; letter-spacing: 3px; color: #000; margin: 0 0 20px; padding: 0; font-weight: normal}

h1.small { font-size: 24px; letter-spacing: 1px}

em  {font-style: normal; font-family:'Baskerville MT W01 It';}

section.content { margin: 100px 0; text-align: center;}
section.content p { max-width: 960px; padding: 0 20px; display: block; text-align: center; font-size: 16px; color: #000; font-family:'Avenir LT W01_45 Book1475508'; line-height: 2; margin: 0 auto 40px; }

section.banner, section.dual840 { width: 100%; display: block; margin: 0 auto; max-width: 100%; position: relative; font-size: 0}
section.banner img { width: 100%; display: block; margin: 0 auto;}
section.banner .lumina-banner{
	background-image: url(/img/lumina/homebanner-bg.jpg);
	min-height: 530px;
	background-size: cover;
	background-position: 50% 50%;
	
}
section.banner .lumina-banner img.logo{
	width: 60vw;
	max-width: 482px;
}
section.banner .lumina-banner div.caption p{
	display: block;
    width: 100%;
	margin: 60px auto ;
	    text-align: center;
    font-size: 32px;
    font-family: Georgia;
    color: #fff;
    font-style: italic;
}
section.banner div.caption { width: 100%; display: block; margin: 0 auto; position: absolute; bottom: 0; right: 0px; text-align: right; padding-bottom: 20px}
section.banner div.caption h1 {
	text-indent: 7px;
}
section.banner .footnote {
   position: absolute;
   left: auto;
   right: 17px;
   bottom: 12px;
   height: auto;
   width: auto;
   font-family:'Avenir LT W01_45 Book1475508';
   font-size: 12px;
   color: #fff;
   z-index: 11;
}

section.banner div.caption.middle { bottom: auto; top: 50%; text-align: center; }
section.banner div.caption.centered { bottom: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); }
section.top-banner div.caption.middle { margin-top: 60px;  }
section.top-banner div.caption.left { right: auto; left: 50px;}
section.top-banner div.caption.top { bottom: auto; top: 50px;}
div.caption.top { bottom: auto; top: 50px;}
section.banner div.caption p { width: 100%; display: block; margin: 0 0 0 auto; text-align: right; color: #fff;  font-family:'Stem W01 Light'; font-size: 12px ; max-width: 740px;}

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

section.floorplans { max-width: 1320px; margin: 0 auto; padding: 0 20px}

section.tighter { margin: 50px 0}
section.tighter-top { margin: 50px 0 100px}
section.tighter-bottom { margin: 100px 0 50px}
section.inner-navigation { margin: 60px auto 10px; text-align: center;}
section.narrow { max-width: 1280px;}

section.content p.peak { font-size: 18px; font-family: georgia;;  line-height: 1.5}


.margin-top-100 { margin-top: 100px !important}
.margin-top-50 { margin-top: 50px !important}
.margin-top-0 { margin-top: 0px !important}

.margin-bottom-100 { margin-bottom: 100px !important}
.margin-bottom-50 { margin-bottom: 50px !important}
.margin-bottom-0 { margin-bottom: 0px !important}

legend { position: absolute; z-index: 2; left: 30px; top: 30px; display: block;}
legend.project { font-size: 18px; color: #fff; font-family:'Stem W01 Medium'; letter-spacing: 3px; line-height: 1.1}
legend.project small { font-family:'Baskerville MT W01 It'; letter-spacing: 0px; }
legend.dark { color: #000}

img.centered { display: block; margin: 0 auto;}
img.elad-large { width: 100%; max-width: 610px; height: auto;}

section.dual840 > div { display: block; width: 50%; height: 0; position: relative; padding-bottom: 65.625%; display: inline-block;}
section.dual840 > div > img { display: block; width: 100%; height: auto; position: absolute; top: 0; left: 0;}
section.dual840 div.half-height {width: 100%; height: 0; padding-bottom:  65.625%; position: relative; display: block;}

section.margin-bottom { margin-bottom: 100px;}

.baskerville { font-family:'BaskervilleMTW01-Roman'; }
.baskerville-it { font-family:'Baskerville MT W01 It'; }
.baskerville62 { font-size: 62px; color: #fff; font-family:'BaskervilleMTW01-Roman'; letter-spacing: 7px}

.block { display: block; }
.table { display: table; }
a.green-link { color: #77a02d !important}
.line-spacing-150 { line-height: 1.5}
.line-spacing-175 { line-height: 1.75}
.line-spacing-200 { line-height: 2}

.white { color: #fff!important}
.dark { color: #000!important}

.size8 { font-size: 8px;}
.size16 { font-size: 16px;}
.size24 { font-size: 24px;}
.size48 { font-size: 48px;}

.letter-5 { letter-spacing: 5px;}
.letter-3 { letter-spacing: 3px;}

img.inner-logo { display: block; margin: 0 auto;}

ul.comm-menu { display: block; width: 100%; font-size: 0; text-align: center; margin: 50px auto 0px;}
ul.comm-menu li { display: inline-block; text-align: center; vertical-align: top;}
ul.comm-menu li a { display: block; text-align: center; padding: 0 20px; text-transform: uppercase;vertical-align: top;}

ul.grid-4 { width: calc(100% + 20px); display: block; text-align: center; font-size: 0px; position: relative}
ul.grid-4 li { width: 25%; display: inline-block; text-align: center; padding: 0 20px 0 0px; position: relative; vertical-align: top;}
ul.grid-4 li:last-child { width: 25%; }

ul.grid-3 { width: calc(100% + 20px); display: block; text-align: center; font-size: 0px; }
ul.grid-3 li { width: 33.33%; display: inline-block; text-align: center; padding: 0 20px 0 0; position: relative; vertical-align: top;}
ul.grid-3 li:nth-child(2) { width: 33.34%; }

ul.grid-3b { width: calc(100% + 20px); display: block; text-align: center; font-size: 0px; }
ul.grid-3b li { width: calc(33.33% - 20px); display: inline-block; text-align: center; padding: 0 0px 0 0; position: relative; vertical-align: top; margin-right: 20px; margin-bottom: 20px}

div.short-disclaimer { max-width: 340px; line-height: 1.25}

/*REGISTRATION*/
section.registration {  display: block; width: 100%;  text-align: center; padding: 0px 20px 100px; }
section.registration * {  color: #000}
section.registration form {  display: block; width: 100%; margin: 0 auto; max-width: 720px; overflow: hidden;}
div.form-row {  display: block; width: calc(100% + 20px); padding-right: 20px; font-size: 0; padding-bottom: 20px}
div.form-left {  display: inline-block; width: calc(100% - 140px); vertical-align: middle; text-align: left; padding-top: 34px}
div.form-right {  display: inline-block; width: 140px; vertical-align: middle; text-align: right;}

form.ambassador div.form-row { padding-right: 0}
form.ambassador div.form-row  p { display: block; width: 100%; text-align: center; padding-left: 20px; padding-right: 20px}

input[type="text"], input[type="email"], input[type="password"] { border: 0; border: 1px solid #c3c3c3; width: calc(50% - 10px); display: inline-block; line-height: 40px;  display: inline-block; color: #000; font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px; margin-right: 0px; padding: 0 20px; min-height: 40px; background: none}
#BrokerCompany { display: inline-block; width: 140px; font-size: 20px; line-height: 28px; min-height: 28px; margin-left: 30px; text-align: center; visibility: hidden}
div.form-row input:nth-child(2) { margin-left: 20px}
input[type="submit"] { border: 0; line-height:40px;  display: table; font-size: 16px; font-family:'Stem W01 Regular'; letter-spacing: 5px; background: transparent; color: #000; min-height: 40px; padding: 0 20px; border: 3px solid #000;}
input.green[type="submit"] { border: 0px; background-color: #77a02d ; color: #fff; letter-spacing: 3px; font-size: 12px; margin: 10px auto 0;}
input.orange[type="submit"] { border: 0px; /*background-color: #d74d31*/ background-image: url(/img/home/border-gold.jpg); color: #fff; letter-spacing: 3px; font-size: 12px; margin: 10px auto 0;}
input.orange[type="submit"]:hover { background-color: #000 ;}

div.skin-checkbox { display: block; max-width: 90%;}
div.skin-checkbox label { color: #000; font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px;   padding-left: 50px}
div.skin-checkbox input[type="checkbox"]:checked + label:before {     background-image: url(/lib/img/dark/checkmark.svg); }
div.skin-checkbox label:before { width: 30px; height: 30px; border: 1px solid #000; background: transparent;}
div.form-communities { display: block; text-align: center; width: 100%; }
div.form-communities div.skin-checkbox { display: inline-block; text-align: left; width: 25%}
div.form-communities div.skin-checkbox label { line-height: 22px; padding-left: 30px}
div.form-communities div.skin-checkbox label:before { width: 20px; height: 20px; }

div.broker-options { display: block;width: 100%; padding: 35px 0px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}
div.form-row div.half { display: inline-block; width: 50%; vertical-align: top; text-align: left}
div.broker-options div.skin-checkbox { display: inline-block}
div.broker-options div.skin-checkbox label { line-height: 22px; padding-left: 30px }
div.broker-options div.skin-checkbox label:before { width: 20px; height: 20px; }
div.form-row h6 { font-family:'Stem W01 Medium'; color: #000; font-size: 14px; letter-spacing: 3px; display: block; width: 100%; text-align: center; margin: 20px 0 10px 0}

div.skin-radio { margin-left: 20px; }
div.skin-radio label { color: #000; font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px;  line-height: 24px; padding-left: 33px}
div.skin-radio label:before { border: 2px solid #000; border-radius: 14px; width: 14px; height: 14px; padding: 3px;}
div.skin-radio label:after { width: 12px; height: 12px; background-color: #000; content: ""; font-size: 0px; border-radius: 12px; position: absolute; left: 6px; top: 6px; display: none;}
div.skin-radio input:checked+label:after { display: block;}

div.form-left div.form-row {  padding-bottom: 30px}
div.form-row > label {  color: #000;  font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px; line-height: 26px; opacity: .5}

*::-webkit-input-placeholder { line-height: 40px; color: #000; font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px; text-transform: none; opacity: .5}
#BrokerCompany::-webkit-input-placeholder { font-size: 15px; line-height: 24px;}
*.missing::-webkit-input-placeholder {  color: #ff3300; }
*:-moz-placeholder { line-height: 40px; color: #000; font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px; text-transform: none; opacity: .5}
#BrokerCompany:-moz-placeholder { font-size: 15px; line-height: 24px;}
*.missing:-moz-placeholder {   color: #ff3300;  }
*:-ms-input-placeholder { line-height: 40px; color: #000; font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px; text-transform: none; opacity: .5}
#BrokerCompany:-ms-input-placeholder { font-size: 15px; line-height: 24px;}
*.missing:-ms-input-placeholder { color: #ff3300;  }
p.reveal-response {     color: #000;    text-align: center; margin-top: 20px;  text-transform: none; font-size: 16px;}

select { display: inline-block; width: calc(50% - 10px); background: none;}
.select2-container { outline: none; width: calc(50% - 10px);  display: inline-block; height: 40px;background: none; margin-left: 20px; vertical-align: top}
.select2-container .select2-selection--single {height: auto; padding: 0; outline: none; text-align: left; }
.select2-container--default .select2-selection--single { border-radius: 0px; border: 0; border: 1px solid #c3c3c3; background-color: transparent; font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px; color: #000; padding: 0; outline: none; position: relative; text-align: left;padding-left: 20px}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1; color: #000; outline: none;  padding-left: 0px; line-height: 40px; height: 40px; padding: 0px 0px; margin: 0; display: inline-block; text-align: left; vertical-align: middle; opacity: .5}
.select2-container--default .select2-selection--single .select2-selection__arrow { outline: none; position: absolute; display: block; border: 0; width: 16px; height: 9px; vertical-align: middle; right: 10px; top: 15px; background: url(/img/arrow-down.svg) no-repeat center center; z-index: 3; background-size: cover; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none;}
ul.select2-results__options li { font-size: 24px; color: #000;  font-family:'Avenir LT W01_45 Book1475508'; font-size: 15px; line-height: 40px; text-align: left;}
ul.select2-results__options li:hover { background-color: #c3c3c3 !important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #000}
.select2-container--default .select2-search--dropdown .select2-search__field { font-family:'Avenir LT W01_45 Book1475508' !important; font-size: 15px !important; color: #000 !important;;  border: 0; border-bottom: 1px solid #000 !important;}
.select2-dropdown { border: 1px solid #ececec !important; margin-left: -20px; border: 1px solid #c3c3c3; }
.select2-container--default .select2-results>.select2-results__options { max-height: 40em !important;} 
ul.select2-results__options li { line-height: 48px; padding: 0 0px 0 20px; } 
ul.select2-results__options li:hover { background-color: #fff} 
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fff; color: #000; border: 0;}

div.full-disclaimer { padding: 35px 0px;}
div.full-disclaimer label { text-align: left; width: 100%; font-family:'Avenir LT W01_45 Book1475508'; color: #000; font-size: 12px}
ul.entities { width: 100%; font-size: 0; margin: 10px 0px; padding-left: 50px}
ul.entities li { width: 33.33%; text-align: left; font-size: 12px; font-family:'Avenir LT W01_45 Book1475508'; color: #000; display: inline-block; line-height: 1.5}
div.full-disclaimer p { width: 100%; display: block; text-align: left; font-size: 12px; font-family:'Avenir LT W01_45 Book1475508'; color: #000; line-height: 1.5; padding-left: 50px}


/* GENERIC  */
section.community {  background: url(/img/mall.jpg) no-repeat center center; background-size: cover; width: 100%; height: 72vw; max-height: 720px; margin-bottom: 0; margin-top: 0}
section.community * {  color: #fff !important}
section.community div {  width: 100%; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); }

section.content + section.communities { margin-top: -70px}
section.communities { display: block; max-width: 900px; margin: 0px auto; padding: 50px 30px 0; width: 100%;}
section.communities ul { display: block; width: 100%; text-align: center; font-size: 0}
section.communities ul li { display: inline-block; width: 33.33%; padding: 0 20px; vertical-align: top; margin-bottom: 50px }
section.communities ul li div.thumb { display: block; width: 100%; position: relative;}
section.communities ul li div.thumb img.rendering { display: block; width: 100%; height: auto;}
section.communities ul li div.thumb img.logo { display: block; position: absolute; max-width: 80%; height: auto; }
section.communities ul li div.thumb p { display: block; position: absolute; padding: 20px 30px; width: 100%; text-align: left; color: #fff; font-size: 18px; line-height: 1.25; font-family: Georgia; font-style: italic; top: 0; left: 0}
section.communities ul li.dreamtower div.thumb p { text-align: right}
section.communities ul li.peak img.logo { width: 38%; top: 15%; left: 7%;}
section.communities ul li.park img.logo { width: 38%; top: 15%; left: 11%;}
section.communities ul li.fifth img.logo { width: 38%; top: 30%; right: 8%;}
section.communities ul li.point img.logo { width: 42%; top: 4%; left: 5%;}
section.communities ul li.colours img.logo { width: 66%; bottom: 10%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);}
section.communities ul li div.info h3 { font-family: georgia;; font-style: italic;font-size: 20px; color: #000; display: block; width: 100%; text-align: center; padding: 20px 0 10px; line-height: 1;}
section.communities ul li div.info h6 {  font-family:'Stem W01 Bold'; font-size: 13px; letter-spacing: 3px; display: block; width: 100%; text-align: center; padding-bottom: 20px; color: #000; line-height: 1.4; font-weight: normal}
section.communities ul li div.info p {  font-family:'Stem W01 Regular'; font-size: 13px; color: #000; display: block; width: 100%; text-align: center; padding-bottom: 25px;}
section.communities  a.button  {background-color: #000; color: #fff}

section.banners  { width: 100%; display: block; margin: 0 auto; max-width: 100%; position: relative; margin-top: 50px}
section.banners ul { width: 100%; display: block; margin: 0 auto; font-size: 0; line-height: 0; }
section.banners ul li { width: 50%; display: inline-block; margin: 0 auto; height: 0; padding-bottom: 25%; position: relative;}
section.banners ul li img { width: 100%; display: block; position: absolute; top: 0; left: 0; height: auto}

section.fairview { width: 100%; display: block; margin: 0 auto; max-width: 100%; position: relative; background: url(/img/fairview-bottom.jpg) no-repeat right top; background-size: cover; margin-top: -1px;}
section.fairview div { width: 25%; display: block; margin: 0 auto 0 0; position: relative; background: url(/img/fairview-bg.png) #eff3f4 no-repeat center bottom; padding: 30px 48px 240px; min-width: 320px}
section.fairview h3 { font-family: georgia;; font-style: italic; font-size: 48px; color: #000; display: block; width: 100%; text-align: center; padding: 20px 0 10px; line-height: 1;}
section.fairview p {  font-family:'Stem W01 Regular'; font-size: 14px; color: #000; display: block; width: 100%; text-align: center; padding-bottom: 25px; line-height: 2}
section.fairview a.button  {background-color: #000; color: #fff}

div.community-blurb { position: absolute; width: 40%; right: 15%; bottom: 5%; text-align: center; display: block;}
div.community-blurb h3 { font-family: georgia;; font-style: italic; font-size: 48px; color: #000; display: block; width: 100%; text-align: center; padding: 20px 0 10px; line-height: 1;}
div.community-blurb p {  font-family:'Stem W01 Regular'; font-size: 14px; color: #000; display: block; width: 100%; text-align: center; padding-bottom: 25px; line-height: 2}
div.community-blurb a.button {  background-color: #000; color: #fff}

div.transportation-blurb { position: absolute; width: 66%; left: 50%; top: 5%; text-align: center; display: block; transform: translateX(-50%); -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);}
div.transportation-blurb h3 { font-family: georgia;; font-style: italic; font-size: 48px; color: #fff; display: block; width: 100%; text-align: center; padding: 20px 0 20px; line-height: 1;}
div.transportation-blurb p {  font-family:'Stem W01 Regular'; font-size: 14px; color: #fff; display: block; width: 100%; text-align: center; padding-bottom: 25px; line-height: 2}

section.gallery {font-size: 0px; margin-top: -1px}
section.gallery img {display: inline-block; vertical-align: top;}
section.gallery img:first-child { width: 37.5%}
section.gallery img:nth-child(2) { width: 43.75%}
section.gallery img:nth-child(3) { width: 18.75%}

ul.press { display: block; width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px;}
ul.press li { display: block; width: 100%; margin-bottom: 70px; font-size: 0;}
ul.press li div.thumbnail { display: inline-block; width: 350px; padding-right: 40px; vertical-align: top;}
ul.press li div.thumbnail img { display: block; }
ul.press li div.details { display: inline-block; width: calc(100% - 350px); vertical-align: top; text-align: left}
ul.press li div.details * { text-align: left !important}
ul.press li div.details h4 { }
ul.press li div.details p { padding: 0; font-size: 18px; line-height: 2; margin: 5px 0 15px}
ul.press li div.details a.button { margin: 0 auto 0 0}

img#logo-ambassador { display: block; margin: 0 auto 15px;}
img#cards { display: block; margin: 30px auto 0px;}

section.banner div.caption.peak-building { width: 30%; bottom: auto; right: auto; top: 50px; left: 50px; color: #000; display: block; text-align: left; line-height: 1.5; min-width: 300px; max-width: 500px}

/*FLOORPLANS*/
ul.floorplans-index { margin-bottom: 100px; }
ul.floorplans-index li { border: 1px solid #bababa;}
ul.floorplans-index li div.thumbnail { display: block; width: calc(100% - 60px); height: 0; padding-bottom: calc(100% - 60px); background: url() no-repeat center center; background-size: contain; margin: 30px; }
.the-peak ul.floorplans-index li div.info{
	background-image: none;
	background: #006560;
}
.the-point ul.floorplans-index li div.info{
	background-image: none;
	background: #ED1C23;
}
ul.floorplans-index li div.info { width: 100%; display: block; padding: 15px 20px; color: #fff; text-align: center; font-size: 10px; /*background-color: #006560*/ background-image: url(/img/home/border-gold.jpg);}
ul.floorplans-index li div.info div.title { width: 100%; display: block; font-size: 18px; font-family:'BaskervilleMTW01-Roman'; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px}
ul.floorplans-index li div.info div.details{ width: 100%; display: block; font-family:'Avenir LT W01_45 Book1475508'; font-size: 12px; text-transform: uppercase;}

section.floorplans h4 { margin-bottom: 40px;}

div.floorplan-header { font-size: 16px; line-height: 2; font-family:'Stem W01 Regular'; display: block; text-align: center; text-transform: uppercase;}
div.floorplan-tools { display: block; width: 100%; text-align: center; margin-top: 20px}
div.floorplan-tools ul{ display: block; width: 100%; text-align: center;}
div.floorplan-tools ul li { display: inline-block; }
div.floorplan-tools ul li a { display: block; padding-right: 20px;}
div.floorplan-tools ul li a img { display: block; width: 18px;}
div.floorplan-tools ul li:nth-child(2) a img { width: 17px;}
div.floorplan-tools ul li:nth-child(3) a img { width: 25px;}
div.floorplan-tools ul li:nth-child(4) a img { width: 20px;}

div.floorplan {
	 width: 100%; 
	 /* max-width: 800px; */
	 max-height: 1200px;
	 height: 140vw;
	 position: relative;
	 margin: 0 auto 10px; 

	}
div.keyplate { padding: 0 20px}
div.floorplan .floorplan-img {
	 display: block;
	 top: 10%; 
	height: 90%;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	 position: absolute;
	 left: 50%;
	 transform: translateX(-50%);

	}
.switch-btn{
	display: block;
	margin: 20px auto 0;
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	font-weight: 700;
	color: #046560;
	letter-spacing: .1em;
	background: none !important;

}
.switch-btn a{
	font-size: 1.5em;
	padding: 5px 0;
	user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
	-moz-user-select: none;
	display: inline-block;
	border-bottom: 2px solid transparent;
	margin: 0 20px;

}

.switch-btn a.active{
	color: #046560;
	border-color: #046560;



}
.floorplan-img{
	transition: opacity .3s ease-out;
	opacity: 0;
}
.floorplan-img.show{
	opacity: 1;
}


div.keyplate img { display: block; margin: 80px auto 0; width: 100%; max-width: 300px}

section.floorplans h2 + h4 { margin-top: -10px;}

div.fp-disclaimer { font-family:'Avenir LT W01_45 Book1475508'; font-size: 9px; color: #000; max-width: 870px; width: 100%; padding: 50px 20px; text-align: left; line-height: 14px; margin: 0 auto}


section.peak-promo a img { max-width: 260px; display: block; width: 100%; margin: 0 auto}
section.peak-promo div.caption p { display: block; width: 100%; margin: 40px auto 25px; text-align: center; font-size: 26px; font-family: Georgia; color: #fff; font-style: italic}

section.slideshow { display: block; width: 100%; max-width: 1280px; max-height: 720px; overflow: hidden; margin: 50px auto 100px}
section.slideshow div.caption  { width: 100%; display: block; margin: 0 auto; position: absolute; bottom: 0; right: 20px; text-align: right; padding-bottom: 20px; color: #fff; font-family:'Stem W01 Regular'; font-size: 18px; line-height: 1; letter-spacing: 3px; font-family:'Stem W01 Light';}
.bx-wrapper .bx-controls-direction a {width: 30px; height: 60px; margin-top: -30px;}
.bx-wrapper .bx-next, .bx-wrapper .bx-prev { background: url(/img/updates/arrow-dark.svg) no-repeat center center; background-size: contain; opacity: 0.5;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover { background-position: center center; opacity: 1;}
.bx-wrapper .bx-prev { transform: rotate(180deg); }



section.testamonial-mobile {
	display:none;
	transition: none !important;
	}
	section.testamonial-mobile div.caption {
		padding: 20px 40px 20px 40px;
	}

	section.testamonial-mobile div.caption p {
		font-family: 'Georgia';
		font-size: 16px;
		line-height: 1;
		letter-spacing: .03625em;
		font-style: italic;
	}

section.slideshow-testamonial .bx-wrapper .bx-viewport {
	background-color: transparent !important;
}


section.slideshow-testamonial {
	display: block;
	width: 100%;
	max-width: 1180px;
	max-height: 540px;
	overflow: hidden;
	margin: 50px auto 100px;
	background-image: url(/img/testimonials/1.jpg);
	background-size: cover;
	}
section.slideshow-testamonial ul {

}
section.slideshow-testamonial ul li {
	/*height: 0;
	padding-bottom: 45.762%*/
	

}
section.slideshow-testamonial ul li img {
	/*visibility: hidden;*/
}
	section.slideshow-testamonial div.caption {
		width: 100%;
		display: block;
		margin: 0 auto;
		position: absolute;
		bottom: 0;
		right: 20px;
		font-weight: 700;
		text-align: left;
		padding-bottom: 20px;
		color: #000000;
		font-family: 'Georgia';
		font-size: 18px;
		line-height: 1.5em;
		letter-spacing: .03625em;
		font-style: italic;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
   		 padding: 0px 10% 0 40%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
section.slideshow-testamonial .bx-wrapper .bx-next,
section.slideshow-testamonial .bx-wrapper .bx-prev {
	background: url(/img/updates/arrow-dark.png) no-repeat center center !important;
	background-size: contain !important;
	opacity: 0.5;
}

section.slideshow-testamonial .bx-wrapper .bx-pager, 
section.slideshow-testamonial .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

section.slideshow-testamonial .bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent;
    border: 1px solid #666666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

section.slideshow-testamonial .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #666666 !important;
}

.mobile-only{
	display: none !important;
}
/*TEAM*/
div.team-logo { display: block; margin-bottom: 70px; width: 100%; }
div.team-logo img { display: block; margin: 0 auto;}

/*LUMINA*/
#home section.lumina { background: url(/img/home/border-gold.jpg) transparent no-repeat center center; background-size: 100% 100%;  padding-bottom: 48.90%;}
section.lumina { background: url(/img/lumina/banner.jpg) transparent no-repeat center center; background-size: 100% 100%;  padding-bottom: 48.90%;}
/*div.lumina-rendering { display: block; width: 100%; top: 0px; right: 0px; height: 100%; position: absolute; top: 0px; right: 0px; background: url(/img/lumina/bg.png) transparent no-repeat left top; background-size: 100% 100%;}*/
div.lumina-rendering{
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left:20px;
	background-image: url(/img/home/lumina-rendering.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #ffffff;
	background-size: contain;

}
.hidden-desktop{
	display: none !important;
}

section.top{
	padding-bottom: 48.75%;
}
.bx-wrapper{
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
img.emerald-logo{
	display: block;
	margin: auto;
	max-width: 332px;
	width: 40vw;
}
.top-slider .caption{
	position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 2vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align: center;
}
.bx-wrapper  .bx-prev{
	left: 30px;
}
.bx-wrapper .bx-next{
	right: 30px;
}
.emerald-slide h5{
	font-family:'Georgia W01 Italic';
	margin-top: 76px;
	color: white;
	/* margin-bottom: 0; */
}

.bx-wrapper .bx-pager.bx-default-pager a{
	background: rgba(0,0,0,0.5) !important; 
	font-size: 8px;
}

.chinese-new-year{
	background: #D2232A;


}
.chinese-new-year *{
	color: #E9E72B;
	text-align: center;
}
.chinese-new-year .wrapper{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}
.chinese-new-year h1{
	font-size:5em;
	text-transform: uppercase;
	font-weight: 300;
	font-family:'Stem W01 Light';
	letter-spacing: 0;

}
.chinese-new-year h6{
	font-size: 2em;
	font-family:'Stem W01 Bold';
	margin-bottom: 20px;

}
.chinese-new-year h6.promo{
	position: absolute;
	bottom: 50px;
	text-transform: uppercase; font-weight: bold;
	font-size: 2em;
	line-height: 1.25em;
	left: 50%;
	font-family:'Stem W01 Light';
	width: 80%;
	transform: translateX(-50%);

}

.final-opportunity{
	background: black;
}
.final-opportunity .wrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.final-opportunity .living-centre{
	width: 25.46875%;
}
.final-opportunity .title{
	width: 65.625%;
	margin-bottom: 35px;
}
.final-opportunity .community-wrapper{
	/* position: absolute; */
	/* top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); */
	margin-bottom: 47px;
	display: flex;
	justify-content: space-between;
	width: 46.40625%;
	min-height: 100px;
	
	
}
.final-opportunity p{
	margin-bottom: 10px;
	color: white;
}
.final-opportunity .caption{
	width: 65.625%;
	top: unset;
}
.final-opportunity .community-wrapper a{
	/* max-width: 187.5px; */
	width: 31.5656566%;


}
.lumina-pre-construction-slide{
}

.lumina-pre-construction-slide h2,.lumina-pre-construction-slide h4 ,.lumina-pre-construction-slide p{
	font-family: 'ikaros_sansregular';
	color: #d74d31;

}

.lumina-pre-construction-slide p {
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .05rem;
	display: inline-block;
	/*width: 480px;*/
    margin: 0 auto;
} 
.lumina-pre-construction-slide h2{
	font-size: 42px;
	letter-spacing: .05rem;
	line-height: 42px;
	margin-bottom: 0;
	padding-top: 9px;
}
.lumina-pre-construction-slide h4{
	font-size: 24px;
	letter-spacing: .052rem;
}	

.lumina-pre-construction-slide .caption{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	padding-top: 80px;

}
/*.caption-left{
	width: 40%;

}*/
.lumina-pre-construction-slide  a.button.lumina{
	box-sizing: content-box;
	background: none;
	color: #fff;
	font-size: 18px;
	font-family: 'ikaros_sansregular';
	letter-spacing: .2rem;
	border: 1px solid #fff;
	padding: 20px 23px 4px;
	line-height: 1;
	margin-bottom: 20px;
	margin-top: 0;
}

.lumina-pre-construction-slide  a.button.lumina:hover{
	background: #fff;
	color: #d74d31;
	border-color: #d74d31;
	border-bottom-width: 1px;
}

/*.caption-right{
	width: 60%;
	justify-content: space-between;*/
	/*display: flex;
	flex-direction: column;
	align-items:center; */
}
.caption-right img{
	display: block;
	margin: auto;
	margin-top: 0;
	margin-bottom: 15px;

}
/* last chance banner */
.caption-left{
	position:absolute!important;
	top:10%;
	left:60%;
	transform:translateX(-16%);
	-webkit-transform:translateX(-16%);
	-ms-transform:translateX(-16%);
}
.caption-right{
	position:absolute;
	bottom:5%;
	left:60%;
	transform:translateX(-29%);	
	-webkit-transform:translateX(-29%);
	-ms-transform:translateX(-29%);
	justify-content: space-between;
}
	
.textwhite{color:white!important;}


div.lumina-caption-slide { position: absolute; top: 50%; left: 0; width: 60%; padding: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); text-align: center;}
div.lumina-caption-slide h6 { color: #d74d31; font-size: 26px; font-weight: normal; display: block; width: 100%; text-align: center; line-height: 1; font-family: 'ikaros_sansregular'; margin-bottom: 6px}
div.lumina-caption-slide p { color: #000; font-size: 12px; font-weight: normal; display: block; width: 100%; text-align: center; line-height: 1; font-family: "Times New Roman"; max-width: 350px; margin: 0 auto; line-height: 1.5}
div.lumina-caption-slide b { color: #d74d31; font-family: 'ikaros_sansregular';  font-size: 16px; line-height: 1; padding: 0px 0 0; letter-spacing: 0px;	  margin: 25px auto 0; letter-spacing: 1px; font-weight: 600; display: block; line-height: 1.5}
div.lumina-caption-slide p img { display: block; margin: 0 auto 10px; width: 20px; height: 20px; }


div.lumina-hospital-slide div.caption {
    padding-top: 0;
}
div.lumina-hospital-slide h3 {
	font-size: 42px;
    color: #ffffff;
	letter-spacing: .05rem;
	line-height: 42px;
	margin-bottom: 0;
	padding-top: 9px;
    text-align: left;

}
div.lumina-hospital-slide div.caption-left, div.lumina-hospital-slide div.caption-right {
    width:50%;
}
div.lumina-hospital-slide div.caption div.caption-right {
    margin: 0;
    padding-top: 0%;
}
div.lumina-hospital-slide div.caption-left {
    text-align: center;
   /* display:flex;*/
    justify-content: center;
    align-items:center;
    flex-direction: column;
    justify-content: space-between;
}
div.lumina-hospital-slide h2 {
    font-size:3.28125vw;/*42px*/
    line-height: 1.25em;
}
div.lumina-hospital-slide h4 {
    font-size: 1.875vw;/*24px*/
    line-height: 1.25em;
}
div.lumina-hospital-slide div.caption-left img.lumina-logo {
    position: relative; 
    margin-left: auto; 
    margin-right: auto;
    padding-top: 7.8125vw;
    padding-left: 3vw;
    padding-right: 3vw;
}
div.lumina-hospital-slide div.caption-left img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
div.lumina-hospital-slide div.caption-right img {
    display: block;
    position: relative;
    margin: 0;
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 4%;
    padding-top: 8%;
    max-width: 284px;
}
div.lumina-hospital-slide div.caption-left div.hospital-title-container {
    padding-top: 15%;
    padding-bottom: 4%;
}
div.lumina-hospital-slide div.caption-left div.lumina-slash-container {
    padding-bottom: 8%;
}

div.lumina-hospital-slide div.hospital-logo-container img {
    min-width: 100px;
}

div.lumina-promise-slide {
    position: relative;
}

div.lumina-promise-slide .caption-container {
    position: absolute;
    width:50%;
    margin-left: 50%;
    left:0;
    top: 0;
    bottom:0;
    margin-right: 0;
    padding: 0 30px 0 0;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: space-between; 
}
div.lumina-promise-slide .caption-container img.lumina-logo {
    width:100%;
    max-width:26.953125vw;
    padding-top: 6.640625vw;
    
}
div.lumina-promise-slide .caption-container h2 {
    font-family: 'ikaros_sansregular';
    font-size:2.65625vw;
    line-height: 1.25em;
    color: #d74d31;
    padding: 3.90625vw 0 0 0;
    margin: 0;
}
div.lumina-promise-slide .promise-title-container {
    padding-bottom: 0;
}
div.lumina-promise-slide .caption-container h3 {
    font-family: 'Stem W01 Regular';
    font-weight: 600;
    font-size: 1.5625vw;
    line-height: 1.2em;
    color: #d74d31;
    letter-spacing: .5em;
    display: block;
    text-align: center;
    border: 1px solid #d74d31;
    padding: 1em;
    margin-bottom: 2.34375vw;
}

div.lumina-promise-slide img.logo-elad-lumina-banner {
    width:100%;
    max-width: 16.5625vw;
    height: auto;
    padding-bottom: 3.90625vw;  
}
    
a.full-link {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom:0;
    left: 0;
}


section.slideshow-testamonial .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #000 !important;
}

div.lumina-caption { position: absolute; top: 50%; left: 0; width: 60%; padding: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); text-align: center;}
div.lumina-caption h6 { color: #d74d31; font-size: 26px; font-weight: normal; display: block; width: 100%; text-align: center; line-height: 1; font-family: 'ikaros_sansregular'; margin-bottom: 6px}
div.lumina-caption p { color: #000; font-size: 12px; font-weight: normal; display: block; width: 100%; text-align: center; line-height: 1; font-family: "Times New Roman"; max-width: 350px; margin: 0 auto; line-height: 1.5}
div.lumina-caption b { color: #d74d31; font-family: 'ikaros_sansregular';  font-size: 16px; line-height: 1; padding: 0px 0 0; letter-spacing: 0px;	  margin: 25px auto 0; letter-spacing: 1px; font-weight: 600; display: block; line-height: 1.5}
div.lumina-caption p img { display: block; margin: 0 auto 10px; width: 20px; height: 20px; }
img.luminalogo { display: block; margin: 0 auto 60px; width: 458px; max-width: 80%; }
a.button.lumina { color: #d74d31; border-bottom: 5px solid #d74d31; font-family: 'ikaros_sansregular';  font-size: 16px; line-height: 1; padding: 10px 0 0; letter-spacing: 0px;	 text-transform: uppercase; margin: 15px auto 0; letter-spacing: 1px; font-weight: 600}
a.button.lumina:hover { background-color: #fff; color: #000; border-bottom: 5px solid #000; }


		nav { display: block; width: 100%; font-size: 0; position: absolute; top: 0; height: auto!important; left: -100%; min-height: 100vh;  width: 400px; padding-top: 100px}
		header.smaller nav { padding-top: 80px}
		header div.logo { display: block; height: auto !important; position: relative; vertical-align: bottom; width: 100%;}
		header.smaller div.logo img { display: block; width: 60px;}
		nav ul { display: block; padding-bottom: 40px; background: rgba(0,0,0,.75);}
		nav ul li { display: block; }
		nav ul li a { display: block; padding: 0px 20px; line-height: 30px}
		nav ul li div { display: block; padding: 0px 20px 20px; }
		nav ul li div a { padding-left: 25px; position: relative;}
		nav ul li div a:before { content: "-"; position: absolute; left: 10px; font-size: 10px; line-height: 24px; top: 0}
		div.burger { display: block}
		header.smaller div.burger { top: 27px;}
/*		header.slide { left: 400px}*/
		header.slide nav { left: 0px}
/*		#mainbody.slide { left: 400px; z-index: 6;}*/
/*		#mainbody.slide article { box-shadow: inset 7px 2px 20px -2px rgba(0,0,0,1);}*/
/*		footer.slide { left: 400px}*/
	
	ul.grid-2 { display: block; width: 100%; font-size: 0}
	ul.grid-2 li { display: inline-block; vertical-align: top; width: 50%; position: relative; height: 0; padding-bottom: 41.40%;}
	ul.grid-2 li > img { display: block; width: 100%; position: absolute; top: 0; left: 0}
	section.peak-promo li a img { width: 100%; max-width: 290px}
	section.peak-promo li.the-point a img { max-width: 320px}
	section.peak-promo div.caption p { margin: 14px auto 60px}
	section.peak-promo li.the-point div.caption p { margin-top: 50px;}

	section.banner.peak-promo div.caption { right: 0}

	ul.normal-list { display: block; width: 100%; text-align: center; max-width: 860px; margin: 0 auto;}
	ul.normal-list li { display: block; width: 100%; text-align: center; font-size: 16px; line-height: 1.25; margin-bottom: 10px;     color: #000;    font-family: 'Avenir LT W01_45 Book1475508';    line-height: 2;}

img.thousand-dollar-pointer {
    display: block;
    position: absolute;
    margin-left: 190px;
    margin-top: -42px;
}

/******************* popup styles *****************************/
    
    
    ##popupBlock { 
        background-color: #ffffff !important;
    }
    div.popup-container {
        font-size:0;
        width:100vw; 
        max-width: 915px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    div.popup-container img.logo-lumina {
        width:100%;
        max-width: 230px;
        padding-bottom: 86px;
        height: auto;
    }
    div.popup-container img.popup-head {
        padding-bottom: 30px;
    }
     div.popup-container img.popup-bg {
        width:100vw;
        margin: 0;
        padding: 0
    }
     div.popup-content { 
         position: absolute; 
         z-index: 2; max-width: 49%; 
         text-align: center; 
         padding: 60px 40px 0 40px;
    }
    div.popup-content-small-screen {
        max-width: 62%;
    }
    div.popup-body-copy-small-screen p {
        font-size:16px !important;
    }
    div.popup-body-copy-small-screen p.mousetype {
        font-size:16px !important;
    }
    div.popup-container div.button-close {
        position: absolute;
        right: 0;
        top:0;
        width: 60px;
        height: 60px;
        padding: 20px;
        z-index: 9999999;
    }
    div.popup-body-copy p {
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-weight: 300;
        font-size:18px; 
        line-height: 1.2em;
         color: #ffffff; 
        padding-bottom: 1.4em;
    }
    div.popup-body-copy p.mousetype {
        display: block;
        position: relative;
        margin: 0 auto;
        max-width: 250px;
        font-size:11px; 
         color: #ffffff; 
        padding-top: 2em;
        padding-bottom: 0;
    }
  div.popup-body-copy a.button-popup-register {
        display: block;
        position: relative;
        margin: 0 auto;
        padding: .333em 1.4em;
        font-size: 24px;
        color: #e64d1a;
        background-color: #fff;
       max-width: 9em;
    }
    
    div.popup-body-copy-small-screen {
        padding: 20px;
        text-align: center;
        background-color: #000000;
    }
    div.popup-body-copy-small-screen p {
        font-size: 16px !important;
    }
    div.popup-body-copy-small-screen a.button-popup-register {
    font-size: 18px !important;
}
     div.popup-body-copy-small-screen p.mousetype {
     font-size:1.2vw !important;
    }


    
    @media only screen and (max-width: 915px) { 
        #popupBlock {
           height: 65.57377049180328vw !important;
        }
         div.popup-content { 
         position: absolute; 
         z-index: 2; 
         text-align: center; 
         padding: 6.5573vw 4.3715vw;
        }
        div.popup-container img.logo-lumina {
        
            padding-bottom: 9.3989vw;
            padding-bottom: 4.5vw;
        }
        div.popup-body-copy p {
            font-size:1.9672vw; 
             color: #ffffff; 
        }
            div.popup-body-copy p.mousetype {
            font-size:1.2vw; 
             color: #ffffff; 
        }
        div.popup-body-copy a.button-popup-register {
            font-size: 2.6229vw;
        }
		.final-opportunity .community-wrapper{
			margin-bottom: 4vw;
		}
		.final-opportunity .title{
			margin-bottom: 2vw;
		}
		
    }
    

/****** end of popup styles**/







@media only screen and (min-width:1280px) {
	
    div.lumina-hospital-slide h2 {
        font-size: 42px;
        line-height: 1.25em;
    }
    div.lumina-hospital-slide h4 {
        font-size: 24px;
        line-height: 1.25em;
    }
    div.lumina-hospital-slide div.caption-left img.lumina-logo {
        padding-top: 100px;
    }
    
    
    div.lumina-promise-slide .caption-container {
        padding: 0 30px 0 0;

    }
    div.lumina-promise-slide .caption-container img.lumina-logo {
        width:100%;
        max-width:345px;
        padding-top: 85px;

    }
    div.lumina-promise-slide .caption-container h2 {
        font-family: 'ikaros_sansregular';
        font-size:34px;
        line-height: 1.25em;
        color: #d74d31;
        padding: 50px 0 0 0;
        margin: 0;
    }
    div.lumina-promise-slide .promise-title-container {
        padding-bottom: 0;
    }
    div.lumina-promise-slide .caption-container h3 {
        font-family: 'Stem W01 Regular';
        font-weight: 600;
        font-size: 20px;
        line-height: 1.2em;
        color: #d74d31;
        letter-spacing: .5em;
        display: block;
        text-align: center;
        border: 1px solid #d74d31;
        padding: 1em;
        margin-bottom: 30px;
    }

    div.lumina-promise-slide img.logo-elad-lumina-banner {
        width:100%;
        max-width: 212px;
        height: auto;
        padding-bottom: 50px;;

    }
    
}

/*	TABLET */
@media only screen and (max-width:1279px) {
	.chinese-new-year h6.promo{
		bottom: 3.5vw;
	}
	section.masthead div.logo, div.hatgirl { width: 50%; height: 100%;}


	section.communities ul li div.info h3 { font-size: 22px; }
	section.communities ul li div.info h6 { letter-spacing:1px; font-size: 12px}

	div.point-rendering { width: 40.54%; }
	div.point-rendering img { width: 100%; display: block; height: 100%; }
	div.point-caption { width: 59.46%; left: 40.54%;}
	.caption-right img{
		max-width: 40%;
		max-height: 20vw;
	}
	.lumina-pre-construction-slide h2{
		font-size: 36px;
	}
	.lumina-pre-construction-slide h4{
		font-size: 21px;
	}
}
@media only screen and (max-width:1180px) {

    div.lumina-hospital-slide div.caption-left div.lumina-slash-container {
        display:none;
    }
}
@media only screen and (max-width:1050px) {
		div.contact { padding: 20px 30px}

/*	div.point-caption > div { margin-top: 0px;}*/
	div.point-caption > div img { width: 240px;}
	div.point-caption h6 { font-size: 24px; letter-spacing: 3px; margin: 30px auto}
	div.point-caption p { width: 240px; max-width: 90%}
	a.button.point { line-height: 30px}

	section.peak-promo li a img { max-width: 200px!important}
	section.peak-promo div.caption p { margin: 0 auto 40px;}

	img.emerald-logo{
		width: 30vw;
		margin-top: 45px;
	}
	.emerald-slide h5{
		margin-top: 40px;;
	}

	
}


@media only screen and (max-width:960px) {
		
		header { height: 60px !important;}
		header.smaller { height: 60px;}
		header.open { width: 400px; height: auto !important; min-height: 100%;}
		header div.logo img { display: block; height: 50px !important; width: auto !important; margin: 5px auto !important}
		div.burger { display: block; top: 16px!important}
		header nav { padding-top: 60px!important}
		header.slide nav { left: 0px}

		article { padding-top: 60px;}
		section.communities ul li div.info h3 { font-size: 18px; }
		section.communities ul li div.info h6 { font-size: 12px}

	section.communities { padding: 50px 20px}
	section.communities ul li { padding: 0 10px}

	div.point-caption > div { margin-top: 30px}
	div.point-caption h6 { font-size: 32px; letter-spacing: 3px; margin: 10px auto 0px}
	div.point-caption p { margin-bottom: 10px}
	a.button.point { line-height: 30px}
	div.lumina-caption-slide b{
		display: none;
	}
	div.lumina-caption-slide p{
		display: none;
	}
	div.lumina-caption-slide h6{
		display: none;
	}
	img.luminalogo{
		max-width: 70%	;
	}
	.emerald-slide h5{
		font-size: 4.9079vw;
	}
	div.lumina-caption-slide{
		width: 50%;
	}
	.lumina-pre-construction-slide .caption{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.lumina-pre-construction-slide h2{
		font-size: 32px;
	}
	.lumina-pre-construction-slide h4{
		font-size: 18px;
	}


}

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

	 section.masthead div.logo div img { margin: 0 auto 0px; }
	div.hatgirl div.tagline { right: 20px; top: 20px;}
	section.masthead div.logo div { top: 80px; transform: none; -webkit-transform: none;  -ms-transform: none; }
	section.masthead div.logo h6 { letter-spacing: 1px;}
	section.masthead div.logo div img { width: 180px}
	section.masthead div.logo p { font-size: 24px; padding: 20px 0 10px}
	section.masthead div.logo h6 { font-size: 12px; }
	section.masthead div.logo a.button { font-size: 13px; line-height: 30px; }

	ul.grid-3 li { width: 50%; }
	ul.grid-3 li:nth-child(2) { width: 50%; }
	div.team-logo { margin-bottom: 30px}

	ul.grid-3b li { width: calc(50% - 20px);}
	h5 { font-size: 32px;}
	
	div.lumina-caption p img { display: none}
	div.lumina-caption b br { display: none }
	img.luminalogo {
		margin: 40px auto 35px auto;
	}
	.caption-left,.caption-right{
		width: 100%;
	}
	
	.lumina-pre-construction-slide .caption-left,.lumina-pre-construction-slide .caption-right{
	    width: 60%;
		left: auto;
		/*right: 30px; */		
		right: 2px;
		text-align: center;
		/* -webkit-transform: none; */
		tranform: unset;
		transform: unset;
		-webkit-transform: none;
		-ms-transform: initial;
		  
	}
	
}

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

	div.point-caption h6 { font-size: 26px; margin: 20px auto 10px}
	a.button.point { line-height: 30px}
	section.content + section.communities { margin-top: 0}

	
}


@media only screen and (max-width:768px) {
	a.button {letter-spacing: 1px;}

	div.footer-logo-top img { margin-bottom: 0}
	ul.contact-info li { width: 100%; display: block; margin-bottom: 30px}

	section.content { margin: 50px 0}
	.lumina-pre-construction-slide p{
		font-size: 14px;
	}
	.caption-left,.caption-right{
		width: 100%;
	}

    .lumina-pre-construction-slide h2,.lumina-pre-construction-slide h4 {
        color: white;
    }
    div.lumina-hospital-slide h2 {
        font-size: 3.25vw;
        line-height: 1.25em;
        color: #d74d31;
        padding-left: 0;
        padding-right: 0;
    }
    div.lumina-hospital-slide h4 {
        font-size: 1.8vw;
        line-height: 1.25em;
        color: #d74d31;
    }
   

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

	div.form-row {  display: block; width: 100%; padding: 0 0px 20px;}
	div.form-left {  display: block; width: 100%; vertical-align: middle; text-align: left; padding-top: 34px}
	div.form-right {  display: block; width: 100%; vertical-align: middle; text-align: center;}

	input[type="text"], input[type="email"] { width: 100%; display: block; }
	#BrokerCompany { }
	div.form-row input:nth-child(2) { margin-left: 0px; margin-top: 20px;}
	#Email { text-align: left }
	input[type="submit"] { margin: 40px auto 0;}
	.select2-container { margin-top: 20px; width: 100%!important; display: block ; margin-left: 0 }
	.select2-container--default .select2-selection--single{ text-align: left; width: 100%; display: block ; }
	.select2-container--default .select2-selection--single .select2-selection__rendered { text-align: left; width: 100%; display: block }
	ul.select2-results__options li { text-align: left;}

	section.registration form.ambassador { display: block; width: 100%; max-width: 300px ; margin: 0 auto}
	section.registration form.ambassador input[type="password"] { display: block; width: 100%; }

	div.form-row div.half { display: block; width: 100%; margin-bottom: 20px}
	div.full-disclaimer, div.broker-options { padding: 30px 0px}
	#BrokerCompany { width: 100%; margin: 15px 0 0 0}

	div.broker-options  { padding-bottom: 0; border: 0; }

	ul.entities li { display: block; width: 100%; margin-bottom: 20px}
	div.g-recaptcha > div { margin: 0 auto; }

	div.form-row h6 { text-align: left; letter-spacing: 0px}
	div.form-communities div.skin-checkbox { width: 50%; margin-bottom: 20px}

	section.communities { padding: 10px 0px 50px}
	section.communities ul li { width: 50%; margin-bottom: 50px}

	section.fairview { background-size: contain; background-position: center top; min-height: 0; padding-top: 63vw;}
	section.fairview div { position: static; width: 100%; display: block; left: 0; background-image: none; padding: 20px 20px 50px;}
	div.transportation-blurb h3, div.community-blurb h3, section.fairview h3 { font-size: 36px; padding-bottom: 10px}
	
	section.banner .lumina-banner div.caption{
		position: absolute;
	}
	section.banner .lumina-banner {
		min-height: 80vw;
	}
	section.banner .lumina-banner div.caption p{
		color: white !important;
	}
	section.banner div.caption, div.transportation-blurb, div.community-blurb { position: static; width: 100%; display: block; padding: 20px;transform: none; -webkit-transform: none;  -ms-transform: none;}
	div.community-blurb { margin-bottom: 30px}
	section.banner div.caption-image { position: absolute; width: 100%!important; display: block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); padding: 0!important; margin: 0!important; max-width: 100%!important; left: 0}
	section.banner div.caption-image img { margin: 0 auto; display: block;}
	section.banner div.caption { padding: 20px 20px; margin-bottom: 50px}
	section.banner div.caption *, div.transportation-blurb *, div.community-blurb * { color: #000 !important; }
	section.banner div.caption a.button.blacker { color: #fff !important; }
	section.banner div.caption a.button.black { color: #fff !important; }
	section.banner div.caption a.button-black { color: #fff !important; }
	section.banner div.caption a.button.blacker:hover { color: #000 !important; }
	section.banner div.caption a.button.black:hover { color: #000 !important; }
	section.banner div.caption a.button-black:hover { color: #000 !important; }
	section.fairview a.button:hover { color: #000 !important; background-color: #fff !important}
	section.banner div.white { color: #000 !important; }

	section.banner div.caption.peak-building { width: 100% !important; padding: 50px 20px 0px; text-align: center; font-family: 'Avenir LT W01_45 Book1475508';font-size: 18px; line-height: 2; max-width: 100%!important; text-align: center !important}
	section.banner div.caption.peak-building em { font-family: 'Avenir LT W01_45 Book1475508';font-size: 18px}

	section.inner-navigation { margin-bottom: 0}

	section.footer { height: auto}
	div.contact, div.map-holder { display: block; width: 100%; position: relative;}
	div.contact { min-height: 0; padding: 50px 20px}
	div.contact h3, div.contact div.hours, div.contact div.contact-info { display: block; width: 100%; text-align: center; max-width: 100%;}
		div.contact a.button { display: table; margin: 0 auto;}

	.baskerville62 { font-size: 32px}

	ul.press li div.thumbnail { width: 200px; padding-right: 30px}
	ul.press li div.details { width: calc(100% - 200px)}
	ul.press li div.details h4 { letter-spacing: 0px; line-height: 1.25; font-size: 16px}

	.size48 { font-size: 32px;}

	h2 { padding-left: 20px; padding-right: 20px;}

	section.banner div.short-disclaimer { position: absolute; color: #fff!important; top: auto; transform: none; -webkit-transform: none;  -ms-transform: none; bottom: 0px; right: 0px; padding: 10px 10px; width: 100%; display: block; margin: 0; max-width: 100%}

	div.point-caption > div  img { max-width: 180px}
	div.point-caption h6 { font-size: 24px; max-width: 94%}
	div.point-caption p { width: 100%; }
/*	a.button.point { line-height: 30px}*/

	ul.grid-2 li { display: block; width: 100%; padding-bottom: 82.81%}
	ul.grid-2 li:first-child { margin-bottom: 50px}
	section.banner.peak-promo div.caption {   bottom: auto;    top: 50%;    transform: translateY(-50%);    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%); position: absolute }
	section.banner.peak-promo div.caption p {   color: #fff !important; margin: 50px auto }
	
	.lumina-pre-construction-slide .caption{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.caption-right img{
		display: none;
	}
	.mobile-only{
		display: block !important;
		margin-bottom: 5px;
	}
	.lumina-pre-construction-slide .caption{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.caption-right{
		/* height: 100%; */
		justify-content: space-between;
	}
	#home section.lumina {
		padding-bottom: 70%;
	}
	div.lumina-rendering {
		background-image: url(/img/home/lumina-rendering-nowoman.jpg);
	}
	div.lumina-caption {
		position: relative;
		top: 0;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
		padding: 20px;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		text-align: center;
	}
	img.luminalogo {
    display: block;
        margin: 40px auto 30px auto;
	}
	div.lumina-caption p, div.lumina-caption h6 {
		display:none;
	}
	

	
	section.slideshow-testamonial {
		display: none;
	}
	section.testamonial-mobile {
		display: block
	}

	.lumina-pre-construction-slide  a.button.lumina:hover{
		border: none;
	}
    div.lumina-hospital-slide div.caption-right {
        display:none !important;
    }
    div.lumina-hospital-slide div.caption-left img.lumina-logo {
    padding-top: 3vw;
    }
    div.lumina-hospital-slide div.caption-left div.hospital-title-container {
    padding-top: 11%;
    padding-bottom: 6%;
    }
	
} 


@media only screen and (max-width: 768px) and (min-height: 810px) {
	body { padding-bottom: 800px}
}


@media only screen and (max-height: 650px) {
	footer { position: relative;}
	body { padding-bottom: 0}
}

@media only screen and (max-width: 800px) and (max-height: 810px) {
	footer { position: relative;}
	body { padding-bottom: 0}

}



@media only screen and (max-width:735.99px) {
	.chinese-new-year h1{
		font-size: 4vw;
		margin-bottom: 1vw;
	}
	.chinese-new-year h6{
		font-size: 2.5vw;
		margin-bottom: 1vw;
	}
	.chinese-new-year p{
		font-size: 2.5vw;
	}
	.chinese-new-year h6.promo{
		font-size: 2vw;
		width: 100%;
	}
}
@media only screen and (max-width:600px) {
	.final-opportunity .community-wrapper{
		position: absolute;
		z-index: -1;
		width: 70%;
		margin-bottom: 0;
		opacity: 0.35;
	}
	.final-opportunity .title{
		margin-top: 10vw;
	}
	.final-opportunity .wrapper{
		bottom: 0;
		height: 49vw;
	}
	.switch-btn{
		/* margin-top: 10px; */
		width: 100%;
	}
	div.floorplan .floorplan-img{
		top: 90px;
	}
	div.keyplate img{
		width: 80%;
	}
	 a.button { line-height: 34px; font-size: 13px; letter-spacing: 1px;}
	 div.community-blurb a.button { color: #fff !important;}
	 div.transportation-blurb a.button { background-color: #000 !important; color: #fff !important;}
	 section.community { width: 200vw; left: -50vw; max-width: 200vw; height: 144vw;}
	 section.community div { max-width: 100vw; left: 50vw; padding: 0 20px;}
	section.communities ul li div.info h3 { font-size: 30px}
	section.communities ul li div.info h6 { font-size: 14px;}


		section.communities ul li { width: 100%; display: block; padding: 0}

		section.masthead div.logo p { font-size: 30px; }
		section.masthead div.logo h6 { padding-bottom: 30px; font-size: 14px; padding-top: 10px}
		section.masthead div.logo a.button { font-size: 14px; line-height: 36px;}

		section.banner div.caption { padding-bottom: 5px}
		section.banner div.caption p { font-size: 12px; text-align: center; }

/*	section.fairview { background-size: contain; background-position: center top; height: 100vw;}*/
	section.fairview div { width: 100%; display: block; }
	

	section.masthead div.logo { width: 100%; display: block; position: static; left: 0; top: 0; height: 100%; background: url(/img/bg1.png) no-repeat center center; background-size: cover; top: 0; height: auto}
	section.masthead div.logo div img { max-width: 280px; margin-bottom: 40px; }
	section.masthead { position: static; height: auto; display: block; width: 100%; padding-bottom: 0}
	section.masthead.the-point { position: relative; }
	section.masthead div.hatgirl { width: 100%; display: block; position: relative; right: 0; top: 0; height: auto; }
	section.masthead div.logo div { position: static; transform: none; -webkit-transform: none;  -ms-transform: none; padding: 50px 0; }


	img.centered { max-width: 90%;}

	section.dual840 > div { width: 100%; display: block; height: auto; padding-bottom: 0}
	section.dual840 > div img { position: static; display: block}

	img#logo-ambassador { max-width: 80%;}
	section.content h2 { padding-left: 20px; padding-right: 20px}
	section.tighter + section.registration { padding-top: 0}

	section.masthead.the-point div.flx-embed >div { display:none!important;}
	section.masthead.the-point div.flx-embed  { display: block; width: 100%; height: 100vh; background: url(/img/home/mobile-point.jpg) no-repeat center bottom; background-size: cover;}
	div.point-rendering { left: 0; width: 100%; display: block; position: static; height: 138.72vw;}
	div.point-caption { left: 0; width: 100%; display: block; background: none}
	div.point-caption > div { background: rgba(0,0,0,0.5); padding: 50px 20px; width: 90%; left: 5%; margin-top: 0}
/*	div.point-caption > div { margin-top: 60px}*/
/*	div.point-caption > div img { width: 180px; display: block}*/
/*	div.point-caption h6 { font-size: 28px; letter-spacing: 1px; margin: 20px auto}*/
/*	div.point-caption p { margin: 0px auto 25px}*/
	a.button.point { line-height: 40px; letter-spacing: 5px; font-size: 18px; margin-top: 30px}

	.bx-wrapper .bx-controls-direction a { display: none!important}
	section.communities { margin-bottom: 0; padding-bottom: 0}
	section.slideshow { margin: 50px auto; }

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

	h5 { margin-bottom: 25px}

		section.lumina { background: url(/img/lumina/banner-mobile.jpg) transparent no-repeat center center; background-size: 100% 100%;  padding-bottom: 71.78%; position: relative}
		/*div.lumina-rendering { display: block; width: 100%; top: 0px; right: 0px; height: 100%; position: absolute; top: 0px; right: 0px; background: url(/img/lumina/bg.png) transparent no-repeat left top; background-size: 100% 100%;}*/
		div.lumina-caption { width: 100%; }
		img.luminalogo { width: 100%; max-width: 240px; margin-bottom: 40px; }
		

	section.banner.peak-promo div.caption p { font-size: 16px; margin: 0px auto 30px}
	section.peak-promo li.the-point div.caption p,
	section.banner .lumina-banner div.caption p{ 
		font-size: 16px; 
		margin: 20px auto 30px
	}
	div.lumina-caption-slide p{
		display: none;
	}
    .lumina-pre-construction-slide h2 {
		font-size: 26px;
	}
     div.lumina-hospital-slide h2 {
        font-size: 5.5vw;
        line-height: 1em;
        color: #d74d31;
        padding-left: 0;
        padding-right: 0;
         padding-top: .125em;
        margin-bottom: 0;
    }
    div.lumina-hospital-slide h4 {
        font-size: 3.6vw;
        line-height: 1em;
        color: #d74d31;
        margin-bottom: 0;
    }
    div.lumina-hospital-slide div.caption {
        padding-left: 1vw;
        padding-right: 1vw;
    }
    
    div.lumina-hospital-slide div.caption-left, div.lumina-hospital-slide div.caption-right {
        height: inherit;
        display: inline-block;     
    }
    div.lumina-hospital-slide div.caption-left img.lumina-logo {
        padding-top: 5vw;
        padding-left: 3vw;
        padding-right: 3vw;
    }
    div.hospital-logo-container img {
        width: 30vw;
        height: auto;
    }
    
    div.lumina-promise-slide .caption-container {
    position: absolute;
    width:50%;
    margin-left: 50%;
    left:0;
    top: 0;
    bottom:0;
    margin-right: 0;
    padding: 0 0px 0 0;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: space-between; 
}
div.lumina-promise-slide .caption-container img.lumina-logo {
    width:100%;
    max-width:35.333vw;
    padding-top: 6.640625vw;
    
}
div.lumina-promise-slide .caption-container h2 {
    font-family: 'ikaros_sansregular';
    font-size:3.5vw;
    line-height: 1.25em;
    color: #d74d31;
    padding: 3.90625vw 0 0 0;
    margin: 0;
}
div.lumina-promise-slide .promise-title-container {
    padding-bottom: 0;
}
div.lumina-promise-slide .caption-container h3 {
    font-family: 'Stem W01 Regular';
    font-weight: 600;
    font-size: 2vw;
    line-height: 1.2em;
    color: #d74d31;
    letter-spacing: .5em;
    display: block;
    text-align: center;
    border: 1px solid #d74d31;
    padding: 1em;
    margin-bottom: 2.34375vw;
}

div.lumina-promise-slide img.logo-elad-lumina-banner {
    width:100%;
    max-width: 16.5625vw;
    height: auto;
    padding-bottom: 3.90625vw;
    
}
    
    
    
    
    
}



/*	IPHONE 6 PLUS */
@media only screen and (max-width:437px) {
	.chinese-new-year h1{
		font-size: 10px;
	}
	.chinese-new-year h6.promo{
		font-size: 4px;
		width: 100%;
	}

		nav { width: 100%;}

		section.gallery img:first-child { width: 100%; display: block}
		section.gallery img:nth-child(2) { width: 100%; display: block}
		section.gallery img:nth-child(3) { width: 100%; display: block}
		section.registration { padding: 50px 20px;}

		input[type="text"], input[type="email"] { line-height: 50px;  display: block; font-size: 20px; min-height: 50px; }
		#BrokerCompany { display: block; width: 100%; font-size: 18px; line-height: 24px; min-height: 24px; margin-left: 0px; text-align: left; }

		*::-webkit-input-placeholder { font-size: 20px; }
		#BrokerCompany::-webkit-input-placeholder { font-size: 20px; }
		*.missing::-webkit-input-placeholder {  }
		*:-moz-placeholder { font-size: 20px; }
		#BrokerCompany:-moz-placeholder { font-size: 20px; }
		*.missing:-moz-placeholder {   font-size: 20px; }
		*:-ms-input-placeholder { font-size: 20px; }
		#BrokerCompany:-ms-input-placeholder { font-size: 20px; }
		*.missing:-ms-input-placeholder { font-size: 20px; }

		.select2-container { height: 50px;}
		.select2-container--default .select2-selection--single {font-size: 20px; line-height: 50px;} 
		.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; font-size: 20px; height: 50px;}

		div.form-row > label { display: block; margin-bottom: 20px}
		div.skin-radio { margin-right: 20px; margin-left: 0}

		section.communities ul { padding: 0}
		section.communities ul li { padding: 0}

		ul.press li div.thumbnail { width: 100%; display: block; padding-right: 0; margin-bottom: 30px}
		ul.press li div.thumbnail img { width: 100%; display: block;}
		ul.press li div.details { width: 100%; display: block;}
		ul.press li div.details h4 { letter-spacing: 0px; line-height: 1.25; font-size: 16px}

		ul.grid-3b { width: 100%; display: block}
		ul.grid-3b li { width: 100%; display: block}
		ul.grid-3 { width: 100%; display: block; }
		ul.grid-3 li { width: 100%!important; display: block; }
		div.team-logo { margin-bottom: 20px}

/*		div.point-caption > div  { top: 7%}*/
/*		div.point-caption > div img { width: 120px}*/
/*		div.point-caption h6 { font-size: 18px}*/
/*		a.button.point { line-height: 24px; padding: 0 15px; letter-spacing: 1px}*/

		img.luminalogo { max-width: 180px; margin-bottom: 20px; margin-top: 20px;}
		div.lumina-caption h6 { font-size: 20px}
		div.lumina-caption b { margin-top: 10px; font-size: 14px}
		a.button.lumina { margin: 0px auto 0; background: transparent; font-size: 14px; border-bottom-width: 3px; padding-top: 5px}

		.emerald-slide h5{
			font-size: 16px;
			margin-top: 20px;
		}
		img.emerald-logo{
			margin-top: 15px;
		}
		.lumina-pre-construction-slide h2{
			font-size: 24px;
			line-height: 24px;
		}
		.lumina-pre-construction-slide h4{
			font-size: 14px;
			margin-bottom: 10px;
		}
		.lumina-pre-construction-slide p{
		/* display: none; */
		max-width: 95%;
		/* font-size: 2.3vw; */
		font-size: 18px;
		text-shadow: 0px 0px 2px rgba(50, 50, 50, 0.6);
		margin-bottom: 20px;

		}
		.lumina-pre-construction-slide p.mobile-small{
			font-size: 12px;
		}
		.lumina-pre-construction-slide a.button.lumina{
			margin-bottom: 0;
			font-size: 10px;
			padding: 14px 23px 5px;
		}
		.hide-on-mobile{
			display: none;
		}
		.lumina-pre-construction-slide p.hide-on-mobile{
			display: none;
		}
}

/*	IPHONE 6*/
@media only screen and (max-width:393px) {
	
}

/*	IPHONE 5 */
@media only screen and (max-width:360px) {
	

section.community h1 { display: none;}
    div.lumina-hospital-slide h2 {
        font-size: 22px;
    }
    div.lumina-hospital-slide h4 {
        font-size: 12px;
    }
}


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

@media only print {
}


.hidden { display: none !important}