body #login #backtoblog, body #login #login_error, body #login #loginform label, body #login #loginform p, body #login #lostpasswordform label, body #login #lostpasswordform p, body #login #nav, body #login .message, body #login .submit a {
    font-family: montserrat,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

body #login #loginform h2, body #login #lostpasswordform h2, body #login .submit input[type=submit] {
    font-family: montserrat,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

body #login #loginform input[type=date], body #login #loginform input[type=datetime-local], body #login #loginform input[type=email], body #login #loginform input[type=month], body #login #loginform input[type=number], body #login #loginform input[type=password], body #login #loginform input[type=search], body #login #loginform input[type=tel], body #login #loginform input[type=text], body #login #loginform input[type=time], body #login #loginform input[type=url], body #login #loginform input[type=week], body #login #lostpasswordform input[type=date], body #login #lostpasswordform input[type=datetime-local], body #login #lostpasswordform input[type=email], body #login #lostpasswordform input[type=month], body #login #lostpasswordform input[type=number], body #login #lostpasswordform input[type=password], body #login #lostpasswordform input[type=search], body #login #lostpasswordform input[type=tel], body #login #lostpasswordform input[type=text], body #login #lostpasswordform input[type=time], body #login #lostpasswordform input[type=url], body #login #lostpasswordform input[type=week] {
    font-family: montserrat,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

@media (min-width:1025px) {
    body #login, body #login #loginform input[type=date]:focus, body #login #loginform input[type=datetime-local]:focus, body #login #loginform input[type=email]:focus, body #login #loginform input[type=month]:focus, body #login #loginform input[type=number]:focus, body #login #loginform input[type=password]:focus, body #login #loginform input[type=search]:focus, body #login #loginform input[type=tel]:focus, body #login #loginform input[type=text]:focus, body #login #loginform input[type=time]:focus, body #login #loginform input[type=url]:focus, body #login #loginform input[type=week]:focus, body #login #lostpasswordform input[type=date]:focus, body #login #lostpasswordform input[type=datetime-local]:focus, body #login #lostpasswordform input[type=email]:focus, body #login #lostpasswordform input[type=month]:focus, body #login #lostpasswordform input[type=number]:focus, body #login #lostpasswordform input[type=password]:focus, body #login #lostpasswordform input[type=search]:focus, body #login #lostpasswordform input[type=tel]:focus, body #login #lostpasswordform input[type=text]:focus, body #login #lostpasswordform input[type=time]:focus, body #login #lostpasswordform input[type=url]:focus, body #login #lostpasswordform input[type=week]:focus, body #login .submit input[type=submit], body #login p a.hover, body #login p a:focus, body #login p a:hover, body a {
        transition: all .2s ease-in-out !important;
        -moz-transition: all .2s ease-in-out !important;
        -webkit-transition: all .2s ease-in-out !important;
        -o-transition: all .2s ease-in-out !important
    }
}

@media (max-width:1025px) {
    body #login, body #login #loginform input[type=date]:focus, body #login #loginform input[type=datetime-local]:focus, body #login #loginform input[type=email]:focus, body #login #loginform input[type=month]:focus, body #login #loginform input[type=number]:focus, body #login #loginform input[type=password]:focus, body #login #loginform input[type=search]:focus, body #login #loginform input[type=tel]:focus, body #login #loginform input[type=text]:focus, body #login #loginform input[type=time]:focus, body #login #loginform input[type=url]:focus, body #login #loginform input[type=week]:focus, body #login #lostpasswordform input[type=date]:focus, body #login #lostpasswordform input[type=datetime-local]:focus, body #login #lostpasswordform input[type=email]:focus, body #login #lostpasswordform input[type=month]:focus, body #login #lostpasswordform input[type=number]:focus, body #login #lostpasswordform input[type=password]:focus, body #login #lostpasswordform input[type=search]:focus, body #login #lostpasswordform input[type=tel]:focus, body #login #lostpasswordform input[type=text]:focus, body #login #lostpasswordform input[type=time]:focus, body #login #lostpasswordform input[type=url]:focus, body #login #lostpasswordform input[type=week]:focus, body #login .submit input[type=submit], body #login p a.hover, body #login p a:focus, body #login p a:hover, body a {
        transition: all 0s ease-in-out !important;
        -moz-transition: all 0s ease-in-out !important;
        -webkit-transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important
    }
}

body {
    background-image: -webkit-linear-gradient(359deg,#16335f 0,#1dd4d7 100%);
    background-image: -o-linear-gradient(359deg,#16335f 0,#1dd4d7 100%);
    background-image: linear-gradient(89deg,#16335f 0,#1dd4d7 100%)
}

    body a {
        box-shadow: none !important;
        outline: 0 !important
    }

    body:not(.active) #login {
        opacity: 1
    }

    body.active #login {
        opacity: 1
    }

    body #login {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        max-width: 100%;
        overflow: hidden;
        box-sizing: border-box
    }

@media (min-width:767px) {
    body #login {
        max-width: 805px !important
    }
}

@media (max-width:767px) {
    body #login {
        padding: 15px !important
    }
}

body #login h1 {
    max-width: 500px;
    margin: 0 auto
}

@media (max-width:767px) {
    body #login h1 {
        padding: 0 50px
    }
}

body #login h1 a {
    background-position: center center
}

@media (min-width:767px) {
    body #login h1 a {
        background-size: 487px 54px !important
    }
}

@media (max-width:767px) {
    body #login h1 a {
        background-size: contain !important
    }
}

body #login p a {
    color: #05b9c3;
    text-decoration: none
}

    body #login p a.hover, body #login p a:focus, body #login p a:hover {
        text-decoration: none;
        color: #05b9c3 !important
    }

body #login #login_error, body #login .message {
    font-size: 18px;
    line-height: 32px;
    color: #16335f;
    padding: 15px 20px
}

body #login #login_error {
    border-left-color: #f60
}

body #login #loginform, body #login #lostpasswordform {
    background-color: #f1f5fa;
    position: relative !important
}

@media (min-width:767px) {
    body #login #loginform, body #login #lostpasswordform {
        padding: 70px 70px 140px 70px
    }
}

@media (max-width:767px) {
    body #login #loginform, body #login #lostpasswordform {
        width: auto;
        padding: 50px 30px 175px 30px
    }
}

body #login #loginform h2, body #login #lostpasswordform h2 {
    font-size: 40px;
    line-height: 48px;
    color: #16335f;
    position: relative;
    padding: 0 0 20px 0;
    margin: -20px 0 20px 0
}

    body #login #loginform h2:after, body #login #lostpasswordform h2:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: " ";
        height: 4px;
        width: 130px;
        display: block;
        background-color: #fede45
    }

body #login #loginform p, body #login #lostpasswordform p {
    font-size: 18px;
    line-height: 32px;
    color: #16335f
}

body #login #loginform .description, body #login #lostpasswordform .description {
    margin-bottom: 30px
}

body #login #loginform label, body #login #lostpasswordform label {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #16335f
}

body #login #loginform input[type=date], body #login #loginform input[type=datetime-local], body #login #loginform input[type=email], body #login #loginform input[type=month], body #login #loginform input[type=number], body #login #loginform input[type=password], body #login #loginform input[type=search], body #login #loginform input[type=tel], body #login #loginform input[type=text], body #login #loginform input[type=time], body #login #loginform input[type=url], body #login #loginform input[type=week], body #login #lostpasswordform input[type=date], body #login #lostpasswordform input[type=datetime-local], body #login #lostpasswordform input[type=email], body #login #lostpasswordform input[type=month], body #login #lostpasswordform input[type=number], body #login #lostpasswordform input[type=password], body #login #lostpasswordform input[type=search], body #login #lostpasswordform input[type=tel], body #login #lostpasswordform input[type=text], body #login #lostpasswordform input[type=time], body #login #lostpasswordform input[type=url], body #login #lostpasswordform input[type=week] {
    margin: 7px 0 18px;
    padding: 14px;
    height: 50px;
    border: 1px solid #abbed2;
    color: #16335f;
    background-color: #f1f5fa;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

    body #login #loginform input[type=date]:focus, body #login #loginform input[type=datetime-local]:focus, body #login #loginform input[type=email]:focus, body #login #loginform input[type=month]:focus, body #login #loginform input[type=number]:focus, body #login #loginform input[type=password]:focus, body #login #loginform input[type=search]:focus, body #login #loginform input[type=tel]:focus, body #login #loginform input[type=text]:focus, body #login #loginform input[type=time]:focus, body #login #loginform input[type=url]:focus, body #login #loginform input[type=week]:focus, body #login #lostpasswordform input[type=date]:focus, body #login #lostpasswordform input[type=datetime-local]:focus, body #login #lostpasswordform input[type=email]:focus, body #login #lostpasswordform input[type=month]:focus, body #login #lostpasswordform input[type=number]:focus, body #login #lostpasswordform input[type=password]:focus, body #login #lostpasswordform input[type=search]:focus, body #login #lostpasswordform input[type=tel]:focus, body #login #lostpasswordform input[type=text]:focus, body #login #lostpasswordform input[type=time]:focus, body #login #lostpasswordform input[type=url]:focus, body #login #lostpasswordform input[type=week]:focus {
        border: 2px solid #05b9c3;
        outline: 0 !important;
        box-shadow: none !important
    }

body #login #loginform .submit, body #login #lostpasswordform .submit {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #16335f;
    padding: 0;
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-height: 100px
}

@media (max-width:767px) {
    body #login #loginform .submit, body #login #lostpasswordform .submit {
        padding: 25px 35px 35px 35px;
        text-align: center
    }
}

@media (max-width:767px) {
    body #login .submit {
        text-align: center;
        padding: 25px 35px 35px 35px
    }
}

body #login .submit a {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    text-decoration: none
}

@media (min-width:767px) {
    body #login .submit a {
        position: absolute;
        top: 33px;
        left: 70px
    }
}

@media (max-width:767px) {
    body #login .submit a {
        float: none;
        display: inherit
    }
}

body #login .submit a.hover, body #login .submit a:focus, body #login .submit a:hover {
    color: #fff !important;
    text-decoration: underline
}

body #login .submit input[type=submit] {
    font-size: 14px;
    line-height: 20px;
    padding: 0 28px;
    background-color: #fede45;
    color: #16335f;
    font-weight: 600;
    min-width: 198px;
    min-height: 38px;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    -ms-border-radius: 22.5px;
    border-radius: 22.5px
}

@media (min-width:767px) {
    body #login .submit input[type=submit] {
        position: absolute;
        top: 28px;
        right: 70px
    }
}

@media (max-width:767px) {
    body #login .submit input[type=submit] {
        float: none;
        display: inherit;
        margin: 15px auto 0 auto
    }
}

body #login .submit input[type=submit].hover, body #login .submit input[type=submit]:active, body #login .submit input[type=submit]:hover {
    background-color: #e6ca3e
}

body #login #nav {
    text-align: left
}

body #login #backtoblog, body #login #nav {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

    body #login #backtoblog a, body #login #nav a {
        color: #fff
    }

        body #login #backtoblog a.hover, body #login #backtoblog a:focus, body #login #backtoblog a:hover, body #login #nav a.hover, body #login #nav a:focus, body #login #nav a:hover {
            color: #fff !important;
            text-decoration: underline
        }