section.max {width: 100%; padding: 0}
section.nc-padded { padding-top: 80px; padding-bottom: 80px;}

p  {font-size: 22px; font-weight: 300; line-height: 1.33;}
.short { max-width: 1340px; margin-left: auto; margin-right: auto; text-align: center;}

div.nc-header {display: flex; justify-content: space-between; gap: 0; background: #A9A238; width: 100%;}
div.nc-nav { display: flex; justify-content: flex-end; gap: 100px;}
div.nc-nav a { line-height: 100px; color: #fff; font-size: 20px; font-weight: 500; display: block;}
div.nc-nav a.btn-register { padding: 0 70px; background: #000; font-size: 36px; }
div.nc-header div.logo { display: flex; justify-content: space-between; gap: 0; align-items: center; flex: 1}
div.nc-header div.logo img { display: block; width: 124px; max-width: 80%; margin: 0 auto; }

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

div.nc-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 70px 30px; display: flex; justify-content: space-between; gap: 30px; flex-direction: column; align-items: center; text-align: center;}
div.nc-caption div.message { display: flex; justify-content: space-between; gap: 60px; flex-direction: column; align-items: center; ;}
div.nc-caption div.title { text-align: center; font-size: 60px; font-weight: 700; color: #000; text-transform: uppercase; line-height: 1.2; font-family: bebas-neue-pro;}
a.nc-btn { padding: 0 70px; font-size: 36px; line-height: 100px; color: #fff; font-weight: 500; display: table; background: #A9A238; margin: 0 auto}
a.nc-btn:hover { background-color: #C6985F !important;}
a.nc-btn.b-nc-brown:hover { background-color: #A9A238 !important;}
.b-nc-brown{ background-color: #C6985F !important;}
.c-nc-brown{ color: #C6985F !important;}
.b-nc-beige { background-color: #E9E1D1 !important;}
.b-nc-green { background-color: #A9A238 !important;}

div.nc-content { max-width: 1600px; margin: 0 auto}
h1 {font-size: 100px; text-align: center; color: #000; line-height: 1.2; font-family: bebas-neue-pro; margin: 0 auto 40px; font-weight: 700;}
h2 {font-size: 60px; text-align: center; color: #000; line-height: 1.2; font-family: bebas-neue-pro; margin: 0 auto 32px; color: #A9A238; font-weight: 700;}

div.nc-image { margin: 80px auto; position: relative;}
div.nc-image.nc-lines:after { content:""; position: absolute; top: 0; left: 0; height :100%; background: url(/img/communities/newcastle/lines.svg) no-repeat left center; background-size: contain; display: block; z-index: 3; width: 100%}
div.nc-image img { display: block; width: 100%;}

div.nc-collections { display: flex; justify-content: space-between; gap: 0; width: 1600px; margin: 0 auto; max-width: 100%;}
div.nc-collections > div { flex: 1; padding: 30px 30px 50px; background: #C6985F}
div.nc-collections > div:nth-child(2) { background: #A9A238}
div.nc-collections > div:nth-child(3) { background: #686855}
div.nc-collections > div:nth-child(4) { background: #232622}
div.nc-collections div.thumb img { display: block; width: 100%;} 
div.nc-collections div.info {padding: 40px 20px 0; text-align: center; color: #fff;}
div.nc-collections div.title { font-size: 60px; font-weight: 700; text-transform: uppercase; line-height: 1.2; font-family: bebas-neue-pro; margin-bottom: 5px;}
div.nc-collections div.subtitle { font-size: 40px; font-weight: 700; text-transform: uppercase; line-height: 1.2; font-family: bebas-neue-pro; margin-bottom: 20px;}
div.nc-collections p { color: #fff}
div.nc-collections a  { padding: 0 70px; font-size: 24px; line-height: 100px; color: #000; font-weight: 500; display: table; background: #E9E1D1; margin: 0 auto}

div.nc-poi { gap: 40px 60px; max-width: 800px; margin: 0 auto 50px; display: flex; justify-content: center; flex-wrap: wrap;}
div.nc-poi div { text-align: center; display: flex; justify-content: flex-start; gap: 10px; flex-direction: column; align-items: center; font-size: 40px;}
div.nc-poi div span { color: #000;  font-family: bebas-neue-pro; line-height: 1; font-weight: 700; text-transform: uppercase;}
div.nc-poi div span:first-child { font-size: 2em; color: #C6985F}
div.nc-poi div span:nth-child(3) { font-size: .55em; padding-top: 10px; font-family: futura-pt; font-weight: 300; text-transform: none;}

div.nc-siteplan { position: relative;}
div.nc-siteplan > img { display: block; width: 100%;}
div.nc-siteplan > a { display: block; position: absolute; bottom: 30px; right: 30px; z-index: 3; width: 48px;}
div.nc-siteplan > a img { display: block; width: 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: 100%; flex: 1;  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: #A9A238}
.valley-model > div:first-child img { display: block; width: 100%}
.valley-model > div:last-child { width: 340px;}
.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: #C6985F; font-size: 16px; font-weight: 400; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; text-transform: uppercase;}
.v-name {padding-top: 20px; color: #A9A238; font-size: 16px; font-weight: 400; text-transform: uppercase;}
.v-name span { display: block; font-size: 1.33em; color: #A9A238; font-weight: 500; margin-bottom: 7px;}
.v-name a { font-size: 1.33em; color: #A9A238; 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: #A9A238; }


div.form-holder { background: #C6985F; 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: #fff}
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: 64px; color: #fff; text-align: center; font-family: bebas-neue-pro; margin-bottom: 30px; font-weight: 700}
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 50px; text-transform: initial; text-align: center; font-size: 28px; line-height: 60px; padding-top: 0px; background: #fff; color: #232622; font-weight: 500}
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: 0px; text-transform: initial; font-weight: 400; font-family: futura-pt; font-size: 22px; color: #455755; }
*::-moz-placeholder {  text-align: left; letter-spacing: 0px; text-transform: initial;  font-weight: 400; font-family: futura-pt; font-size: 22px;  color: #455755}
*:-ms-input-placeholder {  text-align: left; letter-spacing: 0px; text-transform: initial; font-weight: 400; font-family: futura-pt; font-size: 22px; 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: initial;font-weight: 300; font-size: 22px; letter-spacing: 0px; }
div.radio label {line-height: 30px; color: #fff; text-transform: initial;font-weight: 300; font-size: 22px; 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); }
}




@media only screen and (max-width: 1680px) {
article#home { padding-top: 72px !important}
}
@media only screen and (max-width: 1640px) {
		section.nc-padded { padding-top: 70px; padding-bottom: 70px;}

		p  {font-size: 18px; }

		div.nc-nav { gap: 50px;}
		div.nc-nav a { line-height: 60px; font-size: 16px; }
		div.nc-nav a.btn-register { padding: 0 40px; font-size: 28px; }
		div.nc-header div.logo img { width: 100px; }

		div.nc-caption { padding: 50px 30px; }
		div.nc-caption div.message { gap: 40px; }
		div.nc-caption div.message > img { width: 300px;}
		div.nc-caption div.title { font-size: 48px; }
		a.nc-btn { padding: 0 40px; font-size: 28px; line-height: 60px; }

		h1 {font-size: 60px; margin: 0 auto 30px; }
		h2 {font-size: 48px; margin: 0 auto 25px; }

		div.nc-image { margin: 70px auto; }

		div.nc-collections > div { padding: 20px 20px 40px; }
		div.nc-collections div.info {padding: 30px 10px 0; }
		div.nc-collections div.title { font-size: 40px; }
		div.nc-collections div.subtitle { font-size: 28px; }
		div.nc-collections a  { padding: 0 40px; font-size: 24px; line-height: 60px; }

		div.nc-poi { gap: 40px 40px; max-width: 700px}
		div.nc-poi div { font-size: 32px;}

		div.nc-siteplan > a { bottom: 10px; right: 10px; width: 32px;}

	.valley-model { gap: 20px;}
}

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

	.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: 14px}
	.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}

		div.nc-nav { gap: 30px;}
		div.nc-nav a { line-height: 48px; font-size: 14px; }
		div.nc-nav a.btn-register { padding: 0 20px; font-size: 18px; }
		div.nc-header div.logo { padding: 5px 0}
		div.nc-header div.logo img { width: 70px; }

		div.nc-caption div.message { gap: 20px}
		div.nc-caption div.message > img { width: 220px;}

		div.form div.title { font-size: 36px;}
		form button[type="submit"], form button[type="button"] { padding: 0 20px; font-size: 18px; line-height: 40px; padding-top: 0px; }
		div.radios { padding: 0 0 10px 0; margin-bottom: 10px;}
		div.checkbox label { padding-left: 30px; margin-bottom: 10px}
		div.checkbox label:before { width: 20px; height: 20px}

}

@media only screen and (max-width: 980px) {
		div.nc-collections { flex-wrap: wrap;}
		div.nc-collections >div { width: 50%; flex: auto}
}

@media only screen and (max-width: 760px) {
		div.nc-header { display: none}
		div.nc-masthead { height: 64vh;}
		div.nc-masthead >img { height: 100%; width: 100%; object-fit: cover; object-position: center bottom}

		div.nc-caption div.message { gap: 20px}
		div.nc-caption div.message > img { width: 150px;}
		div.nc-caption div.title { font-size: 32px; }
		a.nc-btn { padding: 0 30px; font-size: 22px; line-height: 50px; }

		h1 {font-size: 36px; }
		h2 {font-size: 28px; }

		div.nc-image { margin: 50px auto; }


		div.nc-collections { flex-direction: column; gap: 20px; padding: 0 30px;}
		div.nc-collections div.info {padding: 20px 0px 0; }
		div.nc-collections >div { width: 100%; flex: auto; padding: 20px 20px 40px;}

		div.nc-poi { gap: 30px 30px; max-width: 700px}
		div.nc-poi div { font-size: 24px;}

		div.nc-siteplan > a { bottom: 5px; right: 5px; width: 24px;}
		div.nc-content { padding: 0 30px}

	 div.form-holder { padding: 80px 20px 20px}

	div.form div.title { font-size: 26px;}
	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.radio label:before, div.radio label:after { width: 20px; height: 20px; }
	div.radio label:after { width: 14px; height: 14px; left: 3px; top: 3px}
	div.radios > label {line-height: 20px; font-size: 18px; }
	div.radio label {line-height: 20px; font-size: 18px; padding-left: 30px}
	*::-webkit-input-placeholder {  font-size: 18px; }
	*::-moz-placeholder {  font-size: 18px; }
	*:-ms-input-placeholder {  font-size: 18px; }


	.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%}

}




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