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

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

#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;
	}
}

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