html{
    /* background-image: url('https://sell-us.pro/clients/min/projects/task/public/img/bg.png')!important; */
    background-repeat: no-repeat!important;
    background-position-x: center!important;
    background-position-y: center!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}
body{
    background-color: inherit!important;
    background-image: none!important;
}

.card{

    background-color: inherit;

    width: 90%;

    max-width: 470px;

    margin-left: auto;

    margin-right: auto;

    border: none;

    margin-top: 7%;

}

.card__logo{

    text-align: center;

    margin-bottom: 22px;

}

.card__logo img{

    height: 145px;

}

.form__input{
    background: transparent;
    border: 1px solid #fff;
    padding: 27px!important;
    color: #fff!important;
}
.form__input:active{
    background: transparent;
}
.form__input:focus{
    background: transparent;

}
.form__input--login{

    background-image: url(../img/login/user.png);

    background-repeat: no-repeat;

    background-position-y: center;

    background-position-x: 96%;

}

.form__input--pass{

    background-image: url(../img/login/pass.png);

    background-repeat: no-repeat;

    background-position-y: center;

    background-position-x: 96%;

}

.form__input::placeholder{

    font-size: 20px;

}

::-webkit-input-placeholder { /* WebKit browsers */

   color: #fff!important;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color: #fff!important;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

   color: #fff!important;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

   color: #fff!important;

}

.btn-user{

    border: 1px solid #fff;

    color: #fff;

    font-size: 20px!important;

    margin-bottom: 15px;

}

.pass{

    font-size: 17px!important;

}