@charset "utf-8";
/* CSS Document */

#contact .form-table dt {
	background: #727171;
	color: #FFFFFF;
	padding: 15px;
	vertical-align: top;
	border-bottom: 1px #FFFFFF solid;
}

#contact .form-table dt .required {
	display: inline-block;
	background: #8F0D23;
	color: #FFFFFF;
	padding: 5px;
	margin: -5px 0;
}

#contact .form-table dt .any {
	display: inline-block;
	background: #171C61;
	color: #FFFFFF;
	padding: 5px;
	margin: -5px 0;}

#contact .form-table dd {
	background: #DCDDDD;
	padding: 10px;
	border-bottom: 1px #FFFFFF solid;
}

#contact .form-table dd input[type="text"],
#contact .form-table dd select {
	display: inline-block;
	width: 100%;
	line-height: 2.8rem;
	height: 2.8rem;
}

#contact .form-table dd textarea  {
	display: inline-block;
	width: 100%;
}

#contact .submit-btn {
	padding: 15px 0;
	background: #036EB8;
	color: #FFFFFF;
	text-align: center;
	width: 300px;
	border: 3px #FFFFFF solid;
	box-shadow:0px 0px 6px 3px #e6e6e6;
}

#contact .form-footer {
	padding: 30px 0;
	text-align: center;
}

#contact .form-footer p {
	margin: 15px 0;
}

#error {
	background: #FDDBDB;
	padding: 30px;
	width: 500px;
	border: 3px #767676 solid;
	margin: 0 auto !important;
	box-shadow:0px 0px 6px 3px #e6e6e6;
}

#finish {
	background: #D5D5D5;
	padding: 30px;
	width: 500px;
	border: 3px #767676 solid;
	margin: 0 auto !important;
	box-shadow:0px 0px 6px 3px #e6e6e6;
}

@media screen and (min-width: 1024px) {
	
	
	
}


@media screen and (max-width: 1024px) and (min-width: 640px) {
	

}

@media screen and (min-width: 640px) {
	
	#contact .form-table {
		display: table;
		width: 100%;
		max-width: 640px;
	}
	
	#contact .form-footer {
		width: 100%;
		max-width: 640px;
	}
	
	
	#contact .form-table dl {
		display: table-row;
	}
	
	#contact .form-table dl dt,
	#contact .form-table dl dd {
		display: table-cell;
	}
	
	#contact .form-table dl dt {
		width: 30%;
	}
	
	#contact .form-table dt .required,
	#contact .form-table dt .any {
		float:right;
	}

}


@media screen and (max-width: 640px) {
	
}