body.login{
    background:url("../images/main-bg.png") #00a6df ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 20;
}

html body.login #login{
    max-width: 486px;
    width: auto;
    padding: 20px 20px 0px;
    z-index: 99;
}



html body.login #login h1 a {
    background: url("../images/login-logo.png")!important;
    background-repeat: no-repeat!important;
    width: 100% !important;
    height: 139px;
    background-size: contain !important;
    background-position: center !important;
}

html body.login #login form{
    background: transparent;
    webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 0 32px 0px;
    border: none;
}

html body.login #login form p {
    position: relative;
}



html body.login #login form p #user_login,
#loginform #user_pass{
    height: 55px;
    border: none;
    border-bottom: 1px solid #24b3e4;
    margin:0px 0px 12px 0px;
    font-family: 'open_sansregular' , sans-serif;
    padding:0px 0px 0px 50px;
    font-size: 18px;

}
.login #loginform .button.wp-hide-pw{
    display: none !important;
}

html body.login #login form p label[for="user_login"]:after{
    content:" ";
    width: 18px;
    height: 20px;
    background:url("../images/human.png");
    display: block;
    top: 38px;
    left: 16px;
    position: absolute;
}

html body.login #login form .user-pass-wrap label[for="user_pass"]:after{
    content:" ";
    width: 20px;
    height: 24px;
    background:url("../images/lock.png");
    display: block;
    top: 33px;
    left: 14px;
    position: absolute;
    z-index: 2;
}
html body.login #login form .user-pass-wrap{
    position: relative;
}
html body.login #login form p #user_pass{
    height: 55px;
    margin:0px 0px 14px 0px;
    border: none;
    border-top: 1px solid #24b3e4;
    font-family: 'open_sansregular' , sans-serif;
    padding:0px 0px 0px 50px;
    font-size: 18px;

}


html body.login #login form p br{
    display: none;
}


html body.login #login form .forgetmenot{
    display: none;
}

html body.login #login form .submit input{
    width: 100%;
    height: 65px;
    border:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #0175a1;
    border-radius: 10px;
    font-size:24px;
    font-family: 'open_sanssemibold', sans-serif;
}


html body.login #login #nav {
    display: none;
}

html body.login #login #backtoblog {
    display: none;
}



::-webkit-input-placeholder {
   color: #787d7f;
   font-size: 18px;
   font-family: 'open_sansregular',sans-serif;

}

:-moz-placeholder { /* Firefox 18- */
   color: #787d7f;
   font-size: 18px;
   font-family: 'open_sansregular',sans-serif;

}

::-moz-placeholder {  /* Firefox 19+ */
   color: #787d7f;
   font-size: 18px;
   font-family: 'open_sansregular',sans-serif;

}

:-ms-input-placeholder {
   color: #787d7f;
   font-size: 18px;
   font-family: 'open_sansregular',sans-serif;

}


p.help {
    text-align: center
}

p.help a{
    color:#fff!important;
    font-family: 'open_sansregular',sans-serif;

}

p.copy-right-login{
    position: absolute;
    bottom: 26px;
    text-align: center;
    left: 0;
    right: 0;
    font-family: 'open_sansregular',sans-serif;
    color:#016087;
}


.side-logo{
    position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
    display: none;
}
@media (width >= 64rem) {
    .side-logo {
        display: block;
    }
}


    @font-face {
    font-family: 'open_sanssemibold';
    src: url('../styles/fonts/opensans-semibold-webfont.eot');
    src: url('../styles/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../styles/fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../styles/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../styles/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../styles/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'open_sansregular';
    src: url('../styles/fonts/opensans-regular-webfont.eot');
    src: url('../styles/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../styles/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../styles/fonts/opensans-regular-webfont.woff') format('woff'),
         url('../styles/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../styles/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#login_error {
    padding: 20px;
    width: auto;
    height: auto;
    margin-top: 35px;
    font-size: 16px;
    border :none;
    line-height: 1.4;
    color: #fff;
    font-weight: 600;
    background: #33b8e5;
}

#login_error a {
    color: #fff;
}


.login #login_error {
    width: auto;
    border: none;
    line-height: 1.4;
    color: #fff;

    font-weight: 600;
    background: #33b8e5;
}

.login #login_error a{
    color: #fff;
}


.login .message {
    padding: 20px;
    width: auto;
    height: auto;
    line-height: 1.4;
    color: #fff;
    margin-top: 35px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    background: #33b8e5;
}

.message.reset-pass {
    margin-bottom: 20px;
}

.login .message a {
    color: #fff;
}






/* Password Reset */
.user-pass1-wrap label,
.description.indicator-hint {
    color: #fff;
    font-family: "Open Sans",sans-serif;
}

.password-input-wrapper #pass1,
.password-input-wrapper #pass1-text{

    height: 55px;
    border: none;
    border-bottom: 1px solid #24b3e4;
    margin: 0px 0px 12px 0px;
    font-family: 'open_sansregular' , sans-serif;
    padding: 0 20px;
    font-size: 18px;

}





@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dpi) {

    html body.login #login form p label[for="user_login"]:after {
        background: url("../images/human-2x.png") no-repeat;
            background-size: 99% auto;
    }

    html body.login #login form p label[for="user_pass"]:after {
        background: url("../images/lock-2x.png") no-repeat;
            background-size: 99% auto;
    }


}