/*section.full-screen { height: auto !important; }*/
/*section.full-screen > div.iframe { width: 100%!important; height: 100% !important; left: 0 !important; top: 0 !important; }*/
section.full-screen { height: calc(100 * var(--vh)) !important}
#slide1 { padding-left: 189px; padding-left: 0px !important;}
#slide1 > div { display: block; width: 100%; height: 100%; padding: 0 !important; position: relative !important; }
#slide1 div.iframe { padding: 0}
img.background { display: block; width: 100%; height: 100%; object-fit: cover;}

div.caption-valley { display: flex !important; flex-direction: column;position: absolute !important; top: 0; height: 100%; width: 100%; justify-content: center; gap: 120px; max-width: 1400px; padding: 40px !important; left: 50%; transform: translateX(-50%); max-height: calc(100 * var(---vh) ) !important; height: 100%;}
div.caption-valley div.logo { display: flex; flex-direction: column;justify-content: center; gap: 55px;align-items: center;}
div.caption-valley div.logo  p { font-size: 20px; padding-top: 10px; margin: 0; color: #fff; text-transform: uppercase; font-family: superior-title; }
div.caption-valley div.message { display: flex; flex-direction: column;justify-content: center; gap: 20px;align-items: center; text-align: center;}
div.caption-valley div.message div.title { font-size: 60px; color: #fff; text-transform: uppercase; font-family: superior-title; }
div.caption-valley div.message div.subtitle { font-size: 33px;color: #fff; text-transform: uppercase; font-family: superior-title; margin-bottom: 0}
div.caption-valley div.arrow { display: flex; flex-direction: column;justify-content: center; gap: 17px;align-items: center; text-align: center;}
div.caption-valley div.arrow p  { font-size: 20px;color: #fff; text-transform: uppercase; margin-bottom: 0}
div.caption-valley div.arrow img  { width: 80px; display: block;position: relative; animation: bounce 5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;}

div.valley-area { display: block; width: 100%; padding: 80px 46px; }
div.valley-area img { display: block; width: 100%; }

section.max { padding: 0 0 0 189px; padding-left: 0 !important}

div.form-holder { background: #455755; padding: 115px 20px; }
div.form { max-width: 820px; margin: 0 auto;}
form {  }
div.form-row {display: flex; gap: 20px}
div.field { padding: 0}
form#frmContact { margin: 0px auto 0px}
input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], textarea { padding-left: 20px; border: 0; background: rgba(255,255,255,.85);}
div.form-row.fr_31 > div { width: 200px; }
div.form-row.fr_31 > div:first-child { width: calc(100% - 200px); padding-right: 50px; }

div.form div.title { font-size: 38px; color: #fff; text-align: center;font-family: superior-title; margin-bottom: 30px}
div.field > label { display: none; }
div.field label { margin-bottom: 0}

div.form-row-footer { padding-right: 160px}
form button[type="submit"], form button[type="button"] { padding: 0 35px; text-transform: uppercase; text-align: center; font-family: superior-title; font-size: 30px; line-height: 60px; padding-top: 10px; background: #fff; color: #455755}
form button[type="submit"]:hover, form button[type="button"]:hover { background-color: #000; color: #fff}
div.checkbox label:before { width: 30px; height: 30px; border-radius: 0px; background: #fff; font-weight: 300}
div.checkbox input:checked + label:before { background: url(/lib/img/dark/checkmark.svg) #fff no-repeat center center;border-color: #fff; background-size: 14px 12px;}
div.checkbox label { padding-left: 48px;font-size: 15px; padding-top: 0px; color: #fff; font-weight: 300; text-transform: none;}
*::-webkit-input-placeholder {  text-align: left;  letter-spacing: 3px; text-transform: uppercase; font-weight: 400; font-family: futura-pt; font-size: 18px; color: #455755; }
*::-moz-placeholder {  text-align: left; letter-spacing: 3px; text-transform: uppercase;  font-weight: 400; font-family: futura-pt; font-size: 18px;  color: #455755}
*:-ms-input-placeholder {  text-align: left; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; font-family: futura-pt; font-size: 18px; color: #455755}

div.radio label:before, div.radio label:after { border-color: #fff; width: 30px; height: 30px; top: 0; }
div.radio label:after { width: 22px; height: 22px; left: 4px; top: 4px}
div.radios {padding: 15px 0 35px}
div.radios > label {line-height: 30px; color: #fff; text-transform: uppercase;font-weight: 300; font-size: 18px; letter-spacing: 3px; }
div.radio label {line-height: 30px; color: #fff; text-transform: uppercase;font-weight: 300; font-size: 18px; padding-left: 36px}
div.radio input:checked + label {color: #fff; font-weight: 300; font-size: 18px}
div.radio input[type=radio]:checked + label:after { background: #fff; border-color: #fff;}
/*input[type="text"]:focus, input[type="search"], input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus { box-shadow:none; background: #fafafa;}*/


fieldset { margin-bottom: 0; border: 0; padding: 0; display: block; max-width: 100%}

div.reveal-response p { text-align: center; font-size: 48px; line-height: 1.5; color: #fff; font-weight: 300}
@keyframes bounce {
	0%  { transform: translateY(0px); }
	20%  { transform: translateY(30px); }
	100%  { transform: translateY(0px); }
}


.valley-padded { padding: 150px 0 !important;}

.valley-nav { display: flex; justify-content: center; gap: 50px; margin: 0 auto 70px}
.valley-nav a { display: block; color:#fff; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1.2; }
.b-valley-green {background-color: #455755 !important}
.valley-content { max-width: 1600px; margin: 0 auto; padding: 0 30px; text-align: center;}
.valley-content.valley-short { max-width: 1280px; }
.valley-content.valley-shorter { max-width: 1080px; }
.valley-subtitle {font-family: superior-title; display: block; margin: 0 auto 120px; text-transform: uppercase; font-size: 22px; font-weight: 300; text-align: center; }
.valey-headline {font-family: superior-title; text-transform: uppercase; font-size: 49px; font-weight: 400; text-align: center; margin: 0 auto 20px; color: #455755; line-height: 1.1}
.valey-headline-big {font-family: superior-title; text-transform: uppercase; font-size: 130px; font-weight: 400; text-align: center; margin: 0 auto 20px; color: #455755 }
.b-valley-yellow {background-color: #F3EFED !important}
.valley-full {display: block; width: 100%}
.valley-collection {display: flex; justify-content: center; gap: 10px; align-items: flex-start;}
.valley-collection div.title {font-family: superior-title; text-transform: uppercase; font-size: 49px; font-weight: 400; text-align: center; margin: 0 auto 50px; color: #455755}
.valley-collection div.thumb {margin: 0 auto 50px; }
.valley-btn {background: #455755; color: #fff; display: table; margin: 0 auto; line-height: 62px; font-family: superior-title; font-size: 30px; text-transform: uppercase; padding: 8px 20px 0;}
.valley-floating-center {position: absolute; top: 50%; left: 50%; transform: translate3D(-50%, -50%, 0); z-index: 4;}
.valley-shadow {box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.41);}

.valley-grid-1 {display: flex; justify-content: space-between; gap: 0; }
.valley-grid-1 > div { flex: 1}
.valley-grid-text {padding: 0 20px; display: flex; justify-content: center; gap: 0; flex-direction: column; text-align: center}
.valley-grid-text > div { max-width: 700px; margin: 0 auto;}

.valley-grid-3 {display: flex; justify-content: space-between; gap: 0; }
.valley-grid-3 > div { width: 50%;}

div.valley-tech-features { display: grid; gap: 140px 70px; grid-template-columns: 1fr 1fr 1fr; padding: 140px 0; max-width; }
div.valley-tech-features > div { display: flex; justify-content: flex-start; gap: 0; flex-direction: column; align-items: center;}
div.valley-tech-features > div > * { display: block; width: 100%; text-align: center;}
div.valley-tech-features div.thumb { height: 200px; }
div.valley-tech-features div.thumb img { display: table; width: 100%; height: 100%; object-fit: contain; object-position: center bottom;}
div.valley-tech-features div.title { display: block; padding-top: 20px; font-size: 28px; font-weight: 500; color: #455755; margin-bottom: 20px;}
div.valley-tech-features p { font-size: 20px; font-weight: 300; color: #455755; }

div.valley-separator {display: block; width: 100%; height: 2px; background: #455755; margin: 80px auto;}

div.valley-grid2 { display: flex; justify-content: space-between; gap: 100px; }
div.valley-grid2 > div:last-child { width: 460px;}
div.valley-grid2 > div:first-child { display: flex; justify-content: space-between; gap: 20px; flex-direction: column; align-items: flex-start; flex: 1}
div.valley-grid2 > div:first-child > div:first-child { display: flex; justify-content: space-between; gap: 50px; align-items: center; text-align: left;}
div.valley-grid2 > div:first-child > div.valley-line { height: 1px; width: 100%; display: block; margin: 20px auto; background: #000000;}
div.valley-grid2 div.title { display: block; padding-top: 20px; font-size: 28px; font-weight: 500; color: #455755; margin-bottom: 20px;}
div.valley-grid2  p { font-size: 20px; font-weight: 300; color: #455755; }
div.valley-grid2  p.valley-disclaimer-1 { font-size: 12px; font-weight: 300; color: #455755; text-align: left}

img.valley-fit { display: block; width: 100%; height: 100%; object-fit: cover;} 

.valley-vgrid-1 { display: flex; justify-content: space-between; gap: 0; flex-direction: column; padding: 80px 20px; align-items: center; height: 100%;}
.valley-floorplans { display: flex; justify-content: flex-start; gap: 40px; flex-direction: column;}
.valley-model { display: flex; justify-content: space-between; gap: 50px; border-bottom: 1px solid #D3D3D3}
.valley-model > div:first-child { width: 1000px; display: flex; justify-content: flex-start; gap: 8px;}
.valley-model > div:first-child > div { flex: 1;}
.valley-model > div:first-child span { position: absolute; top: 15px; left: 15px; font-size: 28px; font-weight: 500; color: #000; text-transform: uppercase;}
.valley-model > div:first-child p { margin: 0 auto; line-height: 60px; font-size: 28px; font-weight: 500; text-align: center; text-transform: uppercase; color: #455755}
.valley-model > div:first-child img { display: block; width: 100%}
.valley-model > div:last-child { flex: 1}
.valley-model-details {display: flex; justify-content: space-between; gap: 0; height: 100%}
.valley-model-details > div { flex: 1; position: relative; text-align: left; padding-bottom: 60px;}
.valley-model-details > div > div { height: 100%; padding-bottom: 60px;}
.v-head {line-height: 40px; color: #455755; font-size: 18px; font-weight: 400; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; text-transform: uppercase;}
.v-name {padding-top: 20px; color: #455755; font-size: 21px; font-weight: 400; text-transform: uppercase;}
.v-name span { display: block; font-size: 1.33em; color: #B173B0; font-weight: 500; margin-bottom: 7px;}
.v-name a { font-size: 1.33em; color: #455755; display: block;text-transform: uppercase; font-weight: 500}
.v-actions { position: absolute; bottom: 0px; left: 0; display: flex; justify-content: flex-end; gap: 10px; flex-direction: column; align-items: flex-start;}
.v-actions a { font-size: 17px; display: flex; justify-content: flex-start; gap: 8px; text-decoration: underline; text-transform: uppercase; color: #455755; }

div.valley-gallery { width: 100%; max-width: 100%; display: block;}
.valley-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width: 1920px), (max-height: 1100px) {
div.caption-valley { gap: 60px; }
div.caption-valley div.logo { gap: 40px;}
div.caption-valley div.logo img:first-child { width: 400px;}
div.caption-valley div.logo img:last-child { width: 480px;}
div.caption-valley div.message div.title { font-size: 48px;}
div.caption-valley div.message div.subtitle { font-size: 24px;}
#slide1, section.max  { padding-left: 140px;}
div.valley-area { padding: 40px;}

}

@media only screen and (max-width: 1780px), (max-height: 820px) {
	div.caption-valley div.arrow p  { font-size: 16px;}
	div.caption-valley div.arrow img  { width: 60px; }

}

@media only screen and (max-width: 1680px){
	article#home { padding-top: 72px !important}
}

@media only screen and (max-width: 1280px), (max-height: 760px) {
div.caption-valley { gap: 40px; }
div.caption-valley div.logo { gap: 20px;}
div.caption-valley div.logo img:first-child { width: 280px; max-width: 100%}
div.caption-valley div.logo img:last-child { width: 300px;}
div.caption-valley div.message div.title { font-size: 28px;}
div.caption-valley div.message div.subtitle { font-size: 20px;}


}

@media only screen and (max-width: 1480px) {
	.valley-model { gap: 20px;}
	.valley-model > div:last-child { flex: initial; width: 320px;}
	.valley-model > div:first-child { flex: 1; width: 100%;}
	.valey-headline-big {font-size: 8vw; }

	.valley-vgrid-1 img.logo { max-width: 40%;}

}

@media only screen and (max-width: 1280px) {
	#slide1, section.max  { padding-left: 120px;}
	div.form div.title { font-size: 24px;}
	form button[type="submit"], form button[type="button"] { padding: 0 20px; font-size: 24px; line-height: 40px; padding-top: 8px; }
	div.radios { padding: 0 0 10px 0}

	.valey-headline {font-size: 38px; }
	.valley-subtitle { margin-bottom: 50px}
	.valley-nav { gap: 20px}
	.valley-btn {line-height: 46px; font-size: 18px; padding: 6px 15px 0; white-space: nowrap}

	div.valley-tech-features { gap: 100px 40px; grid-template-columns: 1fr 1fr 1fr;padding: 100px 0;}
	div.valley-grid2 { flex-direction: column-reverse; gap: 50px}
	div.valley-grid2 > div { flex: 1; width: 100% !important}


	.valley-model > div:first-child p { font-size: 18px; line-height: 40px;}
	.valley-model-details > div { padding-bottom: 40px;}
	.valley-model-details > div > div { padding-bottom: 60px;}

	.v-name { padding-top: 10px; font-size: 16px}
	.v-head { line-height: 32px}

	.valley-model > div:first-child span { top: 10px; left: 10px; font-size: 18px}


}

@media only screen and (max-width: 1180px) {
	article#home { padding-top: 60px !important}
}

@media only screen and (max-width: 980px) {
	.valley-nav { gap: 10px}
	.valley-nav a { font-size: 16px}

	.valey-headline-big {font-size: 6vw; }

	.valley-grid-3 {flex-direction: column-reverse}
	.valley-grid-3 > div { width: 100%;}
	div.valley-grid-3 div.valley-grid-text { padding: 50px 30px}

}
@media only screen and (max-width: 760px) {
 	#slide1, section.max  { padding-left: 0px;}
	div.quick-links-valley, div.logo-valley { display: none !important;}
	div.caption-valley div.message div.subtitle { font-size: 18px;}
	div.caption-valley div.logo p { font-size: 14px;}
	div.caption-valley div.arrow p  { font-size: 14px;}
	div.radios { display: flex;}
	 div.valley-area { padding: 30px;}

	 	.valley-nav { display: none;}
		.valley-padded { padding: 70px 0 !important;}

	.valey-headline {font-size: 24px; line-height: 1.25}
	.valey-headline-big {font-size: 8vw; }

	.valley-grid-1 { flex-direction: column; gap: 0px}
	div.valley-grid-text { padding: 50px 30px}

	.valley-subtitle { margin-bottom: 30px; font-size: 16px}

	.valley-collection { flex-direction: column; gap: 80px}
	.valley-collection div.thumb { margin-bottom: 20px}
	.valley-collection div.title { font-size: 32px; margin-bottom: 20px}

	.valley-btn {line-height: 38px; font-size: 15px; padding: 4px 12px 0;}

	div.valley-tech-features { padding: 0; grid-template-columns: 1fr ;}

	div.valley-grid2 { gap: 20px}
	div.valley-grid2 > div:first-child > div:first-child > div:first-child { display: none}
	div.valley-grid2 > div:first-child > div.valley-line { margin: 0 auto}

	.valley-masthead  { flex-direction: column-reverse;}
	.valley-vgrid-1 { padding: 0; gap: 50px}

	.valley-model { gap: 20px; flex-direction: column}
	.valley-model > div:last-child { flex: 1; width: 100%;}
	.valley-model > div:first-child { flex: 1; width: 100%;}
	.valley-model > div:first-child { gap: 2px}
	.valley-model > div:first-child span { top: 5px; left: 5px; font-size: 14px}
	.valley-model > div:first-child p {font-size: 14px; line-height: 28px}
	.valley-model-details > div > div { padding-bottom: 0px;}
	.v-actions { position: relative; margin-top: 30px; }
	.valley-vgrid-1 img.logo { max-width: 60%}
}

@media only screen and (max-height: 700px), (max-width: 480px) {
div.caption-valley div.message div.title { font-size: 24px;}
div.caption-valley div.message div.subtitle { font-size: 16px;}
	 div.valley-area { padding: 20px;}
	 div.form div.title { margin-bottom: 10px; font-size: 18px}
	 div.form-holder { padding: 80px 20px 20px}

}

@media only screen and (max-width: 600px) {
    section#slide1 { padding-top: 0px; }
	div.form-row {flex-direction: column; gap: 0px}
	div.form-row.fr_31 > div:first-child { padding-right: 0; width: 100%}
	div.radios { flex-wrap: wrap;}
	div.radios > label { width: 100%; padding-bottom: 14px}

}

	div.broker-fields { display: none;}
	div.broker-fields.active { display: block;}
	div.registrant-fields { display: none;}
	div.registrant-fields.active { display: block;}