* { margin: 0; padding: 0; list-style: none; box-sizing: border-box; }


body {
	font-family: "Inter", serif;
	font-optical-sizing: auto;
	background: url("../gfx/bg-circles.svg") no-repeat scroll 0 300px / 100%;
}

#logo {
	display: block;
	width: 200px; margin: 24px auto;
}

#form-container {
	display: block;
	width: 100%; max-width: 1000px; height: auto;
	margin: 0 auto 48px auto; padding: 40px;
	background: rgba(243, 243, 243, 0.9);
}

#form-container > h2 {
	display: block;
	font: 700 40px/40px "Inter", serif; color: #14AF28;
	text-transform: uppercase; text-align: center;
	
	margin-bottom: 32px;
}

#form-container > h3 {
	display: block;
	font: 700 24px/26px "Inter", serif; color: #000;
}

#form-container > h3,
#form-container > .form-item {
	display: block; width: 100%; max-width: 600px; margin: 0 auto 16px auto;
}
#form-container > .form-item.double {
	display: flex; justify-content: space-between;
}
	#form-container > .form-item.double label:first-of-type { width: calc(60% - 8px); }
	#form-container > .form-item.double label:last-of-type { width: calc(40% - 8px); }

#form-container > .form-item label {
	display: block;
	font: 400 18px/20px "Inter", serif; color: #000;
}
#form-container > .form-item label strong {
	font-weight: 700;
	font-size: 20px;
	line-height: 22px;
}


#form-container > .form-item label input,
#form-container > .form-item label select,
#form-container > .form-item label textarea {
	display: flex; width: 100%;
	border: 1px solid #14AF28;
	padding: 8px 16px; margin-top: 4px;
	
	font: 400 16px/16px "Inter", serif; color: #000;
}

#form-container > .form-item label input,
#form-container > .form-item label select {
	height: 48px;
}
#form-container > .form-item label textarea {
	height: 152px;
}

#form-container > .form-check {
	display: block; width: 100%; margin: 0 0 8px 0;
}
#form-container > .form-check label {
	font: 400 14px/16px "Inter", serif;
}
#form-container > .form-check label input {
	margin-right: 4px;
}

#form-container > .form-legend {
	display: block; width: 100%; margin: 16px 0 0 0;
	font: 400 14px/16px "Inter", serif;
}
#form-container > .form-button button {
	display: flex; align-items: center; justify-content: center;
	width: 320px; height: 40px;
	margin: 16px auto;
	background: #14AF28;
	border: 0;
	font: 700 24px/24px "Inter", serif; color: #fff;
	text-transform: uppercase;
	
	transition: background 0.1s linear 0s;
}

#form-container > .form-button button:hover {
	cursor: pointer; background: #000;
}

#form-container > .form-links { display: block; margin: 32px 0 0 0; text-align: center; }
#form-container > .form-links li { display: inline-block; vertical-align: top; }
#form-container > .form-links li a {
	display: block; font: 400 16px/16px "Inter", serif; color: #000;
	text-decoration: underline;
}



.alert {
	display: block;
	margin: 4px 0;
	font: 700 12px/14px "Inter", serif; color: #ff0000;
}

#form-container > .form-item label input.problem,
#form-container > .form-item label select.problem,
#form-container > .form-item label textarea.problem
{ border-color: #ff0000; }



.form-success #return_content {
    display: block;
    width: 100%;
    background: #2196F3;
    padding: 16px;
    text-align: center;
    font: 700 18px/18px "Inter", serif;
    color: #fff;
    margin-bottom: 24px;
}



@media screen and (max-width: 500px) {
	#form-container > .form-item.double { flex-direction: column; }
	#form-container > .form-item.double label { width: 100% !important; }
	#form-container > .form-item.double label:first-of-type { margin-bottom: 16px; }

}