.list.login {
    background: #5f5f5f;
    display: table;
    height: 100%;
    position: absolute
}

.login .middle {
    background: #fff;
    position: relative;
    min-height: 500px
}

.login .middle .login-first {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -92px 0 0 -191px;
    width: 380px;
    border: 2px solid #ae5151;
    border-radius: 5px;
    padding: 20px;
    display: table
}

.login .middle .login-first .title, .login .middle .login-second .title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px
}

.login .middle .login-second {
    margin: 100px auto;
    width: 380px;
    border: 2px solid #ae5151;
    border-radius: 5px;
    padding: 20px;
    display: table
}

.login .middle .login-second input {
    width: 335px;
    height: 40px;
    font: 15px Arial;
    color: #333;
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 0 10px;
    float: left
}

.login .middle .login-second .red-button {
    width: 240px;
    height: 45px;
    margin: 20px auto 0;
    font-size: 18px;
    display: block
}

.login .middle .login-second .get-sms-code {
    margin-bottom: 20px
}

.login .middle .login-second .send-sms-info {
    width: 336px;
    height: 65px;
    text-align: center;
    color: #777
}

.login .middle .login-second .code-from-sms {
    margin-top: 40px
}

.login .middle .login-second .password {
    margin-top: 20px
}

.login .middle .login-second.cstm {
    display: none
}

.container.cpt {
    margin-top: 20px;
    text-align: center
}

.container.cpt > * {
    display: inline-block
}

.container.cpt .g-recaptcha {
    width: 302px;
    height: 80px;
    overflow: hidden
}