.login{background:url("../img/loBg.jpg") no-repeat top center !important;background-size:cover;}
.login .logo{margin:0 auto;margin-top: 190px;padding:15px;text-align:center;}
.login .logo img{width:auto !important; height:auto !important; max-width: 100%;}
.login .content{background-color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:400px;margin: 20px auto 10px;padding:30px;padding-top:10px;overflow:hidden;position:relative;}
.login .content h3{color: #ab2d6a  !important;text-align:center;font-size: 23px;font-weight:400!important;font-family: 'Sansita', sans-serif !important;}
.login .content h4{color:#555}
.login .content .hint{color:#999;padding:0;margin:15px 0 7px}
.login .content .login-form,.login .content .forget-form{padding:0;margin:0}
.login .content .form-control{border:none;background-color:#dde3ec;height:43px;color:#8290a3;border:1px solid #dde3ec}
.login .content .form-control:focus,.login .content .form-control:active{border:1px solid #c3ccda}
.login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}
.login .content .form-control:-ms-input-placeholder{color:#8290a3}
.login .content .form-control::-webkit-input-placeholder{color:#8290a3}
.login .content select.form-control{padding-left:9px;padding-right:9px}
.login .content .forget-form{display:none}
.login .content .register-form{display:none}
.login .content .form-title{font-weight:300;margin-bottom: 25px;}
.login .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:25px 30px;margin-left:-30px;margin-right:-30px}
.login .content .form-actions > .btn{margin-top:-2px}
.login-options{margin-top:30px;margin-bottom:30px;overflow:hidden}
.login-options h4{float:left;font-weight:600;font-size:15px;color:#7d91aa!important}
.login-options .social-icons{float:right;padding-top:3px}
.login-options .social-icons li a{border-radius:15px 15px 15px 15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px 15px 15px 15px!important}
.login .content .form-actions .checkbox{margin-left:0;padding-left:0}
.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}
.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}
.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important}
.login .content .form-actions .btn-default{font-weight:600;padding:10px 25px!important;color:#6c7a8d;background-color:#fff;border:none}
.login .content .form-actions .btn-default:hover{background-color:#fafaff;color:#45b6af}
.login .content .forget-password{font-size:14px;float: left;display:inline-block;margin-top:10px;}
.login .content .check{color:#8290a3}
.login .content .rememberme{margin-left:8px}
.login .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}
.login .content .create-account > p{margin:0}
.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}
.login .content .create-account a{display:inline-block;margin-top:5px}
.login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}
.login .content{border-radius: 0 0 5px 5px !important;/* box-shadow:0 16px 24px 2px rgba(0,0,0,0.12),0 6px 50px 5px rgba(0,0,0,0.1),0 8px 10px -5px rgba(0,0,0,0.1); */width:480px;box-shadow: 0 5px 25px rgba(69, 154, 207, 0.14);max-width: 480px;border-top: 6px solid #40a7c6;}
.login .content .form-actions{border-bottom:none;padding-top:0;padding-bottom:5px}
.login .content .form-actions .btn{
    border-radius: 3px!important;
    float: right;
    padding: 7px 30px!important;
    margin-bottom: 15px;
    background: #ab2d6a;
    font-weight: normal;
    border: 0;
    }


.login .content .form-actions .btn:hover{background-color: #40a7c6;}
.login .content .rememberme{
    float: left;
    margin-right: 5px;
    }
.login .content .rememberme{float:left;margin-left:0}
.login .content .form-actions:after{content:"";display:block;clear:both}
.forgot-password-wrap{clear:both;border-top:1px solid rgba(0,0,0,.1);display:block}
.login .content .forget-password{color:#7a7e84}
.login .content .form-control{background-color: rgba(221, 227, 236, 0.35);border: 1px solid #0075be3d;border-radius:2px!important;transition:all .3s cubic-bezier(.33,.07,.23,.86);}
.login .content .form-control:focus{background-color:rgba(221,227,236,0.11);border: 1px solid rgba(69, 154, 207, 0.34);box-shadow: 0 4px 5px 0 #459acf52 !important;}
@media (max-width: 440px) {
.login .logo{margin-top:10px}
.login .content{width:290px;margin-top:10px}
.login .content h3{font-size:22px}
.forget-password{display:inline-block;margin-top:20px}
.login-options .social-icons{float:left;padding-top:3px}
.login .checkbox{font-size:13px}
}

.login .content .rememberme span {
    background-color: rgba(221, 227, 236, 0.35);
    border: 1px solid #0075be3d;
    transition: all .3s cubic-bezier(.33,.07,.23,.86);
}