/****-----start-body----****/
body{
	background:url(../images/signup-bg.png)  no-repeat center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
 	background-size: cover;
 	
 	

}
.error{color:#ed5565; padding:0 0 5px 0}
.form-main{padding-top:100px}
.login-form {background:#fff; width:32%; margin:0 auto; position: relative; }
.head {position:absolute; top:-60px; left: 35%;}
.head img {border-radius:50%;	border:6px solid rgba(221, 218, 215, 0.23);}

form {padding:24% 2.5em 10% 2.5em;}

form li{
	border:1px solid #B4B2B2;
	list-style:none;
	margin-bottom:25px;
	width:100%;
	background:none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-	border-radius: 0.3em;
	-moz-border-radius: 0.3em;

}

.icon{
	background:url(../images/icons.png)  no-repeat 0px 0px;
	height:30px;
	width:30px;
	display: block;
	float:left;
	margin:7px -11px 0px 0px;
	cursor:default;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
 transition: background-color 5000s ease-in-out 0s;
 -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}


.user{background-position:12px 8px}
.lock{background-position:-17px 8px}

input[type="text"], input[type="password"] {width:89%; padding:0.7em 0 0.7em 0em;color:#5d5d5d;font-size:16px;outline: none;background: none;border:none; margin:0 0 0 17px;}
form li:hover{	border:1px solid #40A9DF; box-shadow: 0 0 .5em #40A9DF;-webkit-box-shadow: 0 0 .5em #40A9DF;-o-box-shadow: 0 0 .5em #40A9DF;-moz-box-shadow: 0 0 .5em #40A9DF;}

input[type="submit"]{font-size:18px; display: inline-block; color: #fff;cursor: pointer;padding:10px;width:100%;border:none;border-radius: 0.3em;background: #ed5565;}
input[type="submit"]:hover{background: #ec4758}


/***************************/
.forgot-p{text-align:center; padding-top:10px}
.forgot-p a{font-size:15px; color:#5d5d5d; text-decoration:underline; }	

.new-user{bottom:-16%;left: 43.7%; text-align:center}
.new-user p{color: #fff;font-size: 1.6em; font-weight: 400; padding-top:10px}
.new-user p a {font-size: 1em;color:#FF8E03;}
.new-user p a:hover {text-decoration:underline; color:#fff}	

	
	
	
/*-----start-responsive-design------*/
@media screen and (max-width:1024px) {
.login-form {width:45%;}
.head{left:37%;}

}
	
@media screen and (max-width: 768px) {
.login-form  {width:57%}
}	

@media screen and (max-width: 640px) {
.form-main{padding-top:10px}
.login-form  {width:90%; margin-top:100px; margin-bottom:10px}
.head{left:40%;}
form {padding:20% 2.5em 10% 2.5em;}
input[type="text"], input[type="password"]{width:95%;padding: 0.5em 0em 0.5em 1em;}
.user{background-position:12px 4px}
.lock{background-position:-17px 4px}
}	

@media screen and (max-width: 480px) {
.head{left:37%;}
.head img {width:87%}
form {padding:22% 2.5em 10% 2.5em;}
input[type="text"], input[type="password"]{width:94%;padding: 0.5em 0em 0.5em 1em;}

}


@media screen and (max-width: 360px) {
.head{left:33%;}
.head img {width:87%}
input[type="text"], input[type="password"]{width:90%;padding: 0.5em 0em 0.5em 1em;}

}


@media screen and (max-width: 320px) {
.head{left:32%;}
.head img {width:85%}
input[type="text"], input[type="password"]{width:90%;padding: 0.5em 0em 0.5em 1em;}



}
.login-terms{font-size:12px; color:#a4a4a4; font-weight:400; line-height:15px; margin:25px 0 0 0; padding:15px 0 15px 0; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.mart10{margin-top:10px!important}