body, li, input
{
	font-family: "museo-sans-display",sans-serif;
	font-size:22px;
	color: #a7a7a7;
	background-color: #020202;
}
h1
{
	color: #3C94BF;
	font-size: 48px;
	margin-bottom: 30px;
}
h2
{
	margin: 100px 0 30px 0;
	color: #3C94BF;
}
input
{
	border: 1px solid #3C94BF;
	border-radius: 3px;
	height: 50px;
	padding-left: 10px;
	margin: 6px 0 10px 0;
	width: 100%;
}
textarea
{
	border: 1px solid #3C94BF;
	border-radius: 3px;
	margin: 6px 0 10px 0;
	width: 100%;
	background-color: #020202;
	padding-left: 10px;
}
button {
	border-width: 0;
	border-radius: 3px;
	height: 37px;
	margin: 6px 0 0;
	color: white;
	background-color: #3C94BF;
}
footer
{
	padding: 10px 0 10px 0;
	font-size: 15px;
}
form
{
	position: relative;
}
.logo
{
	margin: 40px 0 40px 0;
}
.client-logo
{
	margin: 20px 0 20px 0;
	opacity: 0;
	transform: translateY(-140px);
	will-change: transform, opacity;
}
.row.fadein .client-logo
{
	animation: clientDropIn 900ms cubic-bezier(0.2, 0.9, 0.25, 1) forwards;
}
.row.fadein > div:nth-child(2) .client-logo { animation-delay: 90ms; }
.row.fadein > div:nth-child(3) .client-logo { animation-delay: 180ms; }
.row.fadein > div:nth-child(4) .client-logo { animation-delay: 270ms; }
.row.fadein > div:nth-child(5) .client-logo { animation-delay: 360ms; }
.row.fadein > div:nth-child(6) .client-logo { animation-delay: 450ms; }

@keyframes clientDropIn
{
	0%   { opacity: 0; transform: translateY(-140px); }
	70%  { opacity: 1; transform: translateY(10px); }
	100% { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce)
{
	.client-logo,
	.row.fadein .client-logo
	{
		animation: none !important;
		opacity: 1;
		transform: none;
	}
}
.row
{
	opacity: 0;
	-webkit-transition: opacity 1500ms;
	transition: opacity 1500ms;
}
.row.fadein
{
	opacity: 1;
}
.row-tagline {
	margin-top: 60px;
}
.form-wrap
{
	height: 160px;
}
.form-pane
{
	width: 100%;
}
.options-wrap
{
	position: relative;
}
.options
{
	position: absolute;
	width: 100%;
	top: 60px;
	font-size: 17px;
}
.option
{
	height: 100%;
	background-color: #3C94BF;
	margin-left: 10px;
	border: 1px solid #3C94BF;
	border-radius: 3px;
	display: none;
}
#submit
{
	opacity: 1;
	-webkit-transition: opacity 1s; /* Safari */
	transition: opacity 1s;
}
.hide-submit #submit
{
	opacity: 0;
	visibility: hidden;
}
input[name=em]
{
	opacity: 1;
	-webkit-transition: opacity 1s linear 1200ms; /* Safari */
	transition: opacity 1s linear 1200ms;
}
.hide-df textarea[name=df]
{
	opacity: 0;
	visibility: hidden;
}
.hide-em input[name=em]
{
	opacity: 0;
	visibility: hidden;
}
.message
{
	position: absolute;
	width: 100%;
	top: 60px;
	-webkit-transition: opacity 1s linear 1200ms; /* Safari */
	transition: opacity 1s linear 1200ms;
}
.hide-message .message
{
	opacity: 0;
	visibility: hidden;
}
.container-blur
{
	filter: blur(0);
	opacity: 1;
	-webkit-transition: filter 700ms, opacity 1s; /* Safari */
	transition: filter 700ms, opacity 1s;
}
.blur .container-blur
{
	filter: blur(2px);
	opacity: .1;
}
/* TypeKit */
.wf-loading {
	opacity: 0.0;
}

.wf-active {
	-webkit-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;
	opacity: 1;
}

.wf-inactive {
	opacity: 1;
}