.login-page .card-login {
    border-radius: .4285rem;
    padding-bottom: .7rem
}

    .login-page .card-login .card-header {
        padding: 0 0 100px;
        overflow: hidden
    }

        .login-page .card-login .card-header img {
            position: absolute
        }

        .login-page .card-login .card-header .card-title {
            position: relative;
            font-size: 5em;
            font-weight: 900;
            color: #222a42;
            text-transform: lowercase;
            margin-left: -5px;
            z-index: 1
        }

    .login-page .card-login .btn-wd {
        min-width: 180px
    }

    .login-page .card-login .logo-container {
        width: 65px;
        margin: 0 auto;
        margin-bottom: 55px
    }

        .login-page .card-login .logo-container img {
            width: 100%
        }

    .login-page .card-login .input-group:last-child {
        margin-bottom: 40px
    }

    .login-page .card-login.card-plain .form-control:-moz-placeholder,
    .login-page .card-login.card-plain .form-control::-moz-placeholder {
        color: hsla(0,0%,100%,.4);
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .login-page .card-login.card-plain .form-control::-webkit-input-placeholder {
        color: hsla(0,0%,100%,.4);
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .login-page .card-login.card-plain .form-control:-ms-input-placeholder {
        color: hsla(0,0%,100%,.4);
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .login-page .card-login.card-plain .form-control {
        border-color: hsla(0,0%,100%,.5);
        color: #fff
    }

        .login-page .card-login.card-plain .form-control:focus {
            border-color: #fff;
            background-color: transparent;
            color: #fff
        }

    .login-page .card-login.card-plain .has-danger:after,
    .login-page .card-login.card-plain .has-success:after {
        color: #fff
    }

    .login-page .card-login.card-plain .has-danger .form-control {
        background-color: transparent
    }

    .login-page .card-login.card-plain .input-group-prepend {
        margin-right: 0
    }

        .login-page .card-login.card-plain .input-group-append .input-group-text,
        .login-page .card-login.card-plain .input-group-prepend .input-group-text {
            background-color: rgba(30,30,47,.2);
            border-color: hsla(0,0%,100%,.5);
            color: #fff
        }

    .login-page .card-login.card-plain .input-group-focus .input-group-append .input-group-text,
    .login-page .card-login.card-plain .input-group-focus .input-group-prepend .input-group-text {
        background-color: rgba(30,30,47,.3);
        border-color: #fff;
        color: #fff
    }

    .login-page .card-login.card-plain .form-group.no-border .form-control,
    .login-page .card-login.card-plain .input-group.no-border .form-control {
        background-color: rgba(30,30,47,.2);
        color: #fff
    }

        .login-page .card-login.card-plain .form-group.no-border .form-control:active,
        .login-page .card-login.card-plain .form-group.no-border .form-control:focus,
        .login-page .card-login.card-plain .input-group.no-border .form-control:active,
        .login-page .card-login.card-plain .input-group.no-border .form-control:focus {
            background-color: rgba(30,30,47,.3);
            color: #fff
        }

        .login-page .card-login.card-plain .form-group.no-border .form-control + .input-group-append .input-group-text,
        .login-page .card-login.card-plain .form-group.no-border .form-control + .input-group-prepend .input-group-text,
        .login-page .card-login.card-plain .input-group.no-border .form-control + .input-group-append .input-group-text,
        .login-page .card-login.card-plain .input-group.no-border .form-control + .input-group-prepend .input-group-text {
            background-color: rgba(30,30,47,.2)
        }

            .login-page .card-login.card-plain .form-group.no-border .form-control + .input-group-append .input-group-text:active,
            .login-page .card-login.card-plain .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
            .login-page .card-login.card-plain .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
            .login-page .card-login.card-plain .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
            .login-page .card-login.card-plain .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
            .login-page .card-login.card-plain .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
            .login-page .card-login.card-plain .input-group.no-border .form-control + .input-group-append .input-group-text:active,
            .login-page .card-login.card-plain .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
            .login-page .card-login.card-plain .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
            .login-page .card-login.card-plain .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
            .login-page .card-login.card-plain .input-group.no-border .form-control:focus + .input-group-append .input-group-text,
            .login-page .card-login.card-plain .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text {
                background-color: rgba(30,30,47,.3);
                color: #fff
            }

    .login-page .card-login.card-plain .form-group.no-border .input-group-append .input-group-text,
    .login-page .card-login.card-plain .form-group.no-border .input-group-prepend .input-group-text,
    .login-page .card-login.card-plain .input-group.no-border .input-group-append .input-group-text,
    .login-page .card-login.card-plain .input-group.no-border .input-group-prepend .input-group-text {
        background-color: rgba(30,30,47,.2);
        border: none;
        color: #fff
    }

    .login-page .card-login.card-plain .form-group.no-border.input-group-focus .input-group-append .input-group-text,
    .login-page .card-login.card-plain .form-group.no-border.input-group-focus .input-group-prepend .input-group-text,
    .login-page .card-login.card-plain .input-group.no-border.input-group-focus .input-group-append .input-group-text,
    .login-page .card-login.card-plain .input-group.no-border.input-group-focus .input-group-prepend .input-group-text {
        background-color: rgba(30,30,47,.3);
        color: #fff
    }

    .login-page .card-login.card-plain .form-group.no-border .input-group-addon,
    .login-page .card-login.card-plain .input-group-addon,
    .login-page .card-login.card-plain .input-group.no-border .input-group-addon {
        color: hsla(0,0%,100%,.8)
    }

    .login-page .card-login.card-white {
        background: #fff
    }

        .login-page .card-login.card-white .card-header .card-title {
            color: #fff
        }

        .login-page .card-login.card-white .form-control:-moz-placeholder,
        .login-page .card-login.card-white .form-control::-moz-placeholder {
            color: rgba(34,42,66,.4);
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .login-page .card-login.card-white .form-control::-webkit-input-placeholder {
            color: rgba(34,42,66,.4);
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .login-page .card-login.card-white .form-control:-ms-input-placeholder {
            color: rgba(34,42,66,.4);
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .login-page .card-login.card-white .has-danger .form-control,
        .login-page .card-login.card-white .has-danger .input-group-prepend .input-group-text {
            border-color: #ec250d
        }

        .login-page .card-login.card-white .input-group-prepend .input-group-text {
            border-color: rgba(29,37,59,.2);
            color: #1d253b
        }

        .login-page .card-login.card-white .form-control {
            color: #222a42;
            border-color: rgba(29,37,59,.2)
        }

            .login-page .card-login.card-white .form-control:focus {
                border-color: #e14eca
            }

        .login-page .card-login.card-white .form-group.no-border .form-control,
        .login-page .card-login.card-white .form-group.no-border .form-control + .input-group-append .input-group-text,
        .login-page .card-login.card-white .form-group.no-border .form-control + .input-group-prepend .input-group-text,
        .login-page .card-login.card-white .form-group.no-border .input-group-append .input-group-text,
        .login-page .card-login.card-white .form-group.no-border .input-group-prepend .input-group-text,
        .login-page .card-login.card-white .input-group.no-border .form-control,
        .login-page .card-login.card-white .input-group.no-border .form-control + .input-group-append .input-group-text,
        .login-page .card-login.card-white .input-group.no-border .form-control + .input-group-prepend .input-group-text,
        .login-page .card-login.card-white .input-group.no-border .input-group-append .input-group-text,
        .login-page .card-login.card-white .input-group.no-border .input-group-prepend .input-group-text {
            background-color: hsla(0,0%,87%,.3)
        }

            .login-page .card-login.card-white .form-group.no-border .form-control + .input-group-append .input-group-text:active,
            .login-page .card-login.card-white .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
            .login-page .card-login.card-white .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
            .login-page .card-login.card-white .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
            .login-page .card-login.card-white .form-group.no-border .form-control:active,
            .login-page .card-login.card-white .form-group.no-border .form-control:focus,
            .login-page .card-login.card-white .form-group.no-border .input-group-append .input-group-text:active,
            .login-page .card-login.card-white .form-group.no-border .input-group-append .input-group-text:focus,
            .login-page .card-login.card-white .form-group.no-border .input-group-prepend .input-group-text:active,
            .login-page .card-login.card-white .form-group.no-border .input-group-prepend .input-group-text:focus,
            .login-page .card-login.card-white .input-group.no-border .form-control + .input-group-append .input-group-text:active,
            .login-page .card-login.card-white .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
            .login-page .card-login.card-white .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
            .login-page .card-login.card-white .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
            .login-page .card-login.card-white .input-group.no-border .form-control:active,
            .login-page .card-login.card-white .input-group.no-border .form-control:focus,
            .login-page .card-login.card-white .input-group.no-border .input-group-append .input-group-text:active,
            .login-page .card-login.card-white .input-group.no-border .input-group-append .input-group-text:focus,
            .login-page .card-login.card-white .input-group.no-border .input-group-prepend .input-group-text:active,
            .login-page .card-login.card-white .input-group.no-border .input-group-prepend .input-group-text:focus {
                background-color: hsla(0,0%,87%,.5)
            }

                .login-page .card-login.card-white .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
                .login-page .card-login.card-white .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
                .login-page .card-login.card-white .input-group.no-border .form-control:focus + .input-group-append .input-group-text,
                .login-page .card-login.card-white .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text {
                    background-color: transparent
                }

        .login-page .card-login.card-white .input-group[disabled] .input-group-append .input-group-text,
        .login-page .card-login.card-white .input-group[disabled] .input-group-prepend .input-group-text {
            background-color: #222a42
        }

        .login-page .card-login.card-white .form-control[disabled],
        .login-page .card-login.card-white .form-control[readonly],
        .login-page .card-login.card-white fieldset[disabled] .form-control {
            background: #e3e3e3;
            border-color: rgba(29,37,59,.3)
        }

        .login-page .card-login.card-white .input-group-focus .form-control,
        .login-page .card-login.card-white .input-group-focus .input-group-append .input-group-text,
        .login-page .card-login.card-white .input-group-focus .input-group-prepend .input-group-text {
            background-color: #fff;
            border-color: #e14eca
        }

        .login-page .card-login.card-white .input-group-focus.no-border .input-group-append .input-group-text,
        .login-page .card-login.card-white .input-group-focus.no-border .input-group-prepend .input-group-text {
            background-color: hsla(0,0%,87%,.5)
        }

        .login-page .card-login.card-white .input-group-prepend .input-group-text {
            border-right: none
        }

        .login-page .card-login.card-white .input-group-append .input-group-text {
            border-left: none
        }

        .login-page .card-login.card-white .has-danger .form-control:focus,
        .login-page .card-login.card-white .has-success.input-group-focus .input-group-append .input-group-text,
        .login-page .card-login.card-white .has-success.input-group-focus .input-group-prepend .input-group-text {
            border-color: #ec250d
        }

        .login-page .card-login.card-white .has-success .form-control:focus,
        .login-page .card-login.card-white .has-success.input-group-focus .input-group-append .input-group-text,
        .login-page .card-login.card-white .has-success.input-group-focus .input-group-prepend .input-group-text {
            border-color: #00bf9a
        }

.login-page .link {
    font-size: 10px;
    text-decoration: none
}

.login-page .card-black .link {
    color: #fff
}
.full-page > .content,
.full-page > .footer {
    position: relative;
    z-index: 4
}

.full-page > .content {
    padding-bottom: 150px;
    padding-top: 150px
}

.full-page .footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 48px;
    padding-right: 48px
}

    .full-page .footer .container {
        color: #fff
    }

.full-page .full-page-background {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%
}

.full-page.pricing-page .description {
    margin-bottom: 65px;
    color: hsla(0,0%,100%,.7)
}

.full-page.register-page .info-horizontal {
    padding: 0 0 20px;
    text-align: left !important
}

    .full-page.register-page .info-horizontal .icon {
        margin-top: 0
    }

        .full-page.register-page .info-horizontal .icon > i {
            font-size: 2em
        }

        .full-page.register-page .info-horizontal .icon.icon-circle {
            width: 65px;
            height: 65px;
            max-width: 65px;
            margin-top: 8px
        }

            .full-page.register-page .info-horizontal .icon.icon-circle i {
                display: table;
                margin: 0 auto;
                line-height: 3.5;
                font-size: 1.9em
            }

    .full-page.register-page .info-horizontal .description {
        overflow: hidden
    }

        .full-page.register-page .info-horizontal .description .info-title {
            margin-bottom: 20px
        }

.full-page.lock-page,
.full-page.login-page,
.full-page.pricing-page,
.full-page.register-page {
    min-height: 100vh;
    background: radial-gradient(#1e1e2f,#1e1e24)
}

@media (max-width:767.98px) {
    .landing-page .section-story-overview .image-container:nth-child(2) {
        margin-left: 0;
        margin-bottom: 30px
    }

    .login-page .card-login .card-header img {
        width: 70%
    }
}

@media (max-width:575.98px) {
    .register-page .full-page > .content {
        padding-top: 50px
    }

    .page-header .container h6.category-absolute {
        width: 90%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .lock-page .navbar .navbar-toggle .navbar-toggler,
    .login-page .navbar .navbar-toggle .navbar-toggler,
    .pricing-page .navbar .navbar-toggle .navbar-toggler,
    .register-page .navbar .navbar-toggle .navbar-toggler {
        display: none
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .register-page .full-page .content .card-register {
        margin-top: 3rem !important
    }
}

@media (max-width:991.98px) {
    .lock-page .navbar .navbar-wrapper .navbar-toggle,
    .login-page .navbar .navbar-wrapper .navbar-toggle,
    .pricing-page .navbar .navbar-wrapper .navbar-toggle,
    .register-page .navbar .navbar-wrapper .navbar-toggle {
        display: none !important
    }
}