@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
body
{
	margin:0px;
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;
	background-color:#f0f0f0;
	font-family: 'Lato', sans-serif;
	padding-bottom:35px;
}
.logo
{
	text-align:center;
	padding:100px 0px 60px 0px;
}
.formbg
{
	background-color:#FFF;
	-webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
		min-height:250px;
		border-bottom:10px solid #02c2e6;
}
.formhead
{
	background-color:#de4b41;
	padding:25px 0px;
	text-align:center;
	font-weight:700;
	font-size:24px;
	text-transform:uppercase;
	color:#FFF;
}
.form-content
{
	padding:30px 30px 45px 30px;
}
.form-content h2
{
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
	padding-bottom:20px;
	margin:0px;
	text-align:center;
	color:#666666;
}
.form-content p
{
	font-size:18px;
	font-weight:400;
	padding-bottom:20px;
	margin:0px;
	text-align:center;
	
}
.form-content p span
{
	display:block;
	color:#cc3333;
	font-size:14px;
}
.form-content label
{
	color:#333;
	font-weight:400;
	font-size:18px;
}
.textfield
{
	width:95%;
	border:none;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:18px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d4d4d4;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #d4d4d4;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d4d4d4;
}
:-moz-placeholder { /* Firefox 18- */
  color: #d4d4d4;
}
.form-margin
{
	margin-bottom:25px;
}

.submt_btn{
	background-color:#de4b41;
	color:#FFF;
	padding:15px 40px;
	font-size:18px;
	font-weight:400;
	display:inline-block;
	border:none;
	margin:0 auto;
	
}
.error
{
	color:#cc3333;
	font-size:12px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
body
{
	padding-bottom:25px;
}
.logo{ padding-top:100px;}
.logo img{ width:100%; height:auto;}
}
 