br.clear { clear: both; }
html { height: 100%; }
body.login {
    background: url('../image/banner_login_2.jpg') top center #477779;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: Montserrat,Helvetica,sans-serif !important; color: #546278;
}
body.login #wrapper { width: 393px; margin: 20px auto; text-align: center; }
body.login #company-logo { max-width: 100%; margin: 10px 0; }
body.login #page-slogan { font-size: 28px; color: #ffffff; margin-bottom: 20px; margin-top: 30px; }
body.login #login-block { background: #ffffff; width: 393px; height: 464px; float: left; padding: 30px; text-align: left; }
body.login #login-block .page-title { color: #58585a; font-size: 24px; text-align: center; margin: 25px 0; }
body.login #login-block .form-control { height: 36px; background: rgba(255, 255, 255, 0.8); font-size: 16px; }
body.login #login-block .form-control-feedback { display: none; }
body.login #login-block .has-error .form-control-feedback { display: block; }
body.login #login-block label { font-weight: normal; font-size: 16px; }
body.login #login-block .text-line { background-color: transparent; color: #546278; outline: none; outline-style: none; border-top: none; border-left: none; border-right: none; border-bottom: solid #546278 1px; padding: 3px 0 1px; width: 100%; }
body.login #login-block input { color: #546278; }
body.login #login-block  input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; }
body.login #login-block p.login-submit { text-align: center; }
body.login #login-block button#wp-submit {
    background: #219c90; color: #FFFFFF; font-size: 16px; padding: 8px 50px; border: 0;
    -webkit-border-radius: 6px 12px 12px 0;
    -moz-border-radius: 6px 12px 12px 0;
    border-radius: 6px 12px 12px 0;
}
body.login #login-block button#wp-submit:hover, body.login #login-block button#wp-submit:focus { background: #1b8177; outline:none; box-shadow: none; }
body.login #login-footer { position: fixed; lefT: 0; bottom: 0; color: #fff; background: #973c8b; width: 100%; padding: 6px 0; text-align: center; font-size: 14px; }
body.login #login-footer .entermobile { display: none; }
body.login #login-footer .glyphicon { margin: -2px 3px 0 30px; color: #000000; background: url(../image/footer-circle.png) no-repeat; width: 23px; height: 23px; padding-top: 4px; font-size: 13px; }

@media (max-width: 1135px) {
    body.login #login-footer .entermobile:first-child { display: block; }
}

@media (max-width: 786px) {
    body.login #wrapper { width: 100%; }
    body.login #picture-block, body.login #login-block { margin: 0 auto; float: none; max-width: 93%; }
    body.login #picture-block { height: 220px; }
    body.login #login-block { margin-bottom: 66px; height: auto; }
    body.login #login-block .page-title { margin-top: 0; }
}

@media (max-width: 725px) and (min-height: 630px) {
    body.login #login-footer .entermobile {display: block; }
}

@media (max-height: 910px) and (max-width: 786px) {
    body.login #login-block { margin-bottom: 20px; }
    body.login #login-footer { position: relative; }
}

@media (max-height: 927px) and (max-width: 539px) {
    body.login #login-block { margin-bottom: 20px; }
    body.login #login-footer { position: relative; }
}

@media (max-height: 775px) {
    body.login #login-block { margin-bottom: 20px; }
    body.login #login-footer { position: relative; }
}

@media (max-width: 472px) {
    body.login .form-control { height: 37px; }
    body.login #login-footer .entermobile {display: block; }
    body.login #login-footer { padding: 0 5px; font-size: 15px; }
    body.login #login-footer .glyphicon { margin-left: 0; }
}