br.clear { clear: both; }
html { height: 100%; }
body.login { background-color:#F5F5F5 ; font-family: Calibri,Helvetica,sans-serif !important; color: #546278; }
body.login #header { position: relative; background: url('../image/banner-login.png') #00afdc center bottom; }
body.login #header #header-inside { background: #fff; max-width: 786px; margin: 0 auto; height: 95px; }
body.login #header #header-inside:after { content: ''; position: absolute; width: 50%; right: 0; top: 0; background-color: #fff; height: 95px; }
body.login #header #header-inside #header-inside-prelogo { height: 95px; line-height: 90px; }
body.login #header #header-inside #header-inside-prelogo #company-logo { max-width: 100%; margin-left: 0px; text-align: center; vertical-align: middle; }
body.login #header #slogan { font-family: 'Arial'; text-shadow: 1px 1px #0e0e0e; margin: 0 auto; color: #fff; width: 786px; padding: 20px 0; font-size: 31pt; }
body.login #wrapper { width: 786px; margin: 30px auto; text-align: center; }
body.login #picture-block { background: url('../image/loginblock.png') no-repeat; width: 378px; height: 464px; float: left; text-align: left; }
body.login #login-block { background: #ffffff; width: 377px; height: 464px; float: right; padding: 30px; text-align: left; }
body.login #login-block .page-title { color: #00afdc; font-size: 28px; margin: 40px 0; font-weight: bold; }
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 #d6d7d8 inset; }
body.login #login-block button#wp-submit { background: #F4F4F4; color: #00afdc; font-size: 16px; padding: 8px 50px; border: 0; }
body.login #login-block button#wp-submit:hover { background: #E5E5E5; }
body.login #login-footer { position: fixed; lefT: 0; bottom: 0; color: #fff; background: #00afdc; width: 100%; padding: 12px 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: 22px; height: 23px; padding-top: 4px; font-size: 13px; }

body.login .header-logo-wrapper {
    background: #fff;
}

body.login .page-title {
    font-family: 'Arial';
    color: #1D1D1B !important;
}
body.login .header {
    background: #fff !important;
}

body.login #login-block {
    background: #D6D7D8;

}
body.login #wp-submit {
    background: #D30000 !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 10px;
}
body.login #wp-submit:hover {
    background: #ed0000 !important;
}
body.login .button-icon {
    display: inline-block;
    position: relative;
    left: 20px;
    top: 4px;
    width: 14px;
    height: 17px;
    background: url('../image/PIL.png') no-repeat;
}

body.login #login-footer {
    background: #1D1D1B;
}

body.login .slogan-second {
    font-family: 'Arial';
    font-size: 42pt;
    text-shadow: 1px 1px #0e0e0e;
    padding-left: 25px;
    font-weight: bold;
}

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

@media (max-width: 786px) {

    body.login #header #header-inside #header-inside-prelogo {
        text-align: left;
        margin: 0 auto;
        width: 377px;
    }

    body.login #slogan {
        text-align: left !important;
        margin: 0 auto !important;
        width: 377px !important;
    }

    body.login #picture-block { display: none; }
    body.login #header { background-size: auto; background-position: center 86px; }
    body.login #header #header-inside:after { display: none; }
    body.login #header #slogan { width: 100%; }
    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: 0; height: auto; }
    body.login #login-block .page-title { margin-top: 0; }
    body.login #login-footer { position: relative; }

}

@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; }





}

@media (max-width: 350px) {
    body.login #header #slogan { font-size: 28px; }
}