:root {
	--ss:100/1366;		
}

@media (max-width:768px) {
	:root {
		--ss:100/375;
	}
}

form.form .ui.dropdown > .dropdown.icon::before {content: '' !important;background: url('/templates/towerworks/images/shared/little-arrow-down.svg') center / contain no-repeat;
	width: 100%;height: 1.2em;position: absolute;right: .33em;}
form.form .ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {color: var(--black) !important;}
form.form #thankyoumsg * { color: #FFFFFF !important; }

#register_submit {font:var(--h2);}

form.form .ui.success.message {
	background-color: inherit !important;
}

form.form .ui.success.message h1, form.form .ui.success.message p:first-child {
	font-size: clamp(1.5rem, 8vw, 3rem) !important;
	line-height: 1.1 !important;
}

form.form .ui.success.message p, form.form .ui.success.message p:last-child {
	font-size: clamp(1rem, 6vw, 2rem);
	line-height: 1.33 !important;
	color: inherit !important;
}
form.form .ui.success.message ul li::before {display:none !important;}
form.form form.form .ui.attached.success.message, .ui.success.message {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	width: fit-content;
	margin: auto;
}

*:focus { outline: none !important; }
::-moz-focus-inner { border: 0; }
input[type="text"]::-webkit-input-placeholder { opacity: 1; color: inherit; font-weight: normal;}
input[type="text"]::-moz-placeholder { opacity: 1; color: inherit; font-weight: normal;padding:inherit;border-radius: inherit;}
input[type="text"]:-ms-input-placeholder { opacity: 1; color: inherit; font-weight: normal;padding:inherit;border-radius: inherit;}
input[type="text"]:-moz-placeholder { opacity: 1; color: inherit; font-weight: normal;padding:inherit;border-radius: inherit;}
textarea { box-shadow: none !important; opacity: 1; 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: 1; font-family: inherit; font-weight: normal; color: inherit;padding:inherit;}
textarea::-moz-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit;padding:inherit;border-radius: inherit;}
textarea:-ms-input-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit;padding:inherit;border-radius: inherit;}
textarea:-moz-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit;padding:inherit;border-radius: inherit;}
.contact-top > .chronoforms.index {width:80%;margin:auto;}
form.form * {border:0;outline:0;color:var(--black) !important;}
form.form > p:first-child {margin-bottom:2rem;padding:0 5%;}
form.form .radio label::before,form.form .radio label::after{display:none;}
form.form .fields > .field:not(.a) {flex:0 1 auto;padding-left:0;padding-right:0;flex-basis:25%; text-align: center;font:var(--nav);}
form.form .inline.fields:not(.a) {display:flex;gap:1rem;flex-wrap: nowrap;}
form.form input[type="radio"] {display:none;}
#segment_num_of_beds .inline.field > :first-child {display:none !important;}
.radio.checkbox label {padding-left: 0 !important;font-weight: 400;}
.radio.checkbox.checked label {color:var(--cream) !important;font-weight: 700;}
.default.dropdown:not(.button) > .text, .dropdown:not(.button) > .default.text:not(.a) {color:inherit;}
.dropdown > input:not(.search):first-child, .dropdown > select {display: none !important;} 
form.form #cols_1 {display: flex;flex-wrap: wrap;gap:2rem 1rem;margin-bottom:1.5rem;justify-content: space-between;}
form.form:not(#market-signup) #cols_1 > div {flex-basis: 49%;font:var(--p1);}
form.form #cols_1 > div input, form.form div > textarea, form.form div > select {width:100%;min-height: 3vw;padding: .8rem 1rem;background: var(--white);border: 0;color: var(--black);}
form.form div > textarea {padding:1.5rem;}
form .mainfield:not(.a) label:not(.a) {display:none;}
form .mainfield:not(.a) .checkbox label:not(.a) {display:block;}
form .mainfield:not(.a) label:not(.a)[for="register_terms"], form .mainfield:not(.a) label:not(.a)[for="register_newsletter"] {display:block;text-align: left;font:var(--p1);margin-bottom:1rem;}
form.form:not(.a) .selection.dropdown:not(.a) {min-height: 2rem;font:var(--p1);text-align: left;padding: .65rem 1rem;background:var(--white);width: 100%;border: 0;height: 100%;}
form.form:not(.a) .selection.dropdown.active:not(.a){margin-bottom: -100%;z-index: 99;position: relative;}
form.form:not(.a) .selection.dropdown * {cursor: pointer}
form.form:not(.a) .selection.dropdown:not(.a) .item:hover {background:var(--white);color:var(--black)}
.selection.dropdown {position:relative;}
.selection.dropdown::before {content:'' !important;display:block;width:1.2em;height:1.2em;position:absolute;right:3%;background-image:url('/templates/towerworks/images/shared/down-arrow-cream.svg');background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:999;top:50%;}
.selection .menu {display: none;}
.selection.dropdown:not(.ui) .menu {overflow-x:hidden;overflow-y:auto;position:absolute;width:100.75%;max-width:101%;background:var(--pgreen);padding:0;margin:.8em 0 0 -1.05em;border:0;max-height:calc(100/var(--ss)*250vw);}
.dropdown:not(.ui) .menu > .item {position: relative;cursor: pointer;display: block;border: none;height: auto;padding:.33em .5em;color:var(--black);transition:.3s ease;}
.fields > .field > .checkbox {background: var(--white);padding: .75rem;margin-bottom:1rem !important;transition:color .3s ease, background .3s ease;border: 0;}
.fields > .field > .checkbox.checked {background: var(--dgreen);color:var(--black);}
#cols_1, .budget, .beds, .newsletter {margin-bottom:2rem;}
.terms {margin-top:2rem;}
.checkbox label {cursor: pointer;}
.checkbox label a {position:relative;}
.checkbox label a::before {transition:.2s ease;content:'';width:100%;height:1.5px;background:var(--black);bottom:-0.33em;position:absolute;opacity:1;}
.checkbox 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:3rem;padding-right: 3rem;}
.terms > .field > .checkbox label::after, .newsletter > .field > .checkbox label::after {transition:.3s ease;content:'';background: var(--black);position: absolute;top: 0;left: -3rem;width: 1.5rem;height: 1.5rem;opacity: 0;z-index:0;}
.terms > .field > .checkbox label::before, .newsletter > .field > .checkbox label::before {z-index:1;position: absolute;top: 0;left: -3rem;width: 1.5em;height: 1.5em;content: '';background: var(--white);border: 0;}
.terms > .field input[type="checkbox"]:checked + label::after, .newsletter > .field input[type="checkbox"]:checked + label::after {opacity:1 !important; z-index:2;}
form.form div.field > *:not(.a) {line-height: 1;}
form.form textarea {min-height:100px !important;}
form.form .checkbox label, form.form .checkbox + label {color: inherit;}
button#register_submit {top: 0;position: relative;color:var(--cream);background: var(--pink);border-radius:0;}
#submit .mainfield.field {display: flex;align-items: center;justify-content: center;margin-top: 3em;}
.field.dropdown:not(.ui) {display: inline-block;transform: rotateZ(0);position: relative;min-height: auto;}


@media (max-width:768px) {
	.contact-top h2 {width:90%;margin:0 auto 1em;}
	.terms > .field > .checkbox label::before, .newsletter > .field > .checkbox label::before {left: -5rem;}
	.terms > .field > .checkbox label, .newsletter > .field > .checkbox label {left: 5rem;padding-right: 5rem;}
	.ui.dropdown, .ui.dropdown .menu > .item:not(.a) {font: var(--p1);background-color:var(--cream);border:0;}
	.ui.selection.dropdown .menu > .item:not(.a) {border-top: 0;transition:.3s ease;}
	.ui.selection.dropdown .menu:not(.a) {max-height: none;}
	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;}
	#register_submit {top: 0;width:40%;margin-bottom:1rem;}
	section > div.contact-top {padding:var(--vpad) calc(var(--hpad) );padding-top: calc(var(--vpad) * 1.5);}
	#area_container_40 > div {width:100%;}
	#area_container_40 {flex-direction: column-reverse;}
	.field > div.checkbox, .field > input, .field > div.dropdown {min-height: 10.93vw !important;display: flex;align-items: center;justify-content: center;margin-bottom:1em !important;}
	.field > div.dropdown {justify-content: flex-start;}
	.testimonial.left {font-weight:bold;padding-top:1em;}
	.dist-wrap:not(.a) {flex-wrap: wrap !important;}
}
#contact-form-contact {overflow: hidden;}
#contact-form-contact button.btn {background:var(--pink);padding:0;color:var(--cream) !important;line-height:1;width:calc(var(--ss)*329vw);height:calc(var(--ss)*53vw);font-size:calc(var(--ss)*22vw);font-weight: 600;letter-spacing:0 ;}

@media(max-width:768px) {
	.faq-q {padding-top: 1em;}
	.faq-a {padding-bottom: 2em;}
}