@font-face {
    font-family: 'FoundrySterling-Bold';
    src:url('fonts/foundry-sterling-extra-bold-osf-1361539968.eot');
    src:url('fonts/foundry-sterling-extra-bold-osf-1361539968.eot?#iefix') format('embedded-opentype'),
    url('fonts/foundry-sterling-extra-bold-osf-1361539968.woff') format('woff'),
    url('fonts/foundry-sterling-extra-bold-osf-1361539968.ttf') format('truetype'),
    url('fonts/foundry-sterling-extra-bold-osf-1361539968.svg#1461c055bec77cf09651cf3bd240f440') format('svg');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'FoundrySterling-Medium';
    src:url('fonts/FoundrySterling-Medium.eot');
    src:url('fonts/FoundrySterling-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/FoundrySterling-Medium.woff') format('woff'),
    url('fonts/FoundrySterling-Medium.ttf') format('truetype'),
    url('fonts/FoundrySterling-Medium.svg#cc46a3e5248a4e245d723baf588ce26a') format('svg');
    font-style: normal;
    font-weight: 400;
}

html { height: 100%; }
br.clear { clear: both; }
body.login { background: #0099a8; font-family: 'FoundrySterling-Medium',Arial,sans-serif !important; color: #003; }
body.login #wrapper { width: 786px; margin: 0 auto 20px; text-align: center; }
body.login #company-logo { 
    max-width: 100%; 
    margin: 20px 0 0 20px;
    position: absolute;
    left:0;
    width: 360px;
}
body.login #page-slogan { font-size: 28px; margin-bottom: 20px; }

body.login #picture-block { background: url('../image/inlogblock.png') no-repeat; width: 393px; height: 464px; float: left; text-align: left; margin-top: 162px;}
body.login #login-block { background: #ffffff; width: 393px; height: 464px; float: left; padding: 30px; text-align: left; margin-top: 162px;}
body.login #login-block .page-title { color: #121845; font-size: 24px; text-align: center; margin: 40px 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: #003; 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: #003; }
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: #0099a8; color: #FFFFFF; font-size: 16px; padding: 8px 50px; border: 0; border-radius: .375rem; }
body.login #login-block button#wp-submit:hover { background: #fbb900; }
body.login #login-footer { position: fixed; lefT: 0; bottom: 0; color: #0099a8; background: #fff; 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: #0099a8; width: 23px; height: 23px; padding-top: 4px; font-size: 13px; }
p#page-slogan {
    display: none;
}
@media (min-width: 1480px) {

}
@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;margin-top: 162px; }
    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; }
}