@font-face {
	font-family: 'DomaineText-Regular';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/domaine-text-regular.woff2') format('woff2');
}

:root {
	--white:#F8F8F8;--black:#000;--gold:#84754E;--grey:#707070;
	--ddr:'DomaineDisplay-Regular', san-serif;
	--dtr:'DomaineText-Regular', san-serif;
	--tht:'Theinhardt-Light', san-serif;
	--ss:1920;
	--label:normal 400 calc(100/var(--ss)*20vw) / calc(100/var(--ss)*24vw) var(--tht);
	--small:normal 400 calc(100/var(--ss)*16vw) / calc(100/var(--ss)*20vw) var(--tht);
	--title:normal 400 calc(100/var(--ss)*55vw) / calc(100/var(--ss)*110vw) var(--ddr);
	--side:normal 400 calc(100/var(--ss)*27vw) / calc(100/var(--ss)*36vw) var(--dtr);
	
}

@media (max-width:1366px) {
	:root {
		--ss:1440;		
	}
}

@media (max-width:768px) {
	:root {
		--ss:480;
		--side:normal 400 calc(100/var(--ss)*27vw) / calc(100/var(--ss)*36vw) var(--dtr);
	}
}
#contact-2 {
	background: var(--white);
	padding: 3em;width: 100%;
margin: 0;
	border-radius:0;
}
.contact-2-side a {color:#000;transition:color .3s ease;}
.contact-2-side a:hover {color:var(--gold);}
.rows-2 {display:flex;}
.contact-2 {max-width: 100%;}
.contact-2-side {width:calc(100/var(--ss)*501vw);margin:8vw 0 auto auto;}
.contact-2-side h3 {font:var(--label);}
.contact-2-side p {font:var(--side);margin-bottom:1em;}
#contact-2 h2 {color:var(--gold);}
*:focus { outline: none !important; }
::-moz-focus-inner { border: 0; }
input[type="text"]::-webkit-input-placeholder { opacity: 0; color: inherit; font-weight: normal;}
input[type="text"]::-moz-placeholder { opacity: 0; color: inherit; font-weight: normal;padding:inherit;border-radius: inherit;}
input[type="text"]:-ms-input-placeholder { opacity: 0; color: inherit; font-weight: normal;padding:inherit;border-radius: inherit;}
input[type="text"]:-moz-placeholder { opacity: 0; color: inherit; font-weight: normal;padding:inherit;border-radius: inherit;}
textarea { box-shadow: none !important; opacity: 0; font-family: inherit; font-weight: normal; color: inherit;
           -webkit-appearance: none; -moz-appearance: none; appearance: none;padding:inherit;border-radius: inherit;}
textarea::-webkit-input-placeholder { opacity: 0; font-family: inherit; font-weight: normal; color: inherit;padding:inherit;}
textarea::-moz-placeholder { opacity: 0; font-family: inherit; font-weight: normal; color: inherit;padding:inherit;border-radius: inherit;}
textarea:-ms-input-placeholder { opacity: 0; font-family: inherit; font-weight: normal; color: inherit;padding:inherit;border-radius: inherit;}
textarea:-moz-placeholder { opacity: 0; font-family: inherit; font-weight: normal; color: inherit;padding:inherit;border-radius: inherit;}
.contact-top > .chronoforms.index {width:80%;margin:auto;}
form:not(.ui) * {border:0;outline:0;}
form:not(.ui) {padding:2em 0 3em;}
form:not(.ui) .mainfield.field {
	display: flex;
	flex-direction: column;font:var(--label);position: relative;
}
#register-2023-start_page {max-width: calc(100/var(--ss)*900vw);}
form:not(.ui) .mainfield.field input{border: 1.5px solid var(--grey);margin-bottom:1em;height: calc(100/var(--ss)*40vw);padding: 1em .5em;}
/*form.form > p:first-child {margin-bottom:2rem;padding:0 5%;}*/
form:not(.ui) .radio label::before,
form:not(.ui) .radio label::after{display:none;}
form:not(.ui) .fields > .field:not(.a) {flex:0 1 auto;padding-left:0;padding-right:0;flex-basis:25%;text-align: center;font:var(--label);}
form:not(.ui) .inline.fields:not(.a) {display:flex;gap:1rem;flex-wrap: nowrap;}
form:not(.ui) input[type="radio"] {display:none;}
form:not(.ui) .radio.checkbox label {padding-left: 0 !important;}
.default.dropdown:not(.button):not(.ui) > .text, 
.dropdown:not(.button):not(.ui) > .default.text {color:inherit;}
.dropdown:not(.ui) > input:not(.search):first-child, 
.dropdown:not(.ui) > select {display: none !important;} 
form:not(.ui) #cols_1 {display: flex;flex-wrap: wrap;gap:2rem 1rem;margin-bottom:1.5rem;justify-content: space-between;}
form:not(.ui) #cols_1 > div {flex-basis: 49%;font:var(--label);}
form:not(.ui) #cols_1 > div input, 
form:not(.ui) div > textarea, 
form:not(.ui) div > select {width:100%;padding: .8rem 1rem;background:#fff;border:1.5px solid var(--grey);}
form:not(.ui) div > textarea {padding:1.5rem;}
form:not(.ui) .mainfield:not(.a) label:not(.a) {/*display:none;*/font:var(--label);margin-bottom:.5em;}
form:not(.ui) .mainfield:not(.a) .checkbox label:not(.a) {display:block;}
form:not(.ui) .mainfield:not(.a) label:not(.a)[for="register_terms"], 
form:not(.ui) .mainfield:not(.a) label:not(.a)[for="register_newsletter"] {display:block;text-align: left;font:var(--small);margin-bottom:1rem;}
form:not(.ui) .selection.dropdown:not(.a) {min-height: 2rem;font:var(--label);text-align: left;padding: .5em;background:#fff;width: 100%;margin-bottom: 1em;border:1.5px solid var(--grey);}
form:not(.ui) .selection.dropdown.active:not(.a){z-index: 99;position: relative;}
form:not(.ui) .selection.dropdown * {cursor: pointer}
form:not(.ui) .selection.dropdown:not(.a) .item:hover {background:var(--white);color:var(--grey);}
.selection .menu {display: none;}
form:not(.ui) .fields > .field > .checkbox {background: #fff;padding: .75rem;margin-bottom:1rem !important;transition:color .3s ease, background .3s ease;}
form:not(.ui) .fields > .field > .checkbox.checked {background: var(--gold);color:var(--white);}
#cols_1, 
.budget, 
.beds {margin-bottom:2rem;}
.terms {margin-top: .25em;margin-bottom: .25em;}
.checkbox:not(.ui) label {cursor: pointer;}
.checkbox:not(.ui) label a {position:relative;}
.checkbox:not(.ui) label a::before {transition:.2s ease;content:'';width:100%;height: 1px;background: var(--grey);bottom: 0;position: absolute;opacity: 1;}
.checkbox:not(.ui) label a:hover::before {opacity: 1;}
.terms > .field > .checkbox label + input, 
.newsletter > .field > .checkbox label + input {opacity: 0;position: absolute;width:0px;height:0;}
.terms > .field > .checkbox label, 
.newsletter > .field > .checkbox label {position:relative;left:calc((100/var(--ss)*40vw) + (100/var(--ss)*14vw));padding-right: calc((100/var(--ss)*40vw) + (100/var(--ss)*14vw));}
.terms > .field > .checkbox label::after, 
.newsletter > .field > .checkbox label::after {transition:.3s ease;content:'';background: var(--gold);position: absolute;top: 0;left:calc(0px - ((100/var(--ss)*40vw) + (100/var(--ss)*14vw)));width:calc(100/var(--ss)*40vw);height:calc(100/var(--ss)*40vw);opacity: 0;z-index:0;}
.terms > .field > .checkbox label::before, 
.newsletter > .field > .checkbox label::before {z-index:1;position: absolute;top: 0;left:calc(0px - ((100/var(--ss)*40vw) + (100/var(--ss)*14vw)));width:calc(100/var(--ss)*40vw);height:calc(100/var(--ss)*40vw);content: '';background: var(--white);border: 1.5px solid var(--grey);}
.terms > .field > .checkbox.checked label::after, 
.newsletter > .field > .checkbox.checked label::after {opacity:1;z-index:2;}
.terms a.underline {text-decoration: none !important;color:#000;transition:color .3s ease;}
.terms a.underline:hover {color:var(--gold);}
/*form.form div.field > *:not(.a) {border-radius:0 !important;line-height: 1;}*/
/*form.form div.field > *:not(.a), 
form:not(.a) .selection.dropdown:not(.a) > * {border-radius:0;}*/
/*form.form textarea {min-height:100px !important;}
form.form .checkbox label, 
form.form .checkbox + label {color: inherit;}*/
form:not(.ui) .red.text.small.error-msg {visibility:hidden;}
form:not(.ui) .red.text.small.error-msg::before {content:'This field is required';position: absolute;width:100%;height:20px;font-size:clamp(11px,calc(100/var(--ss)*12vw),14px);color:red;visibility: visible;margin-top: calc(0px - 100/var(--ss)*20vw);}
.field.dropdown:not(.ui) {display: inline-block;transform: rotateZ(0);position: relative;min-height: auto;}
.selection.dropdown:not(.ui) .menu {overflow-x: hidden;overflow-y: auto;position:absolute;width: 100.5%;max-width: 100.5%;background: var(--grey);padding: .5em;margin: .5em 0 0 -.575em;border: 1.5px solid var(--grey);max-height:calc(100/var(--ss)*250vw);}
.dropdown:not(.ui) .menu > .item {position: relative;cursor: pointer;display: block;border: none;height: auto;margin-bottom:.3em;color:var(--white);}
#register_submit {position: relative;color:var(--white);background:var(--gold);width: calc(100/var(--ss)*440vw);height: calc(100/var(--ss)*40vw);cursor: pointer;transition: .3s ease;}
#register_submit:hover {background:var(--grey);}
.selection.dropdown:not(.ui)::before {content: '' !important;background: url('../images/shared/chev-white.svg') center / contain no-repeat;transform:rotate(90deg);width: 1.2em;height: 1.2em;position: absolute;right: .75em;filter:brightness(0%);}
form#register-2023-start_page:not(.ui) input[type="checkbox"]:checked + label::after {
	content: '';
	opacity: 1;
}

span.close-form {position: absolute;color:#000;font:var(--side);right: 1.35em;top: 1.2em;width: calc(100/var(--ss)*40vw);height: calc(100/var(--ss)*46vw);font-size: calc(100/var(--ss)*80vw);text-align: center;cursor: pointer;display: block;}
div.form-model {opacity:0;pointer-events:none;z-index:0;position:fixed;background:#0005;width:100%;height:100vh;display:flex;top:0;left:0;right:0;bottom:0;}
div.form-model > .inner { width:100%; }
body.open-form div.form-model {opacity:1;pointer-events:auto;z-index:999;overflow:auto;}
body.open-form, html.noscroll { overflow: hidden; }

@media (max-width:1366px) {
	.contact-2-side {margin: 5em -2em 2em 4em;}
}
@media (max-width:768px) {
	#header-register {right: .5em;position: absolute;top: .5em;scale: 1.33;display: block !important;}
	div.form-model {width: 100%;}	
	.rows-2 {flex-wrap: wrap;}
	.contact-2-side {margin: 0;}
	#contact-2 {padding: 3em 1em;margin: 0;height: 100vh;overflow: auto;}
	span.close-form {right: .2em;top: .35em;z-index:9999;}
	form:not(.ui){overflow:hidden;}
	form.form,
	#register_submit {max-width:100%;}
	form.form #cols_1 > div input, 
	form.form div > textarea, 
	form.form div > select {min-height: 10.93vw;}
	form.form div > textarea {padding:1rem;}
	#cols_1, 
	.budget, 
	.beds, 
	.newsletter {margin-bottom:1rem;}
	form.form #cols_1 {gap: 1rem 1rem;margin-bottom:1rem;}
	.contact-top > .chronoforms.index {width: 100%;}
	.fields.inline {flex-wrap: wrap !important;}
	form.form .fields > .field:not(.a) {flex-basis: 48%;}
	form.form .inline.fields:not(.a) {gap: .5rem;justify-content: space-between;}
	#area_container_40 > div {width:100%;}
	#area_container_40 {flex-direction: column-reverse;}
}

.success ul { list-style:none !important; margin-top: 3vw; }