<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* FORM */
.custom_columns{
	display:flex;
	padding: 60px 0;
	justify-content: space-between;
}
#form_holder{
	display:block;
	flex: 1 1 800px;
	width:100%;
}
form#new_client{
	width:100%;
	display:block;
}
.formblock h2{
	color:#1d2954;
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing: 1px;
	padding: 4px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #bc7251;
}
.formblock .inputs{
	margin: 0 0 40px 0;
}
.input_group{
	margin: 0 0 20px 0;
}
.input_group.short{
	margin: 0 0 10px 0;
}
.input_group p{
	font-size:12px;
	font-weight:600;
	padding: 5px 10px;
	color:#8a4e33;
	font-style: italic;
}
.input_group[data-cols="2"]{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
}
.input_group[data-cols="2"] .holder{
	flex: 1 1 50%;
}
.input_group .holder{
	position:relative;
	border-bottom: 1px solid #bc7251;
	flex: 1 1 100%;
	background:#fff;
	border-radius:3px;
}
.input_group .holder[data-type="radio"]{
	background:transparent;
	padding: 0 10px;
	border:none;
}
.radio_group{
	display:flex;
}

.radio_group .radio_single{
	margin: 0 20px 0 0;
}
.input_group .holder textarea + label,
.input_group .holder input + label{
	position:absolute;
	left:10px;
	top:14px;
	font-size:16px;
	pointer-events:none;
	user-select: none;
	transition:ease all 100ms;
}
.input_group .holder textarea.hasVal + label,
.input_group .holder input.hasVal + label,
.input_group .holder textarea:focus + label,
.input_group .holder input:focus + label{
	top:4px;
	font-size:10px;
	font-weight:700;
}

.input_group .holder input[type="text"],
.input_group .holder input[type="email"],
.input_group .holder input[type="tel"]{
	outline:none;
	width:100%;
	appearance:none;
	border:none;
	box-shadow:none;
	padding:17px 10px 10px 10px;
	margin:0;
	max-width:100%;
	background:transparent;
	min-width:0px;
}
.input_group .holder select{
	outline:none;
	width:100%;
	appearance:none;
	border:none;
	box-shadow:none;
	padding:14px 50px 10px 10px;
	margin:0;
	max-width:100%;
	font-family: 'Montserrat', sans-serif;
	background:transparent;
	min-width:0px;
	background-image:url('../img/select_down_arrow.png');
	background-size:10px;
	background-position: right 20px center;
	background-repeat:no-repeat;
}
.input_group .holder textarea{
	outline:none;
	width:100%;
	font-family: 'Montserrat', sans-serif;
	appearance:none;
	border:none;
	box-shadow:none;
	padding:17px 10px 10px 10px;
	margin:0;
	min-height:80px;
	max-width:100%;
	background:transparent;
	min-width:0px;
}
.input_group .holder.error{
	border-color:#ff4800;
	border-width: 2px;
}
.form_error{
	padding: 0 10px;
	font-size:12px;
	font-weight:bold;
	color:#ff4800;
}

.message_box{
	border-radius:4px;
	padding: 25px 25px 5px 25px;
	margin: 40px 0;
}
.message_box ul{
	font-weight: bold;
	margin:0 0 20px 0;
	padding:0 0 0 15px;
	font-size: 13px;
	list-style: disc;
}
.message_box ul li{
	color:#333;
	margin: 4px 0;
	list-style: disc;
}
.message_box p{
	color:#333;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #aaa;
	font-weight:700;
	font-size:12px;
	line-height: 1.4em;
}
.message_box.error_box{background:#fffaef;}
.message_box.success{background:#f0fff1;}
.message_box.error_box h2{
	font-size:18px;
	font-weight:bold;
	color:#ff4800;
}
.message_box.success h2{
	font-size:18px;
	font-weight:bold;
	color:#087929;
}
.align_right{
	display:flex;
	justify-content: flex-end;
	align-items: end;
}</pre></body></html>