.login-form {
    height: 100vh
}

.login-form .form-title {
    color: #031F42;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    margin: 0 0 30px;
    line-height: 1.2
}

.login-form .send, .send {
    margin-top: 30px
}

.login-form .form-group {
    position: relative;
    margin-bottom: 25px
}

.login-form .form-group .icon-input {
    position: absolute;
    right: 0;
    width: 12px;
    height: 12px;
    top: 12px
}

.login-form .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    padding: 6px 0;
    min-width: 150px;

}

.login-form .form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.login-form .form-control.form-icon {
    padding: 6px 20px 6px 0
}

.login-form .form-success {
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: 400;
    color: #69ACDF;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
    margin-bottom: 30px;
    position: relative
}

.login-form .form-error, .login-form .more-text .link, .send {
    font-weight: 700
}

.send {
    border: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.login-form .form-success:after {
    content: "";
    position: absolute;
    background: url(../img/icon-mail.svg) center center no-repeat #fff;
    width: 40px;
    height: 20px;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto
}

.login-form .global-error {
    color: #D0021B;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    margin-top: 25px
}

.login-form .global-error p {
    margin-bottom: 0
}

.login-form .form-error {
    position: absolute;
    left: 15px;
    bottom: -20px;
    color: #D0021B
}

.login-form .more-text .required-field, .my-profile .required-field {
    color: #737373
}

.login-form .form-block {
    position: relative;
    height: 100vh
}

@media only screen and (max-width: 1023px) {
    .login-form .form-block {
        height: auto;
        margin-top: 130px
    }
    form-control {

    }
}

.login-form .form-area {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%)
}

@media only screen and (max-width: 1023px) {
    .login-form .form-area {
        position: static;
        transform: none
    }
}

.login-form .more-text {
    margin-top: 30px;
    text-align: center
}

.login-form .more-text p {
    margin-bottom: 5px
}

.login-form .brand {
    height: 100vh;
    position: relative;
    background: url(../img/login-bg.webp) center top no-repeat;
    background-size: cover;
}

.login-form .brand .brand-logo {
    position: absolute;
    top: 50%;
    margin: 0 auto;
    display: block;
    transform: translateY(-50%);
}
.login-form .brand p.brand-description {
    margin-top: 30px;
    font-size: 16px;
    color: #fff;
    font-family: Roboto, SansSerif;
    font-weight: 300;
}
.login-form .brand span.title {
    display: block;
    font-size: 30px;
    text-transform: uppercase;
    font-family: Lora, Roboto, SansSerif;
    margin-bottom: 10px;
    letter-spacing: 2.4px;
}
.login-form .brand p.brand-description:before,
.login-form .brand p.brand-description:after {
    content: '';
    background: url('../img/login3.png') center top no-repeat;
    display: block;
    height: 36px;
    margin: 28px 0;
}

@media only screen and (max-width: 1023px) {
    .login-form .brand {
        position: absolute;
        height: 100px
    }
    .login-form .brand .brand-logo img {
        height: 50px
    }
    .login-form .brand p.brand-description {
        display: none;
    }
}

.my-profile {
    margin: 50px 0 150px;
    height: auto
}

.my-profile .form-group {
    margin-bottom: 35px
}

.my-profile .form-footer {
    margin-top: 50px
}

.my-profile .actions {
    text-align: right
}

.my-profile .actions .btn {
    min-width: 70px;
    margin-left: 10px
}

.captcha {
    padding-left: 10%
}
@media (min-width: 992px){
    .col-sm-6{
        left: 10px;
    }
}