/* Forms
---------------------------------------- */
#form1 {
	position:relative;
	margin-left: 20px;
}	
	#form1 input {
		 border:none;
		 background:#fff;
		 color: #a6a6a6;
		 font: 14px/20px 'Roboto';
		 padding: 17px 5px 16px 22px;
		 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 box-sizing: border-box;
		 width:100%;
		 outline:none;		 
		 box-shadow:none;
		 margin: 0;
	}
	#form1 textarea {
		 border:1px solid #000;
		 border-radius:10px;
		 background:#CCC;
		 color:#333;
		 -moz-border-radius:10px;
		 -webkit-border-radius:10px;
		 font-size:12px;
		 line-height:1.2307em;
		 padding:5px 0 5px 10px;
		 width:300px;
		 height:100px;
		 overflow:auto;
		 outline:none;
	}
	#form1 label {
		display:inline-block;
		min-height:30px;
		width: 100%;
	}
	#form1 .error {
		position: absolute;	
		display:block;
		overflow:hidden;
		height:0px;
		font-size:10px;
		color:#F00;
		
		-webkit-transition: all 0.3s ease-out; 
		-moz-transition: all 0.3s ease-out; 
		-o-transition: all 0.3s ease-out; 
		transition: all 0.3s ease-out; 
	}
	#form1 .success {
		width:490px;
		height:100%;
		border:none;
		background:#05a6b3;
		color:#222222;
		text-align: center;
		padding-top: 7px;
		position:absolute;
		z-index:10;
		left:315px;
		top:0;
	}
	.btns a{
		display:inline-block;
		font: 16px/16px 'Roboto';
		padding:19px 0 18px;
		background:#000;
		text-decoration:none;
		color:#fff;
		width: 100%;
		text-align: center;
	}
	.btns a:hover {
		background:#333;
		text-decoration:none;
	}

#form1 label.invalid .error {
	/*display: block;*/
	height:19px;
}
/* Form defaults */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}



@media only screen and (max-width: 767px){
	#form1{
		margin-left: 0 !important;
	}
	#form1 .btns, #form1 label{
		margin-top: 10px;
	}
	#form1 .error{
		top: -6px;
	}
	#form1 .success{
		width: 100%;
		left: 0;
		height: 60px;
	}
}

/*==========================================*/