/* Forms
---------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

#form1 {
	position:relative;
	margin-left: 20px;
}	
	#form1 input {
		 border:none;
		 background:#fff;
		 color: #c5c7c9;
		 font: 14px 'Open Sans';
		 font-weight: 300;
		 text-transform: uppercase;
		 padding: 15px 5px 15px 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:400px;
		height:100%;
		border:none;
		background: #f5f5f5;
		color:#344046;
		text-transform:uppercase;
		text-align: center;
		padding-top: 17px;
		position:absolute;
		z-index:10;
		left:390px;
		top:0;
	}
	.btns a{
		display:inline-block;
		font: 14px/14px 'Open Sans';
		padding:15px 0 15px;
		background:#000;
		text-decoration:none;
		text-transform: uppercase;
		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;
	}
}

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