#login-header .site-logo a {
    background: url(../../img/bg/mbank_logo_white.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;
}

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

    .footer-logo svg{
        display:none;
    }

    #page-header-left .site-logo a {
        background: url(../../img/bg/mbank_logo.png) 0 0 no-repeat;
    }

#page-header .site-logo a {
    background: url(../../img/bg/mbank_logo.png) 0 0 no-repeat;
}

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

#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: var(--ACC1) center bottom no-repeat;
    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-031 {
    background: url(../../img/bg/card-img/031.png) center bottom no-repeat !important;
    background-size: cover !important;
}
.account-slider .card-product-032 {
    background: url(../../img/bg/card-img/032.png) center bottom no-repeat !important;
    background-size: cover !important;
}
.account-slider .card-product-033 {
    background: url(../../img/bg/card-img/033.png) center bottom no-repeat !important;
    background-size: cover !important;
}
.account-slider .card-product-042 {
    background: url(../../img/bg/card-img/042.png) center bottom no-repeat !important;
    background-size: cover !important;
}
.account-slider .card-product-043 {
    background: url(../../img/bg/card-img/043.png) center bottom no-repeat !important;
    background-size: cover !important;
}
.contacts-prelogin .list-item-top-label {
    text-transform: none !important;
}