#login-header .site-logo a {
    background: url(../../img/bg/bank-footer-logo.png) 0 0 no-repeat;
    display: inline-block;
    width: 220px;
    height: 80px;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
}

#login-header .site-logo {
    height: 65px;
}

#page-footer {
    position: absolute;
    bottom: 0;
    width: calc(100% - 94px);
    display: flex;
    background: var(--P3);
    color: white;
    align-items: center;
    padding: 8px 24px;
    left: 94px;
}

#page-footer-prelogin {
    position: relative;
    bottom: 0;
    width: 100%;
    display: flex;
    background: var(--P3);
    color: white;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
}

.footer-logo {
    width: 136px;
    height: 50px;
    background-size: contain;
    background: url(../../img/bg/bank-footer-logo.png) 0 center no-repeat;
}

    .footer-logo svg{
        display:none;
    }

#page-header-left .site-logo a {
    background: url(../../img/bg/bank-dark-main.svg) 0 0 no-repeat;
}

#page-header .site-logo a {
    background: url(../../img/bg/bank-dark-main.svg) 0 0 no-repeat;
}

.accounts-widget .overlay-1 {
    background-image: url(../../img/bg/img_bg-account-picker.jpg);
}

#login-header::after {
    /*background: none;*/
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    height: 40px;
    width: 100vw;
    background: url(../../img/bg/bg_waves.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.transaction-list-item .amount-holder .positive-amount,
.transfer-list-item .amount-holder .positive-amount {
    font-family: 'roboto-medium';
    font-size: 16px;
    color: var(--OK);
    white-space: nowrap;
}

.transaction-list-item .amount-holder .negative-amount,
.transfer-list-item .amount-holder .negative-amount {
    font-family: 'roboto-medium';
    font-size: 16px;
    color: var(--ERROR);
    white-space: nowrap;
}

.accounts-widget .bg-overlay {
    opacity: 0.7;
    background-position: top;
}

.accounts-slider-header {
    background: rgba(0, 0, 0, 0.4);
}

.account-box.account-bg-1 {
    background-color: var(--ACC1);
    background-image: url('../../img/bg/card-img/wave.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}

.account-box.account-bg-2 {
    background: var(--ACC2) center bottom no-repeat;
    background-size: 100%;
}

.account-box.account-bg-3 {
    background: var(--ACC3) center bottom no-repeat;
    background-size: 100%;
}

.account-box.account-bg-4 {
    background: var(--P0) center bottom no-repeat;
    background-size: 100%;
}

.list-item.account-bg-1 {
    background: var(--ACC1) center bottom no-repeat;
    background-size: 100%;
}

.list-item.account-bg-2 {
    background: var(--ACC2) center bottom no-repeat;
    background-size: 100%;
}

.list-item.account-bg-3 {
    background: var(--ACC3) center bottom no-repeat;
    background-size: 100%;
}

.list-item.account-bg-4 {
    background: var(--P0) center bottom no-repeat;
    background-size: 100%;
}

.prelogin-marketing-hold {
    background: none;
    padding: 24px;
}

.login-content {
    background: url(../../img/bg/prelogin_wave.svg), linear-gradient(14deg, rgb(5 40 53 / 90%) 10%, rgba(7,72,97,0.4) 28%, rgba(7,72,97,0) 48%);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
}

#login-content {
    background: rgba(63, 81, 96, 0.6);
}

#prelogin-slider-cover {
    object-position: top left;
}

img.desktop-img.promo-bg-0.slide-active {
    margin-top: 5%;
}

#become-client-box {
    display: none;
}

.bg-overlay.overlay-1 {
    z-index: -1;
}

.accounts-widget {
    z-index: 0;
}

.account-slider .account-box {
    opacity: 80%;
}

.account-list .list-item {
    opacity: 60%;
}

    .btn-1.color-1 {
        background-color: var(--S1);
        color: var(--BG);
        box-shadow: 4px 4px 8px 0px #00000026;
    }

        .btn-1.color-1:hover {
            background-color: var(--P0);
        }

        .btn-1.color-1:active {
            background: transparent;
            color: var(--S1);
            box-shadow: none;
        }

    .btn-1.color-2 {
        background-color: var(--P2);
        color: var(--S1);
    }

        .btn-1.color-2:hover {
            background-color: var(--P0);
            color: var(--BG);
        }

    .btn-1.color-3 {
        background-color: transparent;
        color: var(--S1);
    }

        .btn-1.color-3:hover {
            background-color: var(--P2);
            color: var(--P0);
        }

    .btn-1.color-5 {
        color: var(--S1);
    }

    .default-btn.primary-btn {
        color: var(--BG);
        background: var(--S1);
    }

        .default-btn.primary-btn:hover {
            background: var(--P0);
        }

        .default-btn.primary-btn:active {
            background: transparent;
            color: var(--S1);
            box-shadow: none;
        }

        .default-btn.primary-btn.disabled {
            color: var(--K2);
            background: var(--K4);
            box-shadow: 4px 4px 8px 0px #00000026;
        }

            .default-btn.primary-btn.disabled:hover {
                color: var(--K2);
                background: var(--K4);
                box-shadow: 4px 4px 8px 0px #00000026;
            }

    .default-btn.secondary-btn {
        background: var(--P2);
        color: var(--S1);
    }

        .default-btn.secondary-btn:hover {
            background: var(--P0);
            color: var(--BG);
        }

        .default-btn.secondary-btn.disabled {
            color: var(--K2);
            background: var(--K4);
        }

        .default-btn.secondary-btn:active {
            background: transparent;
            color: var(--S1);
        }

    .default-btn.empty-btn {
        background: transparent;
        color: var(--S1);
    }

        .default-btn.empty-btn.red-btn {
            color: var(--ERROR);
        }

            .default-btn.empty-btn.red-btn:hover {
                color: var(--ERROR);
            }

        .default-btn.empty-btn:hover {
            background: var(--P2);
            color: var(--P0);
        }

        .default-btn.empty-btn:active {
            background: transparent;
            color: var(--S1);
        }

.ui-menu-item .breadcrumbs-holder {
    display: flex !important;
}

.account-slider .card-product-pub-cc-4-11 {
    background: url(../../img/bg/card-img/img_card_visa_classic_debit.png) center bottom no-repeat !important;
    background-size: cover !important;
}

.account-slider .card-product-pub-cc-4-13 {
    background: url(../../img/bg/card-img/img_card_visa_credit.png) center bottom no-repeat !important;
    background-size: cover !important;
}

.account-slider .card-product-pub-cc-4-15 {
    background: url(../../img/bg/card-img/img_card_visa_gold.png) center bottom no-repeat !important;
    background-size: cover !important;
}

.account-slider .card-product-pub-cc-4-17 {
    background: url(../../img/bg/card-img/img_card_visa_business.png) center bottom no-repeat !important;
    background-size: cover !important;
}

.account-slider .card-product-pub-cc-4-8 {
    background: url(../../img/bg/card-img/img_card_visa_business.png) center bottom no-repeat !important;
    background-size: cover !important;
}

.account-slider .card-product-pub-cc-2-1 {
    background: url(../../img/bg/card-img/img_card_master_debit.png) center bottom no-repeat !important;
    background-size: cover !important;
}

.account-slider .card-product-pub-cc-2-2 {
    background: url(../../img/bg/card-img/img_card_master_standar.png) center bottom no-repeat !important;
    background-size: cover !important;
}

.account-slider .card-product-pub-cc-2-3 {
    background: url(../../img/bg/card-img/img_card_master_business.png) center bottom no-repeat !important;
    background-size: cover !important;
}

.contacts-prelogin .list-item-top-label {
    text-transform: none !important;
}

.btn-small-ico-label a .btn-small-label {
    font-size: 12px;
    line-height: 16px;
    font-family: 'roboto-regular';
    color: var(--K1);
}

.flex-widget-header .widget-header-title {
    font-family: roboto-bold;
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    margin-right: auto;
    color: var(--K2);
    text-transform: none;
}

.widget-title-p {
    margin-bottom: 11px;
    padding-bottom: 4px;
    font-family: 'roboto-medium';
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--K2);
    border-bottom: 1px solid var(--K3);
    width: 100%;
}

.accounts-widget {
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 16px 16px 0;
    position: relative;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
    background: var(--P3);
    border-radius: 0px 0px 16px 16px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 1170px;
}

#login-header .menu-item.active-menu-item a span,
.menu-item.active-menu-item a span {
    color: var(--P4);
}

.payment-list-item .text-holder .payment-list-item-desc span {
    font-size: 16px;
    font-family: 'roboto-regular';
    color: var(--P3);
}