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

#form {
	background-color: #AA248D;
	padding: 1% 3%;
	min-height: 300px;
	display:block;
}
#form div {
	margin: 1% 0;
	clear:both
}
#form h3 {
	width: 84.7%;
	color: white;
	margin: 0 0 1% 0;
	letter-spacing: 1px;
	float: right;
}
#form label.form-type,
#form p {
	color: #fff;
}
#form label.form-type {
	vertical-align:top;
}

#form label {
	width: 15%;
	font-size: 20px;
	text-align: right;
	padding-right: 1.1%;
	display: inline-block;
}

.response {
display: none;
}

input[type=text], textarea {
	width: 75%;
	font-size: 15px;
	padding: 5px;
	margin: 0;
	border-radius: 5px;
	display: inline-block;
	border: 2px solid #fff;
	color: #601872;
	}
	
input[type=text]:focus, textarea:focus {
	border: 2px solid #f9a01b;
	padding: 5px;
	}
textarea {
	resize:vertical;
}
input[type=submit]  {
	width: 40%;
	background: #fff;
	color: #AA248D;
	font-size: 18px;
	font-weight: bold;
	/*background: -webkit-linear-gradient(#07173d, #16499a); /* For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(#07173d, #16499a); /* For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(#07173d, #16499a); /* For Firefox 3.6 to 15 */
	/*background: linear-gradient(#07173d, #16499a); /* Standard syntax */
	padding: 4px 4px;
	border-radius: 5px;
	border: none;
	/* [disabled]box-shadow: 0 -2px 2px 0 rgba(96,24,114,0.4) inset; */
	/* [disabled]-webkit-box-shadow: inset 0 -2px 2px 0 rgba(96,24,114,0.4); */
}

input[type=submit]:focus,
input[type=submit]:active  {
	/*background: -webkit-linear-gradient(#07173d, #16499a); /* For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(#07173d, #16499a); /* For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(#07173d, #16499a); /* For Firefox 3.6 to 15 */
	/*background: linear-gradient(#07173d, #16499a); /* Standard syntax */
	border-radius: 5px;
	border: none;
	/* [disabled]box-shadow: 0 2px 2px 0 rgba(96,24,114,0.4) inset; */
	/* [disabled]-webkit-box-shadow: inset 0 2px 2px 0 rgba(96,24,114,0.4); */
	background: #FFDEAB;
	/* [disabled]color: white; */
}

@media (max-width: 775px){
	#form div {
	box-sizing: border-box;
	margin: 15px 0;
	}
	
	#form h3, 
	#form label.form-type {
		color: #fff;
	}
	
	#form h3 {
	margin: 10px 0 25px 0;
	width: 100%;
	}
	#form hr { 
		height: 2px;
		margin: 0 15px;
	} 
	
	#form label {
		width: 100%;
		text-align: left;
		padding-right: 0;
		display: inline-block;
		margin-bottom: 0.4%;
	}
	
	#form label.last {
	display: none;
	}
	
	input[type=text], textarea {
		box-sizing: border-box;
		width: 100%;
		font-size: 15px;
		padding: 5px;
		margin: 0;
		border-radius: 5px;
		display: inline-block;
		border: 2px solid #fff;
	}
		
	input[type=text]:focus, textarea:focus {
		/*border: 2px solid #327dc1;*/
		padding: 5px;
		color:#601872;
	}
	input[type=submit]  {
		width: 40%;
		font-size: 18px;
		/*background: -webkit-linear-gradient(#07173d, #16499a); /* For Safari 5.1 to 6.0 */
		/*background: -o-linear-gradient(#07173d, #16499a); /* For Opera 11.1 to 12.0 */
		/*background: -moz-linear-gradient(#07173d, #16499a); /* For Firefox 3.6 to 15 */
		/*background: linear-gradient(#07173d, #16499a); /* Standard syntax */
		padding: 4px 4px 3px 4px;
		border: none;
		/*box-shadow: 0 -2px 2px 0 rgba(50,125,193,0.5) inset;*/	
	}
	
	input[type=submit]:focus,
	input[type=submit]:active  {
		/*background: -webkit-linear-gradient(#07173d, #16499a); /* For Safari 5.1 to 6.0 */
		/*background: -o-linear-gradient(#07173d, #16499a); /* For Opera 11.1 to 12.0 */
		/*background: -moz-linear-gradient(#07173d, #16499a); /* For Firefox 3.6 to 15 */
		/*background: linear-gradient(#07173d, #16499a); /* Standard syntax */
		border-radius: 5px;
		border: none;
		/*box-shadow: 0 2px 2px 0 rgba(50,125,193,0.5) inset;	*/
	}
}