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

form.form_wrap {
	width:40%;
	height:auto;
	padding:0;
	float:right;
	margin:0 10% 0 0;
}

p.form_meta {
	font-size:12px;
	color:#888;
	line-height:22px;
	margin:0 0 10px 0;
	color:#f00;
}

input.form_input, textarea.form_textarea {
	width:94%;
	height:auto;
	border:none;
	outline:none;
	background:#e7f2f1;
	font-family:'Roboto Slab', sans-serif;
	letter-spacing:0.05em;
	font-size:14px;
	line-height:24px;
	padding:12px 3%;
	margin:0 0 20px 0;
	border:1px solid #ddd;
	color:#000;
	transition:all 0.2s;
}

textarea.form_textarea {
	height:100px;
}

button.form_button {
	border:none;
	outline:none;
	font-family:'Roboto Slab', sans-serif;
	font-size:12px;
	line-height:22px;
	font-style:italic;
	color:#fff;
	cursor:pointer;
	padding:7px 30px;
	letter-spacing:0.05em;
	transition:0.3s;
	-o-transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
}

button.prim_button {
	background:#21237a;
}
button.prim_button:hover {
	background:#484aa5;
}

button.centered_button {
	margin:10px 0;
}

.success {
	border:1px solid #48cd00 !important;
}
.error {
	border:1px solid #f00 !important;
}

p.success_message {
	margin:10px 0;
	padding:5px 0;
	text-align:center;
	background:#3ba700;
	color:#fff;
	font-size:12px;
}

@media all and (max-width:1023px) {
	form.form_wrap {
		width:50%;
		margin:0;
	}
}

@media all and (max-width:719px) {
	form.form_wrap {
		width:100%;
		margin:10px 0 10px 0;
		padding:20px 0 0 0;
		border-top:3px solid #ddd;
	}
}