@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-Bold.woff2') format('woff2'),
    url('../fonts/Mont-Bold.woff') format('woff'),
    url('../fonts/Mont-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mont';
    src: url('../fonts/Mont-Regular.woff2') format('woff2'),
    url('../fonts/Mont-Regular.woff') format('woff'),
    url('../fonts/Mont-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.bpa-container h1, .bpa-radio-filter label, .bpa-container h2{
    font-weight: 400;
}

.bpa-user-block__name{
    font-weight: 600;
    color: #DF0A18;
}

.bpa-button{
    background: #DF0A18;
    border-radius: 0;
    font-weight: 600;
    transition-delay: 75ms;
    transition-duration: 75ms;
    transition-property: all;
    transition-timing-function: linear;
}

.bpa-button:hover{
    opacity: 0.9;
}

.bpa-user-block__avatar{
    background-color: #718285;
}

.bpa-user-block__avatar-initial{
    color: #DF0A18;
}
.bpa-links-block__link.is-active .bpa-icon-container, .bpa-links-block__link:hover .bpa-icon-container{
    background-color: #DF0A18;
}

.bpa-inline-link{
    color: #DF0A18;
}

.bpa-container--trade-login .bpa-button {
    border: 2px solid #FEB531 !important;
    background: #FEB531;
}

.bpa-container--trade-login .bpa-button:hover {
    color: #FFF;
}

.bpa-login-form{
    max-width:none;
}

.bpa-container--login .login-header, .bpa-container--register .login-header {
    width: 100%;
    display: flex;
    margin-bottom: 46px;
    text-align: center;
}
.bpa-container--login .login-header .header-login, .bpa-container--register .login-header .header-login {
    width: 50%;
    padding: 14px 0;
    border-bottom: 2px solid #f1f1f1;
    position: relative;
}
.bpa-container--login .login-header .header-login:after, .bpa-container--register .login-header .header-login:after {
    content: "";
    position: absolute;
    right: 0;
    height: 60%;
    width: 2px;
    margin-right: -1px;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #f1f1f1;
}
.bpa-container--login .login-header .header-register, .bpa-container--register .login-header .header-register {
    width: 50%;
    padding: 14px 0;
    border-bottom: 2px solid #f1f1f1;
    position: relative;
}

.bpa-container--login .header-login {
    border-bottom: 2px solid #df0a18 !important;
}

.bpa-container--register .header-register {
    border-bottom: 2px solid #df0a18 !important;
}

.bpa-container--login, .bpa-container--register, .bpa-container--trade-login {
    justify-content: center;
    padding: 40px 20px;
}

@screen sm{
    .bpa-container--login, .bpa-container--register, .bpa-container--trade-login {
        justify-content: center;
        padding: 40px 20px;
    }
}


@screen lg {
    .bpa-container--login, .bpa-container--register, .bpa-container--trade-login {
        padding: 129px 0;
    }
}

.bpa-container--login .bpa-content, .bpa-container--register .bpa-content, .bpa-container--trade-login .bpa-content {
    max-width: 800px;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.bpa-container--login .bpa-content, .bpa-container--register .bpa-content, .bpa-container--trade-login .bpa-content {
    padding: 40px;
}

@screen lg {
    .bpa-container--login .bpa-content, .bpa-container--register .bpa-content, .bpa-container--trade-login .bpa-content {
        padding: 60px 120px;
    }
}
.bpa-container--login .bpa-content > p, .bpa-container--trade-login p {
    font-size: 14px;
    font-weight: 400;
}
.bpa-container--login .bpa-content > a, .bpa-container--trade-login a {
    color: #DF0A18;
    text-decoration: underline;
}

.bpa-container--trade-login p {
    font-size: 14px;
    font-weight: 400;
}

.bpa-container--trade-login .bpa-page-header{
    @apply justify-center;
}

.bpa-container--trade-login a {
    color: #FEB531;
    text-decoration: underline;
}

.bpa-container--trade-login h1{
    color: #FEB531;
}

.bpa-login__block {
    margin-bottom: 24px !important;
}
.bpa-login__block label {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px;
    font-weight: 600;
}
.bpa-login__block input {
    border: 1px solid #E5E7EB !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 12px 16px !important;
}