/* 
** Author: Abdallah Mohammed
** Theme: Shop Buy
** Version: 1.0
** Page: Sign Up
*/




/* ---------------------------------- Header ---------- */
.header .content {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
/* End Header */




/* ---------------------------------- Sign Up ---------- */
/* Question Login */
.signup {
	padding: 200px 0 130px;
}

.signup .que-color {
	height: 610px;
	background-color: #384aeb;
}

.signup .question-Login .que-link {
	padding: 7px 45px;
	border-radius: 30px;
	border: 1px solid #fff;
	width: 200px;
	margin: 21px auto 0;
	transition: all .4s ease;
}

.signup .question-Login .que-link:hover {
	color: #384aeb !important;
	background-color: #fff;

}

/* Form Sign */
.signup .form-color {
	box-shadow: 0px 10px 40px 0px rgba(56,74,235,0.1);
}

.signup .form-sign {
	padding-top: 80px;
	max-width: 385px;
}

.signup .form-sign h2 {
	color: #222;
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 75px;
}

#username,
#phone,
#emailsign,
#password {
	margin-bottom: 22px;
	padding: 5px 15px 7px;
	outline: none;
	border-bottom: 1px solid #ddd !important;
}

#btn-signup {
	font-size: 14px;
	padding: 9px 15px;
	text-transform: uppercase;
	background: #384aeb;
	transition: all .4s ease;
}

#btn-signup:hover {
	background: #384aeba6;
}
/* End Sign Up */




/* ---------------------------------- Mobile Responsive ---------- */
@media screen and (max-width: 768px) {

	/* Sign Up */
	.signup {
    padding: 110px 0 130px;
	}

	.signup .que-color {
    height: 430px;
	}

	.signup .form-color {
    padding-bottom: 70px;
	}
}