/*Signup*/
.az-signup-wrapper {background: #f2f8f9;}
.logo-signup{width: 100%;display: inline-block;margin-bottom: 25px;text-align: center;}
.logo-signup img{width: 200px;}
.az-column-signup-left > div {max-width: 80%;}

.img-signup { text-align: center;width: 100%;display: inline-block;}
.img-signup img{width: 100%;}
.text-center{text-align: center;}
.logo-signup-text{font-weight: normal;font-size: 18px;margin-top: 50px;}
.az-column-signup {width: 40%;background-color: #1551ee;}
.az-column-signup .az-logo {text-transform: capitalize;color: #ffd54f;}
.az-signup-header h2,
.az-signup-header h4{color: #fff;}
.signup-name, .signup-mail, .signup-mobile{position: relative;}
.signup-name:after{font-family: 'typicons';font-size: 25px;content: '\e12b';position: absolute; width: 25px; height: 25px; left: 15px; top: 0px;}
.signup-mail:after{font-family: 'typicons';font-size: 25px;content: '\e0a5';position: absolute; width: 25px; height: 25px; left: 15px; top: 0px;}
.signup-mobile:after{font-family: 'typicons';font-size: 25px;content: '\e0c5';position: absolute; width: 25px; height: 25px; left: 15px; top: 0px;}
.az-signup-header form{width: 96%;}
.az-signup-header form .form-group input{width: 100%;padding: 14px 10px 14px 45px;border-radius: 30px;border: none; background: rgba(255,255,255,0.9);}
.az-signup-header .form-group.half{width: 50%; float: left;}
.az-signup-header .form-group label{width: 100%;color: #fff;font-size: 16px;}
.az-signup-header .form-group select{ padding: 14px 10px 14px 20px;width: 98%;border-radius: 30px;border: none;background: rgba(255,255,255,0.9);}
.az-signup-header button.btn-az-primary{margin-top: 30px;display: inline-block;background: #ffd54f;color: #000;width: 200px;border-radius: 30px; padding: 14px;}
.az-signup-header button.btn-az-primary:hover{background: #fff; color: #000;}
.az-signup-footer p {color: #fff;}
.az-signup-footer a {color: #ffd54f;}
.az-signup-footer a:hover {color: #fff; text-decoration: underline;}

/*SignIn*/
.az-signin-wrapper .logo-signin{width: 100%;display: inline-block;margin-bottom: 25px;text-align: center;}
.az-signin-wrapper .logo-signin img{width: 200px;}
.az-signin-wrapper {
    background-image: url(../img/signin-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;background-attachment: fixed;
}
.az-card-signin {width: 40%;box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
border-top: 4px solid #1551ee;}
.az-signin-wrapper form .form-group input{width: 100%;padding: 14px 10px 14px 45px;border-radius: 30px;border: none; background: rgba(255,255,255,0.9); height: 50px;}
.mail-signin, .pass-signin{position: relative;}
.mail-signin:after{font-family: 'typicons';font-size: 25px;content: '\e0a5';position: absolute; width: 25px; height: 25px; left: 15px; top: 5px;}
.pass-signin:after{font-family: 'typicons';font-size: 25px;content: '\e097';position: absolute; width: 25px; height: 25px; left: 15px; top: 5px;}
.az-signin-header h2,
.az-signin-footer a{color: #1551ee;}
.az-signin-footer a:hover{color: #000;}
.az-signin-header button.btn-az-primary{margin-top: 30px;display: inline-block;background: #1551ee;color: #fff;width: 200px;border-radius: 30px; padding: 14px;}
.az-signin-header button.btn-az-primary:hover{background: #ffd54f; color: #000;}


/*==================== Responsive Css =================*/

@media (max-width:1200px){
    
/*Signup*/
.az-column-signup .az-logo {text-align: center;}
.az-signup-header form {width: 100%;}
.az-signup-header .form-group.half { width: 100%;}

/*SignIn*/
.az-card-signin {width: 50%;}

}

@media (max-width:990px){
    
/*Signup*/
.az-column-signup {width: 50%;}
.az-column-signup-left{display: flex;}

}

@media (max-width:900px){
    
/*SignIn*/
.az-card-signin {width: 60%;}

}

@media (max-width:767px){
    
/*Signup*/
.az-signup-wrapper {display: inline-block;}
.az-column-signup {width: 100%;}
.az-signup-header .form-group.half { width: 50%;}
.az-signup-footer {margin-top: 25px;}

/*SignIn*/
.az-card-signin {width: 70%;}


}

@media (max-width:600px){
    
/*SignIn*/
.az-card-signin {width: 85%;}


}

@media (max-width:480px){
    
/*Signup*/
.az-signup-header .form-group.half { width: 100%;}

/*SignIn*/
.az-card-signin {width: 90%;}


}

@media (max-width:400px){
    
/*SignIn*/
.az-card-signin {width: 96%;}


}