@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;}

.eplogo{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	opacity:.1;}
.registration-heading{
	margin:20px 0 10px 0;
	font-size:24px;}
.regis-form-main{
	border:1px solid #000;
	background:rgba(204,204,204,.2);
	width: 40%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding: 5px;}
@media (max-width: 768px){
.regis-form-main{
	width: 80%;}
}
.seach-bar{
	background:rgba(204,204,204,.3);
	border:1px solid #CCC;
	width:95%;
	height:32px;
	margin:8px;}
.search-bar_code{
	background:rgba(204,204,204,.3);
	border:1px solid #CCC;
	width:10%;
	height:32px;
	margin:8px;}
.seach-bar-phone{
	background:rgba(204,204,204,.3);
	border:1px solid #CCC;
	width:80%;
	height:32px;
	margin:8px;}
.seach-bar-country{
	background:rgba(204,204,204,.3);
	border:1px solid #CCC;
	width:45%;
	height:32px;
	margin:8px;}
.seach-bar-state{
	background:rgba(204,204,204,.3);
	border:1px solid #CCC;
	width:45%;
	height:32px;
	margin:8px;}
.regis-buttons{
	color:#FFF;
	outline:none;
	background:linear-gradient(95deg,#d96438,#FFA851);
	transition-duration:.5s;
	width:95%;
	height:32px;
	margin:10px;}
.regis-buttons:hover{
	transition:.5s ease-in-out;
	background:linear-gradient(10deg,#d96438,#FFA851);}
.swith_link{
	text-align:left;
	position:relative;
	width:93%;
	color:#F00;
	font-size:16px;}
.swith_link a{
	text-decoration:none;}
@media (max-width:800px){
.registration-heading{
	position:relative;
	top:10px;
	font-size:18px;
}
	
	}
@media (max-width:420px){

	}
.clear{
	clear:both;
}	
	

/* Login Page Css*/	
::-webkit-input-placeholder{
	color:#666;
	position:relative;
	left:10px;}
.login-form-main{
	border:1px solid #000;
	background:rgba(204,204,204,.2);
	position: absolute;
	width: 40%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 5px;}
.login-heading{
	font-size:24px;
	margin:20px 0 20px 0;}
.login_serach_bar{
	background:rgba(204,204,204,.3);
	border:1px solid #CCC;
	width:95%;
	height:32px;
	margin:10px;}
.login_btn:hover{
	transition:.5s ease-in-out;
	background:linear-gradient(10deg,#d96438,#FFA851);}
.login_btn{
	color:#FFF;
	outline:none;
	background:linear-gradient(95deg,#d96438,#FFA851);
	transition-duration:.5s;
	width:95%;
	height:32px;
	margin:10px;}
.login_below_link{
	text-align:left;
	position:relative;
	width:93%;
	color:#F00;
	font-size:16px;}
.error_show_width{
	width:85%;}
.login_below_link a{
	text-decoration:none;}
@media (max-width:800px){
.login-heading{
	position:relative;
	top:10px;
	font-size:20px;}
.login-form-main{
		width: 80%;
	}
.backtowbsitelink{
	position:relative;
	left:30%;
	cursor:pointer;}
	}