.aslogin {
    width: 400px;
    height: auto;
}
.asloginfield {
    float: left;
    width: 50%;
}
.asloginform form {
    float: left;
    width: 100%;
}
.asloginfieldfull{
    float: left;
    width: 100%;
}
.asloginheader {
    float: left;
    width: 96%;
    margin: 3% 2% 4% 2%;
}
.aslogintab {
    float: left;
    width: 50%;
    text-align: center;
}
.asloginheader a {
    background: #23a1d1;
    color: #fff;
    padding: 4%;
    width: 42%;
}
div#popup_box {
    text-align: center;
}
.social_login {
    float: left;
    width: 96%;
    margin: 3% 2% 1% 2%;
    font-size: 13px;
}
a.fblogin {
    width: 50%;
    color: #fff;
    background: #3C5A99;
    padding: 3%;
    float: left;
    border-right: 1px solid;
}
a.fblogin i.fa.fa-facebook {
    padding: 5px 8px !important;
    margin-right: 5%;
    background: #fff;
    color: #3C5A99;
    font-size: 14px;
}
.social_logininner p.socialor {
    width: 13%;
    text-align: center;
    background: #435159;
    color: #fff;
    font-size: 20px;
    padding: 3%;
    border-radius: 100%;
    margin: 0 auto;
}
.social_logininner {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 4%;
}
a.glogin {
    width: 50%;
    color: #fff;
    background: #DD4B38;
    padding: 3%;
    float: left;
    border-right: 1px solid;
}
a.glogin i.fa.fa-google-plus {
    padding: 5px 6px !important;
    margin-right: 5%;
    background: #fff;
    color: #DD4B38;
    font-size: 14px;
}
.asloginheader a {
    background: #435159;
    color: #fff;
    padding: 4%;
    width: 50%;
    font-size: 15px;
    border-right: 1px solid;
}
.asloginform {
    float: left;
    width: 100%;
}
.asloginform p {
    text-align: center;
    font-size: 16px;
    font-family: inherit;
    padding: 1%;
}
.asloginfield {
    float: left;
    margin: 2% !important;
    padding: 2% !important;
    width: 46%;
}
.asloginfieldfull {
    float: left;
    width: 96%;
    padding: 2%;
    margin: 2%;
}
.aslogin_button {
    background: #219ac8 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 15px !important;
    margin: 2% !important;
    width: 96% !important;
}
.asselected {
    background: #23a1d1 !important;
}
.form_result span.success {
    float: left;
    width: 96%;
    margin: 2%;
    text-align: center;
    color: #EB5151;
    font-size: 16px;
}
.form_result {
    float: left;
    width: 96%;
    margin: 2%;
    text-align: center;
    color: #EB5151;
    font-size: 16px;
}
.asloginform form .asforgetpass {
    margin: 0% 2% 0% 2%;
    width: 96%;
    text-align: right !important;
    float: left;
}
.aslogintemp2 {
    width: 550px;
    height: auto;
}
.asloginregistertemp2 {
    float: left;
    width: 59%;
    border-right: 1px solid #cacaca;
    padding-right: 1%;
}
.social_logintemp2 {
    float: left;
    width: 36%;
    margin: 7% 2% 1% 2%;
    font-size: 13px;
    text-align: center;
}
a.fblogintemp2 {
    width: 100%;
    color: #fff;
    background: #3C5A99;
    padding: 3%;
    float: left;
    border-right: 1px solid;
}
a.fblogintemp2 i.fa.fa-facebook {
    padding: 3% 4% 3% 4%;
    margin-right: 5%;
    background: #fff;
    color: #3C5A99;
    font-size: 14px;
}
a.glogintemp2 {
    width: 100%;
    color: #fff;
    background: #DD4B38;
    padding: 3%;
    float: left;
    border-right: 1px solid;
    margin-top: 7%;
}
a.glogintemp2 i.fa.fa-google-plus {
    padding: 3% 4% 3% 4%;
    margin-right: 5%;
    background: #fff;
    color: #DD4B38;
    font-size: 14px;
}
.asloginheadertemp2 {
    float: left;
    width: 96%;
    margin: 3% 2% 4% 2%;
    border-bottom: 1px solid #cecece;
}
.asloginheadertemp2 a {
    background: #435159;
    color: #fff;
    padding: 3%;
    width: 26%;
    font-size: 15px;
    border-right: 1px solid;
}
#popup_box > h3 {
    font-size: 28px !important;
    line-height: 30px !important;
}
.social_logintemp2 span {
    float: left;
    line-height: 30px;
    padding: 5px;
}
.social_logintemp2 .fa {
    border-radius: 5px;
    height: 30px;
    margin-top: 4px;
    width: 30px;
}
.fancybox-inner {
    overflow: hidden !important;
    height: auto !important;
} 
#aslogin_form input[type="text"],#aslogin_form input[type="email"],#aslogin_form input[type="password"],#aslogin_form input[type="tel"],#aslogin_form textarea {
    background: white none repeat scroll 0 0;
    border-color: #eeeeee;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08) inset;
    font-size: 13px;
    min-height: 24px;
    padding: 5px 10px;
    transition: all 0.2s ease 0s;
    width: 100%;
}
.aslogin_button {
    background: #B09E66 !important;
    border-radius: 2.5%;
    padding: 3% !important;
}
.asloginfieldfull { 
    margin: 1% !important	; 
}
a.fblogin {
    background: #3c5a99 none repeat scroll 0 0;
    border-radius: 2% !important; 
    border-right: 1px solid;
    color: #fff;
    float: left;
    padding: 2% !important	; 
    width: 50% !important	; 
    text-align: center !important	; 
}
a.glogin {
    background: #dd4b38 none repeat scroll 0 0;
    border-radius: 2% !important; 
    border-right: 1px solid;
    color: #fff;
    float: left;
    padding: 2% !important;
    width: 50% !important;
    text-align: center !important;		
}
.commonTextGrey {
    color: #bbb;
    font-size: 12px;
    margin-bottom: 10px;
	 margin-top: 10px;
}
.aligncenter {
    text-align: center;
}
.aslogintab {
    float: left;
    text-align: -moz-center;
    width: 100% !important;
    font-size: 15px;
    color: #B09E66;
}
.aslogintab_forgot{
	    float: left;
    text-align: -moz-center;
    width: 50% !important;
    font-size: 15px;
    color: #DD0017;
}
.fancybox-overlay {
 	background-size:100% auto !important;
}

@media screen and (max-width: 760px) and (orientation: portrait ) {
    .aslogin {
        width: 100%;
    }
    .aslogintemp2 {
        width: 100%;
    }
    .asloginregistertemp2 {
        width: 98%;
        border-right: none;
        border-bottom: 1px solid #cacaca;
        padding-bottom: 4%;
    }
    .social_logintemp2 {
        width: 98%;
        padding: 2%;
    }
    .asloginheadertemp2 a {
        width: 50%;
    }
}
@media screen and (max-width: 736px) and (orientation: landscape ) { 
    .aslogin {
        width: 250px;
    }
    .aslogintemp2 {
        width: 450px;
    }
    a.fblogintemp2 {
        font-size: 12px;
    }
    a.glogintemp2 {
        font-size: 12px;
    }
    .asloginheadertemp2 a {
        width: 28%;
    }
}