body {
    transition: opacity 0.2s ease-in;
}

body[unresolved] {
    opacity: 0;
    display: block;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1024px) {
    .promoTextMedia {
        display: none;
    }
}

.row,
.wrapper {}

.row::after,
.row::before,
.wrapper::after,
.wrapper::before {
    content: " ";
    display: table;
}

.row::after,
.wrapper::after {
    clear: both;
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

@-webkit-keyframes ball-grid-pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.5);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes loaderRefresh {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0px;
    }

    100% {
        background-position: 468px 0px;
    }
}

@-webkit-keyframes load5 {

    0%,
    100% {
        box-shadow: rgb(255, 255, 255) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.5) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.7) -1.8em -1.8em 0px 0px;
    }

    12.5% {
        box-shadow: rgba(255, 255, 255, 0.7) 0px -2.6em 0px 0px, rgb(255, 255, 255) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.5) -1.8em -1.8em 0px 0px;
    }

    25% {
        box-shadow: rgba(255, 255, 255, 0.5) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.7) 1.8em -1.8em 0px 0px, rgb(255, 255, 255) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    37.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.5) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.7) 2.5em 0px 0px 0px, rgb(255, 255, 255) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    50% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.5) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.7) 1.75em 1.75em 0px 0px, rgb(255, 255, 255) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    62.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.5) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.7) 0px 2.5em 0px 0px, rgb(255, 255, 255) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    75% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.5) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.7) -1.8em 1.8em 0px 0px, rgb(255, 255, 255) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    87.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.5) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.7) -2.6em 0px 0px 0px, rgb(255, 255, 255) -1.8em -1.8em 0px 0px;
    }
}

@-webkit-keyframes load5White {

    0%,
    100% {
        box-shadow: rgb(255, 255, 255) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.5) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.7) -1.8em -1.8em 0px 0px;
    }

    12.5% {
        box-shadow: rgba(255, 255, 255, 0.7) 0px -2.6em 0px 0px, rgb(255, 255, 255) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.5) -1.8em -1.8em 0px 0px;
    }

    25% {
        box-shadow: rgba(255, 255, 255, 0.5) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.7) 1.8em -1.8em 0px 0px, rgb(255, 255, 255) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    37.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.5) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.7) 2.5em 0px 0px 0px, rgb(255, 255, 255) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    50% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.5) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.7) 1.75em 1.75em 0px 0px, rgb(255, 255, 255) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    62.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.5) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.7) 0px 2.5em 0px 0px, rgb(255, 255, 255) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    75% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.5) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.7) -1.8em 1.8em 0px 0px, rgb(255, 255, 255) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    87.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.5) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.7) -2.6em 0px 0px 0px, rgb(255, 255, 255) -1.8em -1.8em 0px 0px;
    }
}

@-webkit-keyframes load5Black {

    0%,
    100% {
        box-shadow: rgb(1, 1, 1) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.5) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.7) -1.8em -1.8em 0px 0px;
    }

    12.5% {
        box-shadow: rgba(1, 1, 1, 0.7) 0px -2.6em 0px 0px, rgb(1, 1, 1) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.5) -1.8em -1.8em 0px 0px;
    }

    25% {
        box-shadow: rgba(1, 1, 1, 0.5) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.7) 1.8em -1.8em 0px 0px, rgb(1, 1, 1) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    37.5% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.5) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.7) 2.5em 0px 0px 0px, rgb(1, 1, 1) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    50% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.5) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.7) 1.75em 1.75em 0px 0px, rgb(1, 1, 1) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    62.5% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.5) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.7) 0px 2.5em 0px 0px, rgb(1, 1, 1) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    75% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.5) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.7) -1.8em 1.8em 0px 0px, rgb(1, 1, 1) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    87.5% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.5) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.7) -2.6em 0px 0px 0px, rgb(1, 1, 1) -1.8em -1.8em 0px 0px;
    }
}

@-webkit-keyframes loaderAmin {

    0%,
    60%,
    100% {
        border: 0px solid rgba(11, 155, 217, 0.2);
        box-shadow: rgba(1, 1, 1, 0.06) 0px 0px 10px 0px;
        transform: scale(0.65);
    }

    30% {
        box-shadow: none;
        border: 5px solid rgba(11, 155, 217, 0.2);
        transform: scale(1);
    }
}

@-webkit-keyframes loaderAmin2 {

    0%,
    60%,
    100% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }
}

@-webkit-keyframes loaderAminM {

    0%,
    60%,
    100% {
        border: 0px solid rgba(11, 155, 217, 0.2);
        box-shadow: rgba(1, 1, 1, 0.06) 0px 0px 10px 0px;
        transform: scale(0.65);
    }

    30% {
        box-shadow: none;
        border: 5px solid rgba(11, 155, 217, 0.2);
        transform: scale(1);
    }
}

@-webkit-keyframes loaderAmin2M {

    0%,
    60%,
    100% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }
}

.actionsBar .dd-menu a::after,
.actionsBar .dd-menu button::after,
.actionsBar .dd-title:not(.inactive)::before,
.button.iconBtn::before,
.dd-menu li a:not(.inactive)::before,
.dd-menu li button:not(.inactive)::before,
.popup .close::after,
.tooltip .icon-alert::after,
.tooltip .icon-info::after,
.tooltip .openTooltip::after,
a.link:not(.open-acc)::after,
button.iconBtn::before,
button.link:not(.open-acc)::after,
button.tooltip::after,
table.default .dd-menu li button table.default .dd-menu li a:not(.inactive)::before {
    content: "";
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

.breadcrumbItem .dd-title:focus,
footer .contact a:focus,
p a:focus {
    box-shadow: rgb(83, 164, 221) 0px 0px 0px 1px;
    outline: none;
}

@-webkit-keyframes movingBg {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(46px);
    }
}

@-webkit-keyframes cvvarrow {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }

    15% {
        transform: translateX(-20px);
        opacity: 0;
    }

    20% {
        transform: translateX(0px);
        opacity: 1;
    }

    25% {
        transform: translateX(-20px);
        opacity: 1;
    }

    30% {
        transform: translateX(0px);
        opacity: 1;
    }

    35% {
        transform: translateX(-20px);
        opacity: 1;
    }

    40% {
        transform: translateX(0px);
        opacity: 1;
    }

    45% {
        transform: translateX(-20px);
        opacity: 1;
    }

    50% {
        transform: translateX(0px);
        opacity: 1;
    }

    55% {
        transform: translateX(-20px);
        opacity: 1;
    }

    60% {
        transform: translateX(0px);
        opacity: 1;
    }

    65% {
        transform: translateX(-20px);
        opacity: 1;
    }

    70% {
        transform: translateX(0px);
        opacity: 1;
    }

    75% {
        transform: translateX(-20px);
        opacity: 1;
    }

    80% {
        transform: translateX(0px);
        opacity: 1;
    }

    85% {
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        transform: translateX(-20px);
        opacity: 0;
    }
}

@-webkit-keyframes cvvcircle {
    0% {
        transform: scale(0);
    }

    10% {
        transform: scale(1);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@-webkit-keyframes cvvcircle2 {
    0% {
        transform: scale(0);
    }

    10% {
        transform: scale(1);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes cvvimage {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes cvvimage2 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }

    8% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }

    12% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.75);
    }

    80% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.75);
    }

    90% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.75);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.75);
    }
}

@-webkit-keyframes cvvhighlight {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* .icon-online_eggrafi::before {
    content: "";
} */

.icon-idiwtes::before {
    content: "";
}

.icon-epixeiriseis::before {
    content: "";
}

.checkbox .icon::before {
    content: "";
}

.icon-close::before {
    content: "";
}

.icon-demo::before {
    content: "";
}

.icon-asfaleia::before {
    content: "";
}

.accountBlock .inner,
.boxesWrap,
.headerMain .inner,
.headStripeWrap .text,
.labelCol .inner,
.langingPage .bannersSec .bannersWrapFlex,
.langingPage .linkBox a,
.langingPage .promoInner,
.langingPage .promoLinks .half .inner,
.loadingFilters .inner,
.loginPage .bannersSec .bannersWrapFlex,
.loginPage .linkBox a,
.loginPage .promoInner,
.loginPage .promoLinks .half .inner,
.popupInner,
.promoWrap .text,
.sectionsList .inner,
.spaceRow,
.stepBox .inner,
footer .inner {
    display: flex;
}

.accountBlock .inner,
.boxesWrap,
.langingPage .linkBox a,
.loginPage .linkBox a {
    flex-wrap: wrap;
}

.spaceRow.start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.labelCol .inner,
.spaceRow.end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.langingPage .linkBox a,
.langingPage .promoLinks .half .inner,
.loginPage .linkBox a,
.loginPage .promoLinks .half .inner,
.popupInner,
.sectionsList .inner {
    -webkit-box-pack: center;
    justify-content: center;
}

.headerMain .inner,
.headStripeWrap .text,
.loadingFilters .inner,
.spaceRow,
footer .inner {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.boxesWrap.alignStart,
.spaceRow.top {
    -webkit-box-align: start;
    align-items: flex-start;
}

.accountBlock .inner,
.spaceRow.btm {
    -webkit-box-align: end;
    align-items: flex-end;
}

.headerMain .inner,
.headStripeWrap .text,
.labelCol .inner,
.langingPage .promoInner,
.langingPage .promoLinks .half .inner,
.loginPage .promoInner,
.loginPage .promoLinks .half .inner,
.popupInner,
.promoWrap .text,
.spaceRow,
.stepBox .inner {
    -webkit-box-align: center;
    align-items: center;
}

.boxesWrap {
    -webkit-box-align: stretch;
    align-items: stretch;
}

.doubleBox .btm .inner,
.loginPage .inactiveAlert.middle {
    align-self: center;
}

.formRow.withButton.buttonBase .button {
    align-self: baseline;
}

.accountBlock .inner {
    align-content: flex-end;
}

.langingPage .linkBox a,
.loginHeader .headerInner,
.loginPage .linkBox a {
    align-content: center;
}

:root {
    --infoboxesspace: 25px;
    --infoboxesouterspace: 10px;
    --instacardstorywidth: 390px;
    --instacardwidth: 220px;
    --instacardwidthintro: calc(var(--instacardwidth) - 30px);
    --instacardpercent: 174%;
    --instacardspace: 18px;
}

@media only screen and (max-width: 1023px) {
    :root {
        --instacardstorywidth: 300px;
        --instacardwidth: 180px;
    }
}

@media only screen and (max-width: 767px) {
    :root {
        --instacardstorywidth: 280px;
    }
}

@media only screen and (min-height: 850px) and (min-width: 768px) {
    :root {
        --instacardstorywidth: 502px;
        --instacardwidth: 282px;
    }
}

@-webkit-keyframes Select-animation-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Select-animation-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Select-animation-spin {
    100% {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes Select-animation-spin {
    100% {
        transform: rotate(1turn);
    }
}

[class*="dummyInput"] {
    background: 0px center;
    border: 0px;
    font-size: inherit;
    outline: 0px;
    padding: 0px;
    width: 1px;
    color: transparent;
    left: -100px;
    opacity: 0;
    position: relative;
    transform: scale(0);
}

[class*="-a11yText"] {
    z-index: 9999;
    border: 0px;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    padding: 0px;
    white-space: nowrap;
}

.skin table.default tr.link:hover td .Select__single-value {
    color: rgb(1, 1, 1) !important;
}

.skin table.default tr.link:hover td .Select__indicator {
    color: rgb(1, 1, 1);
}

.popupHeader {
    left: 0px;
    position: absolute;
    top: 0px;
}

.imgTextRow .text {
    width: 57%;
}

@media only screen and (max-width: 1023px) {
    .imgTextRow .text {
        width: 60%;
    }
}

@media only screen and (max-width: 767px) {
    .imgTextRow .text {
        width: 100%;
    }
}

.imgTextRow .text:not(:first-child) {
    padding-left: 42px;
}

@media only screen and (max-width: 1023px) {
    .imgTextRow .text:not(:first-child) {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .imgTextRow .text:not(:first-child) {
        margin-top: 20px;
        padding-left: 0px;
    }
}

.imgTextRow .text img {
    margin-bottom: 25px;
}

@media only screen and (max-width: 1023px) {
    .imgTextRow .text img {
        margin-bottom: 10px;
    }
}

.card .button,
.popup .infoTablesWrap,
.sectionsList .icon,
.statusBox .icon,
.step .icon,
.step .icon span:not(.check) {
    display: inline-block;
    vertical-align: top;
}

.fieldCol .dateInput~.button,
.fieldCol .dateInput~.link,
.fieldCol .dateInput~.tooltip,
.fieldCol .dropdownWrap~.button,
.fieldCol .dropdownWrap~.link,
.fieldCol .dropdownWrap~.tooltip,
.fieldCol .iconBtn~.button,
.fieldCol .iconBtn~.link,
.fieldCol .iconBtn~.tooltip,
.fieldCol .iconBtn~input,
.fieldCol .inputWrap~.button,
.fieldCol .inputWrap~.link,
.fieldCol .inputWrap~.tooltip,
.fieldCol .timeInput~.button,
.fieldCol .timeInput~.link,
.fieldCol .timeInput~.tooltip,
.fieldCol input~.button,
.fieldCol input~.link,
.fieldCol input~.tooltip,
.fileInput~.button,
.fileInput~.link,
.fileInput~.tooltip,
.vMiddle>*,
table.default .dd-menu-wrap {
    display: inline-block;
    vertical-align: middle;
}

.hidden {
    display: none;
}

@media only screen and (max-width: 767px) {

    .button.iconBtn .mobOnlyIcon {
        margin: 0px;
    }

    .button.iconBtn>.mobOnlyIcon~* {
        display: none;
    }
}

.button,
button {
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    transition: 0.35s ease-out;
    appearance: none;
}

.skin .button {
    transition: none;
}

.button.inactive,
.button:disabled,
button:disabled {
    cursor: default;
}

.button.blue,
.table.default td .button.blue,
.table.default td button.blue,
button.blue {
    background-color: rgb(12, 109, 179);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-family: EurobankSans;
    font-size: 0.875rem;
    padding: 14px 44px 13px;
}

.skin .button.blue,
.skin .table.default td .button.blue,
.skin .table.default td button.blue,
.skin button.blue {
    background-color: rgb(255, 255, 255);
    color: rgb(1, 1, 1);
}

.button.blue .icon-plus,
.table.default td .button.blue .icon-plus,
.table.default td button.blue .icon-plus,
button.blue .icon-plus {
    font-size: 1.125rem;
    position: relative;
    top: 3px;
}

.button.blue .icon,
.table.default td .button.blue .icon,
.table.default td button.blue .icon,
button.blue .icon {
    display: inline-block;
    font-size: 1.25rem;
    margin-right: 10px;
    vertical-align: middle;
}

.button.blue.short,
.table.default td .button.blue.short,
.table.default td button.blue.short,
button.blue.short {
    padding: 17px 29px 13px;
}

.button.blue:not(.inactive):not(:disabled):focus,
.table.default td .button.blue:not(.inactive):not(:disabled):focus,
.table.default td button.blue:not(.inactive):not(:disabled):focus,
button.blue:not(.inactive):not(:disabled):focus {
    box-shadow: rgba(13, 129, 211, 0.9) 0px 0px 5px 2px;
}

@media only screen and (max-width: 1280px) {

    .button.blue,
    .table.default td .button.blue,
    .table.default td button.blue,
    button.blue {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 480px) {

    .button.blue,
    .table.default td .button.blue,
    .table.default td button.blue,
    button.blue {
        padding-left: 33px;
        padding-right: 33px;
    }
}

.button.blue:not(.inactive):not(:disabled):hover,
.table.default td .button.blue:not(.inactive):not(:disabled):hover,
.table.default td button.blue:not(.inactive):not(:disabled):hover,
button.blue:not(.inactive):not(:disabled):hover {
    background-color: rgb(13, 129, 211);
}

.button.blue:not(.inactive):not(:disabled):active,
.table.default td .button.blue:not(.inactive):not(:disabled):active,
.table.default td button.blue:not(.inactive):not(:disabled):active,
button.blue:not(.inactive):not(:disabled):active {
    background-color: rgb(18, 87, 138);
    color: rgb(255, 255, 255);
}

.skin .button.blue:not(.inactive):not(:disabled):active,
.skin .button.blue:not(.inactive):not(:disabled):hover,
.skin .table.default td .button.blue:not(.inactive):not(:disabled):active,
.skin .table.default td .button.blue:not(.inactive):not(:disabled):hover,
.skin .table.default td button.blue:not(.inactive):not(:disabled):active,
.skin .table.default td button.blue:not(.inactive):not(:disabled):hover,
.skin button.blue:not(.inactive):not(:disabled):active,
.skin button.blue:not(.inactive):not(:disabled):hover {
    background-color: rgb(168, 219, 254);
    color: rgb(1, 1, 1);
}

.skin .accountBlock .button.blue:not(.inactive):not(:disabled):active,
.skin .accountBlock .button.blue:not(.inactive):not(:disabled):hover,
.skin .accountBlock .table.default td .button.blue:not(.inactive):not(:disabled):active,
.skin .accountBlock .table.default td .button.blue:not(.inactive):not(:disabled):hover,
.skin .accountBlock .table.default td button.blue:not(.inactive):not(:disabled):active,
.skin .accountBlock .table.default td button.blue:not(.inactive):not(:disabled):hover,
.skin .accountBlock button.blue:not(.inactive):not(:disabled):active,
.skin .accountBlock button.blue:not(.inactive):not(:disabled):hover,
.skin .button.blue .formRow.box:not(.inactive):not(:disabled):active,
.skin .button.blue .formRow.box:not(.inactive):not(:disabled):hover,
.skin .formBlock.gray .button.blue:not(.inactive):not(:disabled):active,
.skin .formBlock.gray .button.blue:not(.inactive):not(:disabled):hover,
.skin .formBlock.gray .table.default td .button.blue:not(.inactive):not(:disabled):active,
.skin .formBlock.gray .table.default td .button.blue:not(.inactive):not(:disabled):hover,
.skin .formBlock.gray .table.default td button.blue:not(.inactive):not(:disabled):active,
.skin .formBlock.gray .table.default td button.blue:not(.inactive):not(:disabled):hover,
.skin .formBlock.gray button.blue:not(.inactive):not(:disabled):active,
.skin .formBlock.gray button.blue:not(.inactive):not(:disabled):hover,
.skin .searchFilters .button.blue:not(.inactive):not(:disabled):active,
.skin .searchFilters .button.blue:not(.inactive):not(:disabled):hover,
.skin .searchFilters .table.default td .button.blue:not(.inactive):not(:disabled):active,
.skin .searchFilters .table.default td .button.blue:not(.inactive):not(:disabled):hover,
.skin .searchFilters .table.default td button.blue:not(.inactive):not(:disabled):active,
.skin .searchFilters .table.default td button.blue:not(.inactive):not(:disabled):hover,
.skin .searchFilters button.blue:not(.inactive):not(:disabled):active,
.skin .searchFilters button.blue:not(.inactive):not(:disabled):hover,
.skin .table.default td .button.blue .formRow.box:not(.inactive):not(:disabled):active,
.skin .table.default td .button.blue .formRow.box:not(.inactive):not(:disabled):hover,
.skin .table.default td button.blue .formRow.box:not(.inactive):not(:disabled):active,
.skin .table.default td button.blue .formRow.box:not(.inactive):not(:disabled):hover,
.skin button.blue .formRow.box:not(.inactive):not(:disabled):active,
.skin button.blue .formRow.box:not(.inactive):not(:disabled):hover {
    background-color: rgb(1, 1, 1);
    color: rgb(255, 255, 255);
}

.button.blue.inactive,
.button.blue:disabled,
.table.default td .button.blue.inactive,
.table.default td .button.blue:disabled,
.table.default td button.blue.inactive,
.table.default td button.blue:disabled,
button.blue.inactive,
button.blue:disabled {
    background-color: rgb(232, 232, 232);
    color: rgb(179, 176, 171);
}

.acc-content .button.blue.inactive,
.acc-content .button.blue:disabled,
.acc-content .table.default td .button.blue.inactive,
.acc-content .table.default td .button.blue:disabled,
.acc-content .table.default td button.blue.inactive,
.acc-content .table.default td button.blue:disabled,
.acc-content button.blue.inactive,
.acc-content button.blue:disabled {
    background-color: rgb(179, 176, 171);
    color: rgb(255, 255, 255);
}

.formBlock.gray .button.blue.inactive,
.formBlock.gray .button.blue:disabled,
.formBlock.gray .table.default td .button.blue.inactive,
.formBlock.gray .table.default td .button.blue:disabled,
.formBlock.gray .table.default td button.blue.inactive,
.formBlock.gray .table.default td button.blue:disabled,
.formBlock.gray button.blue.inactive,
.formBlock.gray button.blue:disabled {
    background-color: rgb(232, 232, 232);
    color: rgb(179, 176, 171);
}

.skin .button.blue.inactive,
.skin .button.blue:disabled,
.skin .table.default td .button.blue.inactive,
.skin .table.default td .button.blue:disabled,
.skin .table.default td button.blue.inactive,
.skin .table.default td button.blue:disabled,
.skin button.blue.inactive,
.skin button.blue:disabled {
    background-color: rgb(150, 152, 155);
    color: rgb(1, 1, 1);
}

.button.blue.s,
.table.default td .button.blue.s,
.table.default td button.blue.s,
button.blue.s {
    font-size: 0.875rem;
    padding: 11px 32px 9px;
}

.boxItem .button.blue.s,
.boxItem .table.default td .button.blue.s,
.boxItem .table.default td button.blue.s,
.boxItem button.blue.s {
    padding-left: 17px;
    padding-right: 17px;
}

.button.blue.xs,
.table.default td .button.blue.xs,
.table.default td button.blue.xs,
button.blue.xs {
    font-size: 0.875rem;
    padding: 10px 20px 8px;
    min-width: 107px;
}

.button.blue.lg,
.table.default td .button.blue.lg,
.table.default td button.blue.lg,
button.blue.lg {
    font-size: clamp(0.9375rem, 3vw, 1.125rem);
}

.button.blue.border,
.table.default td .button.blue.border,
.table.default td button.blue.border,
button.blue.border {
    background-color: transparent;
    border: 1px solid rgb(12, 109, 179);
    color: rgb(12, 109, 179);
}

.skin .button.blue.border,
.skin .table.default td .button.blue.border,
.skin .table.default td button.blue.border,
.skin button.blue.border {
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.button.blue.border:not(.inactive):not(:disabled):hover,
.table.default td .button.blue.border:not(.inactive):not(:disabled):hover,
.table.default td button.blue.border:not(.inactive):not(:disabled):hover,
button.blue.border:not(.inactive):not(:disabled):hover {
    background-color: transparent;
    border-color: rgb(13, 129, 211);
    color: rgb(13, 129, 211);
}

.skin .button.blue.border:not(.inactive):not(:disabled):hover,
.skin .table.default td .button.blue.border:not(.inactive):not(:disabled):hover,
.skin .table.default td button.blue.border:not(.inactive):not(:disabled):hover,
.skin button.blue.border:not(.inactive):not(:disabled):hover {
    border-color: rgb(168, 219, 254);
    color: rgb(168, 219, 254);
}

.button.blue.border:not(.inactive):not(:disabled):active,
.table.default td .button.blue.border:not(.inactive):not(:disabled):active,
.table.default td button.blue.border:not(.inactive):not(:disabled):active,
button.blue.border:not(.inactive):not(:disabled):active {
    background-color: transparent;
    border-color: rgb(18, 87, 138);
    color: rgb(18, 87, 138);
}

.button.blue.border.inactive,
.button.blue.border:disabled,
.table.default td .button.blue.border.inactive,
.table.default td .button.blue.border:disabled,
.table.default td button.blue.border.inactive,
.table.default td button.blue.border:disabled,
button.blue.border.inactive,
button.blue.border:disabled {
    border-color: rgb(217, 217, 217);
    color: rgb(204, 204, 204);
}

.skin .button.blue.border.inactive,
.skin .button.blue.border:disabled,
.skin .table.default td .button.blue.border.inactive,
.skin .table.default td .button.blue.border:disabled,
.skin .table.default td button.blue.border.inactive,
.skin .table.default td button.blue.border:disabled,
.skin button.blue.border.inactive,
.skin button.blue.border:disabled {
    background-color: transparent;
    border-color: rgb(150, 152, 155);
    color: rgb(150, 152, 155);
}

.button.gray {
    border: 1px solid rgb(150, 152, 155);
    border-radius: 3px;
    color: rgb(101, 101, 102);
    font-family: EurobankSans;
    font-size: 0.875rem;
    padding: 14px 38px 11px;
}

.skin .button.gray {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.button.gray:focus {
    box-shadow: rgba(13, 129, 211, 0.71) 0px 0px 5px 1px;
}

@media only screen and (max-width: 1280px) {

    .button.gray {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.button.gray.s {
    padding: 12px 24px 8px;
}

.button.gray.xs {
    font-size: 0.875rem;
    padding: 10px 20px 8px;
    min-width: 107px;
}

.button.gray:not(.inactive):not(:disabled):hover {
    border-color: rgb(101, 101, 102);
    color: rgb(74, 74, 74);
}

.skin .button.gray:not(.inactive):not(:disabled):active,
.skin .button.gray:not(.inactive):not(:disabled):hover {
    color: rgb(168, 219, 254);
    border-color: rgb(168, 219, 254);
}

.skin .notificationBox.blue .button.gray:not(.inactive):not(:disabled):active,
.skin .notificationBox.blue .button.gray:not(.inactive):not(:disabled):hover,
.skin .notificationBox.blue button.gray:not(.inactive):not(:disabled):active,
.skin .notificationBox.blue button.gray:not(.inactive):not(:disabled):hover,
.skin .searchFilters .button.gray:not(.inactive):not(:disabled):active,
.skin .searchFilters .button.gray:not(.inactive):not(:disabled):hover {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.button.gray:not(.inactive):not(:disabled):active {
    border-color: rgb(74, 74, 74);
    color: rgb(74, 74, 74);
}

.button.gray.inactive,
.button.gray:disabled {
    border-color: rgb(217, 217, 217);
    color: rgb(204, 204, 204);
}

.skin .button.gray.inactive,
.skin .button.gray:disabled {
    border-color: rgb(150, 152, 155);
    color: rgb(150, 152, 155);
}

.button.red {
    background-color: rgb(229, 38, 0);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 0.9375rem;
    font-family: EurobankSans;
    padding: 17px 20px 14px;
}

.skin .button.red {
    background-color: rgb(226, 41, 0);
}

.button.red:focus {
    box-shadow: rgba(13, 129, 211, 0.71) 0px 0px 5px 1px;
}

.button.red:not(.inactive):not(:disabled):active {
    background-color: rgb(208, 40, 2);
}

.button.red:not(.inactive):not(:disabled):hover {
    background-color: rgb(253, 58, 15);
}

.button.red.border {
    background-color: transparent;
    border: 1px solid rgb(229, 38, 0);
    color: rgb(229, 38, 0);
}

.button.red.border.inactive,
.button.red.border:disabled {
    background-color: transparent;
    border-color: rgb(217, 217, 217);
    color: rgb(204, 204, 204);
}

.button.red.border:not(.inactive):not(:disabled):hover {
    background-color: transparent;
    border-color: rgb(253, 58, 15);
    color: rgb(253, 58, 15);
}

.button.red.inactive,
.button.red:disabled {
    background-color: rgb(232, 232, 232);
    color: rgb(179, 176, 171);
}

.skin .button.red.inactive,
.skin .button.red:disabled {
    background-color: rgb(150, 152, 155);
    color: rgb(1, 1, 1);
}

.button.green {
    border: 1px solid rgb(81, 156, 58);
    border-radius: 4px;
    color: rgb(81, 156, 58);
    font-size: 0.875rem;
    font-family: EurobankSans;
    padding: 14px 44px 13px;
}

.button.green:focus {
    box-shadow: rgba(81, 156, 58, 0.71) 0px 0px 5px 1px;
}

@media only screen and (max-width: 1280px) {

    .button.green {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.button.green.filled {
    background-color: rgb(13, 143, 19);
    color: rgb(255, 255, 255);
}

.desktop .button.green.filled:hover,
.desktop button.green.filled:hover {
    background-color: rgb(3, 172, 11);
}

.button.green.inactive,
.button.green:disabled {
    border-color: rgb(217, 217, 217);
    color: rgb(204, 204, 204);
}

.skin .button.green.inactive,
.skin .button.green:disabled {
    border-color: rgb(150, 152, 155);
    color: rgb(150, 152, 155);
}

.button.iconBtn,
button.iconBtn {
    background-color: transparent;
    color: rgb(12, 109, 179);
    font-family: EurobankSansBold;
    font-size: 1rem;
    position: relative;
    padding: 0px;
    transition: color 0.35s ease-out;
    white-space: nowrap;
}

.skin .button.iconBtn:not(.inactive):not(:disabled):active,
.skin .button.iconBtn:not(.inactive):not(:disabled):hover,
.skin button.iconBtn:not(.inactive):not(:disabled):active,
.skin button.iconBtn:not(.inactive):not(:disabled):hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.skin .button.iconBtn,
.skin button.iconBtn {
    color: rgb(168, 219, 254);
}

.skin .buttonsWrap--inSearch .button.iconBtn,
.skin .buttonsWrap--inSearch button.iconBtn {
    color: rgb(12, 109, 179);
}

.button.iconBtn--regular {
    font-family: EurobankSans;
}

.button.iconBtn.flex,
button.iconBtn.flex {
    display: flex;
}

@media only screen and (max-width: 767px) {

    .button.iconBtn.flex,
    button.iconBtn.flex {
        text-align: left;
    }
}

.button.iconBtn.normalWrap,
button.iconBtn.normalWrap {
    white-space: normal;
}

.button.iconBtn:not(.inactive):not(:disabled):hover,
button.iconBtn:not(.inactive):not(:disabled):hover {
    background-color: transparent;
    color: rgb(13, 129, 211);
    text-decoration: none;
}

.button.iconBtn:not(.inactive):not(:disabled):active,
button.iconBtn:not(.inactive):not(:disabled):active {
    background-color: transparent;
    color: rgb(18, 87, 138);
}

.button.iconBtn.inactive,
.button.iconBtn:disabled,
button.iconBtn.inactive,
button.iconBtn:disabled {
    color: rgb(150, 152, 155);
}

.button.iconBtn.iconBtnBig,
button.iconBtn.iconBtnBig {
    font-size: 1.25rem;
}

.button.iconBtn.white,
button.iconBtn.white {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}

.button.iconBtn.white::after,
button.iconBtn.white::after {
    background-color: rgb(255, 255, 255);
    bottom: 6px;
    content: "";
    left: 0px;
    position: absolute;
    transition: width 0.25s;
    width: 0px;
    height: 2px;
}

.skin .button.iconBtn.white::after,
.skin button.iconBtn.white::after {
    background-color: rgb(1, 1, 1);
}

.desktop .button.iconBtn.white:not(.inactive):not(:disabled):hover,
.desktop button.iconBtn.white:not(.inactive):not(:disabled):hover {
    color: rgb(255, 255, 255);
}

.desktop .button.iconBtn.white:not(.inactive):not(:disabled):hover::after,
.desktop button.iconBtn.white:not(.inactive):not(:disabled):hover::after {
    width: 100%;
}

.skin .button.iconBtn.white:not(.inactive):not(:disabled):hover,
.skin button.iconBtn.white:not(.inactive):not(:disabled):hover {
    color: rgb(1, 1, 1);
}

.button.iconBtn>div,
.button.iconBtn>span,
button.iconBtn>div,
button.iconBtn>span {
    display: inline-block;
    vertical-align: middle;
}

.button.iconBtn .icon,
.button.iconBtn [class*="icon"],
button.iconBtn .icon,
button.iconBtn [class*="icon"] {
    font-size: 1.5rem;
    margin-right: 6px;
}

.button.iconBtn .icon:last-child:not(:first-child),
.button.iconBtn [class*="icon"]:last-child:not(:first-child),
button.iconBtn .icon:last-child:not(:first-child),
button.iconBtn [class*="icon"]:last-child:not(:first-child) {
    margin-right: 0px;
    margin-left: 6px;
}

.button.iconBtn .icon.icon-x,
.button.iconBtn [class*="icon"].icon-x,
button.iconBtn .icon.icon-x,
button.iconBtn [class*="icon"].icon-x {
    font-size: 0.875rem;
}

.button.iconBtn .icon.icon-cobeneficiary_add,
.button.iconBtn .icon.icon-copy,
.button.iconBtn [class*="icon"].icon-cobeneficiary_add,
.button.iconBtn [class*="icon"].icon-copy,
button.iconBtn .icon.icon-cobeneficiary_add,
button.iconBtn .icon.icon-copy,
button.iconBtn [class*="icon"].icon-cobeneficiary_add,
button.iconBtn [class*="icon"].icon-copy {
    font-size: 1.25rem;
}

.button.iconBtn .icon.sm,
.button.iconBtn [class*="icon"].sm,
button.iconBtn .icon.sm,
button.iconBtn [class*="icon"].sm {
    font-size: 1rem;
    margin-right: 3px;
}

.button.iconBtn .icon.icon-doc:not(.iconDefault),
.button.iconBtn [class*="icon"].icon-doc:not(.iconDefault),
button.iconBtn .icon.icon-doc:not(.iconDefault),
button.iconBtn [class*="icon"].icon-doc:not(.iconDefault) {
    font-size: 0.9375rem;
}

.button.iconBtn .tooltip,
button.iconBtn .tooltip {
    line-height: 1;
}

.button.iconBtn .tooltip .icon-info,
button.iconBtn .tooltip .icon-info {
    display: inline-block;
}

.button.iconBtn.light,
button.iconBtn.light {
    font-family: EurobankSans;
}

.button.iconBtn:focus,
button.iconBtn:focus {
    outline: none;
}

.button.iconBtn:focus::before,
button.iconBtn:focus::before {
    border: 1px solid rgb(83, 164, 221);
}

.button.iconBtn.link:not(.open-acc):focus::after,
button.iconBtn.link:not(.open-acc):focus::after {
    border: 0px;
}

.button.iconBtn.sortingBtn,
button.iconBtn.sortingBtn,
table.default:not(.tableEmpty) th .button.iconBtn.sortingBtn,
table.default:not(.tableEmpty) th button.iconBtn.sortingBtn {
    padding: 5px 14px;
    height: 24px;
}

th .button.iconBtn.sortingBtn:focus::before,
th button.iconBtn.sortingBtn:focus::before {
    border: 1px solid rgb(255, 255, 255);
}

.skin th .button.iconBtn.sortingBtn:focus::before,
.skin th button.iconBtn.sortingBtn:focus::before {
    border: 1px solid rgb(1, 1, 1);
}

.skin th .button.iconBtn.sortingBtn:hover,
.skin th button.iconBtn.sortingBtn:hover {
    color: rgb(1, 1, 1);
}

.button.iconBtn--gray {
    color: rgb(68, 68, 68);
}

.button.iconBtn--big .icon,
button.iconBtn--big .icon {
    font-size: 2rem;
}

.button.iconBtn--circle {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    padding: 0px;
    text-align: center;
    line-height: 32px;
    background-color: rgb(12, 109, 179);
    color: rgb(255, 255, 255);
    font-size: 1.125rem;
}

.button.iconBtn--circle.inactive {
    background-color: rgb(232, 232, 232);
}

.skin .button.iconBtn--circle.inactive {
    background-color: rgb(150, 152, 155);
    color: rgb(1, 1, 1);
}

.button.iconBtn--circle [class*="icon"] {
    font-size: 1.125rem;
    line-height: 1;
    margin: 0px;
}

.button.iconBtn--circle .icon.icon-paper_pin,
button.iconBtn--circle .icon.icon-paper_pin {
    margin-top: -2px;
}

.desktop .button.iconBtn--circle:hover,
.desktop button.iconBtn--circle:hover {
    cursor: pointer;
    background-color: rgb(13, 129, 211) !important;
    color: rgb(255, 255, 255) !important;
}

.skin .button.iconBtn--circle {
    background-color: rgb(168, 219, 254);
    color: rgb(1, 1, 1);
}

.button.iconBtn--absTopRight {
    top: 10px;
    right: 11px;
    z-index: 1;
    position: absolute !important;
}

@media only screen and (max-width: 1023px) {

    .boxItem .button.iconBtn--absTopRight {
        display: none;
    }
}

.button.iconBtn--green {
    color: rgb(81, 156, 58);
}

.skin .button.iconBtn--green {
    color: rgb(120, 234, 85);
}

.button.iconBtn--square {
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 45px;
}

.button.iconBtn--square [class*="icon"] {
    margin: 0px;
}

.button.iconBtn--mLeftAuto {
    margin-left: auto;
}

.button.iconBtn--vCenter {
    align-self: center;
}

.button.iconBtn--mNegTop5 {
    margin-top: -5px;
}

.button.wIcon {
    padding-right: 20px;
    padding-left: 20px;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {

    .button.wIcon {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.button.wIcon .icon,
button.wIcon .icon {
    font-size: 1.375rem;
    margin: 0px 10px 0px 0px;
}

.button.wIcon .icon.icon-tickThin,
button.wIcon .icon.icon-tickThin {
    font-size: 0.875rem;
}

@media only screen and (max-width: 767px) {

    .button.wIcon .icon,
    button.wIcon .icon {
        margin-right: 4px;
    }
}

.button.wIcon>* {
    display: inline-block;
    vertical-align: middle;
}

.button.orange,
.button.remove {
    color: rgb(248, 99, 69);
}

.button.orange:not(.inactive):not(:disabled):hover,
.button.remove:not(.inactive):not(:disabled):hover {
    color: rgb(208, 73, 46);
}

.skin .button.orange:not(.inactive):not(:disabled):hover,
.skin .button.remove:not(.inactive):not(:disabled):hover {
    color: rgb(248, 99, 69);
    text-decoration: underline;
}

.button.orange.inactive,
.button.orange:disabled,
.button.remove.inactive,
.button.remove:disabled {
    color: rgb(150, 152, 155);
}

.button.prev {
    font-family: EurobankSansBold;
    font-size: 1.25rem;
    margin-bottom: 18px;
    padding-left: 24px;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 767px) {

    .button.prev {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .prevRow .button.prev {
        margin-bottom: 20px;
    }
}

.button.prev::before {
    content: "";
    font-family: icomoon;
    font-size: 0.4375rem;
    left: 0px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    transform: rotate(90deg);
}

.skin .button.prev::before {
    left: -1px;
}

.spaceRow .button.prev,
.spaceRow button.prev,
.submitRow .button.prev {
    margin-bottom: 0px;
    margin-top: 0px;
}

.button.prev.link,
button.prev.link {
    text-align: left;
}

.button.white {
    border: 1px solid rgb(255, 255, 255);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    padding: 8px 12px;
}

.skin .button.white {
    color: rgb(1, 1, 1);
}

.button.alert {
    color: rgb(227, 157, 34);
}

.button.open-acc.plus {
    color: rgb(12, 109, 179);
    padding: 0px;
}

.skin .button.open-acc.plus {
    color: rgb(255, 255, 255);
}

.button.full {
    display: block;
    width: 100%;
}

.button.m:not(.iconBtn),
button.m:not(.iconBtn) {
    text-align: center;
    min-width: 170px;
}

@media only screen and (max-width: 767px) {

    .button.m:not(.iconBtn),
    button.m:not(.iconBtn) {
        min-width: inherit;
    }
}

.button.rounded {
    border-radius: 100px;
}

.button.link--auto {
    min-width: inherit !important;
    vertical-align: baseline;
}

.button.link--left {
    text-align: left !important;
}

@media only screen and (max-width: 480px) {

    .button.blue,
    .button.button--mobFull,
    .button.gray,
    .button.green,
    button.blue {
        width: 100%;
    }

    .button.button--mobFull:last-child {
        margin-top: 15px;
    }
}

.buttonsWrap--nowrap .button {
    white-space: nowrap;
}

.button.button--icon {
    padding: 0px 16px;
    height: 45px;
    font-size: 1.25rem;
    text-align: center;
}

.button.button--icon span:not(.icon),
button.button--icon span:not(.icon) {
    top: 3px;
}

a.link,
button.link {
    color: rgb(12, 109, 179);
    position: relative;
    font-family: EurobankSans;
    font-size: 1rem;
    line-height: 1;
    padding: 5px 0px;
    text-decoration: none;
}

.hoverShow a.link:not(.open-acc)::after,
.hoverShow button.link:not(.open-acc)::after {
    width: 100%;
}

a.link.inactive,
a.link.inactive:hover,
a.link:disabled,
a.link:disabled:hover,
button.link.inactive,
button.link.inactive:hover,
button.link:disabled,
button.link:disabled:hover {
    color: rgb(150, 152, 155);
    cursor: default;
}

.skin a.link,
.skin button.link {
    color: rgb(168, 219, 254);
    text-decoration: underline;
}

.skin a.link.iconPlus,
.skin a.link.prev,
.skin button.link.iconPlus,
.skin button.link.prev {
    text-decoration: none;
}

a.link.bold,
a.link.m,
button.link.bold,
button.link.m {
    font-family: EurobankSansBold;
}

a.link.m,
button.link.m {
    font-size: 1.125rem;
}

@media only screen and (max-width: 480px) {

    a.link.m,
    button.link.m {
        font-size: 1rem;
    }
}

a.link.b,
button.link.b {
    font-family: EurobankSansBold;
    font-size: 1.25rem;
}

@media only screen and (max-width: 480px) {

    a.link.b,
    button.link.b {
        font-size: 1.125rem;
    }
}

a.link.textLeft,
button.link.textLeft {
    text-align: left;
}

a.link:hover,
button.link:hover {
    color: rgb(13, 129, 211);
}

.skin a.link:hover,
.skin button.link:hover {
    color: rgb(255, 255, 255);
}

a.link:active,
button.link:active {
    color: rgb(18, 87, 138);
}

.skin a.link:active,
.skin button.link:active {
    color: rgb(255, 255, 255);
}

a.link.orange,
button.link.orange {
    color: rgb(248, 99, 69);
}

a.link.orange:not(.inactive):not(:disabled):hover,
button.link.orange:not(.inactive):not(:disabled):hover {
    color: rgb(208, 73, 46);
}

.skin a.link.orange:not(.inactive):not(:disabled):hover,
.skin button.link.orange:not(.inactive):not(:disabled):hover {
    color: rgb(248, 99, 69);
    text-decoration: underline;
}

a.link.alert,
button.link.alert {
    color: rgb(227, 157, 34);
}

a.link:not(.open-acc):focus::after,
button.link:not(.open-acc):focus::after {
    border: 1px solid rgb(83, 164, 221);
}

tr.link:hover a.link:not(.open-acc):focus::after,
tr.link:hover button.link:not(.open-acc):focus::after {
    border-color: rgb(1, 1, 1);
}

a.link.private,
button.link.private {
    color: rgb(212, 175, 55);
}

.skin a.link.private,
.skin button.link.private {
    color: rgb(168, 219, 254);
    text-decoration: underline;
}

a.link.private:hover,
button.link.private:hover {
    color: rgb(13, 129, 211);
}

.skin a.link.private:hover,
.skin button.link.private:hover {
    color: rgb(255, 255, 255);
}

a.link.private:active,
button.link.private:active {
    color: rgb(18, 87, 138);
}

.skin a.link.private:active,
.skin button.link.private:active {
    color: rgb(255, 255, 255);
}

a.link.green,
button.link.green {
    color: rgb(13, 143, 19);
}

.skin .button.inactive .icon-favAdded {
    color: rgb(1, 1, 1);
}

*,
::after,
::before {
    box-sizing: border-box;
}

.wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 96%;
    max-width: 1220px;
}

@media only screen and (max-width: 1023px) {
    .wrapper {
        padding: 0px 15px;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .wrapper {
        padding: 0px 15px;
        max-width: 100%;
    }
}

.wrapper .wrapper {
    width: 100%;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

@media only screen and (max-width: 1023px) {
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
}

[class*="column-"] {
    float: left;
    padding: 0px 10px;
    width: 100%;
    min-height: 1px;
}

@media only screen and (max-width: 1023px) {
    [class*="column-"] {
        padding: 0px 10px;
    }
}

@media only screen and (max-width: 767px) {
    [class*="column-"] {
        padding: 0px 10px;
    }
}

.column-3 {
    width: 25%;
}

.column-4 {
    width: 33.3333%;
}

@media only screen and (max-width: 1023px) {
    .column-t6 {
        width: 50%;
    }
}

.column-12 {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .column-m12 {
        width: 100%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

table {
    border-collapse: collapse;
    margin: 20px 0px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

table th,
table thead {
    background-color: rgb(83, 164, 221);
}

table th {
    color: rgb(250, 250, 250);
    font-family: EurobankSansBold;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.15;
    padding-top: 19px;
    padding-bottom: 19px;
}

@media only screen and (max-width: 767px) {
    table th {
        font-size: 0.9375rem;
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

table td {
    border-bottom: 1px solid rgb(217, 217, 217);
    color: rgb(74, 74, 74);
    font-family: EurobankSans;
    font-size: 0.9375rem;
    line-height: 1.25;
    padding-top: 18px;
    padding-bottom: 14px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    table td {
        font-size: 0.875rem;
        padding-top: 13px;
        padding-bottom: 9px;
    }
}

table td,
table th {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

@media only screen and (max-width: 767px) {

    table td,
    table th {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 768px) {

    table.table--stripe.default thead td .tooltip .icon-info,
    table.table--stripe.default thead th .tooltip .icon-info,
    table.table--stripe thead td .tooltip .icon-info,
    table.table--stripe thead th .tooltip .icon-info {
        color: rgb(12, 109, 178);
    }

    .skin table.table--stripe.default thead td .tooltip .icon-info,
    .skin table.table--stripe.default thead th .tooltip .icon-info,
    .skin table.table--stripe thead td .tooltip .icon-info,
    .skin table.table--stripe thead th .tooltip .icon-info {
        color: rgb(168, 219, 254);
    }
}

table.table--stripe.default tbody td .link,
table.table--stripe tbody td .link {
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {

    .skin .link:hover .table__mobHead__title {
        color: rgb(1, 1, 1);
    }
}

.table__groupValue .tooltip {
    font-family: EurobankSansBold;
    font-size: 1.125rem;
    color: rgb(12, 109, 179);
}

.skin .table__groupValue .tooltip {
    color: rgb(168, 219, 254);
}

.table__actionBtn.button.iconBtn {
    position: absolute;
}

@media only screen and (min-width: 768px) {

    .table__actionBtn.button.iconBtn--mobOnly {
        display: none;
    }
}

.table__actionBtn.button.iconBtn--topright {
    top: 0px;
    right: 4px;
}

@media only screen and (min-width: 768px) {
    .desktop .hoverShow {
        opacity: 0;
    }
}

h1 {
    color: rgb(74, 74, 74);
    font-family: EurobankSansBold;
    font-size: 2.375rem;
    line-height: 1.2;
    margin: 0px 0px 1em;
}

h1+p {
    font-size: 1.25rem;
    margin-top: -1.45em;
    max-width: 59%;
}

@media only screen and (max-width: 1280px) {
    h1+p {
        max-width: 75%;
    }
}

@media only screen and (max-width: 1023px) {
    h1+p {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    h1+p {
        font-size: 1.125rem;
        margin-top: -8px;
    }
}

.spaceRow h1+p {
    max-width: 100%;
}

h1.blue {
    color: rgb(18, 87, 138);
}

.skin h1.blue {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 1.875rem;
        line-height: 1.1;
    }
}

h2 {
    color: rgb(74, 74, 74);
    font-family: EurobankSansBold;
    font-size: 1.875rem;
    line-height: 1;
    margin: 1em 0px 0.6em;
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 1.625rem;
        line-height: 1.1;
        margin-bottom: 0.4em;
    }
}

h3 {
    color: rgb(74, 74, 74);
    font-family: EurobankSansBlack;
    font-size: 1.625rem;
    line-height: 1.1;
    margin: 1.6em 0px 0.8em;
}

@media only screen and (max-width: 767px) {

    h3 {
        font-size: 1.5rem;
        margin: 32px 0px 16px;
    }
}

h2+h3 {
    margin-top: 1.3em;
}

h4 {
    color: rgb(74, 74, 74);
    font-family: EurobankSansBold;
    font-size: 1.375rem;
    margin: 0.9em 0px;
}

@media only screen and (max-width: 767px) {

    h4 {
        font-size: 1.25rem;
        margin: 0.7em 0px;
    }
}

.popup .formWrap.completed .h4,
.popup .formWrap.completed h4 {
    padding-top: 0px;
}

.popup .formWrap.completed .h4.border,
.popup .formWrap.completed h4.border {
    padding-top: 1.3em;
}

h5 {
    color: rgb(74, 74, 74);
    font-family: EurobankSansBold;
    font-size: 1.125rem;
    line-height: 1;
    margin: 0px 0px 0.4em;
}

@media only screen and (max-width: 767px) {

    h5 {
        font-size: 1.063rem;
    }
}

body {
    font-family: EurobankSans;
    font-size: 0.875rem;
}

b,
strong {
    font-family: EurobankSansBold;
    font-weight: 400;
}

b em,
strong em {
    font-family: EurobankSansBoldItalic;
}

em,
i {
    font-family: EurobankSansItalic;
    font-style: normal;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
}

p {
    color: rgb(101, 101, 102);
    line-height: 1.4;
    margin: 0px 0px 1em;
}

.popup p {
    color: rgb(101, 101, 102);
}

.skin .popup p {
    color: rgb(255, 255, 255);
}

p.info.icon {
    font-size: 1.25rem;
    padding-left: 32px;
    position: relative;
}

p.info.icon::before {
    color: rgb(150, 152, 155);
    content: "";
    font-family: icomoon;
    font-size: 1.5rem;
    left: 0px;
    line-height: 1;
    position: absolute;
    top: 0px;
}

.skin p.info.icon::before {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {
    p.info.icon::before {
        font-size: 1.375rem;
    }
}

@media only screen and (max-width: 767px) {
    p.info.icon {
        font-size: 1.125rem;
        padding-left: 26px;
    }
}

.skin .popupMain p.alert {
    color: rgb(255, 255, 255);
}

p a {
    color: rgb(12, 109, 179);
    cursor: pointer;
    text-decoration: none;
}

p a:hover {
    color: rgb(13, 129, 211);
}

p a:active {
    color: rgb(18, 87, 138);
}

p.error {
    font-family: EurobankSansItalic;
    font-size: 1rem;
    margin: 0px;
}

.filtersRow.fieldCol p.error {
    width: 100%;
}

p.error .icon,
p.success .icon {
    display: inline-block;
    font-size: 1.3125rem;
    margin: 0px 7px 2px 0px;
    vertical-align: bottom;
}

p.error {
    color: rgb(248, 99, 69);
}

.skin p.error {
    color: rgb(252, 194, 182);
}

.statusInfo .error {
    color: rgb(248, 99, 69);
}

.statusInfo .tooltip:last-child {
    margin-left: 5px;
}

ol {
    list-style-type: upper-roman;
}

ol ol {
    list-style-type: decimal;
}

ol ol ol {
    list-style-type: lower-greek;
}

.dd-menu-wrap.field .dd-title,
input.text,
input[type="button"],
input[type="submit"],
input[type="text"],
textarea {
    appearance: none;
    border-radius: 0px;
}

:focus {
    transition: none !important;
}

:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0px;
}

input[type="number"] {
    appearance: textfield;
}

.dd-menu-wrap.field .dd-title,
input.text,
select,
textarea {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    color: rgb(74, 74, 74);
    font-family: EurobankSans;
    font-size: 1rem;
    line-height: 30px;
    padding: 8px 16px;
    height: 45px;
}

.dd-menu-wrap.field .skin .dd-title,
.skin .dd-menu-wrap.field .dd-title,
.skin input.text {
    background-color: rgb(1, 1, 1);
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.dd-menu-wrap.field .skin .formBlock.box .dd-title,
.dd-menu-wrap.field .skin .formBlock.gray .dd-title,
.dd-menu-wrap.field .skin .formRow.box .dd-title,
.dd-menu-wrap.field .skin .searchFilters .dd-title,
.skin .formBlock.box .dd-menu-wrap.field .dd-title,
.skin .formBlock.box input.text,
.skin .formBlock.gray .dd-menu-wrap.field .dd-title,
.skin .formBlock.gray input.text,
.skin .formRow.box .dd-menu-wrap.field .dd-title,
.skin .formRow.box input.text,
.skin .searchFilters .dd-menu-wrap.field .dd-title,
.skin .searchFilters input.text {
    background-color: transparent;
}

.dd-menu-wrap.field .smPadding.dd-title,
input.text.smPadding {
    padding-left: 6px;
    padding-right: 6px;
}

.dd-menu-wrap.field .readOnly.dd-title,
input.text.readOnly {
    background-color: rgb(250, 250, 250);
    color: rgba(74, 74, 74, 0.7);
}

.dd-menu-wrap.field .skin .readOnly.dd-title,
.skin .dd-menu-wrap.field .readOnly.dd-title,
.skin input.text.readOnly {
    background-color: rgb(57, 57, 57);
    border-color: rgb(57, 57, 57);
    color: rgb(255, 255, 255);
}

.dd-menu-wrap.field .fieldWrap .dd-title,
.fieldWrap .dd-menu-wrap.field .dd-title,
.fieldWrap input.text {
    width: 100%;
}

.captchaImg.error,
.customDateInput.error,
.dd-menu-wrap.field .error.dd-title,
.fileInput:not(.buttonType).error,
.inputExtend.error,
input.text.error,
select.error,
textarea.error {
    border-color: rgb(248, 99, 69);
}

.dd-menu-wrap.field .skin .error.dd-title,
.skin .captchaImg.error,
.skin .customDateInput.error,
.skin .dd-menu-wrap.field .error.dd-title,
.skin .fileInput:not(.buttonType).error,
.skin .inputExtend.error,
.skin input.text.error,
.skin select.error,
.skin textarea.error {
    border-color: rgb(252, 194, 182);
}

.dd-menu-wrap.field .alright.dd-title,
input.text.alright {
    text-align: right;
}

.dd-menu-wrap.field .pinInput.dd-title,
input.text.pinInput {
    font-family: EurobankSansBold;
    font-size: 1.375rem;
    height: 65px;
    width: 65px;
    text-align: center;
}

.dd-menu-wrap.field .fielddigits--sm .pinInput.dd-title,
.fielddigits--sm .dd-menu-wrap.field .pinInput.dd-title,
.fielddigits--sm input.text.pinInput {
    height: 45px;
    font-size: 1rem;
    font-family: EurobankSans;
}

.dd-menu-wrap.field .pinInput.readOnly.dd-title,
input.text.pinInput.readOnly {
    font-size: 2.5rem;
    border: 0px;
    background-color: transparent;
    padding-top: 18px;
}

.dd-menu-wrap.field .pinInput.readOnly.piS.dd-title,
input.text.pinInput.readOnly.piS {
    font-size: 1.875rem;
    width: 45px;
    height: 45px;
}

.dd-menu-wrap.field .fielddigits--sm .pinInput.readOnly.dd-title,
.fielddigits--sm .dd-menu-wrap.field .pinInput.readOnly.dd-title,
.fielddigits--sm input.text.pinInput.readOnly {
    font-size: 1.875rem;
}

.dd-menu-wrap.field .bigValue.dd-title,
input.text.bigValue {
    height: 55px;
    line-height: 40px;
    text-align: center;
    font-family: EurobankSansBold;
    font-size: 1.625rem;
}

.fileInput.multiple .iconBtn {
    position: absolute;
    height: 100%;
    right: 0px;
    top: 0px;
    width: 50px;
    z-index: 2;
}

.fileInput~.button,
.fileInput~.link,
.fileInput~.tooltip {
    margin-left: 10px;
}

.fileInput.buttonType.blue label {
    background-color: rgb(12, 109, 179);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-family: EurobankSans;
    font-size: 0.875rem;
    padding: 14px 44px 13px;
}

.fileInput.buttonType.blue label:focus {
    box-shadow: rgba(13, 129, 211, 0.9) 0px 0px 5px 2px;
}

.skin .fileInput.buttonType.blue label {
    background-color: rgb(255, 255, 255);
    color: rgb(1, 1, 1);
}

.fileInput.buttonType.blue.border label {
    background-color: transparent;
    border: 1px solid rgb(12, 109, 179);
    color: rgb(12, 109, 179);
}

.skin .fileInput.buttonType.blue.border label {
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.inputResults .iconBtn,
.inputResults button.iconBtn {
    color: rgb(119, 123, 121);
    font-size: 0.625rem;
    padding: 5px 6px;
    margin-left: -6px;
    margin-right: 2px;
}

.skin .inputResults .iconBtn,
.skin .inputResults button.iconBtn {
    color: rgb(168, 219, 254);
}

.dd-menu-wrap.field .dd-title:not(.readOnly):focus,
input.text:not(.readOnly):focus {
    border-color: rgb(101, 101, 102);
    color: rgb(74, 74, 74);
}

.dd-menu-wrap.field .skin .dd-title:not(.readOnly):focus,
.skin .dd-menu-wrap.field .dd-title:not(.readOnly):focus,
.skin input.text:not(.readOnly):focus {
    color: rgb(255, 255, 255);
    border-color: rgb(168, 219, 254);
}

.dd-menu-wrap.field .skin .formBlock.box .dd-title:not(.readOnly):focus,
.dd-menu-wrap.field .skin .formRow.box .dd-title:not(.readOnly):focus,
.dd-menu-wrap.field .skin .searchFilters .dd-title:not(.readOnly):focus,
.skin .formBlock.box .dd-menu-wrap.field .dd-title:not(.readOnly):focus,
.skin .formBlock.box input.text:not(.readOnly):focus,
.skin .formRow.box .dd-menu-wrap.field .dd-title:not(.readOnly):focus,
.skin .formRow.box input.text:not(.readOnly):focus,
.skin .searchFilters .dd-menu-wrap.field .dd-title:not(.readOnly):focus,
.skin .searchFilters input.text:not(.readOnly):focus {
    border-color: rgb(255, 255, 255);
}

.error .customDateInput {
    border-color: rgb(248, 99, 69);
}

.skin .error .customDateInput {
    border-color: rgb(252, 194, 182);
}

textarea {
    line-height: 1.3;
    padding: 13px 11px;
    resize: none;
    height: 96px;
}

textarea::-webkit-input-placeholder {
    color: rgb(150, 152, 155);
    font-size: 0.875rem;
}

table .dropdownWrap.m {
    width: 250px;
}

select {
    background: transparent;
    appearance: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 35px;
    position: relative;
    z-index: 1;
    width: 100%;
}

select:focus {
    border-color: rgb(101, 101, 102);
    color: rgb(74, 74, 74);
}

fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

.dd-menu-wrap.field .dd-title::-webkit-input-placeholder,
input.text::-webkit-input-placeholder {
    color: rgb(150, 152, 155);
}

.dd-menu-wrap.field .skin .dd-title::-webkit-input-placeholder,
.skin .dd-menu-wrap.field .dd-title::-webkit-input-placeholder,
.skin input.text::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

label,
legend {
    color: rgb(101, 101, 102);
    font-size: 0.875rem;
    line-height: 1.15;
}

.label.blue,
label.blue,
legend.blue {
    color: rgb(12, 109, 178);
}

.skin .label.blue,
.skin label.blue,
.skin legend.blue {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 480px) {

    label,
    legend {
        font-size: 0.9375rem;
    }
}

button.tooltip {
    padding: 0px;
}

button.tooltip:focus::after {
    border: 1px solid rgb(83, 164, 221);
}

.tooltip {
    position: relative;
}

.tooltip--gray.tooltip .icon-info {
    color: rgb(101, 101, 102);
}

h2.h4 .tooltip,
h4 .tooltip,
table .tooltip {
    display: inline-block;
}

table .tooltip {
    vertical-align: middle;
    margin-left: 4px;
}

.tooltip .icon-alert,
.tooltip .icon-info,
.tooltip .openTooltip {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0px;
    text-decoration: none;
    vertical-align: top;
}

.tooltip .icon-alert:focus,
.tooltip .icon-info:focus,
.tooltip .openTooltip:focus {
    outline: none;
}

.tooltip .icon-alert:focus::after,
.tooltip .icon-info:focus::after,
.tooltip .openTooltip:focus::after {
    border: 1px solid rgb(83, 164, 221);
}

.tooltip .icon-info {
    color: rgb(12, 109, 179);
}

.skin .tooltip .icon-info {
    color: rgb(168, 219, 254);
}

.desktop .skin .tooltip .icon-info:hover,
.skin .searchFilters .tooltip .icon-info {
    color: rgb(255, 255, 255);
}

.skin .box .tooltip .icon-info {
    color: rgb(168, 219, 254);
}

@media only screen and (min-width: 768px) {
    table.default th .tooltip .icon-info {
        color: rgb(255, 255, 255);
    }

    .skin table.default th .tooltip .icon-info {
        color: rgb(1, 1, 1);
    }
}

.tooltip .icon-alert {
    color: rgb(227, 157, 34);
}

.desktop .skin .tooltip .icon-alert:hover {
    color: rgb(255, 255, 255);
}

@supports not (-ms-high-contrast:none) {
    .stripe:focus-within {
        outline: rgb(83, 164, 221) solid 1px;
        outline-offset: -2px;
    }

    .skin .stripe:focus-within {
        outline-color: rgb(255, 255, 255);
    }
}

.popup .stripe.stripeInfo {
    background-color: transparent;
}

@supports not (-ms-high-contrast:none) {
    .stripe:focus-within .stripeAction {
        opacity: 1;
        position: relative;
    }
}

.stripeAction:focus .button {
    box-shadow: rgba(13, 129, 211, 0.9) 0px 0px 5px 2px;
}

.stripeAction .button:not(:last-child) {
    margin-right: 8px;
}

@media only screen and (max-width: 480px) {

    .stripeAction .button:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

.popup {
    background: rgba(0, 0, 0, 0.4);
    display: none;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.skin .popup {
    background: rgba(255, 255, 255, 0.9);
}

.popup--instacards .popupMain {
    max-height: 100vh;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.popup--instacards .popupContent {
    padding: 0px;
}

.popup.active {
    display: block;
}

.popupOverlay {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.popup .close {
    background: transparent;
    border: none;
    color: rgb(101, 101, 102);
    z-index: 5;
    cursor: pointer;
    font-size: 1rem;
    padding: 5px;
    position: absolute;
    right: 19px;
    top: 19px;
}

.skin .popup .close {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {
    .popup .close {
        right: 8px;
        top: 8px;
    }
}

.popup .close:focus {
    outline: none;
}

.popup .close:focus::after {
    border: 1px solid rgb(83, 164, 221);
}

.popup.popup--dark .close {
    color: rgb(255, 255, 255);
}

.popup .infoBox {
    margin-bottom: 20px;
}

.popupInner {
    width: 100%;
    height: 100%;
}

.popupContent {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(21, 25, 27, 0.3) 0px 2px 3px 0px;
    border-radius: 4px;
    padding-top: 100px;
    position: relative;
    width: 90%;
    max-width: 808px;
    max-height: 86vh;
}

.skin .popupContent {
    background-color: rgb(1, 1, 1);
}

.popupContent.noHeader {
    padding-top: 0px;
}

.popupContent--fullHeight .popupMain {
    max-height: calc(-100px + 100vh);
}

.popup.full .popupContent {
    width: calc(100% - 100px);
    max-width: 1342px;
}

@media only screen and (max-width: 1023px) {
    .popup.full .popupContent {
        width: 90%;
    }
}

.popup.xxl .popupContent {
    max-width: 1165px;
}

.popup.xl .popupContent {
    max-width: 1043px;
}

.popup.l .popupContent {
    max-width: 952px;
}

.popup.m2 .popupContent {
    max-width: 880px;
}

.popup.m .popupContent {
    max-width: 675px;
}

.popup.s .popupContent {
    max-width: 510px;
}

.popup.s .popupContent .statusBox {
    padding: 40px 0px;
}

.popup--fullscreen .popupContent {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0px;
}

.popup--dark .popupContent {
    background-color: rgb(24, 24, 24);
}

.popupContent .poup .areaChart {
    margin-left: auto;
    margin-right: auto;
}

.popupContent .poup .areaChart .recharts-surface {
    max-height: 99%;
}

.popupHeader {
    border-bottom: 1px solid rgb(204, 204, 204);
    color: rgb(74, 74, 74);
    display: table;
    font-family: EurobankSansBold;
    font-size: 1.5rem;
    line-height: 1;
    padding: 15px 50px 10px;
    text-align: center;
    width: 100%;
    word-break: break-word;
    height: 100px;
}

.popupHeader .inner {
    display: table-cell;
    vertical-align: middle;
}

.popupHeader.leaves .inner {
    position: relative;
}

.popupHeader.leaves .inner::after {
    content: "";
    display: inline-block;
    width: 95px;
    height: 118px;
    background: url("../media/leaves_popup.png") 50% center no-repeat scroll;
    position: absolute;
    right: -20px;
    top: calc(100% - 20px);
}

.popupHeader h2 {
    font-size: 1.5rem;
    margin: 0px;
}

@media only screen and (max-width: 767px) {
    .popupHeader h2 {
        font-size: 1.375rem;
    }
}

@media only screen and (max-width: 480px) {
    .popupHeader h2 {
        font-size: 1.25rem;
    }
}

.popupHeader h2 .icon {
    display: inline-block;
    font-size: 1.625rem;
    margin-right: 12px;
    vertical-align: middle;
}

.popupHeader h2 .icon.orange {
    color: rgb(227, 157, 34);
}

.popupHeader h2 .icon.sm {
    margin-right: 3px;
}

.popupHeader h2 span {
    display: inline-block;
    vertical-align: middle;
}

.popupHeader h3 {
    color: rgb(101, 101, 102);
    font-family: EurobankSans;
    font-size: 0.875rem;
    margin: 0.6em 0px 0px;
}

.skin .popupHeader h3 {
    color: rgb(255, 255, 255);
}

.skin .popupHeader {
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {
    .popupHeader {
        padding: 33px 20px 21px;
    }
}

.acc-header .popupHeader :is(h2, h3, h4, h5, h6) {
    text-align: center;
}

.popupMain {
    overflow: hidden auto;
    padding: 20px var(--popupPaddingInline) 0;
    max-height: calc(-100px + 86vh);
    word-break: break-word;
}

.popupMain>.h4:first-child {
    margin-top: 0px;
}

.popupMain.noScroll {
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 1023px) {
    .popupMain {
        padding-block: 0px;
    }
}

.videoPopup .popupMain {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 0px;
}

@media only screen and (max-width: 767px) {
    .videoPopup .popupMain {
        max-height: 100%;
    }
}

.popupMain .divider {
    background-color: rgb(232, 232, 232);
    margin: 22px 0px;
    height: 1px;
}

.skin .popupMain .divider {
    background-color: rgb(255, 255, 255);
}

.popupMain h4 {
    font-size: 1.313rem;
    margin: 1.9em 0px 0.3em;
}

@media only screen and (max-width: 1023px) {
    .popupMain h4 {
        margin: 1.6em 0px 0.3em;
    }
}

.popupMain .close {
    right: 12px;
    top: 12px;
}

.noHeader .popupMain .close {
    right: 19px;
    top: 19px;
    z-index: 10;
}

.popupMain .infoBox.full {
    margin-left: -40px;
    width: calc(100% + 80px);
}

@media only screen and (max-width: 1023px) {
    .popupMain .infoBox.full {
        margin-left: -25px;
        width: calc(100% + 50px);
    }
}

@media only screen and (max-width: 767px) {
    .popupMain .infoBox.full {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
}

.popupMain.contacts {
    padding: 0px;
}

.popupMain .statusBox+.content {
    padding-top: 10px;
}

.popupMain>.content {
    padding: 32px 7px 39px;
}

@media only screen and (max-width: 767px) {
    .popupMain>.content {
        padding: 25px 5px;
    }
}

@media only screen and (max-width: 480px) {
    .popupMain>.content {
        padding: 16px 5px 24px;
    }
}

.popupMain>.content p {
    font-size: 1.25rem;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .popupMain>.content p {
        font-size: 1.125rem;
    }
}

.popupMain .buttonsWrap {
    margin-top: 45px;
    margin-bottom: 45px;
}

@media only screen and (max-width: 480px) {
    .popupMain .buttonsWrap {
        margin-top: 0px;
        margin-bottom: 30px;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.popupMain .content .buttonsWrap,
.popupMain .formBlock .buttonsWrap {
    margin-bottom: 0px;
}

.popup_minHeight .popupMain {
    min-height: 420px;
}

@media only screen and (max-width: 767px) {
    .popup_minHeight .popupMain {
        min-height: calc(-100px + 65vh);
    }
}

.statusBox.m {
    margin-left: auto;
    margin-right: auto;
}

.statusBox.m {
    max-width: 852px;
}

.popup .statusBox {
    background: transparent;
    margin-bottom: 0px;
}

.popup .statusBox .icon {
    font-size: 3rem;
}

.popup .statusBox:last-child {
    margin-bottom: 40px;
}

.statusBox .icon {
    margin: 0px 0px 16px;
}

.statusBox .icon.orange {
    color: rgb(227, 157, 34);
}

.statusBox .icon.blue {
    color: rgb(12, 109, 179);
}

.skin .statusBox .icon.blue {
    color: rgb(168, 219, 254);
}

@media only screen and (max-width: 767px) {

    .buttonsWrap.mobWrap .button.blue,
    .buttonsWrap.mobWrap .button.green,
    .buttonsWrap.mobWrap button.blue {
        order: -1;
        margin-bottom: 15px;
    }

    .buttonsWrap.mobWrap .button.blue.border,
    .buttonsWrap.mobWrap .button.green.border,
    .buttonsWrap.mobWrap button.blue.border {
        -webkit-box-ordinal-group: 1;
        order: 0;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .buttonsWrap.mobWrap .button.gray {
        margin-bottom: 0px;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .buttonsWrap.mobWrap .link {
        -webkit-box-ordinal-group: 13;
        order: 12;
        margin-bottom: 0px;
        margin-top: 15px;
        text-align: center;
    }

    .buttonsWrap.mobWrap .actionsBar .link {
        margin-top: 0px;
    }

    .buttonsWrap.mobWrap.end .button.blue,
    .buttonsWrap.mobWrap.end button.blue {
        margin-bottom: 15px;
    }

    .buttonsWrap.mobWrap.end .button.blue:first-child,
    .buttonsWrap.mobWrap.end button.blue:first-child {
        margin-bottom: 0px;
    }

    .buttonsWrap.mobWrap.end .button.blue.border,
    .buttonsWrap.mobWrap.end button.blue.border {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .buttonsWrap.mobWrap.end .button.gray {
        margin-bottom: 0px;
    }

    .buttonsWrap.mobWrap.fluid .button.blue,
    .buttonsWrap.mobWrap.fluid button.blue {
        margin-bottom: 15px !important;
    }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {

    .buttonsWrap.mobWrap.space.mobWrap>* .button {
        margin-bottom: 15px;
    }
}

.buttonsWrap.fluid> :last-child .button:not(:first-child) {
    margin-left: 20px;
}

@media only screen and (max-width: 767px) {

    .buttonsWrap.fluid> :last-child .button:not(:first-child) {
        margin-left: 0px;
    }
}

.buttonsWrap.fluid> :first-child .button:not(:last-child) {
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {

    .buttonsWrap.fluid> :first-child .button:not(:last-child) {
        margin-right: 0px;
    }
}

.buttonsWrap.fluid .button {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 480px) {

    .buttonsWrap.fluid .button {
        margin: 0px 0px 15px;
    }
}

.buttonsWrap.fluid p .button {
    margin-top: 0px;
    margin-bottom: 0px;
}

@media only screen and (max-width: 480px) {

    .buttonsWrap.fluid> :last-child .button:last-child {
        margin-bottom: 0px;
    }
}

.buttonsWrap.space .button:not(:last-child),
.buttonsWrap.space .link:not(:last-child) {
    margin-right: 30px;
}

@media only screen and (max-width: 1023px) {

    .buttonsWrap.space .button,
    .buttonsWrap.space .button:not(:last-child),
    .buttonsWrap.space .link,
    .buttonsWrap.space .link:not(:last-child) {
        margin-right: 5px;
        margin-left: 5px;
    }
}

.buttonsWrap .button+p.error {
    margin: 7px 0px 0px;
    text-align: left;
}

.infoBox--inlineicon.infoBox>.icon {
    position: static;
}

.skin .infoBox--blue2.infoBox .icon {
    color: rgb(255, 255, 255);
}

.infoBox__header .icon {
    margin-right: 15px;
}

.infoBox.blue {
    background-color: rgb(224, 235, 241);
}

.skin .infoBox.blue {
    background-color: rgb(89, 89, 89);
}

.infoBox.acc-block:not(.inline) .acc-content>.inner {
    padding: 30px 0px 0px;
}

.loginBox .infoBox.s {
    font-size: 0.875rem;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: -11px;
    padding-left: 40px;
}

.loginBox .infoBox.s .icon-exclamation {
    font-size: 1rem;
    left: 20px;
}

@media only screen and (max-width: 480px) {
    .loginBox .infoBox.s {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.infoBox.noPadding .icon {
    left: 0px;
}

.infoBox.alert.noBg .icon {
    left: 0px;
}

.infoBox.alert .icon {
    left: 20px;
    top: 18px;
}

@media only screen and (max-width: 767px) {
    .infoBox.alert .icon {
        left: 12px;
        top: 12px;
    }
}

.infoBox.leftIcon .icon {
    left: 0px;
}

.infoBox.inl .icon {
    top: 9px;
    left: 10px;
}

.infoBox.error .icon,
.infoBox.error p {
    color: rgb(248, 99, 69);
}

.skin .infoBox.error .icon,
.skin .infoBox.error p {
    color: rgb(252, 194, 182);
}

.acc-block .infoBox.full .icon {
    left: 40px;
}

@media only screen and (max-width: 1023px) {

    .acc-block .infoBox.full .icon {
        left: 20px;
    }
}

@media only screen and (max-width: 767px) {

    .acc-block .infoBox.full .icon {
        left: 10px;
    }
}

.infoBox>.icon {
    color: rgb(150, 152, 155);
    left: 20px;
    position: absolute;
}

.skin .infoBox>.icon {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {

    .infoBox>.icon {
        left: 10px;
    }
}

.doubleBox .infoBox>.icon {
    position: relative;
    left: auto;
    font-size: 1.625rem;
    color: rgb(101, 101, 102);
    display: inline-block;
    margin-bottom: 8px;
}

.skin .doubleBox .infoBox>.icon {
    color: rgb(255, 255, 255);
}

.infoBox>.icon.orange {
    color: rgb(227, 157, 34);
}

.skin .infoBox>.icon.orange {
    color: rgb(255, 255, 255);
}

.skin .wideSec.grayBlue .infoBox>.icon.orange {
    color: rgb(1, 1, 1);
}

.infoBox>.icon.green {
    color: rgb(81, 156, 58);
}

.infoBox>.icon.icon-sale {
    color: rgb(231, 37, 1);
}

.infoBox .icon {
    font-size: 24px;
}

.infoBox .icon.red {
    color: rgb(248, 99, 69);
}

.skin .infoBox .icon.red {
    color: rgb(255, 255, 255);
}

.infoBox.noPadTop.alert .icon,
.infoBox.noPadTop .icon {
    top: 0px;
}

.infoBox--centerWrap .icon {
    position: static;
    font-size: 2.375rem;
    margin-bottom: 20px;
}

.infoBox--xs>.icon {
    left: 8px;
}

.infoBox--xs1>.icon {
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
    .actionsBar.start .item:nth-child(2) .dd-menu {
        right: auto;
        left: 0px;
    }
}

.searchBlock .actionsBar .dd-menu-wrap {
    min-width: inherit;
}

@media only screen and (max-width: 1023px) {
    .actionsBar .item:last-child .dd-menu {
        left: auto;
        right: 0px;
    }
}

@media only screen and (max-width: 767px) {

    .actionsBar .item:first-child .dd-menu,
    .actionsBar .item:last-child .dd-menu {
        right: 0px;
        left: auto;
    }
}

@media only screen and (max-width: 480px) {

    .actionsBar .item:first-child .dd-menu,
    .actionsBar .item:last-child .dd-menu {
        left: 0px;
        right: auto;
    }
}

.actionsBar.s .dd-title {
    font-size: 1rem;
}

.actionsBar .dd-title {
    color: rgb(12, 109, 179);
    font-family: EurobankSansBold;
    font-size: 1.25rem;
    line-height: 1.2;
    position: relative;
    text-decoration: none;
    transition: color 0.25s;
}

.skin .actionsBar .dd-title {
    color: rgb(255, 255, 255);
}

.actionsBar .dd-title.s {
    font-family: EurobankSans;
    font-size: 1rem;
}

@media only screen and (max-width: 767px) {

    .actionsBar .dd-title {
        font-size: 1.125rem;
    }
}

.actionsBar .dd-title:not(.inactive):hover {
    color: rgb(13, 129, 211);
}

.skin .actionsBar .dd-title:not(.inactive):hover {
    color: rgb(168, 219, 254);
}

.skin .actionsBar .dd-title:not(.inactive):hover .text::before,
.skin .actionsBar .item>a:not(.inactive):hover .text::before,
.skin .actionsBar button:not(.inactive):hover .text::before {
    background-color: rgb(168, 219, 254);
}

.actionsBar .dd-title:not(.inactive):active {
    color: rgb(18, 87, 138);
}

.skin .actionsBar .dd-title:not(.inactive):active {
    color: rgb(168, 219, 254);
}

.actionsBar .dd-title:not(.inactive):focus {
    outline: none;
}

.actionsBar .dd-title:not(.inactive):focus::before {
    border: 1px solid rgb(83, 164, 221);
}

.actionsBar .dd-title.inactive {
    color: rgb(204, 204, 204);
    cursor: default;
}

.skin .actionsBar .dd-title.inactive {
    color: rgb(243, 231, 0);
}

.actionsBar .dd-title span {
    display: inline-block;
    vertical-align: bottom;
}

.actionsBar .dd-title .text,
.actionsBar .item>a .text,
.actionsBar button .text {
    overflow: hidden;
    position: relative;
    color: inherit;
}

.actionsBar .dd-title .icon,
.actionsBar .item>a .icon,
.actionsBar button .icon {
    font-size: 1.563rem;
    margin-right: 5px;
    margin-bottom: 0px;
}

.actionsBar .dd-title {
    padding-right: 0px;
}

.actionsBar .dd-title::after {
    display: none;
}

.actionsBar .dd-menu {
    min-width: 261px;
}

@media only screen and (max-width: 767px) {
    .actionsBar .dd-menu {
        min-width: 210px;
    }
}

.actionsBar .dd-menu a,
.actionsBar .dd-menu button {
    font-size: 0.9375rem;
}

.actionsBar .dd-menu a:focus,
.actionsBar .dd-menu button:focus {
    outline: none;
}

.actionsBar .dd-menu a:focus::after,
.actionsBar .dd-menu button:focus::after {
    border: 1px solid rgb(83, 164, 221);
}

.actionsBar .dd-menu a::before,
.actionsBar .dd-menu button::before {
    display: none;
}

.searchBlock .actionsBar .dd-menu {
    margin-top: 5px;
}

.actionsBar .text::before {
    background-color: rgb(13, 129, 211);
    bottom: 0px;
    content: "";
    left: 0px;
    position: absolute;
    width: 100%;
    height: 2px;
    transition: 0.25s;
    transform: translateX(-101%);
}

.skin .actionsBar .text::before {
    background-color: rgb(255, 255, 255);
}

.actionsBar .text:not(.inactive):active::before,
.actionsBar .text:not(.inactive):hover::before,
.skin .actionsBar .text::before {
    transform: translateX(0px);
}

.actionsBar .text:not(.inactive):active::before {
    background-color: rgb(18, 87, 138);
}

.skin .actionsBar .text:not(.inactive):active::before {
    background-color: rgb(255, 255, 255);
}

.dd-menu-wrap {
    position: relative;
    text-align: left;
}

.dd-menu-wrap.open {
    z-index: 9;
}

.dd-menu-wrap.open .dd-title:not(.dots)::after {
    transform: rotate(180deg);
}

.dd-menu-wrap.error .dd-title {
    border-color: rgb(248, 99, 69);
}

.skin .dd-menu-wrap.error .dd-title {
    border-color: rgb(252, 194, 182);
}

.dd-menu-wrap.bottom .dd-menu {
    bottom: auto;
    top: 100%;
}

.dd-menu-wrap.top .dd-menu {
    box-shadow: rgba(21, 25, 27, 0.3) 0px 0px 3px 0px;
    bottom: 100%;
}

.dd-title {
    cursor: pointer;
    font-family: EurobankSans;
    font-size: 0.875rem;
    overflow: hidden;
    padding-right: 23px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dd-title:not(.dots)::before {
    content: "";
    left: 13px;
    position: absolute;
    top: 12px;
    width: calc(100% - 26px);
    height: calc(100% - 25px);
}

table .dd-title:not(.dots)::before {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.dd-title:not(.dots):focus {
    outline: none;
}

.dd-title:not(.dots):focus::before {
    border: 1px solid rgb(83, 164, 221);
}

.loginHeader .lang .dd-title:not(.dots):focus::before {
    display: none;
}

.dd-title:not(.dots)::after {
    content: "";
    font-family: icomoon;
    font-size: 0.4375rem;
    line-height: 1;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    right: 2px;
    transition: transform 0.35s;
}

.dd-title.iconBtn::after {
    display: none;
}

.dd-menu-wrap.open.top .dd-title::after {
    z-index: 9;
}

.skin .dd-menu-wrap.open.top .dd-title::after {
    color: rgb(1, 1, 1);
}

.breadcrumbItem .dd-title {
    color: rgb(12, 109, 179);
    font-size: 1rem;
}

.skin .breadcrumbItem .dd-title {
    color: rgb(168, 219, 254);
}

.breadcrumbItem .dd-title::before {
    background-color: rgb(13, 129, 211);
    bottom: 0px;
    content: "";
    left: 0px;
    position: absolute;
    top: auto;
    width: calc(100% - 22px);
    height: 2px;
    transition: transform 0.25s;
    transform: translateX(-101%);
}

.actionsBar .dd-menu-wrap.open .dd-title::before,
.breadcrumbItem .dd-menu-wrap.open .dd-title::before,
.breadcrumbItem .dd-title:hover::before {
    transform: translateX(0px);
}

.dd-title.dots {
    color: rgb(12, 109, 179);
    padding: 0px 5px;
    transition: color 0.25s;
}

.skin .dd-title.dots {
    color: rgb(1, 1, 1);
}

.dd-title.dots::before {
    content: "";
    display: block;
    font-family: icomoon;
    font-size: 1.375rem;
}

.dd-title.dots:hover {
    color: rgb(13, 129, 211);
}

.dd-title.dots:active {
    color: rgb(18, 87, 138);
}

.skin .dd-title.dots:active,
.skin .dd-title.dots:hover {
    color: rgb(168, 219, 254);
}

.dd-title.dots.circle {
    width: 39px;
    height: 39px;
    padding: 0px;
    background-color: rgb(242, 242, 242);
    border-radius: 50%;
    color: rgb(101, 101, 102);
    text-align: center;
    line-height: 39px;
}

.open .dd-title.dots.circle {
    background-color: rgb(12, 109, 179);
    color: rgb(255, 255, 255);
}

.skin .open .dd-title.dots.circle {
    background-color: rgb(168, 219, 254);
    color: rgb(1, 1, 1);
}

.skin .dd-title.dots.circle {
    background-color: rgb(89, 89, 89);
    color: rgb(255, 255, 255);
}

.desktop .dd-title.dots.circle:hover {
    color: rgb(12, 109, 179);
}

.desktop .dd-title.dots.circle:hover:focus {
    color: rgb(255, 255, 255);
}

.skin .dd-title.dots.circle:hover {
    color: rgb(168, 219, 254);
}

.dd-title.dots.circle:focus {
    background-color: rgb(12, 109, 179);
    color: rgb(255, 255, 255);
}

.skin .dd-title.dots.circle:focus,
.skin .dd-title.dots.circle:focus:hover {
    background-color: rgb(168, 219, 254);
    color: rgb(1, 1, 1);
}

.dd-title.dots.circle::before {
    content: "";
}

table.default .dd-title:not(.dots):not(.visible)::after {
    opacity: 0;
    transition: 0.35s;
}

@media only screen and (max-width: 767px) {
    table.default .dd-title:not(.dots):not(.visible)::after {
        opacity: 1;
    }
}

table.default .dd-title {
    font-size: 0.9375rem;
}

@media only screen and (max-width: 767px) {
    table.default .dd-title {
        color: rgb(74, 74, 74);
    }

    .skin table.default .dd-title {
        color: rgb(255, 255, 255);
    }
}

table.default .dd-title:focus::after {
    opacity: 1 !important;
}

table.default tr:hover .dd-title:not(.dots)::after {
    opacity: 1;
}

.dd-menu-wrap.type1 .dd-title {
    border-bottom: 4px solid rgb(229, 38, 0);
    color: rgb(74, 74, 74);
    font-family: EurobankSansBold;
    font-size: 1.25rem;
    padding: 16px 45px 16px 18px;
}

.skin .dd-menu-wrap.type1 .dd-title {
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.dd-menu-wrap.type1 .dd-title::after {
    margin-top: -3px;
    right: 19px;
}

@media only screen and (max-width: 767px) {
    .dd-menu-wrap.type1 .dd-title::after {
        margin-top: -6px;
        right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .dd-menu-wrap.type1 .dd-title {
        font-size: 1.125rem;
        padding: 15px 36px 16px 15px;
    }
}

.dd-menu-wrap.type1.open .dd-title {
    background-color: rgb(250, 250, 250);
    border-radius: 8px 8px 0px 0px;
    box-shadow: rgba(21, 25, 27, 0.3) 0px 2px 3px 0px;
    border-color: rgb(250, 250, 250);
}

.skin .dd-menu-wrap.type1.open .dd-title {
    background-color: rgb(31, 31, 0);
    border-color: rgb(31, 31, 0);
}

.dd-menu-wrap.field .dd-title {
    padding-right: 35px;
}

.dd-menu-wrap.field .dd-title::after {
    color: rgb(74, 74, 74);
    right: 16px;
}

.skin .dd-menu-wrap.field .dd-title::after {
    color: rgb(255, 255, 255);
}

.dd-menu {
    background-color: rgb(250, 250, 250);
    border-radius: 5px;
    box-shadow: rgba(21, 25, 27, 0.3) 0px 2px 3px 0px;
    display: none;
    left: 0px;
    overflow: auto;
    position: absolute;
    max-height: 300px;
    scrollbar-width: thin;
    scrollbar-color: rgb(179, 176, 171) rgb(242, 242, 242);
}

.skin .dd-menu {
    background-color: rgb(31, 31, 0);
    scrollbar-color: rgb(89, 89, 89) rgb(242, 242, 242);
}

.dd-menu::-webkit-scrollbar {
    width: 10px;
    border-radius: 8px;
}

.dd-menu::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: rgb(242, 242, 242);
}

.dd-menu::-webkit-scrollbar-thumb {
    background-color: rgb(179, 176, 171);
    border-radius: 8px;
}

.skin .dd-menu::-webkit-scrollbar-thumb {
    background-color: rgb(89, 89, 89);
}

.dd-menu .icon {
    display: inline-block;
    font-size: 1.375rem;
    margin-top: -4px;
    vertical-align: middle;
    width: 28px;
}

.dd-menu .icon.blue {
    color: rgb(12, 109, 179);
}

.skin .dd-menu .icon.blue {
    color: rgb(1, 1, 1);
}

.dd-menu ul {
    margin: 0px;
    padding: 0px;
}

.dd-menu li {
    color: rgb(101, 101, 102);
    font-size: 0.9375rem;
    line-height: 1.1;
    list-style: none;
}

.skin .dd-menu li {
    color: rgb(243, 231, 0);
}

.dd-menu-wrap.type1 .dd-menu li {
    font-family: EurobankSansBold;
    font-size: 1.25rem;
}

@media only screen and (max-width: 767px) {
    .dd-menu-wrap.type1 .dd-menu li {
        font-size: 1.125rem;
    }
}

.dd-menu-wrap.type1 .dd-menu li button,
.dd-menu-wrap.type1 .dd-menu li button.link {
    font-family: EurobankSansBold;
    font-size: 1.25rem;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {

    .dd-menu-wrap.type1 .dd-menu li button,
    .dd-menu-wrap.type1 .dd-menu li button.link {
        font-family: EurobankSans;
        font-size: 1.125rem;
    }
}

.dd-menu li.border {
    border-top: 1px solid rgb(217, 217, 217);
}

.skin .dd-menu li.border {
    border-color: rgb(1, 1, 1);
}

.dd-menu li .defaultTxt,
.dd-menu li a,
.dd-menu li button,
table.default .dd-menu li a,
table.default .dd-menu li button:not(.remove):not(.edit) {
    background-color: rgb(250, 250, 250);
    color: rgb(101, 101, 102);
    display: block;
    padding: 10px 18px 7px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: 0.35s;
    width: 100%;
}

.skin .dd-menu li .defaultTxt,
.skin .dd-menu li a,
.skin .dd-menu li button,
.skin table.default .dd-menu li a,
.skin table.default .dd-menu li button:not(.remove):not(.edit) {
    background-color: rgb(255, 255, 255);
    color: rgb(1, 1, 1);
}

.dd-menu li .defaultTxt.active,
.dd-menu li a.active,
.dd-menu li button.active,
table.default .dd-menu li a.active,
table.default .dd-menu li button:not(.remove):not(.edit).active {
    background-color: rgb(234, 238, 239);
}

.skin .dd-menu li .defaultTxt.active,
.skin .dd-menu li a.active,
.skin .dd-menu li button.active,
.skin table.default .dd-menu li a.active,
.skin table.default .dd-menu li button:not(.remove):not(.edit).active {
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {

    .dd-menu li .defaultTxt,
    .dd-menu li a,
    .dd-menu li button,
    table.default .dd-menu li a,
    table.default .dd-menu li button:not(.remove):not(.edit) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .breadcrumbItem .dd-menu li .defaultTxt,
    .breadcrumbItem .dd-menu li a,
    .breadcrumbItem .dd-menu li button,
    .breadcrumbItem table.default .dd-menu li a,
    .breadcrumbItem table.default .dd-menu li button:not(.remove):not(.edit) {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.dd-menu-wrap.type1 .dd-menu li .defaultTxt.active,
.dd-menu-wrap.type1 .dd-menu li a.active,
.dd-menu-wrap.type1 .dd-menu li button.active,
.dd-menu-wrap.type1 table.default .dd-menu li a.active,
.dd-menu-wrap.type1 table.default .dd-menu li button:not(.remove):not(.edit).active,
.dd-menu li .defaultTxt.active,
.dd-menu li a.active,
.dd-menu li button.active,
table.default .dd-menu li a.active,
table.default .dd-menu li button:not(.remove):not(.edit).active {
    color: rgb(74, 74, 74);
    cursor: default;
}

.skin .dd-menu-wrap.type1 .dd-menu li .defaultTxt.active,
.skin .dd-menu-wrap.type1 .dd-menu li a.active,
.skin .dd-menu-wrap.type1 .dd-menu li button.active,
.skin .dd-menu-wrap.type1 table.default .dd-menu li a.active,
.skin .dd-menu-wrap.type1 table.default .dd-menu li button:not(.remove):not(.edit).active,
.skin .dd-menu li .defaultTxt.active,
.skin .dd-menu li a.active,
.skin .dd-menu li button.active,
.skin table.default .dd-menu li a.active,
.skin table.default .dd-menu li button:not(.remove):not(.edit).active {
    color: rgb(1, 1, 1);
}

.dd-menu li .defaultTxt.inactive,
.dd-menu li a.inactive,
.dd-menu li button.inactive,
table.default .dd-menu li a.inactive,
table.default .dd-menu li button:not(.remove):not(.edit).inactive {
    color: rgb(204, 204, 204);
    cursor: default;
}

.skin .dd-menu li .defaultTxt.inactive,
.skin .dd-menu li a.inactive,
.skin .dd-menu li button.inactive,
.skin table.default .dd-menu li a.inactive,
.skin table.default .dd-menu li button:not(.remove):not(.edit).inactive {
    color: rgb(115, 115, 115);
}

.dd-menu li .defaultTxt.blueH:not(.inactive):hover,
.dd-menu li a.blueH:not(.inactive):hover,
.dd-menu li button.blueH:not(.inactive):hover,
table.default .dd-menu li a.blueH:not(.inactive):hover,
table.default .dd-menu li button:not(.remove):not(.edit).blueH:not(.inactive):hover {
    color: rgb(13, 129, 211);
}

.dd-menu li .defaultTxt:not(.inactive):not(.active):hover,
.dd-menu li a:not(.inactive):not(.active):hover,
.dd-menu li button:not(.inactive):not(.active):hover,
table.default .dd-menu li a:not(.inactive):not(.active):hover,
table.default .dd-menu li button:not(.remove):not(.edit):not(.inactive):not(.active):hover {
    background-color: rgb(232, 232, 232);
    color: rgb(101, 101, 102);
}

.skin .dd-menu li .defaultTxt:not(.inactive):not(.active):hover,
.skin .dd-menu li a:not(.inactive):not(.active):hover,
.skin .dd-menu li button:not(.inactive):not(.active):hover,
.skin table.default .dd-menu li a:not(.inactive):not(.active):hover,
.skin table.default .dd-menu li button:not(.remove):not(.edit):not(.inactive):not(.active):hover {
    background-color: rgb(255, 255, 255);
    color: rgb(1, 1, 1);
    text-decoration: underline;
}

.dd-menu li .defaultTxt {
    background-color: rgb(250, 250, 250);
    color: rgb(101, 101, 102);
    display: block;
    padding: 19px 18px 14px;
    position: relative;
    text-align: left;
    width: 100%;
}

.skin .dd-menu li .defaultTxt {
    background-color: rgb(255, 255, 255);
    color: rgb(1, 1, 1);
}

@media only screen and (max-width: 767px) {
    .mobBtm .dd-menu {
        bottom: 100%;
        top: auto;
        margin-bottom: 11px;
    }
}

.breadcrumbItem .dd-menu {
    left: 0px;
    margin-top: 11px;
}

@media only screen and (max-width: 639px) {
    .breadcrumbItem .dd-menu {
        left: -40px;
    }

    .breadcrumbItem:nth-child(3):last-child .dd-menu {
        left: auto;
        right: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .breadcrumbItem .dd-menu {
        max-width: 320px;
    }
}

table.default .dd-menu {
    margin-top: 6px;
    min-width: 261px;
    max-height: 134px;
}

@media only screen and (max-width: 1280px) {
    table.default td:last-child .dd-menu {
        left: auto;
        right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    table.default td:not(.mobAlRight):last-child .dd-menu {
        left: 0px;
        right: auto;
    }
}

.rightMenu .dd-menu {
    left: auto;
    right: 0px;
}

.tableWrap.scroll tr:last-child .rightMenu .dd-menu,
.tableWrap.scroll tr:nth-last-child(2) .rightMenu .dd-menu {
    top: auto;
    bottom: 100%;
}

.tableWrap.scroll tr:last-child:nth-child(2) .rightMenu .dd-menu,
.tableWrap.scroll tr:last-child:only-child .rightMenu .dd-menu,
.tableWrap.scroll tr:nth-last-child(2):first-child .rightMenu .dd-menu {
    right: 25px;
    margin: 0px;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    max-height: 101px;
}

.btm .dd-menu {
    bottom: 100%;
    top: auto;
    margin-bottom: 11px;
}

.right .dd-menu {
    left: auto;
    right: 0px;
}

.dd-menu-wrap.type1.open .dd-menu {
    border-radius: 0px 0px 8px 8px;
}

.field .dd-menu {
    width: 100%;
}

.loginPage .steps::before {
    top: 41px;
}

@media only screen and (max-width: 480px) {
    .loginPage .steps::before {
        top: 31px;
    }
}

.step .icon {
    background-color: rgb(255, 255, 255);
    margin: 0px 0px 10px;
    width: 49px;
}

.skin .step .icon {
    background-color: rgb(1, 1, 1);
}

@media only screen and (max-width: 767px) {
    .step .icon {
        width: 44px;
    }
}

.step .icon span:not(.check) {
    background-color: rgb(101, 101, 102);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 6px 0px;
    position: relative;
}

.skin .step .icon span:not(.check) {
    background-color: rgb(255, 255, 255);
}

.step--external .icon {
    width: 70px;
    margin-top: -10px;
}

.step--external .icon span:not(.check) {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    background-color: rgb(255, 255, 255);
    border: 1px dashed rgb(150, 152, 155);
    position: relative;
}

.step--external .icon span:not(.check)::before {
    content: "";
    font-family: icomoon;
    font-size: 1.375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(150, 152, 155);
}

.step--external .text {
    margin-top: -10px;
}

.step.active .icon span {
    background-color: rgb(229, 38, 0);
}

.skin .step.active .icon span {
    background-color: rgb(255, 255, 255);
}

.step.prev .icon span:not(.check) {
    background-color: rgb(74, 74, 74);
}

.skin .step.prev .icon span:not(.check) {
    background-color: rgb(255, 255, 255);
}

.step.active .icon span:not(.check),
.step.prev .icon span:not(.check) {
    margin: 0px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.step.active .icon span:not(.check)::before,
.step.prev .icon span:not(.check)::before {
    background-color: rgb(255, 255, 255);
    content: "";
    margin-left: -2.5px;
    margin-top: -2.5px;
    left: 50%;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    width: 5px;
    height: 5px;
}

.skin .step.active .icon span:not(.check)::before,
.skin .step.prev .icon span:not(.check)::before {
    background-color: rgb(1, 1, 1);
}

.checkbox input:checked~.icon,
.radio input:checked~.icon {
    border-color: rgb(12, 109, 179);
}

.skin .checkbox input:checked~.icon,
.skin .radio input:checked~.icon {
    border-color: rgb(168, 219, 254);
}

.checkbox input:checked~label.blue,
.radio input:checked~label.blue {
    color: rgb(12, 109, 178);
}

.skin .checkbox input:checked~label.blue,
.skin .radio input:checked~label.blue {
    color: rgb(255, 255, 255);
}

.checkbox input:focus~.icon,
.radio input:focus~.icon {
    border-color: rgb(101, 101, 102);
}

.skin .checkbox input:focus~.icon,
.skin .radio input:focus~.icon {
    border-color: rgb(168, 219, 254);
}

.checkbox input:focus~label.blue,
.radio input:focus~label.blue {
    color: rgb(12, 109, 178);
}

.skin .checkbox input:focus~label.blue,
.skin .radio input:focus~label.blue {
    color: rgb(255, 255, 255);
}

.checkbox input:checked:disabled~.icon,
.radio input:checked:disabled~.icon {
    background-color: rgba(12, 109, 179, 0.5);
}

.skin .checkbox input:checked:disabled~.icon,
.skin .radio input:checked:disabled~.icon {
    background-color: rgba(168, 219, 254, 0.5);
}

.checkbox input:not(:disabled):hover~.icon,
.radio input:not(:disabled):hover~.icon {
    border-color: rgb(12, 109, 179);
}

.skin .checkbox input:not(:disabled):hover~.icon,
.skin .radio input:not(:disabled):hover~.icon {
    border-color: rgb(168, 219, 254);
}

.skin .searchFilters .checkbox input:not(:disabled):hover~.icon,
.skin .searchFilters .radio input:not(:disabled):hover~.icon,
.skin .searchResults .checkbox input:not(:disabled):hover~.icon,
.skin .searchResults .radio input:not(:disabled):hover~.icon {
    border-color: rgb(255, 255, 255);
}

.checkbox input:disabled~.icon,
.radio input:disabled~.icon {
    border-color: rgb(232, 232, 232);
}

.skin .checkbox input:disabled~.icon,
.skin .radio input:disabled~.icon {
    border-color: rgb(150, 152, 155);
}

.filterItem .checkbox input:disabled~.icon,
.filterItem .radio input:disabled~.icon {
    border-color: rgb(179, 176, 171);
}

.skin .filterItem .checkbox input:disabled~.icon,
.skin .filterItem .radio input:disabled~.icon {
    color: rgb(255, 255, 255);
}

.filterItem .checkbox input:disabled:checked~.icon,
.filterItem .radio input:disabled:checked~.icon {
    border-color: rgb(12, 109, 179);
    opacity: 0.4;
}

.skin .filterItem .checkbox input:disabled:checked~.icon,
.skin .filterItem .radio input:disabled:checked~.icon {
    border-color: rgb(168, 219, 254);
}

.checkbox .icon,
.radio .icon {
    border: 2px solid rgb(150, 152, 155);
    width: 20px;
    height: 20px;
}

.skin .checkbox .icon,
.skin .radio .icon {
    border-color: rgb(255, 255, 255);
}

.skin .popupMain thead .checkbox .icon,
.skin .popupMain thead .radio .icon,
.skin th .checkbox .icon,
.skin th .radio .icon {
    border-color: rgb(1, 1, 1);
}

.error .checkbox .icon,
.error .radio .icon {
    border-color: rgb(248, 99, 69);
}

.skin .error .checkbox .icon,
.skin .error .radio .icon {
    border-color: rgb(252, 194, 182);
}

.radio.simple .icon {
    position: relative;
    top: auto;
    display: inline-block;
}

.radio input:focus-visible~.icon {
    outline: rgb(83, 164, 221) dashed 2px;
    outline-offset: 2px;
}

.skin .radio input:focus-visible~.icon {
    outline-color: rgb(168, 219, 254);
}

.radio--labelBig .icon,
.radioBtns .radio--labelBig .icon {
    top: 6px;
}

.checkbox .icon {
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-family: icomoon;
    margin-right: 8px;
    position: relative;
    text-align: center;
    transition: 0.35s;
}

.checkbox .icon::before {
    color: rgb(255, 255, 255);
    display: block;
    font-size: 0.5625rem;
    line-height: 18px;
    opacity: 0;
    transition: opacity 0.35s;
}

.skin .checkbox .icon::before {
    color: rgb(1, 1, 1);
}

.checkbox .icon::after {
    content: "";
    width: 108%;
    height: 108%;
    position: absolute;
    top: -4%;
    left: -4%;
    box-shadow: rgba(13, 129, 211, 0.9) 0px 0px 3.55px 2px;
    opacity: 0;
}

.checkbox.error input:not(:focus):not(:checked)+.icon {
    border-color: rgb(248, 99, 69);
}

.skin .checkbox.error input:not(:focus):not(:checked)+.icon {
    border-color: rgb(252, 194, 182);
}

.checkbox.error input:not(:disabled):hover~.icon {
    border-color: rgb(12, 109, 179);
}

.checkbox input:checked~.icon {
    background-color: rgb(12, 109, 179);
}

.skin .checkbox input:checked~.icon {
    background-color: rgb(168, 219, 254);
}

.skin .barInfo .checkbox input:checked~.icon {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.checkbox input:checked~.icon::before {
    opacity: 1;
}

.checkbox input:focus~.icon::after {
    opacity: 1;
}

.checkbox--withBtn .iconBtn {
    margin-left: 25px;
    z-index: 2;
}

.checkboxField .checkbox .icon {
    display: inline-block;
}

.checkboxField .checkbox .icon {
    margin-top: 3px;
    vertical-align: top;
}

.desktop .checkboxField .checkbox label a.green:hover,
.skin .desktop .checkboxField .checkbox label a.green:hover {
    color: rgb(3, 172, 11);
}

.checkboxField .checkbox label .button {
    text-align: left;
}

.checkboxField .checkbox .error {
    width: 100%;
}

.checkboxField--withTooltip .tooltip {
    margin-top: 4px;
}

.popup .formBlock.box {
    border: none;
    margin-bottom: 20px;
    margin-top: -40px;
    position: relative;
}

.popup .formBlock.box .formRow {
    position: relative;
    z-index: 1;
}

.popup .formBlock.box::after,
.popup .formBlock.box::before {
    background-color: rgb(242, 242, 242);
    content: "";
    position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
}

.skin .popup .formBlock.box::after,
.skin .popup .formBlock.box::before {
    background-color: rgb(89, 89, 89);
}

.popup .formBlock.box::before {
    left: -40px;
}

@media only screen and (max-width: 1023px) {
    .popup .formBlock.box::before {
        left: -25px;
    }
}

@media only screen and (max-width: 767px) {
    .popup .formBlock.box::before {
        left: -15px;
    }
}

.popup .formBlock.box::after {
    right: -40px;
}

@media only screen and (max-width: 1023px) {
    .popup .formBlock.box::after {
        right: -25px;
    }
}

@media only screen and (max-width: 767px) {
    .popup .formBlock.box::after {
        right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .loginPage .formBlock.gray>.infoBox.auto {
        padding-left: 45px;
        padding-right: 0px;
    }
}

.formBlock.gray>.infoBox.auto .icon,
.formBlock.gray>.infoBox.auto .icon.icon-exclamation {
    left: 37px;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {

    .formBlock.gray>.infoBox.auto .icon,
    .formBlock.gray>.infoBox.auto .icon.icon-exclamation {
        left: 10px;
    }
}

.popupMain .formRow {
    padding: 0px;
}

.searchFilters .acc-content .formRow.box .inner {
    padding: 0px;
}

.formRow .fieldCol> :not(:last-child):not(.wrap)+.error {
    margin: -13px 0px 0px;
    position: relative;
}

.formRow .fieldCol .details.m {
    width: 430px;
    max-width: 100%;
}

.formRow.auto .wrap .dd-menu-wrap~p.error {
    margin-top: 0px;
}

.formRow--blocks .labelCol .inner {
    justify-content: flex-start;
}

.formRow--wrap .labelCol .inner {
    justify-content: flex-start;
    height: auto;
}

@media only screen and (max-width: 1280px) {
    .toggleTable .labelCol .inner {
        -webkit-box-pack: start;
        justify-content: flex-start;
        height: auto;
    }
}

.labelCol .inner {
    height: 45px;
}

.labelCol .inner.auto {
    height: auto;
}

.formRow.completed .labelCol .inner,
.formWrap.completed .labelCol .inner {
    padding: 5px 0px 0px;
    height: auto;
}

.actionsBoxRow .formRow.completed .labelCol .inner,
.actionsBoxRow .formWrap.completed .labelCol .inner {
    padding-top: 0px;
}

.valueRow .labelCol .inner {
    height: auto;
}

.labelCol .inner .tooltip:first-child {
    margin-left: 0px;
    margin-right: 7px;
}

@media only screen and (max-width: 767px) {
    .labelCol .inner {
        justify-content: flex-start;
        padding-bottom: 10px;
        height: auto;
    }
}

@media only screen and (max-width: 480px) {
    .labelCol .inner {
        padding-bottom: 3px;
    }
}

.labelCol .inner label {
    padding-top: 2px;
}

.labelCol .tooltip {
    margin-left: 7px;
}

.fieldCol .dd-menu-wrap.full {
    width: 100%;
}

.fieldCol .dd-menu-wrap.b2 {
    width: 562px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.b {
    width: 498px;
    max-width: 100%;
    font-size: 1rem;
}

@media only screen and (max-width: 639px) {

    .fieldCol .dd-menu-wrap.b {
        width: 100%;
    }
}

.fieldCol .dd-menu-wrap.m2 {
    width: 400px;
    max-width: 100%;
}

@media only screen and (max-width: 767px) {

    .fieldCol .dd-menu-wrap.m2 {
        width: 100%;
        max-width: 400px;
    }
}

.fieldCol .dd-menu-wrap.m3 {
    width: 365px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.m1 {
    width: 294px;
    max-width: 100%;
}

.fieldCol .dateInput.m,
.fieldCol .dd-menu-wrap.m,
.fieldCol .dropdownWrap.m,
.fieldCol .fieldBox.m,
.fieldCol .infoBox.m,
.fieldCol .inforange.m,
.fieldCol .inputWrap.m,
.fieldCol .timeInput.m,
.fieldCol input.m,
.fieldCol p.info.m,
.fieldCol textarea.m {
    width: 250px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.s {
    width: 190px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.s1 {
    width: 215px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.xs {
    width: 140px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.mw240 .Select__menu {
    min-width: 240px;
}

.fieldCol .dd-menu-wrap.xs1 {
    width: 116px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.xs1 .Select__menu {
    min-width: 240px;
}

.fieldCol .dd-menu-wrap.xxs {
    width: 90px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.xxs2 {
    width: 45px;
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.xxxs {
    width: 70px;
    max-width: 100%;
}

@media only screen and (max-width: 767px) {

    .fieldCol .dd-menu-wrap.mobxs {
        width: 39px;
        height: 39px;
        padding-left: 4px;
        padding-right: 4px;
        text-align: center;
    }
}

.fieldCol .tooltipField .dateInput.m,
.fieldCol .tooltipField .dd-menu-wrap.b,
.fieldCol .tooltipField .dd-menu-wrap.m,
.fieldCol .tooltipField .dd-menu-wrap.m1,
.fieldCol .tooltipField .dd-menu-wrap.m2,
.fieldCol .tooltipField .dd-menu-wrap.m3,
.fieldCol .tooltipField .dd-menu-wrap.s,
.fieldCol .tooltipField .dd-menu-wrap.xs,
.fieldCol .tooltipField .dropdownWrap.m,
.fieldCol .tooltipField .fileInput.m,
.fieldCol .tooltipField .iconBtn.b,
.fieldCol .tooltipField .iconBtn.m,
.fieldCol .tooltipField .iconBtn.m1,
.fieldCol .tooltipField .iconBtn.m2,
.fieldCol .tooltipField .iconBtn.m3,
.fieldCol .tooltipField .iconBtn.s,
.fieldCol .tooltipField .iconBtn.xs,
.fieldCol .tooltipField .infoBox.m,
.fieldCol .tooltipField .inputWrap.m,
.fieldCol .tooltipField .timeInput.m,
.fieldCol .tooltipField input.m,
.fieldCol .tooltipField textarea.m {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 40px);
}

.fieldCol .tooltipField .dateInput.m[type="file"],
.fieldCol .tooltipField .dd-menu-wrap.b[type="file"],
.fieldCol .tooltipField .dd-menu-wrap.m1[type="file"],
.fieldCol .tooltipField .dd-menu-wrap.m2[type="file"],
.fieldCol .tooltipField .dd-menu-wrap.m3[type="file"],
.fieldCol .tooltipField .dd-menu-wrap.m[type="file"],
.fieldCol .tooltipField .dd-menu-wrap.s[type="file"],
.fieldCol .tooltipField .dd-menu-wrap.xs[type="file"],
.fieldCol .tooltipField .dropdownWrap.m[type="file"],
.fieldCol .tooltipField .fileInput.m[type="file"],
.fieldCol .tooltipField .iconBtn.b[type="file"],
.fieldCol .tooltipField .iconBtn.m1[type="file"],
.fieldCol .tooltipField .iconBtn.m2[type="file"],
.fieldCol .tooltipField .iconBtn.m3[type="file"],
.fieldCol .tooltipField .iconBtn.m[type="file"],
.fieldCol .tooltipField .iconBtn.s[type="file"],
.fieldCol .tooltipField .iconBtn.xs[type="file"],
.fieldCol .tooltipField .infoBox.m[type="file"],
.fieldCol .tooltipField .inputWrap.m[type="file"],
.fieldCol .tooltipField .timeInput.m[type="file"],
.fieldCol .tooltipField input.m[type="file"],
.fieldCol .tooltipField textarea.m[type="file"] {
    max-width: 100%;
}

.fieldCol .dd-menu-wrap.field .dd-title {
    color: rgb(74, 74, 74);
}

.skin .fieldCol .dd-menu-wrap.field .dd-title {
    color: rgb(255, 255, 255);
}

.fieldCol .value--withIcon .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.375rem;
    margin-right: 6px;
}

.fieldCol .value--withIcon .icon.success {
    color: rgb(81, 156, 58);
}

.inlineFields.fieldRow .button {
    flex-shrink: 0;
}

.fieldRow--code input.text {
    height: 70px;
    text-align: center;
    font-size: 1.625rem;
    font-family: EurobankSansBold;
}

@media only screen and (max-width: 767px) {

    .fieldRow.inlineFields>.button {
        width: auto;
    }
}

.inputWrap.icon {
    position: relative;
}

.inputWrap.icon::before {
    position: absolute;
    right: 14px;
    top: 50%;
}

.inputWrap.icon.icon-tick,
.inputWrap.icon.icon-tickC {
    color: rgb(81, 156, 58);
    font-size: 1.125rem;
}

.inputWrap.icon.icon-tick::before,
.inputWrap.icon.icon-tickC::before {
    margin-top: -9px;
}

.skin .inputWrap.icon.icon-tick,
.skin .inputWrap.icon.icon-tickC {
    color: rgb(255, 255, 255);
}

.inputWrap.icon.icon-delete,
.inputWrap.icon.icon-removeC {
    color: rgb(248, 99, 69);
    font-size: 1.125rem;
}

.inputWrap.icon.icon-delete::before,
.inputWrap.icon.icon-removeC::before {
    margin-top: -9px;
}

.inputWrap.icon input {
    padding-right: 42px;
}

.fieldCol .dateInput~.button,
.fieldCol .dateInput~.link,
.fieldCol .dateInput~.tooltip,
.fieldCol .dropdownWrap~.button,
.fieldCol .dropdownWrap~.link,
.fieldCol .dropdownWrap~.tooltip,
.fieldCol .iconBtn~.button,
.fieldCol .iconBtn~.link,
.fieldCol .iconBtn~.tooltip,
.fieldCol .iconBtn~input,
.fieldCol .inputWrap~.button,
.fieldCol .inputWrap~.link,
.fieldCol .inputWrap~.tooltip,
.fieldCol .timeInput~.button,
.fieldCol .timeInput~.link,
.fieldCol .timeInput~.tooltip,
.fieldCol input~.button,
.fieldCol input~.link,
.fieldCol input~.tooltip {
    margin-left: 10px;
}

.largeFont .fieldCol .dateInput~.button,
.largeFont .fieldCol .dateInput~.link,
.largeFont .fieldCol .dateInput~.tooltip,
.largeFont .fieldCol .dropdownWrap~.button,
.largeFont .fieldCol .dropdownWrap~.link,
.largeFont .fieldCol .dropdownWrap~.tooltip,
.largeFont .fieldCol .iconBtn~.button,
.largeFont .fieldCol .iconBtn~.link,
.largeFont .fieldCol .iconBtn~.tooltip,
.largeFont .fieldCol .iconBtn~input,
.largeFont .fieldCol .inputWrap~.button,
.largeFont .fieldCol .inputWrap~.link,
.largeFont .fieldCol .inputWrap~.tooltip,
.largeFont .fieldCol .timeInput~.button,
.largeFont .fieldCol .timeInput~.link,
.largeFont .fieldCol .timeInput~.tooltip,
.largeFont .fieldCol input~.button,
.largeFont .fieldCol input~.link,
.largeFont .fieldCol input~.tooltip {
    margin-left: 8px;
}

.fieldCol .dateInput~.link,
.fieldCol .dropdownWrap~.link,
.fieldCol .iconBtn~.link,
.fieldCol .inputWrap~.link,
.fieldCol .timeInput~.link,
.fieldCol input~.link {
    vertical-align: top;
    margin-top: 10px;
}

.fieldCol .inlineFields .inputWrap~.button,
.fieldCol .inlineFields .inputWrap~.link,
.fieldCol .inlineFields .inputWrap~.tooltip,
.fieldCol .inlineFields input~.button,
.fieldCol .inlineFields input~.link,
.fieldCol .inlineFields input~.tooltip {
    margin-left: 0px;
}

.skin .fieldCol input~.link {
    color: rgb(168, 219, 254);
}

.desktop .skin .fieldCol input~.link:hover {
    color: rgb(255, 255, 255);
}

.pswdStrength~.tooltip {
    margin-left: 10px;
}

.prefixInput--right input.text {
    padding-right: 28px;
}

.prefixInput:not(.prefixInput--right) input.text {
    padding-left: 28px;
}

.prefixInput.doubleChar input.text {
    padding-left: 34px;
}

.tooltipField .prefixInput .tooltip {
    position: absolute;
    top: 12px;
    left: calc(100% + 4px);
}

.desktop .clearField .clearBtn:hover {
    color: rgb(12, 109, 179);
}

.desktop .skin .openAddr:hover {
    color: rgb(255, 255, 255);
}

.skipMain {
    background-color: rgb(255, 255, 255);
    border: 2px dashed rgb(1, 1, 1);
    color: rgb(1, 1, 1);
    font-family: EurobankSans;
    font-size: 1.125rem;
    position: absolute;
    text-decoration: none;
    left: 10px;
    padding: 14px;
    top: -100%;
    z-index: 991;
}

.skipMain:focus {
    top: 7px;
}

.tableWrap .skipMain {
    top: 15px;
    z-index: -1;
}

.largeFont .tableWrap .skipMain {
    top: 5px;
}

.tableWrap .skipMain:focus {
    z-index: 1;
}

.skipMain--hidden.skipMain {
    top: -18px;
    left: 0px;
}

.dd-menu li a:not(.inactive):focus,
.dd-menu li button:not(.inactive):focus,
table.default .dd-menu li button table.default .dd-menu li a:not(.inactive):focus {
    outline: none;
}

.dd-menu li a:not(.inactive):focus::before,
.dd-menu li button:not(.inactive):focus::before,
table.default .dd-menu li button table.default .dd-menu li a:not(.inactive):focus::before {
    border: 1px solid rgb(83, 164, 221);
}

.fieldBlock input.text {
    border-width: 2px;
    border-radius: 0px;
    font-size: 1.375rem;
    letter-spacing: 0.2em;
    text-align: center;
    height: 55px;
}

.bubble .fieldBlock input.text {
    width: 100%;
}

.fieldBlock.error input.text {
    border-color: rgb(248, 99, 69);
}

.fieldBlock:not(.error) .errorMsg {
    display: none;
}

.popupMain .grayBox--inline .formWrap:first-child {
    margin-top: 0px;
}

.popupMain .grayBox--inline .formWrap:not(:last-child) {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.popupMain .grayBox--inline .formWrap:last-child {
    margin-bottom: 0px;
}

.notice .icon {
    font-size: 1.375rem;
    margin: -4px 10px 0px 0px;
}

.stepSimple .icon {
    background-color: rgb(101, 101, 102);
    display: block;
    position: relative;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
}

.skin .stepSimple .icon {
    background-color: rgb(255, 255, 255);
}

.stepSimple.prev .icon {
    background-color: rgb(74, 74, 74);
}

.stepSimple.active .icon {
    background-color: rgb(226, 41, 0);
}

.stepSimple.active .icon,
.stepSimple.prev .icon {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
}

.skin .stepSimple.active .icon,
.skin .stepSimple.prev .icon {
    background-color: rgb(255, 255, 255);
}

.stepSimple.active .icon::before,
.stepSimple.prev .icon::before {
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    content: "";
    margin-left: -2.5px;
    margin-top: -2.5px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 5px;
    height: 5px;
}

.skin .stepSimple.active .icon::before,
.skin .stepSimple.prev .icon::before {
    background-color: rgb(1, 1, 1);
}

.radioBtnsRow .radioBtns.error {
    flex-wrap: wrap;
}

.radioBtnsRow .radioBtns.error .error {
    width: 100%;
}

.helpTip .close {
    position: absolute;
    top: 12px;
    right: 11px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    width: 18px;
    height: 18px;
    transition: 0.3s ease-out;
}

.skin .helpTip .close {
    color: rgb(168, 219, 254);
}

.helpTip .close .icon-close {
    top: auto;
    left: -1px;
}

.desktop .helpTip .close:hover {
    color: rgb(255, 255, 255);
}

.helpTip .close:focus {
    outline: rgb(255, 255, 255) solid 1px;
}

@media only screen and (max-width: 480px) {

    .buttonsWrap .button.blue,
    .buttonsWrap button.blue,
    .submitRow .button.blue,
    .submitRow button.blue {
        order: -1;
        margin-bottom: 15px;
    }

    .buttonsWrap .button.blue.border,
    .buttonsWrap button.blue.border,
    .submitRow .button.blue.border,
    .submitRow button.blue.border {
        -webkit-box-ordinal-group: 1;
        order: 0;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .buttonsWrap .button.gray,
    .submitRow .button.gray {
        margin-bottom: 0px;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .buttonsWrap .link,
    .submitRow .link {
        -webkit-box-ordinal-group: 13;
        order: 12;
        margin-bottom: 0px;
        margin-top: 15px;
        width: 100%;
    }

    .buttonsWrap .link:first-child:last-child,
    .submitRow .link:first-child:last-child {
        margin-top: 0px;
    }

    .buttonsWrap.end .button.blue,
    .buttonsWrap.end button.blue,
    .submitRow.end .button.blue,
    .submitRow.end button.blue {
        margin-bottom: 15px;
    }

    .buttonsWrap.end .button.blue:first-child,
    .buttonsWrap.end button.blue:first-child,
    .submitRow.end .button.blue:first-child,
    .submitRow.end button.blue:first-child {
        margin-bottom: 0px;
    }

    .buttonsWrap.end .button.blue.border,
    .buttonsWrap.end button.blue.border,
    .submitRow.end .button.blue.border,
    .submitRow.end button.blue.border {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .buttonsWrap.end .button.gray,
    .submitRow.end .button.gray {
        margin-bottom: 0px;
    }

    .buttonsWrap.fluid .button.blue,
    .buttonsWrap.fluid button.blue,
    .submitRow.fluid .button.blue,
    .submitRow.fluid button.blue {
        margin-bottom: 15px !important;
    }
}

.infoStripe [class*="icon"].blue {
    font-size: 1.8rem;
    color: rgb(12, 109, 179);
}

.skin .infoStripe [class*="icon"].blue {
    color: rgb(255, 255, 255);
}

.infoStripe .inlineFlex.wrap--btn .button.blue {
    padding: 14px 13px 13px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .infoStripe .inlineFlex.wrap--btn .button.blue {
        min-width: 256px;
    }
}

.infoStripe--bordered a.link.m,
.infoStripe--bordered button.link.m {
    text-align: left;
    min-width: 0px;
}

.statusContainer a.link,
.statusContainer button.link {
    color: rgb(150, 152, 155);
}

.statusContainer .status .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    color: rgb(255, 255, 255);
    font-size: 0.58rem;
    margin-right: 4px;
}

.statusContainer .status.success .icon {
    background-color: rgb(81, 156, 58);
}

.notes .icon {
    display: inline-block;
    vertical-align: sub;
    font-size: 1.25rem;
}

.notes .icon.orange {
    color: rgb(227, 157, 34);
}

.stepsFeed .stepFeed .text {
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 726px;
}

.stepsFeed .stepFeed .text.text--pad24 {
    padding: 24px;
}

.stepsFeed .stepFeed .text.text--pad24 .h3:first-child,
.stepsFeed .stepFeed .text.text--pad24 .h4:first-child,
.stepsFeed .stepFeed .text.text--pad24 h3:first-child,
.stepsFeed .stepFeed .text.text--pad24 h4:first-child {
    margin-top: 0px;
}

.stepsFeed .stepFeed .text.text--pad24 .h3:only-child,
.stepsFeed .stepFeed .text.text--pad24 .h4:only-child,
.stepsFeed .stepFeed .text.text--pad24 h3:only-child,
.stepsFeed .stepFeed .text.text--pad24 h4:only-child {
    margin: 0px;
}

.stepsFeed .stepFeed .text.text--bg {
    background-color: rgb(234, 238, 239);
}

.skin .stepsFeed .stepFeed .text.text--bg {
    background-color: rgb(89, 89, 89);
}

.stepsFeed .stepFeed.current .text {
    background-color: rgb(242, 242, 242);
    padding: 15px;
}

.stepsFeed .stepFeed.current .text.text--noPadding {
    padding: 0px;
}

.stepsFeed .stepFeed.current .text.text--pad24 {
    padding: 24px;
}

.stepsFeed .stepFeed.current .text.text--bg {
    background-color: rgb(234, 238, 239);
}

.skin .stepsFeed .stepFeed.current .text {
    background-color: rgb(89, 89, 89);
}

.skin .stepsFeed .stepFeed.current .text p {
    color: rgb(255, 255, 255);
}

.skin .stepsFeed .stepFeed.current .text p.s {
    color: rgba(255, 255, 255, 0.8);
}

.skin .stepsFeed .stepFeed.current .text p .red {
    color: rgb(252, 194, 182);
}

.stepsFeed .stepFeed.current .text .acc-block--inSteps,
.stepsFeed .stepFeed.current .text .acc-block--inSteps .acc-content,
.stepsFeed .stepFeed.current .text .text--noPadding,
.stepsFeed .stepFeed.current .text .text--noPadding .acc-content {
    background-color: transparent;
}

.stepsFeed .stepFeed.current .loader_container .text {
    background-color: transparent;
}

.stepsFeed--full .stepFeed .text {
    max-width: 100%;
}

.stepsFeed--full .stepFeed .text p {
    margin-bottom: 8px;
}

.stepsFeed .infoBox p:not(.s):not(.error):not(.infoTag),
.stepsFeed .notificationBox p:not(.s):not(.error):not(.infoTag) {
    font-size: 1.125rem;
}

.stepsFeed p.error {
    color: rgb(248, 99, 69);
    font-family: EurobankSansItalic;
    font-size: 1rem;
    margin: 0px;
}

.skin .stepsFeed p.error {
    color: rgb(252, 194, 182) !important;
}

.filtersRow.fieldCol .stepsFeed p.error {
    width: 100%;
}

.stepsFeed p.error .icon {
    display: inline-block;
    font-size: 1.3125rem;
    margin: 0px 7px 2px 0px;
    vertical-align: bottom;
}

.stepsFeed.stepsFeedIndication .stepFeed.current .text {
    background-color: transparent;
}

.iconInfoSteps .iconCont .icon {
    display: inline-block;
    font-size: 2rem;
    color: rgb(12, 109, 178);
    background-color: rgb(255, 255, 255);
    padding-bottom: 0.625rem;
    padding-top: 3px;
    position: relative;
    z-index: 2;
}

.formBlock.gray .iconInfoSteps .iconCont .icon {
    background-color: transparent;
}

.iconInfoSteps .iconCont .icon.icon-epafes {
    position: relative;
    left: -2px;
}

.iconInfoSteps .iconCont .icon.icon-email,
.iconInfoSteps .iconCont .icon.icon-pronomia,
.iconInfoSteps .iconCont .icon.icon-pronomia-new {
    font-size: 2.6rem;
}

.skin .iconInfoSteps .iconCont .icon {
    color: rgb(255, 255, 255);
    background-color: rgb(1, 1, 1);
}

.iconInfoSteps .iconCont .icon.icon-send_email {
    font-size: 1.35rem;
}

.iconInfoSteps .iconCont .icon.icon-apple_wallet,
.iconInfoSteps .iconCont .icon.icon-card_activation {
    font-size: 2.5rem;
}

.formBlock.gray .iconInfoSteps .iconCont .icon {
    background-color: rgb(242, 242, 242);
}

.skin .formBlock.gray .iconInfoSteps .iconCont .icon {
    background-color: rgb(89, 89, 89);
}

.iconInfoSteps.single .text {
    width: 100%;
    text-align: center;
}

.iconInfoSteps--fullGray .iconCont .icon {
    background-color: rgb(246, 246, 246);
    color: rgb(83, 164, 221);
}

.skin .iconInfoSteps--fullGray .iconCont .icon {
    background-color: rgb(89, 89, 89);
}

.iconInfoSteps--disabled .iconCont .icon {
    color: rgb(179, 176, 171);
}

.skin .iconInfoSteps--disabled .iconCont .icon {
    color: rgb(216, 218, 219);
}

.iconInfoSteps--bigIc .iconCont .icon {
    font-size: 2.25rem;
    padding-top: 0px;
    margin-top: -4px;
}

.iconInfoSteps .text.centered {
    text-align: center;
}

.iconInfoSteps .text h3,
.iconInfoSteps .text h4 {
    margin-top: 8px;
}

.popup .peachTreeCheckBox {
    margin-top: 20px;
}

.peachTreeCheckBox button.link {
    padding-bottom: 10px;
}

@media only screen and (max-width: 1023px) {
    .peachTreeCheckBox button.link {
        padding-bottom: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .peachTreeCheckBox button.link {
        padding-bottom: 6px;
    }
}

.largeFont .peachTreeCheckBox button.link {
    padding-bottom: 5px;
}

.infoTag.blue {
    color: rgb(2, 19, 66);
}

.infoTag.blue.filled {
    background-color: rgb(2, 19, 66);
    border-color: rgb(2, 19, 66);
    color: rgb(255, 255, 255);
    padding-bottom: 2px;
}

.desktop .skin .eyeToggleBtn:hover {
    color: rgb(168, 219, 254);
}

.desktop .eyeToggleBtn:hover {
    color: rgb(12, 109, 179);
}

.mainWrapper:not(.amountHidden) .pieWrap .secretNumberAsterisk {
    display: none;
}

.innerWrap.m {
    max-width: 1050px;
}

.skin .popup .fieldBalloon {
    background-color: rgb(89, 89, 89);
}

.skin .popup .fieldBalloon::before {
    border-bottom-color: rgb(89, 89, 89);
}

.skin .popup .fieldBalloon label {
    color: rgb(255, 255, 255);
}

.fieldBalloon textarea.error {
    border-color: rgb(248, 99, 69);
}

.skin .fieldBalloon textarea.error {
    border-color: rgb(252, 194, 182);
}

.container.m {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.headbox_icon .icon {
    display: inline-block;
}

.captchaRow .iconBtn {
    margin: 12px 5px 0px;
    min-width: 24px;
}

.captchaRow .iconBtn .icon {
    margin: 0px;
}

.captchaRow .innerTooltip .tooltip {
    top: 11px;
}

.captchaRow .field {
    margin-bottom: 0px;
    width: 200px;
}

@media only screen and (max-width: 767px) {
    .captchaRow .field {
        width: 140px;
        -webkit-box-flex: 1;
        flex-grow: 1;
    }
}

.loginPage .loginBox .captchaRow .field {
    margin-bottom: 0px;
}

.multiSelect__search .searchBar .inner {
    padding: 0px !important;
}

.multiSelect__choices .checkbox .icon {
    position: relative;
    z-index: 2;
}

.formContainer .sideCol .iconInfoBox--wrap .iconInfoBox__content--wrap .button {
    width: 100%;
}

@media only screen and (max-width: 1023px) and (min-width: 481px) {

    .formContainer .cardBox--tabletFull .iconInfoBox__content--wrap .button,
    .formContainer .iconInfoBox--tabletFull .iconInfoBox__content--wrap .button,
    .formContainer .sideCol--tabletFull .iconInfoBox__content--wrap .button {
        width: 365px !important;
    }
}

.status.icon {
    font-size: 1.625rem;
    display: inline-block;
    min-width: 26px;
    text-align: center;
}

.status.icon.icon-tickThin {
    font-size: 0.875rem;
}

@media only screen and (max-width: 767px) {

    .mobSwitchCheckboxTooltip .tooltip {
        margin-right: 4px;
        order: -1;
    }
}

td .statusinfo .tooltip button {
    padding: 12px !important;
    font-size: 20px !important;
}

@keyframes bulb {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(15deg);
    }

    70% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.box-article a.link.b,
.box-article button.link.b {
    font-size: 1.0625rem;
}

.infoSection__side .iconInfoBox:not(.iconInfoBox--normal) .iconInfoBox__content .button {
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .infoSection__side .iconInfoBox:not(.iconInfoBox--normal) .iconInfoBox__content .button {
        padding-inline: 12px;
    }
}

.inlineButtons .button.m:not(.iconBtn),
.inlineButtons button.m:not(.iconBtn) {
    min-width: 80px;
}

.radiobox--inform>.tooltip {
    align-self: center;
}

.radiobox__wrapper p.error {
    margin-top: 4px;
}

.error .radiobox__item {
    border-color: rgb(248, 99, 69);
}

.skin .error .radiobox__item {
    border-color: rgb(252, 194, 182);
}

.radiobox__desc .error {
    color: rgb(248, 99, 69);
}

.skin .radiobox__desc .error {
    color: rgb(252, 194, 182);
}

.infoBox--sml.alert .icon {
    top: 11px;
}

.shadowContentBox__innerTitle .checkbox .icon {
    margin-right: 13px;
}

.priceBox .tooltip {
    align-self: flex-end;
    margin-left: 5px;
}

.popupMain .buttonsWrap {
    margin-bottom: 13px;
}

.popupMain .buttonsWrap:last-child:not(.stickyButtons__buttons) {
    margin-bottom: 45px;
}

@supports (-ms-ime-align:auto) {
    .rangeInput__value {
        top: 48px;
    }
}

[type="range"] {
    appearance: none;
    background: transparent;
    margin: 12.5px 0px;
    width: 100%;
}

[type="range"]:focus {
    outline: 0px;
}

[type="range"]:focus::-webkit-slider-runnable-track {
    background: transparent;
}

[type="range"]::-webkit-slider-runnable-track {
    cursor: default;
    height: 5px;
    transition: 0.2s;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px, rgba(13, 13, 13, 0.2) 0px 0px 0px;
    background: transparent;
    border: 0px solid rgb(204, 204, 204);
    border-radius: 6px;
}

[type="range"]::-webkit-slider-thumb {
    box-shadow: rgba(21, 25, 27, 0.2) 0px 0px 6px, rgba(32, 38, 41, 0.2) 0px 0px 0px;
    background: rgb(250, 250, 250);
    border: 0px solid rgb(250, 250, 250);
    border-radius: 50%;
    box-sizing: border-box;
    height: 25px;
    width: 25px;
    cursor: pointer;
    position: relative;
    z-index: 20;
    appearance: none;
    margin-top: -10px;
}

@supports (-ms-ime-align:auto) {}

.loader_container .link {
    padding: 0px;
}

.loader_container .text {
    color: rgb(101, 101, 102);
    display: inline-block;
    font-size: 1rem;
    margin: 0px 0px 0px 10px;
    vertical-align: middle;
}

.skin .loader_container .text {
    color: rgb(255, 255, 255);
}

.skin .wideSec.grayBlue .loader_container .text {
    color: rgb(1, 1, 1);
}

.loader_container .text.block {
    display: block;
    padding-bottom: 4px;
}

.loader_container .text.block+.loaderCircle {
    margin-top: 4px;
}

.loader_container .text.b {
    font-size: 1.125rem;
}

.loader_container .text.dark {
    color: rgb(74, 74, 74);
}

.skin .loader_container .text.dark {
    color: rgb(255, 255, 255);
}

.loader_container .text:first-child {
    margin-left: 0px;
    margin-right: 10px;
}

.loader_container.full .text {
    margin: 20px 0px 0px;
    width: 100%;
}

.loader_container.loaderBlock .text {
    margin: 20px 0px 0px;
    width: 100%;
}

.loader_container.popupLoader .infoBox.alert .icon {
    display: inline-block;
    margin-bottom: 8px;
    position: relative;
    top: 0px;
    vertical-align: top;
}

.loader_container.block .text:first-child {
    display: block;
    margin: 0px 0px 10px;
}

@media only screen and (max-width: 1023px) {

    .loader_container .infoBox.alert .icon {
        display: inline-block;
        margin-bottom: 8px;
        position: relative;
        top: 0px;
        vertical-align: top;
    }
}

.boxesWrap.boxLoading {
    margin-bottom: 30px;
}

.boxesWrap.boxLoading .image-line,
.boxesWrap.boxLoading .text-line {
    animation-duration: 1.6s;
}

.boxesWrap.boxLoading .boxItem:nth-child(2) .image-line,
.boxesWrap.boxLoading .boxItem:nth-child(2) .text-line {
    animation-delay: 0.55s;
}

.boxesWrap.boxLoading .boxItem:nth-child(3) .image-line,
.boxesWrap.boxLoading .boxItem:nth-child(3) .text-line {
    animation-delay: 1.15s;
}

@media only screen and (max-width: 1023px) {
    .boxesWrap.boxLoading .boxItem:nth-child(3) {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .boxesWrap.boxLoading .boxItem {
        width: 100%;
        margin-right: 0px !important;
    }

    .boxesWrap.boxLoading .boxItem:nth-child(2) {
        display: none;
    }
}

.loaderCircle:not(.blue) .loader {
    animation-name: load5;
    animation-duration: 1.1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease;
    animation-fill-mode: none;
    animation-delay: 0s;
}

.skin .accountCol.overview .loaderCircle:not(.blue) .loader {
    animation-name: load5Black;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease;
    animation-fill-mode: none;
    animation-delay: 0s;
}

.loaderCircle.blue .loader {
    animation-name: load5Blue;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease;
    animation-fill-mode: none;
    animation-delay: 0s;
}

.skin .loaderCircle.blue .loader {
    animation-name: load5White;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease;
    animation-fill-mode: none;
    animation-delay: 0s;
}

.skin .grayBlue.wideSec .loaderCircle.blue .loader {
    animation-name: load5Black;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease;
    animation-fill-mode: none;
    animation-delay: 0s;
}

.skin .grayBlue.wideSec .popupMain .loaderCircle.blue .loader {
    animation-name: load5White;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease;
    animation-fill-mode: none;
    animation-delay: 0s;
}

.loaderCircle.m {
    width: 40px;
    height: 40px;
}

.loaderCircle.m .loader {
    font-size: 0.375rem;
    margin: 18px auto;
}

.loadingCards .card .button {
    width: 100%;
}

.card .button .text-line {
    width: 76%;
    height: 41px;
}

.button.loadingBtn {
    position: relative;
}

.button.loadingBtn .loaderCircle {
    background-color: rgba(255, 255, 255, 0.8);
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

.skin .button.loadingBtn .loaderCircle {
    background-color: rgba(1, 1, 1, 0.8);
}

.button.loadingBtn .loader {
    font-size: 0.25rem;
    margin-top: 22px;
    margin-bottom: 22px;
}

.desktop .pdfContainer .pager .btn-link:not(.disabled):hover {
    color: rgb(12, 109, 178);
}

.infoboxes__item .formWrap.completed .labelCol .inner {
    padding-top: 3px;
}

.infoboxes__actions .link {
    font-size: 1.125rem;
}

.formWrap .fieldCol .file p.error {
    margin: -5px 0px 16px;
}

.desktop .storycard__link:hover~.storycard__figure {
    opacity: 0.8;
}

@keyframes widthstep {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

.instacard__btm button.blue.border {
    background-color: rgb(255, 255, 255);
    width: 100%;
}

.instacard__btm button.blue.border:not(.inactive):not(:disabled):hover {
    background-color: rgb(255, 255, 255);
}

.skin .instacard__btm button.blue.border,
.skin .instacard__btm button.blue.border:not(.inactive):not(:disabled):hover {
    background-color: rgb(1, 1, 1);
}

@keyframes tipmove2 {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes tipmove2content {
    0% {
        margin-bottom: -100%;
    }

    100% {
        margin-bottom: 0px;
    }
}

.desktop .cardOptions .card__link:hover .card__extras {
    color: rgb(1, 1, 1);
}

.coBActionBar__right .button {
    min-width: 236px;
    font-size: 1rem;
}

.coBActionBar__right .button:focus-visible {
    outline: rgb(255, 255, 255) dashed 2px;
    outline-offset: 2px;
}

.coBActionBar__right .button.red {
    padding-top: 14px;
    padding-bottom: 13px;
}

@media only screen and (max-width: 480px) {
    .coBActionBar__right .button {
        width: 100%;
    }
}

.desktop .hero__col .wizardBox:hover {
    opacity: 0.75;
}

.wizardBox .link,
.wizardBox .link:link,
.wizardBox .link:visited {
    color: inherit;
}

.desktop .wizardBox .link:hover,
.desktop .wizardBox .link:link:hover,
.desktop .wizardBox .link:visited:hover {
    opacity: 0.8;
    color: rgb(255, 255, 255);
    cursor: pointer;
}

.wizardBox .link::after,
.wizardBox .link:link::after,
.wizardBox .link:visited::after {
    border-color: inherit !important;
}

.hero__col .wizardBox .link,
.hero__col .wizardBox .link:link,
.hero__col .wizardBox .link:visited {
    font-size: 1.125rem;
}

.uploadBox__right .button {
    width: 100%;
}

.productCard__contentBtm .button {
    width: 100%;
}

.bankCard__info~.iconBtn {
    margin-top: -4px;
}

.bankCard .button.iconBtn,
.bankCard button.iconBtn {
    color: inherit;
}

.cardBnrWrap .iconInfoSteps--fullGray .iconCont .icon {
    background-color: rgb(237, 237, 237);
}

.skin .cardBnrWrap .iconInfoSteps--fullGray .iconCont .icon {
    background-color: rgb(89, 89, 89);
}

#perso-responsive-container {
    margin-block: 24px;
}

.popupMain .group-section:not(:last-child) {
    border: none;
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    display: flex !important;
    width: 100% !important;
}

@media only screen and (max-width: 1279px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
        flex-wrap: wrap;
        gap: 10px;
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group button {
    margin: 0px;
}

@media only screen and (max-width: 1279px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group button {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        flex-basis: 100%;
        max-width: 52%;
    }
}

@media only screen and (max-width: 1023px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group button {
        max-width: 100%;
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 8px;
}

@media only screen and (max-width: 1023px) {
    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
        gap: 20px;
    }
}

@media only screen and (max-width: 640px) {
    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
        flex-wrap: wrap;
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row #onetrust-policy {
    margin: 0px;
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row #onetrust-policy-text:last-child {
    margin: 0px !important;
    margin-block: 0px !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row #onetrust-button-group-parent {
    position: static;
    width: 45%;
    padding: 0px;
    left: auto;
    transform: none;
}

@media only screen and (max-width: 640px) {
    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row #onetrust-button-group-parent {
        width: 100%;
    }
}

@font-face {
    font-family: EurobankSansLight;
    src: url("../media/EurobankSans-Light.woff2") format("woff2"), url("../media/EurobankSans-Light.woff") format("woff"), url("../media/EurobankSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: EurobankSansLightItalic;
    src: url("../media/EurobankSans-LightItalic.woff2") format("woff2"), url("../media/EurobankSans-LightItalic.woff") format("woff"), url("../media/EurobankSans-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: EurobankSans;
    src: url("../media/EurobankSans-Regular.woff2") format("woff2"), url("../media/EurobankSans-Regular.woff") format("woff"), url("../media/EurobankSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: EurobankSansItalic;
    src: url("../media/EurobankSans-Italic.woff2") format("woff2"), url("../media/EurobankSans-Italic.woff") format("woff"), url("../media/EurobankSans-Italic.ttf") format("truetype");
}

@font-face {
    font-family: EurobankSansBold;
    src: url("../media/EurobankSans-Bold.woff2") format("woff2"), url("../media/EurobankSans-Bold.woff") format("woff"), url("../media/EurobankSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: EurobankSansBoldItalic;
    src: url("../media/EurobankSans-BoldItalic.woff2") format("woff2"), url("../media/EurobankSans-BoldItalic.woff") format("woff"), url("../media/EurobankSans-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: EurobankSansBlack;
    src: url("../media/EurobankSans-Black.woff2") format("woff2"), url("../media/EurobankSans-Black.woff") format("woff"), url("../media/EurobankSans-Black.ttf") format("truetype");
}

@font-face {
    font-family: EurobankSansBlackItalic;
    src: url("../media/EurobankSans-BlackItalic.woff2") format("woff2"), url("../media/EurobankSans-BlackItalic.woff") format("woff"), url("../media/EurobankSans-BlackItalic.ttf") format("truetype");
}

.mainContainer.skin {
    background-color: rgb(1, 1, 1);
}

.accountBlock__header.inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 0px 0px 25px;
}

.skin .accountBlock__header.inner {
    color: rgb(1, 1, 1);
}

.accountBlock__header.inner .priceBox__currentPrice,
.accountBlock__header.inner .priceBox__current small,
.accountBlock__header.inner .priceBox__originalPrice {
    color: rgb(255, 255, 255);
}

.skin .accountBlock__header.inner .priceBox__currentPrice,
.skin .accountBlock__header.inner .priceBox__current small,
.skin .accountBlock__header.inner .priceBox__originalPrice {
    color: rgb(1, 1, 1);
}

@media only screen and (max-width: 1280px) {
    .accountBlock__header.inner {
        flex-wrap: wrap;
        gap: 8px;
    }

    .accountBlock__header.inner .accountBlock__col:first-child {
        width: 100%;
    }

    .accountBlock__header.inner .accountBlock__col:last-child {
        margin-left: auto;
    }
}

.accountBlock .detail.sm .button {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0px;
}

.accountBlock .overview .text {
    color: rgb(255, 255, 255);
    display: block;
    font-family: EurobankSansBlack;
    font-size: 1.375rem;
    margin: 0px 0px 8px;
}

.skin .accountBlock .overview .iconBtn.white,
.skin .accountBlock .overview p.error {
    background-color: rgb(255, 255, 255);
}

.accountBlock .inner {
    position: relative;
    align-self: flex-end;
}

.accountBlock .inner.flexBtm,
.accountBlock .inner .flexRow {
    width: 100%;
}

.accountBlock .inner .flexRow {
    min-width: 0px;
}

.accountBlock .iconBtn.white:focus-visible {
    outline: rgb(255, 255, 255) dashed 2px;
    outline-offset: 2px;
}

.balanceRow .button.full {
    margin-top: 28px;
}

@media only screen and (max-width: 767px) {
    .balanceRow .button.full {
        margin-top: 15px;
    }
}

.balanceRow .button.full+.button {
    margin-top: 12px;
}

.balance__top .tooltip {
    position: relative;
    top: -4px;
}

.inlineEdit input.name.error {
    border-color: rgb(248, 99, 69);
}

.inlineEdit p.error {
    line-height: 1;
    margin-top: 2px;
    padding-right: 85px;
}

.skin .inlineEdit p.error {
    color: rgb(228, 38, 0);
}

@media only screen and (max-width: 767px) {
    .breadcrumbRow .column-12 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.breadcrumbItem .dd-title {
    color: rgb(12, 109, 179);
    font-size: 1rem;
    position: relative;
    text-decoration: none;
}

.skin .breadcrumbItem .dd-title {
    color: rgb(168, 219, 254);
}

.breadcrumbItem .dd-menu ul {
    min-width: 261px;
}

@media only screen and (max-width: 480px) {
    .breadcrumbItem .dd-menu ul {
        width: 345px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .breadcrumbItem .dd-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
}

.mainSection {
    padding-top: var(--pageSpaceTop);
    /* padding-bottom: 80px; */
    position: relative;
    min-height: 200px;
}

/* @media only screen and (max-width: 1023px) {
    .mainSection {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .mainSection {
        padding-bottom: 30px;
    }
}

.mainSection.dashboard {
    padding-top: 0px;
} */

.mainSection>.wrapper {
    position: relative;
    height: 100%;
}

.dd-menu .accountLink {
    width: 100%;
}

.dd-menu-wrap+.acc-block.inline {
    margin-top: -6px;
}

.acc-content>.inner {
    padding: 0px 40px 1px;
}

.acc-content>.inner.pBottom {
    padding-bottom: 38px;
}

.acc-content>.inner.pBottom p:last-child {
    margin-bottom: 0px;
}

@media only screen and (max-width: 1023px) {
    .acc-content>.inner {
        padding: 0px 20px 1px;
    }
}

@media only screen and (max-width: 767px) {
    .acc-content>.inner {
        padding: 0px 15px 1px;
    }
}

.searchFilters .inner .acc-content:first-child {
    padding-top: 0px;
}

.acc-header-text--space p.error {
    max-width: 100%;
    padding-left: 28px;
}

.acc-block.inline .acc-header p.status .icon {
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 1;
}

.acc-header .popupHeader h2:not(.h4),
.acc-header .popupHeader h3:not(.h4) {
    text-align: center;
    font-family: EurobankSansBold;
    font-size: 1.5rem;
}

@media only screen and (max-width: 767px) {

    .acc-header .popupHeader h2:not(.h4),
    .acc-header .popupHeader h3:not(.h4) {
        font-size: 1.375rem;
    }
}

@media only screen and (max-width: 480px) {

    .acc-header .popupHeader h2:not(.h4),
    .acc-header .popupHeader h3:not(.h4) {
        font-size: 1.25rem;
    }
}

.desktop .open-acc:hover .acc-more.whiteButton:not(.inactive):not(:disabled)::after {
    color: rgb(74, 74, 74);
}

.acc-more.button.gray {
    padding-right: 31px;
    padding-left: 13px;
}

.acc-more.button.gray::before {
    display: none;
}

.acc-more.button.gray::after {
    top: 13px;
    right: 11px;
}

.acc-more.whiteButton .desktop .open-acc:hover {
    border-color: rgb(74, 74, 74);
    color: rgb(74, 74, 74);
}

.popup .infoTable .block {
    margin: 17px 0px;
}

.infoTable .label.label--withTooltip .tooltip {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0.3;
    font-size: 0px;
}

.infoTable .label.label--withTooltip .tooltip .icon-info {
    line-height: inherit;
}

.infoTable.l .value {
    font-size: 1.25rem;
}

.infoTable.l .alias {
    font-size: 1.125rem;
}

.infoTable.l .block {
    margin: 35px 0px;
}

.infoTable.l .block>div {
    margin: 15px 0px;
}

.infoTable .actions .button.iconBtn.s {
    line-height: 1;
}

.infoTable .actions .button.iconBtn.s .icon {
    font-size: 0.875rem;
}

.mainContainer:not(.skin) .private .infoTable .actions a,
.mainContainer:not(.skin) .private .infoTable .actions button {
    color: rgb(212, 175, 55);
}

.mainContainer:not(.skin) .private .infoTable .actions a:not(.inactive):hover,
.mainContainer:not(.skin) .private .infoTable .actions button:not(.inactive):hover {
    color: rgb(13, 129, 211);
}

.infoTable .actions a:not(.iconBtn)::after,
.infoTable .actions button:not(.iconBtn)::after {
    background-color: rgb(13, 129, 211);
    bottom: 0px;
    content: "";
    position: absolute;
    left: 0px;
    width: 0px;
    height: 2px;
    transition: 0.25s;
}

.skin .infoTable .actions a:not(.iconBtn)::after,
.skin .infoTable .actions button:not(.iconBtn)::after {
    background-color: rgb(168, 219, 254);
    width: 100%;
}

.infoTable .actions a:not(.inactive):active:not(.iconBtn)::after,
.infoTable .actions button:not(.inactive):active:not(.iconBtn)::after {
    background-color: rgb(18, 87, 138);
}

.skin .infoTable .actions a:not(.inactive):active:not(.iconBtn)::after,
.skin .infoTable .actions button:not(.inactive):active:not(.iconBtn)::after {
    background-color: rgb(255, 255, 255);
}

.popup .infoTableWrap {
    margin: 15px 0px 10px;
}

@media only screen and (max-width: 767px) {
    .infoTableWrap--blockMobMargin .column-m12:not(:last-child) {
        margin-bottom: 10px;
    }
}

.mainContainer:not(.skin) .private table.default {
    background-color: rgb(255, 255, 255);
}

.mainContainer:not(.skin) .private table.default th {
    background-color: rgb(74, 74, 74);
}

table.default td.disabled button:not(.link):not(.icon-info),
table.default td.highlighted button:not(.link):not(.icon-info) {
    color: rgb(153, 155, 158);
}

table.default td .link {
    display: inline-block;
    vertical-align: top;
}

table.default td:not(.alRight) button:not(.link):not(.icon-info):not(.blue):not(.iconBtn) {
    text-align: left;
}

table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn) {
    color: rgb(74, 74, 74);
    font-family: EurobankSans;
    font-size: 0.9375rem;
    position: relative;
    width: 100%;
}

.skin table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn) {
    color: rgb(255, 255, 255);
}

.skin table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn):focus,
.skin table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn):hover {
    color: rgb(168, 219, 254);
    text-decoration: none;
}

table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn).icon-delete,
table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn).icon-pencil,
table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn).icon-remove,
table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn).icon-tick {
    font-size: 1.375rem;
}

table.default td button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn):focus {
    color: rgb(83, 164, 221);
}

table.default td button.link.s {
    font-size: 0.9375rem;
}

table.default td button.link.s::after {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

table.default td button.edit:not(.link):not(.icon-info),
table.default td button.remove:not(.link):not(.icon-info) {
    width: auto;
}

table.default td .buttonsWrap .button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn),
table.default td .buttonsWrap button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn) {
    text-align: center;
}

@media only screen and (min-width: 481px) {

    table.default td .buttonsWrap .button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn),
    table.default td .buttonsWrap button:not(.link):not(.icon-info):not(.blue):not(.icon-remove):not(.iconBtn) {
        width: unset;
    }
}

.skin table.default td .dd-menu button {
    color: rgb(1, 1, 1) !important;
}

table.default td.error {
    background: rgba(229, 38, 0, 0.1);
}

.skin table.default td.error {
    background: rgba(252, 194, 182, 0.2);
}

.popupMain table.default td,
.popupMain table.default th {
    padding-left: 15px;
    padding-right: 15px;
    word-break: normal;
}

@media only screen and (max-width: 767px) {

    .popupMain table.default td,
    .popupMain table.default th {
        padding: 5px 10px;
    }
}

.popupMain table.default td.btnCell button:not(.icon-info),
.popupMain table.default th.btnCell button:not(.icon-info) {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width: 767px) {

    .popupMain table.default td.btnCell button:not(.icon-info),
    .popupMain table.default th.btnCell button:not(.icon-info) {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media only screen and (min-width: 768px) {

    table.default td.tooltipRight .tooltip,
    table.default th.tooltipRight .tooltip {
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -12px;
    }
}

.popupMain table.default td:first-child,
.popupMain table.default th:first-child {
    padding-left: 15px;
}

@media only screen and (max-width: 767px) {

    .popupMain table.default td:first-child,
    .popupMain table.default th:first-child {
        padding-left: 10px;
    }
}

.popupMain table.default td:first-child.btnCell button,
.popupMain table.default th:first-child.btnCell button {
    padding-left: 15px;
}

@media only screen and (max-width: 767px) {

    .popupMain table.default td:first-child.btnCell button,
    .popupMain table.default th:first-child.btnCell button {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.popupMain table.default td:first-child.btnCell .checkbox,
.popupMain table.default th:first-child.btnCell .checkbox {
    padding-left: 15px;
}

@media only screen and (max-width: 767px) {

    .popupMain table.default td:first-child.btnCell .checkbox,
    .popupMain table.default th:first-child.btnCell .checkbox {
        padding-left: 12px;
        padding-right: 12px;
    }
}

table.default.tableEmpty td.btnCell .button {
    text-align: center;
}

@media only screen and (max-width: 767px) {
    table.default.tableEmpty tr.link {
        background-color: rgb(250, 250, 250);
    }

    .skin table.default.tableEmpty tr.link {
        background-color: rgb(1, 1, 1);
    }
}

table.default tr.link:hover td {
    background-color: rgb(234, 238, 239);
}

.skin table.default tr.link:hover td {
    background-color: rgb(232, 232, 232);
    color: rgb(1, 1, 1) !important;
}

.skin table.default tr.link:hover td .epistrofi,
.skin table.default tr.link:hover td button {
    color: rgb(1, 1, 1) !important;
}

@media only screen and (max-width: 767px) {

    .skin table.default tr.link:hover td .dd-title,
    .skin table.default tr.link:hover td::before {
        color: rgb(1, 1, 1);
    }
}

table.default tr.disabled td button:not(.link):not(.icon-info),
table.default tr.highlighted td button:not(.link):not(.icon-info) {
    color: rgb(153, 155, 158);
}

table.default .iconBtn:disabled .icon-pencil {
    color: rgb(150, 152, 155);
}

.skin table.default .iconBtn:disabled .icon-pencil {}

table.default .fieldCell.error button {
    width: calc(100% - 30px);
}

table th .checkbox .icon {
    border-color: rgb(255, 255, 255);
}

table.toggleTable .checkRow td .checkbox .icon {
    display: inline-block;
}

@media only screen and (min-width: 768px) {

    table.stickyLastCol tbody tr:last-child .dd-menu,
    table.stickyLastCol tbody tr:nth-last-child(2) .dd-menu {
        bottom: 100%;
        top: auto;
    }
}

@media only screen and (max-width: 767px) {
    table.stickyLastCol tbody tr:last-child .dd-menu {
        bottom: 100%;
        top: auto;
    }
}

.popup .infoTablesWrap {
    width: 100%;
}

.popup .infoTablesWrap:last-child {
    padding-bottom: 30px;
}

.searchBlock .row {
    margin: 0px;
}

.searchBlock .dd-menu-wrap {
    min-width: 351px;
}

.searchBlock .dd-menu-wrap.auto {
    min-width: inherit;
}

@media only screen and (max-width: 480px) {
    .searchBlock .dd-menu-wrap {
        min-width: inherit;
    }
}

.searchBlock .dd-menu-wrap .dd-menu,
.searchBlock .dd-menu-wrap .dd-title {
    width: 100%;
}

@media only screen and (max-width: 480px) {

    .searchBlock .spaceRow {
        flex-wrap: wrap;
    }

    .searchBlock .spaceRow>* {
        flex-basis: 100%;
        width: 100%;
    }

    .searchBlock .spaceRow .actionsBar {
        padding: 15px 15px 0px;
        justify-content: flex-start;
        margin-right: 0px;
        order: -1;
    }
}

.searchResults .searchFilters+.row {
    border: none;
}

.searchResults .row {
    border-top: 1px solid rgb(204, 204, 204);
    margin: 0px;
}

.skin .searchResults .row {
    border-color: rgb(255, 255, 255);
}

.searchResults .row.noBorder {
    border-top: 0px;
}

.searchResults .row:first-child {
    border-top: none;
}

.popupMain .searchResults--overflow .tableWrap {
    margin-bottom: 0px;
}

.resultsRow.noBg .inner,
.searchResults.noBg .inner {
    padding-left: 0px;
    padding-right: 0px;
}

.resultsRow.empty .inner,
.searchResults.empty .inner {
    padding: 0px 25px;
}

@media only screen and (max-width: 767px) {

    .resultsRow.empty .inner,
    .searchResults.empty .inner {
        padding: 0px 15px;
    }
}

.resultsRow .inner,
.searchResults .inner {
    padding: 0px 41px;
}

.resultsRow .inner.spaceRow,
.resultsRow .inner.submitRow,
.searchResults .inner.spaceRow,
.searchResults .inner.submitRow {
    padding-right: 0px;
}

.resultsRow .inner.spaceRow .searchResults__actions,
.resultsRow .inner.submitRow .searchResults__actions,
.searchResults .inner.spaceRow .searchResults__actions,
.searchResults .inner.submitRow .searchResults__actions {
    margin-right: 41px;
}

.resultsRow .inner.spaceRow .searchResults__actions .tooltip .icon-info,
.resultsRow .inner.submitRow .searchResults__actions .tooltip .icon-info,
.searchResults .inner.spaceRow .searchResults__actions .tooltip .icon-info,
.searchResults .inner.submitRow .searchResults__actions .tooltip .icon-info {
    vertical-align: middle;
}

@media only screen and (max-width: 1023px) {

    .resultsRow .inner.spaceRow .searchResults__actions,
    .resultsRow .inner.submitRow .searchResults__actions,
    .searchResults .inner.spaceRow .searchResults__actions,
    .searchResults .inner.submitRow .searchResults__actions {
        margin-right: 22px;
    }
}

@media only screen and (max-width: 767px) {

    .resultsRow .inner.spaceRow .searchResults__actions,
    .resultsRow .inner.submitRow .searchResults__actions,
    .searchResults .inner.spaceRow .searchResults__actions,
    .searchResults .inner.submitRow .searchResults__actions {
        margin-right: 15px;
    }

    .resultsRow .inner.spaceRow .searchResults__actions:last-child,
    .resultsRow .inner.submitRow .searchResults__actions:last-child,
    .searchResults .inner.spaceRow .searchResults__actions:last-child,
    .searchResults .inner.submitRow .searchResults__actions:last-child {
        margin-top: 14px;
        margin-bottom: 14px;
    }
}

.resultsRow .inner.spaceRow .actionsBar,
.resultsRow .inner.submitRow .actionsBar,
.searchResults .inner.spaceRow .actionsBar,
.searchResults .inner.submitRow .actionsBar {
    margin-right: 41px;
}

@media only screen and (max-width: 1023px) {

    .resultsRow .inner.spaceRow .actionsBar,
    .resultsRow .inner.submitRow .actionsBar,
    .searchResults .inner.spaceRow .actionsBar,
    .searchResults .inner.submitRow .actionsBar {
        margin-right: 22px;
    }
}

@media only screen and (max-width: 767px) {

    .resultsRow .inner.spaceRow .actionsBar,
    .resultsRow .inner.submitRow .actionsBar,
    .searchResults .inner.spaceRow .actionsBar,
    .searchResults .inner.submitRow .actionsBar {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 767px) {

    .resultsRow .inner.spaceRow,
    .resultsRow .inner.submitRow,
    .searchResults .inner.spaceRow,
    .searchResults .inner.submitRow {
        flex-wrap: wrap;
    }

    .resultsRow .inner.spaceRow p.results,
    .resultsRow .inner.submitRow p.results,
    .searchResults .inner.spaceRow p.results,
    .searchResults .inner.submitRow p.results {
        margin-bottom: 0.5em;
    }
}

@media only screen and (max-width: 1280px) {

    .resultsRow .inner,
    .searchResults .inner {
        padding: 0px 30px;
    }
}

@media only screen and (max-width: 1023px) {

    .resultsRow .inner,
    .searchResults .inner {
        padding: 0px 22px;
    }
}

@media only screen and (max-width: 767px) {

    .resultsRow .inner,
    .searchResults .inner {
        padding: 0px 15px;
    }
}

.resultsRow .inner .tooltipLink,
.searchResults .inner .tooltipLink {
    margin-right: 20px;
}

.resultsRow .inner .formRow .inner,
.searchResults .inner .formRow .inner {
    padding-left: 0px;
    padding-right: 0px;
}

.resultsRow .inner.px25,
.searchResults .inner.px25 {
    padding-inline: 25px;
}

@media only screen and (max-width: 767px) {

    .resultsRow .inner.px25,
    .searchResults .inner.px25 {
        padding-inline: 12px;
    }
}

@media only screen and (max-width: 767px) {

    .resultsRow--withActions .spaceRow,
    .searchResults--withActions .spaceRow {
        flex-wrap: wrap;
    }
}

.barItem.checked .bar.blue {
    background-color: rgb(62, 171, 214);
}

.skin .barItem.checked .bar.blue {
    background-color: rgb(255, 255, 255);
}

.barInfo .checkbox .icon {
    position: absolute;
    top: 0px;
}

.barInfo:first-child .checkbox .icon {
    left: 0px;
}

.barInfo:last-child .checkbox .icon {
    margin-right: 0px;
    right: 0px;
}

@media only screen and (max-width: 767px) {

    .mobFull.dd-menu-wrap {
        min-width: inherit;
    }
}

.searchFilters.acc-block:not(.inline) .inner,
.searchFilters .inner {
    padding: 30px 40px;
}

.searchFilters.acc-block:not(.inline) .inner.s,
.searchFilters .inner.s {
    padding: 25px 33px 20px;
}

.searchFilters.acc-block:not(.inline) .inner.s p.results,
.searchFilters .inner.s p.results {
    margin: 0px;
}

@media only screen and (max-width: 1023px) {

    .searchFilters.acc-block:not(.inline) .inner,
    .searchFilters .inner {
        padding: 30px 25px;
    }
}

@media only screen and (max-width: 767px) {

    .searchFilters.acc-block:not(.inline) .inner,
    .searchFilters .inner {
        padding: 20px 11px;
    }
}

.skin .searchFilters.acc-block:not(.inline) p:not(.error),
.skin .searchFilters p:not(.error) {
    color: rgb(255, 255, 255);
}

.searchFilters.acc-block:not(.inline) p:not(.error).resultsInfo,
.searchFilters p:not(.error).resultsInfo {
    margin: 0px;
    padding-right: 10px;
    max-width: 100%;
}

.filterItem p.error {
    font-size: 0.875rem;
    margin-top: 5px;
}

.searchFilters .inner>.filterItem:first-child {
    margin-top: 0px;
}

.radioBtns.m label {
    font-size: 1.125rem;
    letter-spacing: 0.02em;
}

.radioBtns.white .radio .icon {
    border-color: rgb(255, 255, 255);
}

.skin .radioBtns.white .radio .icon {
    border-color: rgb(1, 1, 1);
}

.radioBtns.white .radio .icon::after {
    background-color: rgb(255, 255, 255);
}

.skin .radioBtns.white .radio .icon::after {
    background-color: rgb(1, 1, 1);
}

.radioBtns.white .radio input:not(:disabled):hover~.icon {
    border-color: rgb(255, 255, 255);
}

.skin .radioBtns.white .radio input:not(:disabled):hover~.icon {
    border-color: rgb(1, 1, 1);
}

.radioBtns .radio--inTableColored .icon {
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    border-color: var(--radioTextColor);
}

@media only screen and (max-width: 1023px) {
    .radioBtns .radio--inTableColored .icon {
        left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .radioBtns .radio--inTableColored .icon {
        left: 12px;
    }
}

.radioBtns .radio--inTableColored .icon::after {
    background-color: var(--radioTextColor);
}

.radioBtns .radio--inTableColored input:checked~.icon {
    border-color: var(--radioTextColor);
}

.radioBtns .radio--box .icon {
    left: 15px;
    top: 15px;
}

.radioBtns .radio--box-map .icon {
    top: 50%;
    transform: translateY(-50%);
}

.radioBtns input:checked~.icon::after {
    transform: scale(1);
}

.radioBtns input:focus~.icon::before {
    opacity: 1;
}

.radioBtns .icon {
    left: 0px;
    position: absolute;
    top: 1px;
    border-radius: 50%;
    transition: border 0.35s;
}

.radioBtns .icon::after {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -4px;
    left: 50%;
    top: 50%;
    background-color: rgb(12, 109, 179);
    content: "";
    position: absolute;
    transform: scale(0);
    transition: transform 0.25s;
}

.skin .radioBtns .icon::after {
    background-color: rgb(168, 219, 254);
}

.radioBtns .icon:not([class^="icon-"]):not([class*=" icon-"])::before {
    content: "";
    width: 108%;
    height: 108%;
    position: absolute;
    top: -4%;
    left: -4%;
    box-shadow: rgba(13, 129, 211, 0.9) 0px 0px 3.55px 2px;
    opacity: 0;
    border-radius: 50%;
}

.radioBtns .withTootip .icon {
    top: 50%;
    margin-top: -10px;
}

.skin .popup .radioBtns.contentRadios label {
    color: rgb(255, 255, 255);
}

.radioBtns .iconBtn .icon {
    position: relative;
    top: 0px;
}

.radioBtns.radioBtns_icon .icon {
    display: block;
    position: relative;
    top: 0px;
}

.radioIcon input:checked~.icon::after {
    transform: scale(1);
}

.radioIcon input:focus~.icon::before {
    opacity: 1;
}

.radioIcon .icon {
    border-radius: 50%;
    display: block;
    position: relative;
    transition: border 0.35s;
}

.radioIcon .icon::after {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -4px;
    left: 50%;
    top: 50%;
    background-color: rgb(12, 109, 179);
    content: "";
    position: absolute;
    transform: scale(0);
    transition: transform 0.25s;
}

.skin .radioIcon .icon::after {
    background-color: rgb(168, 219, 254);
}

.radioIcon .icon:not([class^="icon-"]):not([class*=" icon-"])::before {
    content: "";
    width: 108%;
    height: 108%;
    position: absolute;
    top: -4%;
    left: -4%;
    box-shadow: rgba(13, 129, 211, 0.9) 0px 0px 3.55px 2px;
    opacity: 0;
    border-radius: 50%;
}

.fieldWrap.m {
    width: 250px;
}

.fieldRow.flex .fieldWrap~.error {
    width: 100%;
    margin-top: 5px;
}

@media only screen and (max-width: 480px) {

    .fieldWrap.m {
        width: 100%;
    }
}

.filtersRow .dropdownWrap.m2~.error {
    width: 400px;
    max-width: 100%;
}

.fieldWrap--tooltipRight .tooltip,
.infoField .tooltip {
    color: rgb(12, 109, 179);
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    top: 10px;
    width: 24px;
    height: 24px;
}

.skin .fieldWrap--tooltipRight .tooltip,
.skin .infoField .tooltip {
    color: rgb(243, 231, 0);
}

.infoField .tooltip {
    right: 0px;
}

.fieldWrap--tooltipRight .tooltip {
    right: -37px;
}

.dateInput+p.error,
.timeInput+p.error {
    margin-top: 4px;
}

.clear .icon {
    font-size: 0.75rem;
    margin-left: 5px;
}

.popup.l .formBlock:not(.full)> :not(.intro) {
    margin-left: auto;
    margin-right: auto;
    max-width: 766px;
}

.autocomplete .submit {
    border-radius: 0px 4px 4px 0px;
    top: 1px;
    position: absolute;
    right: 1px;
    z-index: 2;
    width: 50px;
    height: calc(100% - 2px);
}

.popup .valTable {
    margin: 10px 0px 25px;
}

@media only screen and (max-width: 767px) {
    .popup .valTable {
        margin-bottom: 15px;
    }
}

.statusBox .iconBtnBig {
    margin-top: 10px;
}

.popupMain .tableWrap {
    margin-bottom: 40px;
}

.popupMain>.tableWrap:first-child {
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    .popupMain>.tableWrap:first-child {
        margin-top: 15px;
    }
}

.popupMain .formWrap p:not(.info):not(.error):not(.charCounter):not(.buttonWithExtraInfo__text):not(.label):not(.value):not(.success):not(.filesUploaded__name):not(.fileInput__label) {
    font-size: 1.25rem;
}

@media only screen and (max-width: 767px) {
    .popupMain .formWrap p:not(.info):not(.error):not(.charCounter):not(.buttonWithExtraInfo__text):not(.label):not(.value):not(.success):not(.filesUploaded__name):not(.fileInput__label) {
        font-size: 1.125rem;
    }
}

.popupMain .formWrap .pswdStrength p:not(.info):not(.error):not(.charCounter) {
    font-size: 0.875rem;
}

.popupMain .formWrap .contentRadios p:not(.info):not(.error):not(.charCounter),
.popupMain .formWrap .infoBox p:not(.info):not(.error):not(.charCounter) {
    font-size: 1rem;
}

.popupMain .formWrap:first-child {
    margin-top: 40px;
}

.popupMain .formWrap:first-child.grayinPopup {
    margin-top: 0px;
}

@media only screen and (max-width: 767px) {
    .popupMain .formWrap:first-child {
        margin-top: 32px;
    }
}

.popupMain .formWrap:last-child {
    margin-bottom: 20px;
}

.popupMain .formWrap:not(:last-child):not(.grayinPopup) {
    border-bottom: 1px solid rgb(217, 217, 217);
    margin-bottom: 35px;
}

.skin .popupMain .formWrap:not(:last-child):not(.grayinPopup) {
    border-color: rgb(255, 255, 255);
}

.popupMain .formWrap:not(:last-child):not(.grayinPopup).noBorder {
    border-bottom: 0px;
}

@media only screen and (max-width: 767px) {
    .popupMain .formWrap:not(:last-child):not(.grayinPopup) {
        margin-bottom: 15px;
        padding-bottom: 20px;
    }
}

.formWrap .fieldCol .inputWrap p.error {
    margin-top: 3px;
}

.formWrap .fieldCol .charCounter+p.error {
    margin-top: 7px;
}

.formWrap .fieldCol .radioBtns.error+.error {
    margin: -13px 0px 0px;
    position: relative;
}

.formWrap .fieldCol .tooltipField .error {
    margin-top: 5px;
}

.formWrap p.error {
    font-size: 0.875rem;
    margin: 5px 0px 0px;
}

.skin .formRow.box p.error {
    color: rgb(252, 194, 182);
}

.react-datepicker__input-container+p.error {
    margin-top: 3px;
}

.double .fieldWrap.m {
    width: calc(50% - 7.5px);
}

@media only screen and (max-width: 767px) {
    .double .fieldWrap.m {
        width: 100%;
    }
}

.fieldCol .double p.error {
    margin-top: 4px;
}

.fieldCol .triple p.error {
    margin-top: 4px;
}

.sectionsList .inner {
    padding: 26px 0px 19px;
}

@media only screen and (max-width: 639px) {
    .sectionsList .inner {
        flex-wrap: wrap;
        padding: 15px;
    }
}

.sectionsList .icon {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    background-color: rgb(204, 204, 204);
    color: inherit;
    font-size: 2.5rem;
    line-height: 94px;
    margin-bottom: 12px;
    position: relative;
    transition: background-color 0.15s ease-out;
}

.skin .sectionsList .icon {
    background-color: rgb(255, 255, 255);
    color: rgb(1, 1, 1);
}

@media only screen and (max-width: 1023px) {
    .sectionsList .icon {
        font-size: 2rem;
        line-height: 78px;
        width: 80px;
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .sectionsList .icon {
        font-size: 1.875rem;
        line-height: 68px;
        width: 70px;
        height: 70px;
    }
}

@media only screen and (max-width: 639px) {
    .sectionsList .icon {
        margin-bottom: 0px;
    }
}

.sectionsList .icon::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
}

@media only screen and (max-width: 480px) {

    .sectionsList .item button .icon {
        min-width: 70px;
    }
}

.sectionsList .item button:focus .icon {
    box-shadow: rgba(13, 129, 211, 0.46) 0px 0px 5.68px 2.32px;
}

.sectionsList .item.active .icon {
    background-color: rgb(229, 38, 0);
    color: rgb(255, 255, 255);
}

.skin .sectionsList .item.active .icon {
    color: rgb(25, 25, 27);
    background-color: rgb(255, 255, 255);
}

.sectionsList .item:not(.active) button:hover .icon {
    background-color: rgb(198, 198, 198);
}

.skin .sectionsList .item:not(.active) button:hover .icon {
    background-color: rgb(168, 219, 254);
}

.sectionsList .item span:not(.icon) {
    display: block;
    line-height: 1.2;
    top: 0px;
}

@media only screen and (max-width: 639px) {

    .sectionsList .item span:not(.icon) {
        display: inline-block;
        vertical-align: middle;
    }

    .sectionsList .item span:not(.icon) {
        margin-left: 10px;
        text-align: left;
    }
}

.notificationBox.blue {
    background-color: rgb(224, 235, 241);
}

.skin .notificationBox.blue {
    background-color: rgb(89, 89, 89);
}

.skin .formBlock.gray .notificationBox.blue {
    background-color: rgb(57, 57, 57);
}

.notificationBox.notificationBox--gray.notificationBox--completed .text,
.notificationBox.white.notificationBox--completed .text {
    flex-grow: 1;
}

.notificationBox.notificationBox--gray .text,
.notificationBox.white .text,
.stepsFeed .stepFeed.current .notificationBox.notificationBox--gray .text,
.stepsFeed .stepFeed.current .notificationBox.white .text {
    background-color: inherit;
    padding: 0px;
}

.notificationBox.noIcon .text {
    padding-left: 0px;
}

.notificationBox .text {
    color: rgb(74, 74, 74);
    padding-left: 35px;
    position: relative;
}

.skin .notificationBox .text {
    color: rgb(255, 255, 255);
}

.notificationBox .text .iconBtn .icon {
    left: auto;
    top: auto;
    position: relative;
}

.notificationBox .text>.icon {
    font-size: 1.625rem;
    left: 0px;
    position: absolute;
    top: 2px;
}

.notificationBox .text>.icon.icon-transactionToBeApproved {
    font-size: 1.313rem;
}

.notificationBox .text>.icon.orange {
    color: rgb(227, 157, 34);
}

.skin .notificationBox .text>.icon.orange {
    color: rgb(255, 255, 255);
}

.notificationBox .text>.icon.blue {
    color: rgb(12, 109, 178);
}

.skin .notificationBox .text>.icon.blue {
    color: rgb(255, 255, 255);
}

.notificationBox .text>.icon.s {
    font-size: 1.063rem;
}

.notificationBox .text>.icon.b {
    font-size: 3.25rem;
}

.notificationBox .text>.icon.circle {
    background-color: rgb(255, 255, 255);
}

.skin .notificationBox .text>.icon.circle {
    color: rgb(74, 74, 74);
}

.notificationBox .text>.icon.circle.b {
    border-radius: 50%;
    width: 118px;
    height: 118px;
    text-align: center;
    line-height: 118px;
    top: 50%;
    margin-top: -59px;
}

@media only screen and (max-width: 767px) {
    .notificationBox .text>.icon.circle.b {
        border-radius: 50%;
        width: 68px;
        height: 68px;
        line-height: 68px;
        margin-top: -34px;
    }
}

.notificationBox .text--notification .icon {
    top: -2px;
}

.notificationBox.bigIcon .text {
    padding-left: 180px;
    max-width: 700px;
}

@media only screen and (max-width: 1023px) {
    .notificationBox.bigIcon .text {
        padding-left: 140px;
    }
}

@media only screen and (max-width: 767px) {
    .notificationBox.bigIcon .text {
        padding-left: 80px;
    }
}

@media only screen and (min-width: 768px) {
    .notificationBox.bigIcon .button {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .notificationBox.bigIcon .button {
        margin-top: 20px;
    }
}

.notificationBox a.link {
    font-family: EurobankSansBold;
    font-size: 1.25rem;
}

@media only screen and (max-width: 767px) {
    .notificationBox a.link {
        font-size: 1.125rem;
    }
}

@media only screen and (max-width: 767px) {

    .notificationBox.spaceRow {
        flex-wrap: wrap;
    }

    .notificationBox.mobAcc:not(.open) .link {
        display: none;
    }

    .notificationBox.mobAcc .mobAcc-header .icon {
        top: -4px;
    }
}

input.text+p.info {
    margin-top: -10px;
    padding-left: 16px;
}

input.text+p.info:last-child {
    margin-bottom: 0px;
}

input.text+p.info.noPadLeft {
    padding-left: 0px;
}

.lock .input.beneficiary .submit {
    display: none;
}

.laodMore .icon {
    display: block;
    font-size: 1.5rem;
    margin-top: 3px;
}

.desktop .card__link:hover {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 20px;
}

.slick-dots li.hidden {
    display: none;
}

.dropdownWrap .error .multiSelect__control,
.dropdownWrap .error .Select-control,
.dropdownWrap .error .Select__control {
    border-color: rgb(248, 99, 69);
}

.skin .dropdownWrap .error .multiSelect__control,
.skin .dropdownWrap .error .Select-control,
.skin .dropdownWrap .error .Select__control {
    border-color: rgb(252, 194, 182);
}

.Select__single-value .tooltip {
    line-height: 1;
    margin-left: 5px !important;
}

.titleWrap h2+.tooltip {
    margin: 10px 0px 0px 10px;
}

#toTop {
    bottom: 0px;
    padding: 5px;
    position: fixed;
    right: calc(-624px + 50vw);
    text-align: center;
    transition: none;
}

.desktop .skin #toTop:hover .icon {
    color: rgb(168, 219, 254);
}

@media only screen and (max-width: 1280px) {
    #toTop {
        right: calc(2% - 5px);
    }
}

@media only screen and (max-width: 1023px) {
    #toTop {
        right: 10px;
    }
}

#toTop span {
    display: block;
}

#toTop .icon {
    background-color: rgb(255, 255, 255);
    color: rgb(12, 109, 179);
    font-size: 1.5rem;
    position: relative;
}

.skin #toTop .icon {
    background-color: rgb(1, 1, 1);
    color: rgb(255, 255, 255);
}

#toTop:focus {
    outline: none;
}

#toTop:focus .icon::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 23px;
    height: 23px;
    box-shadow: rgba(13, 129, 211, 0.6) 0px 0px 2.4px 0.6px;
}

#toTop::after {
    clear: both;
    content: "";
    display: block;
}

.skin .dd-menu-wrap .searchBar.inline {
    background-color: rgb(255, 255, 255);
}

.skin .dd-menu-wrap .searchBar.inline input {
    background-color: rgb(1, 1, 1);
}

.dd-menu-wrap .searchBar {
    padding: 20px 0px;
    margin: 0px;
}

.dd-menu-wrap .searchBar .inner {
    padding: 0px 18px;
}

.popup .searchBar {
    margin-bottom: 18px;
}

.popup .searchBar.noMargin {
    margin: 0px;
}

@media only screen and (max-width: 1023px) {
    .popup .searchBar {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.dd-menu-wrap .searchBar .inputWrap input {
    padding-right: 10px;
    padding-left: 40px;
}

.searchBar .inputWrap input.text:not(.readOnly):not(.error):focus {
    border-color: rgb(12, 109, 179);
}

.dd-menu-wrap .searchBar .inputWrap::before {
    left: 10px;
}

.searchBar .inner.auto p {
    margin: 12px 0px 0px;
    position: relative;
    top: auto;
}

.searchBar .inner {
    position: relative;
}

@media only screen and (max-width: 767px) {

    .alphabet li.m {
        width: 12%;
        min-width: 46px;
    }

    .english .alphabet li.m {
        width: 10%;
    }
}

@media only screen and (max-width: 639px) {

    .alphabet li.m {
        width: 15%;
    }

    .english .alphabet li.m {
        width: 13%;
    }
}

.popup .alphabet .letter {
    padding: 5px 7px;
}

@media only screen and (max-width: 480px) {
    .largeFont .popup .alphabet .letter {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.popup .alphabet {
    margin-bottom: 30px;
    padding-right: 52px;
    padding-left: 52px;
}

@media only screen and (max-width: 1023px) {
    .popup .alphabet {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .popup .alphabet {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.popup .letterSection h2,
.popup .letterSection h3 {
    margin-top: 1em;
}

.popup .letterSection th h3 {
    margin: 0px;
}

.resultsSection.letterSection .spaceRow>p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 100px);
    margin-bottom: 0px;
}

.resultsSection.letterSection .spaceRow>span:empty {
    display: none;
}

.popup .resultsSection .stripesWrap {
    margin-bottom: 34px;
}

.popup .resultsSection {
    padding-right: 52px;
    padding-left: 52px;
}

@media only screen and (max-width: 1023px) {
    .popup .resultsSection {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .popup .resultsSection {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.popup .resultsSection.letterSection--noPaddingX {
    padding-inline: 0px;
}

.popup .resultsSection .title {
    margin-bottom: 24px;
}

.alphabetWrap .iconBtn {
    flex-shrink: 0;
    margin-top: 5px;
}

.fieldCol .inputRow>p.error,
.inputRow>p.error {
    margin: 3px 0px 0px;
    width: 100%;
}

.tooltipLink .link {
    font-family: EurobankSansBold;
    font-size: 1.25rem;
}

@media only screen and (max-width: 767px) {
    .tooltipLink .link {
        font-size: 1.125rem;
    }
}

.tooltipLink .tooltip {
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {
    .tooltipLink .tooltip {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 480px) {

    .headerRow.spaceRow {
        flex-wrap: wrap;
    }

    .headerRow.spaceRow .actionsBar {
        margin-top: 10px;
        -webkit-box-pack: end;
        justify-content: flex-end;
        width: 100%;
    }

    .headerRow.spaceRow .actionsBar .item:last-child {
        padding-right: 0px;
    }
}

.submitBlock p.intro+.button {
    margin-top: -10px;
}

@media only screen and (max-width: 767px) {
    .headStripeWrap .text {
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 639px) {
    .headStripeWrap .text {
        flex-wrap: wrap;
    }

    .headStripeWrap .text p {
        display: block;
        width: 100%;
    }
}

.headStripeWrap .text .link {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
}

.headStripeWrap .text .link::before {
    background-color: rgba(101, 101, 102, 0.5);
    content: "";
    left: 0px;
    position: absolute;
    top: 5px;
    width: 1px;
    height: calc(100% - 10px);
}

@media only screen and (max-width: 767px) {
    .headStripeWrap .text .link {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 639px) {
    .headStripeWrap .text .link {
        margin-left: 0px;
        padding-left: 0px;
    }

    .headStripeWrap .text .link::before {
        display: none;
    }
}

.stickyBlock:not(.fixed) .headStripe .wrapper {
    padding: 0px;
    width: 100%;
}

.loginHeader {
    background-color: rgb(255, 255, 255);
    height: auto;
    box-shadow: rgba(1, 1, 1, 0.18) 0px 2px 5px 0px;
}

.skin .loginHeader {
    background-color: rgb(57, 57, 57);
}

.loginHeader h1 {
    margin: 0px;
    line-height: 0.9;
}

@media only screen and (max-width: 1023px) {
    .loginHeader h1 {
        margin-right: 20px;
    }
}

.loginHeader h1 a:focus-visible {
    outline: rgb(12, 109, 179) dashed 2px;
}

.loginHeader .logosWrap {
    width: 100%;
}

.loginHeader .logosWrap .logo {
    display: inline-block;
    vertical-align: middle;
}

.loginHeader .logosWrap img {
    border: 0px;
}

.loginHeader .headerInner {
    height: 89px;
}

.loginHeader .logo img {
    display: block;
}

.loginHeader.v1 .lang {
    background-color: transparent;
}

.loginHeader.v1 .lang .dd-title {
    margin: 0px 0px 0px auto;
}

.loginHeader .lang {
    background-color: rgb(234, 238, 239);
    display: inline-block;
    margin-left: 20px;
    text-align: center;
    vertical-align: middle;
    width: 67px;
    height: 89px;
}

.loginHeader .lang .dd-menu-wrap {
    display: inline-block;
    margin-top: 37px;
    vertical-align: top;
    width: 100%;
}

.loginHeader .lang img {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 17px;
    border: 0px;
}

.loginHeader .lang .dd-title {
    margin: 0px auto;
    width: 48px;
    font-family: EurobankSansBold, sans-serif;
    font-size: 1rem;
}

.loginHeader .lang .dd-title::after {
    color: rgb(101, 101, 102);
}

.skin .loginHeader .lang .dd-title,
.skin .loginHeader .lang .dd-title::after {
    color: rgb(168, 219, 254);
}

.loginHeader .lang .dd-title:focus-visible {
    outline: rgb(83, 164, 221) dashed 2px;
    outline-offset: 2px;
}

.loginHeader .lang .dd-menu {
    border-radius: 0px;
    text-align: center;
    top: 33px;
    width: 100%;
}

.loginHeader .lang .dd-menu a {
    padding: 10px 18px;
    font-family: EurobankSansBold, sans-serif;
    font-size: 1rem;
}

.loginFooter {
    background-color: rgb(74, 74, 74);
    padding-top: 26px;
    padding-bottom: 26px;
}

.loginFooter .copyright {
    color: rgb(255, 255, 255);
    font-family: EurobankSansLight;
    font-size: 0.75rem;
    line-height: 1;
    padding-right: 10px;
}

@media only screen and (max-width: 767px) {
    .loginFooter .copyright {
        margin-bottom: 20px;
        padding-right: 0px;
        text-align: center;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .loginFooter .spaceRow,
    .loginFooter .submitRow {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.loginFooter .contact {
    color: rgb(255, 255, 255);
    font-size: 1.063rem;
    line-height: 1.4;
    padding-left: 35px;
    position: relative;
}

.loginFooter .contact::before {
    content: "";
    font-family: icomoon;
    font-size: 2rem;
    left: 0px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
}

.loginFooter .contact a[href^="tel"] {
    color: rgb(255, 255, 255);
    font-family: EurobankSansBlack;
    text-decoration: none;
}

.loginFooter .colorChange {
    margin-top: 10px;
}

@media only screen and (max-width: 767px) {
    .loginFooter .colorChange {
        margin-bottom: 10px;
        text-align: center;
    }
}

.loginFooter--rebrand {
    background-color: rgb(255, 255, 255);
    border-top: 1px solid rgb(217, 217, 217);
}

.skin .loginFooter--rebrand {
    background-color: rgb(0, 0, 0);
}

.loginFooter--rebrand .contact,
.loginFooter--rebrand .copyright {
    color: rgb(74, 74, 74);
}

.skin .loginFooter--rebrand .contact,
.skin .loginFooter--rebrand .copyright {
    color: rgb(255, 255, 255);
}

.loginFooter--rebrand .contact a[href^="tel"] {
    color: rgb(12, 109, 179);
}

.desktop .loginFooter--rebrand .contact a[href^="tel"]:hover {
    color: rgb(12, 109, 179);
    border-bottom-color: currentcolor;
}

.skin .loginFooter--rebrand .contact a[href^="tel"] {
    color: rgb(255, 255, 255);
}

.desktop .skin .loginFooter--rebrand .contact a[href^="tel"]:hover {
    color: rgb(168, 219, 254);
}

.langingPage>.wrapper,
.loginPage>.wrapper {
    position: relative;
}

@media only screen and (max-width: 767px) {

    .loginPage {
        margin-top: 0px;
    }
}

.langingPage .boxesWrap,
.loginPage .boxesWrap {
    display: block;
}

@media only screen and (min-width: 1023px) {

    .loginPage .boxesWrap--centerDouble {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

.langingPage .promoInner,
.loginPage .promoInner {
    position: relative;
}

@media only screen and (max-width: 1023px) {

    .langingPage .promoInner,
    .loginPage .promoInner {
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.langingPage .loginBox,
.loginPage .loginBox {
    background-color: rgb(250, 250, 250);
    box-shadow: rgba(21, 25, 27, 0.3) 0px 2px 3px 0px;
    padding: 0px 23px 29px 37px;
    position: relative;
    width: 424px;
    border-radius: 4px;
}

.skin .langingPage .loginBox,
.skin .loginPage .loginBox {
    background-color: rgb(1, 1, 1);
}

.langingPage .loginBox.v1,
.loginPage .loginBox.v1 {
    background-color: rgb(255, 255, 255);
    padding: 0px;
    width: 400px;
}

.skin .langingPage .loginBox.v1,
.skin .loginPage .loginBox.v1 {
    background-color: rgb(1, 1, 1);
}

.langingPage .loginBox.v1 h2,
.langingPage .loginBox.v1 h3,
.loginPage .loginBox.v1 h2,
.loginPage .loginBox.v1 h3 {
    font-size: 1.75rem;
    letter-spacing: 0.02em;
    margin-bottom: 26px;
    margin-top: 0.8em;
    font-family: EurobankSansBlack;
    line-height: 1.1;
}

@media only screen and (max-width: 480px) {

    .langingPage .loginBox.v1 h2,
    .langingPage .loginBox.v1 h3,
    .loginPage .loginBox.v1 h2,
    .loginPage .loginBox.v1 h3 {
        letter-spacing: 0px;
    }
}

.langingPage .loginBox.v1 .submit,
.langingPage .loginBox.v1 input.text,
.loginPage .loginBox.v1 .submit,
.loginPage .loginBox.v1 input.text {
    width: 100%;
}

@media only screen and (max-width: 480px) {

    .langingPage .loginBox.v1 .submit,
    .langingPage .loginBox.v1 input.text,
    .loginPage .loginBox.v1 .submit,
    .loginPage .loginBox.v1 input.text {
        width: 100%;
    }
}

@media only screen and (max-width: 1023px) {

    .langingPage .loginBox,
    .loginPage .loginBox {
        display: inline-block;
        margin: 20px 0px;
        vertical-align: top;
    }
}

@media only screen and (max-width: 480px) {

    .langingPage .loginBox,
    .loginPage .loginBox {
        padding: 0px 15px 29px;
    }
}

.langingPage .loginBox h2,
.langingPage .loginBox h3,
.loginPage .loginBox h2,
.loginPage .loginBox h3 {
    margin: 1.4em 0px 0.8em;
}

.langingPage .loginBox label,
.loginPage .loginBox label {
    display: block;
    margin: 0px 0px 6px;
}

.langingPage .loginBox input.text,
.loginPage .loginBox input.text {
    margin-right: 5px;
}

.langingPage .loginBox .submit,
.langingPage .loginBox input.text,
.loginPage .loginBox .submit,
.loginPage .loginBox input.text {
    width: 326px;
}

@media only screen and (max-width: 480px) {

    .langingPage .loginBox .submit,
    .langingPage .loginBox input.text,
    .loginPage .loginBox .submit,
    .loginPage .loginBox input.text {
        width: 235px;
    }
}

.langingPage .loginBox input.text,
.loginPage .loginBox input.text {
    padding-right: 50px;
}

.langingPage .loginBox .field,
.loginPage .loginBox .field {
    margin: 0px 0px 15px;
}

.langingPage .loginBox .submit,
.loginPage .loginBox .submit {
    margin: 0px 0px 4px;
}

.langingPage .loginBox .password .icon,
.loginPage .loginBox .password .icon {
    margin: 0px;
}

.langingPage .loginBoxInner,
.loginPage .loginBoxInner {
    padding: 9px 20px 29px;
}

@media only screen and (max-width: 480px) {

    .langingPage .loginBoxInner,
    .loginPage .loginBoxInner {
        padding: 0px 15px 24px;
    }
}

.langingPage .register,
.loginPage .register {
    background-color: rgb(246, 246, 246);
    padding: 17px 10px;
    text-align: center;
    border-radius: 0px 0px 4px 4px;
}

.skin .langingPage .register,
.skin .loginPage .register {
    background-color: rgb(57, 57, 57);
}

.loginPage .promoLinks {
    font-size: 0px;
    padding-left: 424px;
}

.loginPage .promoLinks .half {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 50%;
}

.loginPage .promoLinks .half:first-child:not(:last-child)::after {
    background-color: rgb(255, 255, 255);
    content: "";
    position: absolute;
    right: -1px;
    top: 0px;
    width: 2px;
    height: 100%;
}

.langingPage .promoLinks .half .inner,
.loginPage .promoLinks .half .inner {
    padding: 0px 10px;
    height: 71px;
}

@media only screen and (max-width: 1023px) {

    .loginPage .promoLinks {
        padding-left: 0px;
    }
}

.langingPage .loginPromo,
.loginPage .loginPromo {
    background-color: rgb(250, 250, 250);
    margin-top: -22px;
}

.langingPage .loginPromo.v1,
.loginPage .loginPromo.v1 {
    position: relative;
    padding-top: 68px;
    padding-bottom: 75px;
}

@media only screen and (max-width: 767px) {

    .langingPage .loginPromo.v1,
    .loginPage .loginPromo.v1 {
        padding-top: 18px;
        padding-bottom: 15px;
    }
}

.langingPage .loginPromo .bg,
.loginPage .loginPromo .bg {
    background-position: 100% center;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.langingPage .loginPromo .bg::before,
.loginPage .loginPromo .bg::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: rgba(1, 1, 1, 0.2);
}

@media only screen and (max-width: 1023px) {

    .langingPage .loginPromo .bg iframe,
    .loginPage .loginPromo .bg iframe {
        display: none;
    }
}

.langingPage .promoText,
.loginPage .promoText {
    margin-bottom: 26px;
    position: relative;
    padding: 0px 10px 0px 93px;
    width: calc(100% - 424px);
}

.langingPage .promoText span,
.loginPage .promoText span {
    color: rgb(255, 255, 255);
    font-size: 1.375rem;
}

.langingPage .promoText h2,
.langingPage .promoText h3,
.loginPage .promoText h2,
.loginPage .promoText h3 {
    color: rgb(255, 255, 255);
    font-family: EurobankSansBlack;
    font-size: 2.875rem;
    margin-top: 0.2em;
    text-shadow: rgba(1, 1, 1, 0.14) 0px 0px 10px;
}

@media only screen and (max-width: 767px) {

    .langingPage .promoText h2,
    .langingPage .promoText h3,
    .loginPage .promoText h2,
    .loginPage .promoText h3 {
        font-size: 2.5rem;
    }
}

.langingPage .promoText.v1,
.loginPage .promoText.v1 {
    width: calc(100% - 506px);
}

.langingPage .promoText.v1 h2,
.langingPage .promoText.v1 h3,
.loginPage .promoText.v1 h2,
.loginPage .promoText.v1 h3 {
    font-size: 2.5rem;
}

@media only screen and (max-width: 1023px) {

    .langingPage .promoText.v1,
    .loginPage .promoText.v1 {
        padding: 0px;
        text-align: center;
        width: 100%;
    }
}

.langingPage .promoText.noPaddingLeft,
.loginPage .promoText.noPaddingLeft {
    padding-left: 0px;
}

@media only screen and (max-width: 1280px) {

    .langingPage .promoText,
    .loginPage .promoText {
        padding-left: 50px;
    }
}

@media only screen and (max-width: 1023px) {

    .langingPage .promoText,
    .loginPage .promoText {
        padding: 0px;
        text-align: center;
        width: 100%;
    }
}

.langingPage .introSec,
.loginPage .introSec {
    margin: 17px 0px 64px;
}

.langingPage .introSec h2,
.langingPage .introSec h3,
.loginPage .introSec h2,
.loginPage .introSec h3 {
    font-size: 2.375rem;
    margin-bottom: 0.3em;
}

@media only screen and (max-width: 480px) {

    .langingPage .introSec h2,
    .langingPage .introSec h3,
    .loginPage .introSec h2,
    .loginPage .introSec h3 {
        font-size: 2.125rem;
    }
}

.langingPage .introSec p,
.loginPage .introSec p {
    font-size: 1.25rem;
    line-height: 1.2;
}

@media only screen and (max-width: 480px) {

    .langingPage .introSec p,
    .loginPage .introSec p {
        font-size: 1.125rem;
    }
}

.langingPage .introSec .introText,
.loginPage .introSec .introText {
    padding-right: 34%;
}

@media only screen and (max-width: 1280px) {

    .langingPage .introSec .introText,
    .loginPage .introSec .introText {
        padding-right: 20%;
    }
}

@media only screen and (max-width: 1023px) {

    .langingPage .introSec .introText,
    .loginPage .introSec .introText {
        padding-right: 0px;
    }
}

.langingPage .linkBox a,
.loginPage .linkBox a {
    background-color: rgb(250, 250, 250);
    border-radius: 5px;
    box-shadow: rgba(21, 25, 27, 0.3) 0px 2px 3px 0px;
    color: rgb(74, 74, 74);
    font-family: EurobankSansBold;
    font-size: 1.375rem;
    padding: 10px;
    transition: box-shadow 0.25s ease-out;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 289px;
}

.desktop .langingPage .linkBox a:hover,
.desktop .loginPage .linkBox a:hover,
.langingPage .linkBox a:focus,
.loginPage .linkBox a:focus {
    box-shadow: rgba(21, 25, 27, 0.2) 0px 1px 3px 2px;
}

@media only screen and (max-width: 480px) {

    .langingPage .linkBox a,
    .loginPage .linkBox a {
        font-size: 1.125rem;
    }
}

@media only screen and (max-width: 1280px) {

    .langingPage .linkBox a,
    .loginPage .linkBox a {
        height: calc(-23px + 24vw);
    }
}

@media only screen and (max-width: 1023px) {

    .langingPage .linkBox a,
    .loginPage .linkBox a {
        margin: 10px 0px;
        height: calc(-34px + 50vw);
    }
}

.langingPage .linkBox a:focus-visible,
.loginPage .linkBox a:focus-visible {
    outline: rgb(83, 164, 221) dashed 2px;
    outline-offset: 2px;
}

.langingPage .linkBox .icon,
.loginPage .linkBox .icon {
    background-color: rgb(229, 38, 0);
    border-radius: 50%;
    width: 90px;
    height: 90px;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 2.75rem;
    line-height: 90px;
    margin-bottom: 18px;
}

@media only screen and (max-width: 480px) {

    .langingPage .linkBox .icon,
    .loginPage .linkBox .icon {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        font-size: 1.625rem;
        line-height: 60px;
        margin-bottom: 10px;
    }
}

.langingPage .linkBox .text,
.loginPage .linkBox .text {
    flex-basis: 100%;
    display: block;
}

.langingPage .linkBox .text span,
.loginPage .linkBox .text span {
    display: inline-block;
}

.langingPage .bannersSec,
.loginPage .bannersSec {
    background-color: rgb(250, 250, 250);
    margin: 64px 0px 0px;
    padding: 60px 0px;
}

@media only screen and (max-width: 1280px) {

    .langingPage .bannersSec,
    .loginPage .bannersSec {
        margin: 50px 0px 0px;
        padding: 50px 0px;
    }
}

@media only screen and (max-width: 480px) {

    .langingPage .bannersSec,
    .loginPage .bannersSec {
        padding: 40px 0px;
    }
}

.langingPage .bannersSec .bannersWrapFlex,
.loginPage .bannersSec .bannersWrapFlex {
    width: 100%;
}

@media only screen and (max-width: 767px) {

    .langingPage .bannersSec .bannersWrapFlex,
    .loginPage .bannersSec .bannersWrapFlex {
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

.langingPage .bannersSec .bannersWrapFlex .bnr,
.loginPage .bannersSec .bannersWrapFlex .bnr {
    width: 33.3333%;
    padding: 0px 10px;
}

@media only screen and (max-width: 767px) {

    .langingPage .bannersSec .bannersWrapFlex .bnr,
    .loginPage .bannersSec .bannersWrapFlex .bnr {
        width: auto;
    }
}

.langingPage .bannersSec .bannersWrapFlex a,
.loginPage .bannersSec .bannersWrapFlex a {
    display: inline-block;
    margin: 10px 0px;
    vertical-align: top;
    max-width: 100%;
}

.langingPage .bannersSec .bannersWrapFlex .video,
.loginPage .bannersSec .bannersWrapFlex .video {
    vertical-align: top;
    margin: 10px 0px;
    max-width: 398px;
    border-radius: 5px;
    overflow: hidden;
}

.langingPage .bannersSec .bannersWrapFlex .video iframe,
.loginPage .bannersSec .bannersWrapFlex .video iframe {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 767px) {

    .langingPage .bannersSec .bannersWrapFlex .video,
    .loginPage .bannersSec .bannersWrapFlex .video {
        min-height: 345px;
        width: 100%;
        max-width: 398px;
    }
}

.loginPage .promoRegister {
    margin: 60px 0px 0px;
}

.loginPage .promoStripe.btnStripe {
    font-family: EurobankSans;
    font-size: 1.25rem;
}

@media only screen and (max-width: 480px) {

    .loginPage .promoStripe.btnStripe {
        font-size: 1.125rem;
    }
}

.loginPage .promoStripe.btnStripe>* {
    display: inline-block;
    vertical-align: middle;
}

.langingPage .promoStripe .icon,
.loginPage .promoStripe .icon {
    color: rgb(12, 109, 179);
    font-size: 2.125rem;
}

.langingPage .promoStripe span:not(.icon),
.loginPage .promoStripe span:not(.icon) {
    padding-left: 20px;
    max-width: calc(100% - 50px);
}

@media only screen and (max-width: 480px) {

    .langingPage .promoStripe span:not(.icon),
    .loginPage .promoStripe span:not(.icon) {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {

    .langingPage .bannersWrap,
    .loginPage .bannersWrap {
        text-align: center;
    }
}

.langingPage .bannersWrap a,
.loginPage .bannersWrap a {
    display: inline-block;
    margin: 10px 0px;
    vertical-align: top;
    max-width: 100%;
}

.langingPage .bannersWrap a:focus-visible,
.loginPage .bannersWrap a:focus-visible {
    outline: rgb(83, 164, 221) dashed 2px;
    outline-offset: 2px;
}

.loginPage p.intro {
    line-height: 1.4;
}

h2+.loginPage p.intro,
h3+.loginPage p.intro {
    margin-top: -0.5em;
}

.loginPage .infoSection p.intro {
    color: rgb(101, 101, 102);
    font-size: 1.25rem;
    margin: 1.15em 0px;
}

.skin .loginPage .infoSection p.intro {
    color: rgb(255, 255, 255);
}

.loginPage .steps {
    margin: 62px 0px 93px;
}

.loginPage .steps.steps2 {
    margin-left: auto;
    margin-right: auto;
}

.loginPage .infoBox {
    margin-bottom: 17px;
}

.loginPage .infoBox h4 {
    font-size: 1.25rem;
}

.loginPage .infoBox p {
    font-size: 1rem;
}

.loginPage .infoBox p.b {
    font-size: 1.375rem;
}

.loginPage .infoBox p.b2 {
    font-size: 1.25rem;
}

.loginPage .infoBox.s p {
    font-size: 0.875rem;
}

.loginPage .infoBox.spaceBtm {
    margin-bottom: 40px;
}

.loginPage .checkboxField {
    margin: 6px 0px;
}

.loginPage .formWrap:not(.noSpace) {
    margin-bottom: 56px;
}

@media only screen and (max-width: 1023px) {

    .loginPage .formWrap:not(.noSpace) {
        margin-bottom: 48px;
    }
}

@media only screen and (max-width: 767px) {

    .loginPage .formWrap:not(.noSpace) {
        margin-bottom: 32px;
    }
}

.loginPage .formWrap:not(.noSpace):last-child {
    margin-bottom: 0px;
}

.loginPage .formBlock.gray {
    padding: 40px 0px 32px;
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.gray {
        padding: 32px 10px;
    }

    .loginPage .formBlock.gray> :not(.formRow) {
        padding-right: 10px;
        padding-left: 10px;
    }

    .loginPage .formBlock.gray>.submitRow,
    .loginPage .formBlock.gray> :not(.formRow).smallNoPadding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .loginPage .formBlock.gray .infoBox.auto {
        padding-left: 45px;
        padding-right: 0px;
    }
}

.loginPage .formBlock.gray.noSpaceTop .formRow:first-child {
    margin-top: 0px;
}

.loginPage .formBlock.gray .title.flex p,
.loginPage .formBlock.gray h3.title,
.loginPage .formBlock.gray p.title {
    color: rgb(74, 74, 74);
    margin: 0px 0px 1em;
    font-family: EurobankSansBold;
    font-size: 1.375rem;
    line-height: 1.3;
}

.skin .loginPage .formBlock.gray .title.flex p,
.skin .loginPage .formBlock.gray h3.title,
.skin .loginPage .formBlock.gray p.title {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.gray .title.flex p,
    .loginPage .formBlock.gray h3.title,
    .loginPage .formBlock.gray p.title {
        font-size: 1.25rem;
    }
}

.langingPage .formBlock.gray .title.flex p.blue,
.langingPage .formBlock.gray h3.title.blue,
.langingPage .formBlock.gray p.title.blue,
.loginPage .formBlock.gray .title.flex p.blue,
.loginPage .formBlock.gray h3.title.blue,
.loginPage .formBlock.gray p.title.blue {
    color: rgb(18, 87, 138);
}

.skin .langingPage .formBlock.gray .title.flex p.blue,
.skin .langingPage .formBlock.gray h3.title.blue,
.skin .langingPage .formBlock.gray p.title.blue,
.skin .loginPage .formBlock.gray .title.flex p.blue,
.skin .loginPage .formBlock.gray h3.title.blue,
.skin .loginPage .formBlock.gray p.title.blue {
    color: rgb(255, 255, 255);
}

.loginPage .formBlock.gray .title.flex p.spaceTop,
.loginPage .formBlock.gray h3.title.spaceTop,
.loginPage .formBlock.gray p.title.spaceTop {
    margin-top: 35px;
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.gray .title.flex p.spaceTop,
    .loginPage .formBlock.gray h3.title.spaceTop,
    .loginPage .formBlock.gray p.title.spaceTop {
        margin-top: 25px;
    }
}

.loginPage .formBlock.gray h2.title {
    margin: 0px 0px 1em;
    font-size: 1.375rem;
    font-family: EurobankSansBold;
}

.loginPage .formBlock.gray h2.title.spaceTop {
    margin-top: 35px;
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.gray h2.title.spaceTop {
        margin-top: 25px;
    }
}

.loginPage .formBlock.gray .title.flex p {
    margin: 0px;
}

.loginPage .formBlock.gray .title.flex.s p,
.loginPage .formBlock.gray p.title.s {
    font-size: 1.125rem;
}

.loginPage .formBlock.gray .title.flex.b p,
.loginPage .formBlock.gray .title:not(.h3),
.loginPage .formBlock.gray p.title.b {
    font-family: EurobankSans, sans-serif;
    font-size: 1.625rem;
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.gray .title.flex.b p,
    .loginPage .formBlock.gray .title:not(.h3),
    .loginPage .formBlock.gray p.title.b {
        margin-bottom: 1.2em;
        font-size: 1.375rem;
    }
}

.loginPage .formBlock.gray .title,
.loginPage .formBlock.gray .title.flex,
.loginPage .formBlock.gray p.title {
    margin-bottom: 1.5em;
    max-width: 78%;
}

.langingPage .formBlock.gray .title.flex .tooltip,
.langingPage .formBlock.gray .title .tooltip,
.langingPage .formBlock.gray p.title .tooltip,
.loginPage .formBlock.gray .title.flex .tooltip,
.loginPage .formBlock.gray .title .tooltip,
.loginPage .formBlock.gray p.title .tooltip {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    line-height: 1;
}

@media only screen and (max-width: 1023px) {

    .loginPage .formBlock.gray .title,
    .loginPage .formBlock.gray .title.flex,
    .loginPage .formBlock.gray p.title {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.gray .title,
    .loginPage .formBlock.gray .title.flex,
    .loginPage .formBlock.gray p.title {
        margin-bottom: 1em;
        padding-left: 0px;
    }
}

.loginPage .formBlock.gray p.title+p {
    margin-top: -0.5em;
}

.loginPage .formBlock.gray .formBlock.imgForm {
    background-color: transparent;
    margin-top: 0px;
    margin-bottom: -32px;
    padding-top: 32px;
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.gray .formBlock.imgForm {
        padding-top: 24px;
    }
}

.loginPage .formBlock.gray p.title.noSpaceBtm {
    margin-bottom: 0px;
}

.loginPage .formBlock.imgForm {
    background-color: rgb(246, 246, 246);
    overflow: hidden;
    margin-top: 39px;
    padding: 48px 0px 32px;
    position: relative;
}

.skin .loginPage .formBlock.imgForm {
    background-color: rgb(89, 89, 89);
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.imgForm {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.loginPage .formBlock.imgForm .img {
    position: absolute;
}

.loginPage .formBlock.imgForm .img.leaf {
    transform: rotate(24deg);
    bottom: -52px;
    right: 42px;
    width: 172px;
    height: auto;
}

@media only screen and (max-width: 1023px) {

    .loginPage .formBlock.imgForm .img.leaf {
        right: 10px;
    }
}

.loginPage .formBlock.imgForm h3.title,
.loginPage .formBlock.imgForm p.title {
    color: rgb(74, 74, 74);
    font-family: EurobankSansBold;
    font-size: 1.375rem;
    line-height: 1.3;
    margin-bottom: 1.5em;
    padding: 0px 40px;
    max-width: 88%;
}

.skin .loginPage .formBlock.imgForm h3.title,
.skin .loginPage .formBlock.imgForm p.title {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {

    .loginPage .formBlock.imgForm h3.title,
    .loginPage .formBlock.imgForm p.title {
        font-size: 1.25rem;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 100%;
    }
}

.loginPage .formBlock.imgForm h3.title {
    margin-top: 0px;
}

.loginPage .inactiveAlert {
    color: rgb(150, 152, 155);
    font-size: 0.875rem;
    margin: 0px;
}

.inlineFields .loginPage .inactiveAlert {
    max-width: 165px;
}

.loginPage .infoBox .icon-exclamation {
    color: rgb(248, 99, 69);
    font-size: 1.5rem;
    left: 15px;
    position: absolute;
}

.loginPage .infoBox:not(.auto) {
    top: 18px;
}

.imgSteps.stepsWrap .icon {
    background-color: rgb(246, 246, 246);
    border-radius: 50%;
    width: 84px;
    height: 84px;
    line-height: 84px;
    position: relative;
}

@media only screen and (max-width: 480px) {
    .imgSteps.stepsWrap .icon {
        line-height: 64px;
        width: 64px;
        height: 64px;
    }
}

.imgSteps.stepsWrap .icon::after {
    right: -18px;
}

@media only screen and (max-width: 480px) {
    .imgSteps.stepsWrap .icon::after {
        right: -10px;
    }
}

.imgSteps.stepsWrap .icon::before {
    left: -18px;
}

@media only screen and (max-width: 480px) {
    .imgSteps.stepsWrap .icon::before {
        left: -10px;
    }
}

.imgSteps.stepsWrap .icon::after,
.imgSteps.stepsWrap .icon::before {
    background-color: rgb(255, 255, 255);
    content: "";
    position: absolute;
    top: 41px;
    width: 18px;
    height: 2px;
}

@media only screen and (max-width: 480px) {

    .imgSteps.stepsWrap .icon::after,
    .imgSteps.stepsWrap .icon::before {
        top: 31px;
        width: 10px;
    }
}

.imgSteps.stepsWrap .icon img {
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: auto;
}

.imgSteps.stepsWrap .icon img.b {
    width: 55px;
}

@media only screen and (max-width: 480px) {
    .imgSteps.stepsWrap .icon img.b {
        width: 38px;
    }
}

@media only screen and (max-width: 480px) {
    .imgSteps.stepsWrap .icon img {
        width: 24px;
    }
}

.stepBoxes--3 .stepBox .text {
    width: calc(100% - 115px);
}

.stepBox .inner {
    background-color: rgb(246, 246, 246);
    height: 222px;
}

.skin .stepBox .inner {
    background-color: rgb(89, 89, 89);
}

.stepBoxes--flex .stepBox .inner {
    height: 100%;
    padding-block: 20px;
    align-items: flex-start;
}

.stepBox .text {
    width: calc(100% - 200px);
    padding-right: 25px;
}

@media only screen and (max-width: 1023px) {
    .stepBox .text {
        padding-right: 15px;
        width: calc(100% - 100px);
    }
}

.stepBox--withBtn .text {
    height: 100%;
    padding-bottom: 45px;
    position: relative;
}

.stepBox__button.link {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: left !important;
}

.popupHeader .stepTag {
    margin-bottom: 10px;
}

.stepRow .button {
    margin-top: 9px;
}

.inlineFields--auto .text {
    width: 100%;
}

.inlineFields--auto .button {
    padding-right: 16px;
    padding-left: 16px;
}

.promoWrap .text {
    position: relative;
    max-width: 390px;
    height: 348px;
}

@media only screen and (max-width: 767px) {
    .promoWrap .text {
        height: 326px;
        max-width: 280px;
    }
}

.promoWrap .text h2 {
    color: rgb(74, 74, 74);
    font-family: EurobankSansBold;
    font-size: 2.875rem;
    margin: 0.2em 0px;
}

@media only screen and (max-width: 767px) {
    .promoWrap .text h2 {
        font-size: 2rem;
    }
}

.skin .promoWrap .text h2 {
    color: rgb(255, 255, 255);
}

.promoWrap .text p {
    color: rgb(74, 74, 74);
    font-size: 1.25rem;
    letter-spacing: 0.005em;
    line-height: 1.3;
    margin-bottom: 1.2em;
}

@media only screen and (max-width: 767px) {
    .promoWrap .text p {
        font-size: 1.125rem;
    }
}

.skin .promoWrap .text p {
    color: rgb(255, 255, 255);
}

.promoWrap .text .button {
    display: inline-block;
    vertical-align: top;
}

@media only screen and (max-width: 480px) {
    .promoWrap .text .button {
        width: auto;
    }
}

.promoWrap .text .inner {
    max-width: 100%;
}

.promoWrap.light .text h2,
.promoWrap.light .text p {
    color: rgb(74, 74, 74);
}

.promoSection .wrapper {
    position: relative;
}

.desktop .boxItem__radio:not(:checked):hover~.boxItem__btm,
.desktop .boxItem__radio:not(:checked):hover~.boxItem__content {
    opacity: 1;
}

.desktop .boxItem.fullLink:hover {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.35) 0px 4px 20px;
}

.boxItem .cnt .text-line.m {
    width: 204px;
}

.skin .boxItem .boxLink:hover~.accountBlock .over .icon {
    color: rgb(1, 1, 1);
}

.skin .boxItem .boxLink:hover~.button,
.skin .boxItem .boxLink:hover~.button.blue {
    background-color: rgb(1, 1, 1);
    color: rgb(255, 255, 255);
}

.boxItem .button,
.boxItem .link:not(.link--rel) {
    bottom: 18px;
    left: 24px;
    position: absolute;
    z-index: 2;
}

@media only screen and (max-width: 1280px) {

    .largeFont .boxItem .button,
    .largeFont .boxItem .link:not(.link--rel) {
        left: 8px;
    }
}

@media only screen and (max-width: 1023px) {

    .largeFont .boxItem .button,
    .largeFont .boxItem .link:not(.link--rel) {
        left: 24px;
    }
}

@media only screen and (max-width: 480px) {

    .boxItem .button,
    .boxItem .link:not(.link--rel) {
        left: 20px;
        width: calc(100% - 40px);
    }

    .largeFont .boxItem .button,
    .largeFont .boxItem .link:not(.link--rel) {
        left: 20px;
    }
}

.boxItem tr.link {
    bottom: auto;
    left: auto;
    position: relative;
}

@media only screen and (max-width: 1280px) {
    .largeFont .boxItem tr.link {
        left: auto;
    }
}

@media only screen and (max-width: 1023px) {
    .largeFont .boxItem tr.link {
        left: auto;
    }
}

@media only screen and (max-width: 480px) {
    .boxItem tr.link {
        left: auto;
        width: 100%;
    }

    .largeFont .boxItem tr.link {
        left: auto;
    }
}

.boxItem .btnWrap .button,
.boxItem .btnWrap .link {
    position: relative;
    bottom: auto;
    left: auto;
}

@media only screen and (max-width: 1023px) {

    .boxItem .btnWrap .button,
    .boxItem .btnWrap .link {
        left: auto !important;
    }

    .boxItem .btnWrap .button:not(:last-child),
    .boxItem .btnWrap .link:not(:last-child) {
        margin-right: 10px;
    }
}

.skin .boxItem .link {
    color: rgb(168, 219, 254);
}

.boxItem .accountBlock .over .icon {
    margin-left: -26px;
    margin-top: -26px;
    left: 50%;
    position: absolute;
    top: 50%;
}

.skin .boxItem .accountBlock .over .icon {
    color: rgb(1, 1, 1);
}

.boxItem .iconBtn {
    z-index: 2;
}

.imgTextBox .text {
    border-top: 7px solid rgb(229, 38, 0);
    padding: 24px 22px 55px;
    height: 53%;
    border-radius: 0px 0px 4px 4px;
}

.corporate .imgTextBox .text,
.inactive .imgTextBox .text {
    border-top-color: rgb(150, 152, 155);
    background-color: rgb(250, 250, 250);
}

.skin .corporate .imgTextBox .text,
.skin .inactive .imgTextBox .text {
    background-color: rgb(89, 89, 89);
}

.boxItem--noBorder .imgTextBox .text {
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

@media only screen and (max-width: 1023px) {
    .imgTextBox .text {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.boxesWrap.spaceTop {
    margin-top: 20px;
}

.boxesWrap.alignStart .boxItem .pieWrap {
    min-height: 360px;
}

.boxesWrap .boxItem {
    margin: 10px;
    width: calc(33.33% - 14px);
}

@media only screen and (max-width: 1023px) {
    .boxesWrap .boxItem {
        width: calc(50% - 10px);
    }

    .boxesWrap .boxItem:nth-child(2n+1) {
        margin-right: 10px;
        margin-left: 0px;
    }

    .boxesWrap .boxItem:nth-child(2n) {
        margin-left: 10px;
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .boxesWrap .boxItem--full~.boxItem:nth-child(2n+1) {
        margin-left: 10px !important;
        margin-right: 0px !important;
    }

    .boxesWrap .boxItem--full~.boxItem:nth-child(2n) {
        margin-right: 10px !important;
        margin-left: 0px !important;
    }
}

.boxesWrap .boxItem:nth-child(3n+1):not(.item2_3):not(.item1_3) {
    margin-left: 0px;
}

@media only screen and (max-width: 1023px) {
    .boxesWrap .boxItem:nth-child(3n+1):not(.item2_3):not(.item1_3):nth-child(2n) {
        margin-left: 10px;
    }
}

.boxesWrap .boxItem:nth-child(3n+3):not(.item2_3):not(.item1_3) {
    margin-right: 0px;
}

@media only screen and (max-width: 1023px) {
    .boxesWrap .boxItem:nth-child(3n+3):not(.item2_3):not(.item1_3):nth-child(2n+1) {
        margin-right: 10px;
    }
}

.boxesWrap .boxItem.item2_3 {
    width: calc(67% - 10px);
}

.boxesWrap .boxItem.item1_3 {
    width: calc(33% - 10px);
}

.boxesWrap .boxItem.item1_3:nth-child(2n+1),
.boxesWrap .boxItem.item2_3:nth-child(2n+1) {
    margin-left: 0px;
}

.boxesWrap .boxItem.item1_3:nth-child(2n),
.boxesWrap .boxItem.item2_3:nth-child(2n) {
    margin-right: 0px;
}

@media only screen and (max-width: 1023px) {
    .boxesWrap .boxItem.tabletFull {
        flex-basis: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.epistrofiBanner .inner {
    position: relative;
    text-align: center;
}

.epistrofiBanner .text {
    margin: 0px auto;
    max-width: 80%;
}

.imgBox .inner {
    position: relative;
    height: 100%;
}

.imgBox .text {
    background-color: rgba(1, 1, 1, 0.4);
    bottom: 0px;
    left: 0px;
    padding: 23px 24px 14px;
    position: absolute;
    width: 100%;
}

.skin .imgBox .text {
    background-color: rgb(89, 89, 89);
}

@media only screen and (max-width: 1023px) {
    .imgBox .text {
        padding: 10px 15px;
    }
}

.imgBox .text.normal p {
    font-family: EurobankSansBold;
}

.imgBox .text p {
    color: rgb(255, 255, 255);
    font-family: EurobankSansBlackItalic;
    font-size: 1.375rem;
    letter-spacing: 0.013em;
    margin-bottom: 0px;
}

.imgBox .text p.s {
    font-family: EurobankSansBold;
    font-size: 1.25rem;
    letter-spacing: 0.005em;
}

@media only screen and (max-width: 1023px) {
    .imgBox .text p {
        font-size: 1.25rem;
        line-height: 1.2;
    }

    .imgBox .text p.s {
        font-size: 1.125rem;
    }

    .imgBox .text p:not(:last-child) {
        margin-bottom: 0.2em;
    }
}

@media only screen and (max-width: 1023px) {

    .boxItem .promoBox .button,
    .boxItem .promoBox .link {
        left: 15px;
    }
}

.promoBox .icon:not(.icon-refresh):not(.icon-reset):not(.icon-paper_pin) {
    border-radius: 50%;
    width: 96px;
    height: 96px;
    background-color: rgb(229, 38, 0);
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 3.125rem;
    line-height: 96px;
    text-align: center;
    vertical-align: top;
}

.skin .promoBox .icon:not(.icon-refresh):not(.icon-reset):not(.icon-paper_pin) {
    background-color: rgb(255, 255, 255);
    color: rgb(1, 1, 1);
}

.promoBox .icon:not(.icon-refresh):not(.icon-reset):not(.icon-paper_pin).icon-epistrofi {
    color: rgb(244, 129, 31);
    background-color: rgb(104, 47, 116);
}

.skin .promoBox .icon:not(.icon-refresh):not(.icon-reset):not(.icon-paper_pin).icon-epistrofi {
    color: rgb(255, 255, 255);
    background-color: rgb(1, 1, 1);
}

.promoBox .icon:not(.icon-refresh):not(.icon-reset):not(.icon-paper_pin).icon-epistrofi-rebrand {
    background: linear-gradient(0deg, rgb(2, 19, 66), rgb(0, 80, 181));
}

.promoBox .icon:not(.icon-refresh):not(.icon-reset):not(.icon-paper_pin).icon-epistrofi-rebrand::before {
    width: 43px;
    height: 49px;
}

@media only screen and (max-width: 1023px) {
    .promoBox .icon:not(.icon-refresh):not(.icon-reset):not(.icon-paper_pin) {
        font-size: 2.813rem;
        line-height: 80px;
        width: 80px;
        height: 80px;
    }
}

.promoBox .inner {
    max-width: 100%;
}

.desktop .viewBtn:not(.active):hover {
    background: rgb(12, 109, 179);
}

.desktop .skin .viewBtn:hover {
    background: rgb(168, 219, 254);
}

.desktop .viewBtn--transparent:not(.active):hover {
    color: rgb(12, 109, 179);
}

.desktop .skin .viewBtn--transparent:not(.active):hover {
    color: rgb(168, 219, 254);
}

.iconText .icon {
    flex-shrink: 0;
    color: rgb(101, 101, 102);
    font-size: 2.625rem;
    margin-right: 20px;
    width: 42px;
}

.skin .iconText .icon {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 1023px) {
    .iconText .icon {
        font-size: 2.25rem;
        margin-right: 6px;
        width: 36px;
    }
}

@media only screen and (max-width: 767px) {

    .promoRow .button {
        width: 100%;
    }
}

.skin .wideSec.grayBlue a.link,
.skin .wideSec.grayBlue button.iconBtn,
.skin .wideSec.grayBlue button.link,
.skin .wideSec.grayBlue p.info.icon::before {
    color: rgb(1, 1, 1);
}

.skin .wideSec.grayBlue button.iconBtn.remove {
    color: rgb(168, 219, 254);
}

.skin .wideSec.grayBlue button.iconBtn.remove:hover {
    color: rgb(248, 99, 69);
}

.skin .wideSec.gray .buttonsWrap a.link,
.skin .wideSec.gray .buttonsWrap button.link {
    color: rgb(1, 1, 1);
}

.grayPadTabs .spaceRow.pLeft {
    border-top: 1px solid rgb(204, 204, 204);
    padding-left: 35px;
    padding-top: 1em;
}

@media only screen and (max-width: 767px) {

    .grayPadTabs .spaceRow.pLeft {
        padding-left: 11px;
    }
}

.grayPadTabs .spaceRow+.whitePadAcc {
    padding-top: 18px;
}

.errorBlock .icon {
    font-size: 1.5rem;
    color: rgb(248, 99, 69);
    margin-right: 10px;
}

.skin .errorBlock .icon {
    color: rgb(252, 194, 182);
}

.errorBlock p.error {
    line-height: 1.2;
}

footer {
    background-color: rgb(74, 74, 74);
    padding: 48px 0px 41px;
    margin-top: 60px;
}

@media only screen and (max-width: 1023px) {
    footer {
        padding: 35px 0px;
    }
}

@media only screen and (max-width: 767px) {
    footer {
        padding-top: 24px;
        padding-bottom: 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    footer .inner {
        flex-wrap: wrap;
    }
}

footer .contact {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    letter-spacing: 0.005em;
    line-height: 1.4;
    margin: 0px 0px 30px;
    padding-left: 46px;
    position: relative;
}

footer .contact::before {
    content: "";
    font-family: icomoon;
    font-size: 1.563rem;
    left: 12px;
    position: absolute;
    top: 2px;
}

@media only screen and (max-width: 1023px) {
    footer .contact {
        padding-left: 0px;
    }

    footer .contact::before {
        display: block;
        left: 0px;
        margin-bottom: 10px;
        position: relative;
        top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    footer .contact {
        margin: 9px auto 15px;
        max-width: 242px;
    }

    footer .contact::before {
        margin-bottom: 4px;
    }
}

footer .contact a {
    color: rgb(255, 255, 255);
    font-family: EurobankSansBlack;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 1px solid transparent;
    transition: 0.2s ease-out;
}

.desktop footer .contact a:hover {
    border-bottom: 1px solid rgb(204, 204, 204);
}

.desktop footer .social a:hover {
    color: rgb(204, 204, 204);
}

footer .wrapper {
    position: relative;
}

.desktop .footerCol li a:hover {
    color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
}

.mobAcc-header.icon {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mobAcc-header.icon {
        color: rgb(255, 255, 255);
        cursor: pointer;
        display: block;
        font-family: icomoon;
        font-size: 0.4375rem;
        margin-top: 5px;
        opacity: 0.5;
        transition: 0.25s ease-out;
    }

    .mobAcc-header.icon:hover {
        opacity: 1;
    }

    .mobAcc-header.icon::after {
        content: "";
    }

    .mobAcc.open .mobAcc-header.icon {
        transform: rotate(180deg);
        opacity: 1;
    }
}

.desktop .skin .headerLinks a:hover {
    color: rgb(168, 219, 254);
}

.desktop .headerLinks a:hover {
    color: rgb(150, 152, 155);
}

.headerLinks a .text {
    display: inline-block;
    padding: 3px 8px 0px 0px;
    vertical-align: top;
}

@media only screen and (max-width: 767px) {
    .headerLinks a .text {
        display: none;
    }
}

.headerLinks a.phone::after {
    content: "";
}

.headerMain>.wrapper {
    position: relative;
    z-index: 1;
}

.headerMain .inner>div:first-child {
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 15px;
}

.desktop .skin .mainNav a:not(.active):hover {
    color: rgb(168, 219, 254);
}

.desktop .mainNav a:not(.active):hover {
    color: rgb(12, 109, 179);
}

.desktop .mainNav a:not(.active):hover .icon-leaf::after {
    display: none;
}

.desktop .skin .headerTool:hover {
    color: rgb(168, 219, 254);
}

.desktop .skin .timer:hover {
    color: rgb(168, 219, 254);
}

.desktop .skin .timer:hover:is(p) {
    color: rgb(255, 255, 255);
}

.desktop .timer:hover {
    color: rgb(150, 152, 155);
}

.desktop .timer:hover:is(p) {
    color: rgb(255, 255, 255);
}

.timer .icon {
    font-family: icomoon;
    font-size: 1.063rem;
    line-height: 1.1;
}

.timer .icon::before {
    content: "";
}

.desktop .profMenuBtn:hover {
    z-index: 5;
}

@media only screen and (min-width: 1023px) {

    .desktop .profMenuBtn.openProfile .profName:hover {
        opacity: 0.8;
    }
}

.profMenu a.link.blue {
    padding: 5px 0px;
    border-radius: 0px;
}

.profMenu a.link.blue,
.profMenu a.link.blue:hover,
.skin .profMenu a.link.blue:hover {
    background-color: transparent;
}

.profMenu a:not(.link) {
    color: rgb(101, 101, 102);
    padding: 11px 17px 9px;
}

.skin .profMenu a:not(.link) {
    color: rgb(255, 255, 255);
}

.profMenu a:not(.link):focus {
    background-color: rgb(217, 217, 217);
}

.desktop .profMenu a:not(.link):hover {
    background-color: rgb(217, 217, 217);
    color: rgb(1, 1, 1);
}

.desktop .profMenu a:not(.link):hover span:not(.icon)::after {
    background-color: rgb(101, 101, 102);
}

.profMenu a:not(.link):empty:focus {
    background-color: transparent;
}

.profMenu a span:not(.icon) {
    padding-top: 4px;
    position: relative;
}

.profMenu a span:not(.icon)::after {
    background-color: transparent;
    bottom: 3px;
    content: "";
    left: 0px;
    position: absolute;
    transition: background-color 0.2s ease-out;
    width: 100%;
    height: 1px;
}

.profMenu .icon {
    font-size: 1.5rem;
    margin-right: 8px;
    position: relative;
    text-align: center;
    width: 36px;
}

@media only screen and (max-width: 1023px) {
    .profMenu .icon {
        margin-right: 20px;
    }

    .profMenu .icon.icon-home2 {
        margin-right: 2px;
    }
}

.profMenu .icon sup {
    background-color: rgb(228, 38, 0);
    color: rgb(255, 255, 255);
    font-family: EurobankSansBold;
    font-size: 0.75rem;
    line-height: 22px;
    position: absolute;
    right: -3px;
    top: -12px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}

.skin .profMenu .icon sup {
    background-color: rgb(1, 1, 1);
}

.profMenu .icon sup.alert {
    background-color: rgb(227, 157, 34);
}

.skin .profMenu .icon sup.alert {
    background-color: rgb(255, 201, 105);
    color: rgb(1, 1, 1);
}

.profMenu .icon sup span:not(.icon) {
    padding-top: 0px;
}

header {
    position: relative;
    z-index: 100;
    height: var(--headerHeight);
}

header .phoneLink .text {
    position: relative;
}

header .phoneLink .text::after {
    background-color: rgb(101, 101, 102);
    bottom: 0px;
    content: "";
    left: 0px;
    position: absolute;
    width: 0px;
    height: 0px;
    transition: width 0.2s ease-out;
}

.skin header .phoneLink .text::after {
    background-color: rgb(255, 255, 255);
}

.desktop header .phoneLink:hover .text::after,
header .phoneLink:focus .text::after {
    width: 100%;
    height: 1px;
}

.skin .listviewRow.intro .link,
.skin .listviewRow.intro .link .sup,
.skin .listviewRow.intro .text,
.skin .listviewRow.intro .text .sup {
    color: rgb(1, 1, 1);
}

@media only screen and (max-width: 1023px) {

    .desktop .skin .listviewRow:not(.intro):not(.acc-block):not(.noLink):hover::after {
        color: rgb(1, 1, 1);
    }

    .desktop .listviewRow:hover::before {
        background-color: rgb(234, 238, 239);
        width: 100%;
        height: 100%;
    }

    .desktop .skin .listviewRow:hover::before {
        background-color: transparent;
        outline: rgb(168, 219, 254) solid 1px;
    }

    .desktop .skin .listviewRow:hover .label,
    .desktop .skin .listviewRow:hover .label.dark,
    .desktop .skin .listviewRow:hover .value,
    .desktop .skin .listviewRow:hover .value sup {
        color: rgb(255, 255, 255);
    }

    .desktop .skin .listviewRow.intro:hover .label,
    .desktop .skin .listviewRow.intro:hover .label.dark,
    .desktop .skin .listviewRow.intro:hover .value,
    .desktop .skin .listviewRow.intro:hover .value sup {
        color: rgb(1, 1, 1);
    }
}

.listviewCol .label.label--withTooltip .tooltip {
    margin-left: 5px;
}

.desktop .listviewCol.buttonCol:hover::before {
    background-color: rgb(234, 238, 239);
    width: 100%;
    height: 100%;
}

.desktop .skin .listviewCol.buttonCol:hover::before {
    background-color: rgb(89, 89, 89);
}

.listviewCol .text {
    color: rgb(101, 101, 102);
    display: block;
    font-family: EurobankSans;
    font-size: 1rem;
    position: relative;
    z-index: 2;
}

.skin .listviewCol .text {
    color: rgb(255, 255, 255);
}

.listviewCol .text.bIt {
    color: rgb(74, 74, 74);
    font-family: EurobankSansBoldItalic;
    font-size: 1.125rem;
}

.skin .listviewCol .text.bIt {
    color: rgb(255, 255, 255);
}

.listviewCol .link {
    text-align: right;
}

.listviewCol .button.full {
    display: inline-block;
    position: relative;
    text-align: center;
}

@media only screen and (max-width: 1023px) {

    .listviewCol .button.full {
        width: auto;
    }
}

.listviewCol .text-line.m {
    width: 132px;
    margin-bottom: 8px;
}

.notification .text {
    padding: 0px 46px;
    position: relative;
    max-width: 900px;
}

@media only screen and (max-width: 767px) {
    .notification .text {
        margin-bottom: 20px;
        padding: 0px 0px 0px 40px;
    }
}

.notification__content .text {
    padding: 0px 10px;
}

@media only screen and (min-width: 768px) {
    .notification__content .text {
        padding: 0px 20px;
    }
}

.notification .icon {
    font-size: 2rem;
    left: 0px;
    position: absolute;
    top: -3px;
}

@media only screen and (max-width: 767px) {
    .notification .icon {
        font-size: 1.875rem;
        top: 0px;
    }
}

.notification .icon.icon-tick {
    color: rgb(81, 156, 58);
}

.skin .notification .icon.icon-tick {
    color: rgb(255, 255, 255);
}

.notification .icon.icon-delete {
    color: rgb(248, 99, 69);
}

.skin .notification .icon.icon-delete {
    color: rgb(255, 255, 255);
}

.notification .icon.icon-pending {
    color: rgb(227, 157, 34);
}

.skin .notification .icon.icon-pending {
    color: rgb(255, 255, 255);
}

.notification .icon.icon-pause {
    color: rgb(163, 103, 0);
}

.skin .notification .icon.icon-pause {
    color: rgb(255, 255, 255);
}

#onlineCnt {
    bottom: 24px;
    left: 20px;
    border: none;
    border-radius: 100px;
    box-shadow: rgba(1, 1, 1, 0.16) 0px 8px 24px;
    font-size: 1rem;
    padding: 6px 20px 4px;
    position: fixed;
    transition: none;
    z-index: 9;
    height: 48px;
}

#onlineCnt:focus,
.desktop #onlineCnt:hover {
    box-shadow: rgba(1, 1, 1, 0.4) 0px 8px 32px;
}

@media only screen and (max-width: 480px) {
    #onlineCnt {
        width: auto;
    }
}

#onlineCnt>* {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

#onlineCnt .icon {
    font-family: icomoon;
    font-size: 1.25rem;
    margin-right: 5px;
}

@media only screen and (max-width: 767px) {
    #onlineCnt .icon {
        margin-right: 0px;
    }
}

#onlineCnt .icon::before {
    content: "";
}

#vBanking {
    background-color: rgb(234, 238, 239);
    bottom: 0px;
    border-top: 1px solid rgb(12, 109, 179);
    border-right: 1px solid rgb(12, 109, 179);
    border-left: 1px solid rgb(12, 109, 179);
    border-image: initial;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: rgba(1, 1, 1, 0.27) 0px 0px 3px 0px;
    right: calc(-565px + 50vw);
    padding: 6px 15px;
    position: fixed;
    text-align: center;
    transition: background-color 0.15s ease-out;
    z-index: 8;
    width: 188px;
    height: 48px;
}

#vBanking:hover {
    background-color: rgb(255, 255, 255);
}

#vBanking img {
    width: 76px;
}

@media only screen and (max-width: 1280px) {
    #vBanking {
        right: 85px;
    }
}

@media only screen and (max-width: 1023px) {
    #vBanking {
        right: 55px;
    }
}

@media only screen and (max-width: 767px) {
    #vBanking {
        width: auto;
    }
}

#vBanking:focus {
    box-shadow: rgb(83, 164, 221) 0px -1px 1px 1px;
}

.loginFooter #vBanking {
    bottom: calc(100% + 26px);
}

@media only screen and (max-width: 1023px) {
    .loginFooter #vBanking {
        bottom: calc(100% + 26px);
    }
}

html {
    overflow-x: hidden;
    font-size: 100%;
}

body,
html {
    width: 100%;
}

.bannersWrap img {
    border: 0px;
}

.bnrBox.boxItem .button {
    position: relative;
    bottom: auto;
    left: auto;
    white-space: nowrap;
    display: inline-block;
}

.button,
.iconBtn,
button {
    display: inline-block;
    vertical-align: middle;
}

.button.refresh .icon,
.iconBtn.refresh .icon,
button.refresh .icon {
    font-size: 1.125rem;
}

.button span:not(.icon),
.iconBtn span:not(.icon),
button span:not(.icon) {
    position: relative;
    top: 1px;
}

.btnCell .button span:not(.icon),
.btnCell .iconBtn span:not(.icon),
.btnCell button span:not(.icon) {
    top: 0px;
}

@media only screen and (max-width: 767px) {

    .block.inline .button:not(:last-child),
    .block.inline .iconBtn:not(:last-child) {
        margin-bottom: 3px;
    }
}

.mainContainer.loaderOpen,
.mainContainer.popupOpen {
    overflow: hidden;
    height: 100%;
}

.mainContainer.loaderOpen .mainWrapper,
.mainContainer.popupOpen .mainWrapper {
    overflow-y: scroll;
    height: 100vh;
}

@media only screen and (max-width: 1023px) {
    .desktop .skin .listviewRow:hover .taxfreeList::before {
        background-color: rgb(1, 1, 1);
    }
}

@media only screen and (max-width: 1023px) {
    .desktop .skin .listviewRow:hover .taxfreeItem {
        background-color: rgb(1, 1, 1);
        border-right-color: rgb(255, 255, 255);
    }
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:first-child,
.mainContainer:not(.skin) .taxfreeItem:first-child .bar span {
    background-color: rgb(190, 178, 121);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(2),
.mainContainer:not(.skin) .taxfreeItem:nth-child(2) .bar span {
    background-color: rgb(131, 172, 182);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(3),
.mainContainer:not(.skin) .taxfreeItem:nth-child(3) .bar span {
    background-color: rgb(159, 190, 156);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(4),
.mainContainer:not(.skin) .taxfreeItem:nth-child(4) .bar span {
    background-color: rgb(224, 183, 119);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(5),
.mainContainer:not(.skin) .taxfreeItem:nth-child(5) .bar span {
    background-color: rgb(164, 213, 225);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(6),
.mainContainer:not(.skin) .taxfreeItem:nth-child(6) .bar span {
    background-color: rgb(121, 142, 190);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(7),
.mainContainer:not(.skin) .taxfreeItem:nth-child(7) .bar span {
    background-color: rgb(182, 135, 131);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(8),
.mainContainer:not(.skin) .taxfreeItem:nth-child(8) .bar span {
    background-color: rgb(183, 156, 190);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(9),
.mainContainer:not(.skin) .taxfreeItem:nth-child(9) .bar span {
    background-color: rgb(139, 210, 187);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(10),
.mainContainer:not(.skin) .taxfreeItem:nth-child(10) .bar span {
    background-color: rgb(225, 188, 164);
}

.mainContainer:not(.skin) .listviewCol .taxfreeItem:nth-child(11),
.mainContainer:not(.skin) .taxfreeItem:nth-child(11) .bar span {
    background-color: rgb(179, 198, 203);
}

.redirection.error {
    max-width: 500px;
}

.errorPage .button,
.redirection.error .button {
    display: inline-block;
    margin-top: 20px;
    vertical-align: top;
}

.errorPage .icon,
.redirection.error .icon {
    display: inline-block;
    font-size: 3.125rem;
    margin-bottom: 30px;
    vertical-align: top;
}

.errorPage .icon.icon-delete,
.redirection.error .icon.icon-delete {
    color: rgb(248, 99, 69);
}

.errorPage .icon.icon-alert,
.redirection.error .icon.icon-alert {
    color: rgb(227, 157, 34);
}

@media only screen and (max-width: 767px) {

    .errorPage .icon,
    .redirection.error .icon {
        font-size: 2.5rem;
        margin-bottom: 15px;
    }
}

.stripesWrap .prev.button.link::after {
    width: 100%;
    left: 0px;
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .hoverShow a.link:not(.open-acc)::after,
    .hoverShow button.link:not(.open-acc)::after {
        width: 98%;
        left: 1px;
    }

    .button.prev::before {
        height: 7px;
        overflow: hidden;
    }
}

.acc-block--absRightTrigger .acc-content .inner {
    padding-right: 200px;
}

@media only screen and (max-width: 767px) {
    .acc-block--absRightTrigger .acc-content .inner {
        padding-right: 45px;
    }
}

.acc-block--absRightTrigger .acc-content .labelCol .inner {
    padding-right: 0px;
}

@media only screen and (max-width: 767px) {
    .acc-block--absRightTrigger .acc-content .labelCol .inner {
        padding-right: 0px;
    }
}

.acc-block.acc-block--sm .acc-content>.inner {
    padding-left: 24px;
    padding-right: 24px;
}

table.default .link:hover .icon-tick {
    color: rgb(1, 1, 1);
}

table.default .link.left {
    text-align: left;
}

.popupMain .center {
    text-align: center;
    max-width: 608px;
    margin-left: auto;
    margin-right: auto;
}

.popupMain .center.full {
    width: 100%;
    max-width: 100%;
}

.popupMain .center .formBlock.box {
    background: none;
    margin: 0px;
}

.popupMain .center .formBlock.box::after,
.popupMain .center .formBlock.box::before {
    display: none;
}

.popupMain .center .formWrap:not(:last-child) {
    border-bottom: 0px;
    margin-bottom: 20px;
}

.popupMain .center .infoBox {
    padding: 12px 20px 12px 45px;
    margin-bottom: 55px;
}

.popupMain .center .infoBox.noMargin {
    margin-bottom: 0px;
}

.popupMain .center .infoBox .icon-info {
    left: 15px;
}

.popupMain .center .infoBox p {
    text-align: left;
    font-size: 1rem;
}

.popupMain .formRow.withButton .button {
    min-width: 183px;
}

.formRow.withButton.buttonBase p.error {
    text-align: left;
}

.statRow .info .iconBtn {
    font-size: 1.625rem;
    line-height: 1;
    vertical-align: top;
    top: -3px;
}

@media only screen and (max-width: 639px) {
    .statRow .info .iconBtn {
        font-size: 1.25rem;
        top: -4px;
    }
}

.sumItem .icon {
    display: inline-block;
    margin: 0px 12px 0px 0px;
    width: 35px;
    height: 32px;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media only screen and (max-width: 639px) {
    .sumItem .icon {
        margin: 0px 8px 0px 0px;
    }
}

.sumItem .icon.aforologito1 {
    background-image: url("../media/aforologito_1.svg");
}

.sumItem .icon.aforologito2 {
    background-image: url("../media/aforologito_2.svg");
}

.popup .informBoxes.plain {
    padding: 15px 0px 0px;
    background-color: transparent;
    width: 100%;
    margin: 0px;
}

.skin .popup .informBoxes.plain {
    background-color: transparent;
}

.popup .informBoxes.plain .h4,
.popup .informBoxes.plain h4 {
    font-family: EurobankSansBold;
    font-size: 1.25rem;
    margin-bottom: 0.875rem;
}

.popup .informBoxes.plain .informBox {
    text-align: center;
    background-color: rgb(242, 242, 242);
}

.popup .informBoxes.plain .informBox--bullet {
    text-align: left;
}

@media only screen and (min-width: 768px) {

    .popup .informBoxes.plain .informBox {
        flex-basis: 40%;
    }

    .popup .informBoxes.plain .informBox:not(:first-child) {
        margin-left: 5px;
    }

    .popup .informBoxes.plain .informBox:not(:last-child) {
        margin-right: 5px;
    }

    .popup .informBoxes.plain .informBox--half {
        flex-basis: 50%;
    }
}

.popup .informBoxes.plain .informBox p {
    font-size: 1.125rem;
}

.skin .popup .informBoxes.plain .informBox p {
    color: rgb(89, 89, 89);
}

.popup .informBoxes.left {
    text-align: left;
}

.popup .informBoxes {
    margin-left: -40px;
    padding-left: 40px;
    padding-right: 40px;
    width: calc(100% + 80px);
}

@media only screen and (max-width: 1023px) {
    .popup .informBoxes {
        margin-left: -25px;
        padding-right: 25px;
        width: calc(100% + 50px);
    }
}

@media only screen and (max-width: 767px) {
    .popup .informBoxes {
        margin-left: -15px;
        padding-right: 15px;
        width: calc(100% + 30px);
    }
}

@media only screen and (max-width: 480px) {
    .popup .informBoxes+.buttonsWrap {
        margin-top: 20px;
    }
}

.popup .informBoxes.type3 {
    width: 100%;
    margin: 0px 0px 17px;
    padding: 20px;
}

@media only screen and (max-width: 767px) {

    .messageRow .checkbox .icon {
        margin: 0px;
    }
}

.desktop .messageRow .messageImportance .setImportance:hover {
    cursor: pointer;
}

.desktop .messageRow .messageImportance .setImportance:hover::before {
    content: "";
    color: rgb(212, 175, 55);
}

.skin .desktop .messageRow .messageImportance .setImportance:hover::before {
    color: rgb(243, 231, 0);
}

.skin .popup .storeInfo h5 {
    color: rgb(255, 255, 255);
}

.skin .popup .storeInfoList li {
    color: rgb(255, 255, 255);
}

.skin .popup .storeInfoList a {
    color: rgb(168, 219, 254);
}

.trSigning p.m {
    font-size: 1.125rem;
}

.signingBlock .img .icon::after {
    color: rgb(242, 242, 242);
    content: "";
    font-family: icomoon;
    font-size: 1.875rem;
    line-height: 48px;
    text-align: center;
}

.signingBlock .img .icon {
    border: 2px solid rgb(242, 242, 242);
    border-radius: 50%;
    left: 50%;
    margin-left: -25px;
    overflow: hidden;
    position: absolute;
    top: 60px;
    width: 50px;
    height: 50px;
}

.signingBlock .img .icon::after,
.signingBlock .img .icon::before {
    color: rgb(242, 242, 242);
    font-family: icomoon;
    left: 0px;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 0px;
    transition: transform 0.2s ease-out;
    width: 100%;
}

.signingBlock .img .icon::before {
    content: "";
    font-size: 1.875rem;
}

.signingBlock .img .icon::after {
    content: "";
    font-size: 1.25rem;
}

.signingBlock .img .icon.fail::after {
    content: "";
    font-size: 1.25rem;
}

.trSigning:not(.success) .signingBlock .icon::after {
    transform: translateX(-100%);
}

.trSigning.success .signingBlock .icon::before {
    transform: translateX(100%);
}

.skin .trSigningInPage .bubble input.text {
    border-color: rgb(204, 204, 204);
    color: rgb(74, 74, 74);
}

.timerBar .icon {
    color: rgb(179, 176, 171);
    font-size: 1.625rem;
    margin-right: 10px;
    flex-shrink: 0;
}

.timerBar.error .icon {
    color: rgb(248, 99, 69);
}

.desktop .skin .resultsWrap .itemLink:hover {
    color: rgb(255, 255, 255);
}

.desktop .resultsWrap .itemLink:hover {
    color: rgb(232, 232, 232);
}

.sharesBlock .inner {
    padding: 7px 16px 14px;
}

@media only screen and (max-width: 767px) {
    .sharesBlock .inner {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.skin .wideSec.grayBlue .popupMain .infoBox.alert p,
.skin .wideSec.grayBlue .popupMain .infoBox>.icon.orange,
.skin .wideSec.grayBlue .popupMain .loader_container .text,
.skin .wideSec.grayBlue .popupMain p,
.skin .wideSec.grayBlue .popupMain p.alert,
.skin .wideSec.grayBlue .popupMain p.info {
    color: rgb(255, 255, 255);
}

.skin .wideSec.grayBlue .popupMain button.iconBtn {
    color: rgb(168, 219, 254);
}

.desktop .removeButton:hover {
    color: rgb(13, 129, 211);
}

.doubleBox .btm .inner {
    width: 100%;
}

.skin table.default tr.link:hover td button:not(.remove):not(.edit):focus,
.skin tr.link:hover button:focus {
    color: rgb(1, 1, 1);
}

.innerTooltip {
    position: relative;
}

.innerTooltip .tooltip {
    position: absolute;
    right: 14px;
    top: 33px;
}

.loginError .icon {
    color: rgb(227, 157, 34);
    display: inline-block;
    font-size: 3rem;
    margin-bottom: 20px;
    vertical-align: top;
}

.tooltipCell .tooltip {
    margin-left: 8px;
}

@media only screen and (max-width: 767px) {
    .button.mSmall {
        padding: 7px 5px 5px;
    }
}

.questionnaire--cip .comboFields .error {
    width: 100%;
}

.subAnswer p:not(.error) {
    color: rgb(92, 92, 92);
    margin: 0px 0px 20px;
}

.skin .subAnswer p:not(.error) {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 767px) {
    .subAnswer p:not(.error) {
        margin-bottom: 14px;
    }
}

.questItems .quest:not(.inner)::before {
    counter-increment: quest-counter 1;
    content: counter(quest-counter) ".";
}

@media only screen and (min-width: 768px) {
    .questItems .quest:not(.inner)::before {
        left: 0px;
        position: absolute;
        top: 0px;
        width: 20px;
    }
}

.questionnaire--cip .questItems .quest:not(.inner)::before {
    display: none;
}

.questItems .quest.inner {
    padding-top: 20px;
}

@media only screen and (max-width: 1023px) {
    .questItems .quest.inner {
        padding-top: 15px;
    }
}

.pos_card .fieldCol .iconBtn .icon {
    margin-right: 0px;
}

.skin .pos_card .fieldCol .button.iconBtn.inactive,
.skin .pos_card .fieldCol .button.iconBtn:disabled,
.skin .pos_card .fieldCol button.iconBtn.inactive,
.skin .pos_card .fieldCol button.iconBtn:disabled {
    color: rgb(255, 255, 255);
}

.pos_card .link {
    margin-top: 5px;
}

.radioBtns .radio.withTootip input~.tooltip {
    margin-left: 3px;
    position: relative;
    z-index: 2;
}

.promoSection .cardsSlider:not(.slick-initialized) .text {
    white-space: normal;
}

@media only screen and (max-width: 767px) {

    .statsFilters .buttonsWrap button.blue.xs {
        min-width: inherit;
        width: auto;
        margin-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .statsFilters .buttonsWrap button.blue.xs:not(:last-child) {
        margin-right: 10px;
    }
}

.graphNote .circle.blue {
    background-color: rgb(42, 142, 212);
}

.desktop .unavailable li a:hover {
    text-decoration: underline;
}

.unavailable .inavailIcon .icon {
    display: block;
    font-size: 2.0625rem;
    line-height: 67px;
}

.textButton .iconBtn {
    line-height: 1;
}

.promoBox .tip .textButton .iconBtn,
.textButton .iconBtn {
    font-size: 1rem;
}

.skin .promoBox .tip .textButton .iconBtn,
.skin .textButton .iconBtn {
    color: rgb(168, 219, 254);
}

.promoBox .tip .textButton .iconBtn .icon,
.textButton .iconBtn .icon {
    color: inherit;
}

.textButton .iconBtn .icon {
    font-size: 1.25rem;
    margin: 0px;
}

.desktop .changeLinkedAccount:hover {
    color: rgb(150, 152, 155);
}

.desktop .skin .changeLinkedAccount:hover {
    color: rgb(168, 219, 254);
}

.popupMain .stickyButtons__buttons {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
}

@media only screen and (max-width: 767px) {
    .popupMain .stickyButtons__buttons {
        padding-bottom: 20px;
    }
}

.stickyButtons__buttons .buttonWithExtraInfo__text .infoBox .icon {
    position: relative;
    top: auto;
    left: auto;
    margin-right: 10px;
}

.headerButton.timer .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.35s ease-out;
    color: rgb(101, 101, 102);
}

.skin .headerButton.timer .icon {
    color: rgb(255, 255, 255);
}

.desktop .headerButton.timer:hover .icon {
    color: rgb(12, 109, 179);
}

.desktop .skin .headerButton.timer:hover .icon {
    color: rgb(252, 194, 182);
}

.headerButton.timer.timer--ending .icon {
    color: rgb(229, 38, 0);
}

.skin .headerButton.timer.timer--ending .icon {
    color: rgb(248, 99, 69);
}

.copyValue .iconBtn {
    margin-left: 10px;
}

@keyframes heightSlideUp {
    0% {
        height: var(--dashboardToggleContent);
    }

    100% {
        height: var(--dashboardToggleContentShort);
    }
}

@keyframes heightSlideDown {
    0% {
        height: var(--dashboardToggleContentShort);
    }

    100% {
        height: var(--dashboardToggleContent);
    }
}

@media only screen and (max-width: 480px) {
    .dashboardMain__body .buttonsWrap .link {
        margin-top: 0px;
        width: auto;
    }
}

.dashboardMain__body .buttonsWrap .infoBox.alert.noBg .icon {
    top: 6px;
    line-height: 1;
}

@media only screen and (max-width: 1023px) {

    .dashboardMain__body .buttonsWrap .loader_container .infoBox.alert .icon {
        position: absolute;
    }
}

.dashboardMain__body .link {
    text-decoration: none !important;
}

@media only screen and (max-width: 767px) {
    .iconBtn .mobHidden {
        display: none;
    }
}

.dashboardFilter .labelCol .inner label {
    padding-top: 6px;
}

@media only screen and (max-width: 767px) {

    .dashboardFilter .labelCol .inner {
        padding-bottom: 0px;
    }
}

.dashboardFilterRow .dd-menu-wrap {
    position: absolute;
    right: 0px;
    top: 50%;
}

@media only screen and (min-width: 768px) {
    .dashboardFilterRow .dd-menu-wrap {
        transform: translateY(-50%);
    }
}

@media only screen and (max-width: 767px) {
    .dashboardFilterRow .dd-menu-wrap {
        top: 0px;
    }
}

.dashboardFilterRow .dd-menu {
    min-width: 292px;
    top: calc(100% + 8px);
}

@media only screen and (max-width: 767px) {
    .dashboardFilterRow .dd-menu {
        min-width: 178px;
    }
}

.dashboardFilterRow .dd-menu ul {
    padding: 0px;
}

.dashboardFilterRow .dd-menu [class*="icon"] {
    display: inline-block;
    margin-right: 10px;
    font-size: 1.5rem;
}

.dashboardFilterRow .dd-menu .icon-pencil {
    font-size: 1.5rem;
}

.dashboardFilterRow .dd-menu li {
    font-family: EurobankSans;
}

.dashboardFilterRow .dd-menu li:not(:last-child) {
    margin: 0px;
}

.dashboardFilterRow .dd-menu li.edit {
    font-family: EurobankSansBold;
    border-top: 1px solid rgba(74, 74, 74, 0.18);
    color: rgb(12, 109, 179);
}

.dashboardFilterRow .dd-menu li.edit a,
.dashboardFilterRow .dd-menu li.edit button {
    color: inherit;
}

@media only screen and (max-width: 767px) {
    .dashboardFilterRow .dd-menu li.edit {
        display: none;
    }
}

.dashboardFilterRow .dd-menu li a,
.dashboardFilterRow .dd-menu li button {
    display: flex;
    align-items: center;
    padding: 12px 18px 11px;
    font-family: inherit;
    font-size: inherit;
}

.desktop .dashboardFilterRow .dd-menu li a:hover,
.desktop .dashboardFilterRow .dd-menu li button:hover {
    color: rgb(18, 87, 138);
}

.desktop .tooltipTrigger:hover .inlineTooltip {
    opacity: 1;
    visibility: visible;
}

.desktop .tooltipTrigger:focus .inlineTooltip {
    opacity: 0;
    visibility: hidden;
}

@keyframes toastHide {
    0% {
        visibility: visible;
        opacity: 1;
    }

    90% {
        visibility: visible;
        opacity: 1;
    }

    100% {
        visibility: hidden;
        opacity: 0;
    }
}

.boxItem .iconBtn .toastMsg {
    right: -57px;
}

@media only screen and (max-width: 1023px) {

    .boxItem .iconBtn .toastMsg {
        right: -49px;
    }
}

.boxItem .iconBtn .toastMsg {
    top: calc(100% + 15px) !important;
}

.boxItem .iconBtn .toastMsg--active {
    top: calc(100% + 15px) !important;
}

.popup .infoCardContainer.infoCardContainer--type1 {
    width: calc(100% + 80px);
    margin-left: -40px;
    background-color: rgb(246, 246, 246);
    padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 1023px) {
    .popup .infoCardContainer.infoCardContainer--type1 {
        width: calc(100% + 50px);
        margin-left: -25px;
        background-color: rgb(246, 246, 246);
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .popup .infoCardContainer.infoCardContainer--type1 {
        width: calc(100% + 28px);
        margin-left: -14px;
        background-color: rgb(246, 246, 246);
        padding-left: 14px;
        padding-right: 14px;
    }
}

.skin .popup .infoCardContainer.infoCardContainer--type1 {
    background-color: rgb(89, 89, 89);
}

.popup .infoCardContainer.infoCardContainer--type2 {
    background-color: rgb(234, 238, 239);
    padding: 0px 20px 20px;
    margin-bottom: 40px;
}

.skin .popup .infoCardContainer.infoCardContainer--type2 {
    background-color: rgb(89, 89, 89);
}

.popup .infoCardContainer .buttonsWrap {
    margin-bottom: 0px !important;
}

.popup .infoCardContainer--type2~.infoCardContainerAfterText {
    margin: -20px 0px 46px;
}

.msgWithIcon .icon {
    font-size: 1.5rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.msgWithIcon .icon.orange {
    color: rgb(245, 130, 32);
}

.actionTag .tooltip {
    line-height: 0.5;
    font-size: 0px;
    padding: 0px;
    position: relative;
    top: 1px;
}

.actionTag .tooltip .icon-info {
    line-height: inherit;
}

.skin .tableAcc__header .iconBtn.blue {
    background-color: transparent;
}

.tableAcc__header .iconBtn.blue[disabled] {
    background-color: transparent;
    color: rgb(179, 176, 171);
}

@media only screen and (max-width: 767px) {
    .tableAcc__header .iconBtn.blue {
        text-align: left;
    }
}

.lang .dd-title {
    margin: 0px 0px 0px auto;
    width: 48px;
    font-family: EurobankSansBold, sans-serif;
    font-size: 1rem;
}

.lang .dd-title span,
.lang .dd-title span:not(.icon) {
    position: static;
    top: auto;
    display: block;
}

.skin .lang .dd-title {
    color: rgb(255, 255, 255);
}

.Select__value-container .tooltip {
    position: relative !important;
    margin: 0px !important;
}

@media only screen and (min-width: 1023px) {

    .prodList .boxesWrap {
        --boxgap: 28px;
    }

    .prodList .boxesWrap:not(.prodListListview) {
        gap: 28px;
    }

    .prodList .boxesWrap:not(.prodListListview) .boxItem {
        width: calc(50% - var(--boxgap)/2);
        margin: 0px;
    }

    .prodList .boxesWrap:not(.prodListListview) .boxItem--full {
        width: 100%;
        height: auto;
    }

    .prodList .boxesWrap:not(.prodListListview) .boxItem .imgTextBox .img {
        height: 168px;
    }

    .prodList .boxesWrap.prodListListview .boxItem {
        width: 100%;
        height: auto;
        min-height: 194px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .prodList .boxesWrap.prodListListview .boxItem .imgTextBox {
        display: flex;
    }

    .prodList .boxesWrap.prodListListview .boxItem .imgTextBox .img {
        height: 100%;
        width: 50%;
        border-bottom: 7px solid rgb(229, 38, 0);
    }

    .prodList .boxesWrap.prodListListview .boxItem .imgTextBox .text {
        height: 100%;
        width: 50%;
        border-top: 0px;
    }

    .prodList .boxesWrap.prodListListview .boxItem .imgTextBox .btmLink {
        left: auto;
        width: auto;
        text-align: right;
        right: 22px;
    }

    .prodList .boxesWrap.prodListListview .boxItem.inactive .imgTextBox .img {
        border-bottom-color: rgb(150, 152, 155);
    }

    .skin .prodList .boxesWrap.prodListListview .boxItem.inactive .imgTextBox .img {
        background-color: rgb(89, 89, 89);
    }
}

@media only screen and (min-width: 1023px) {
    .prodList--full .boxesWrap:not(.prodListListview) .boxItem {
        width: calc(33.33% - var(--boxgap)/1.5);
    }
}

.desktop .sideNav__link:hover {
    background-color: rgb(232, 232, 232);
}

.desktop .sideNav__link:hover::after {
    opacity: 1;
    transform: translateY(-50%);
}

.desktop .skin .sideNav__link:hover {
    background-color: rgb(168, 219, 254);
    color: rgb(1, 1, 1);
}

.desktop .skin .sideNav__link:hover::after {
    color: rgb(1, 1, 1);
}

.desktop .heroBox:hover {
    opacity: 0.75;
}

@media only screen and (max-width: 767px) {

    .footerRebrand .mobAcc-header.icon {
        color: rgb(74, 74, 74);
    }

    .skin .footerRebrand .mobAcc-header.icon {
        color: rgb(255, 255, 255);
    }
}

.footerRebrand .contact {
    color: rgb(74, 74, 74);
}

.skin .footerRebrand .contact {
    color: rgb(255, 255, 255);
}

.desktop .footerRebrand .footerCol li a:hover {
    color: rgb(12, 109, 179);
    border-bottom-color: currentcolor;
}

.desktop .skin .footerRebrand .footerCol li a:hover {
    color: rgb(168, 219, 254);
}

.footerRebrand .contact a {
    color: rgb(12, 109, 179);
}

.desktop .footerRebrand .contact a:hover {
    border-bottom-color: currentcolor;
}

.skin .footerRebrand .contact a {
    color: rgb(255, 255, 255);
}

.desktop .skin .footerRebrand .contact a:hover {
    color: rgb(168, 219, 254);
}

.desktop .footerRebrand .social a:hover {
    color: rgb(1, 1, 1);
}

.desktop .skin .footerRebrand .social a:hover {
    color: rgb(168, 219, 254);
}

@media only screen and (max-width: 480px) {

    .iconInfoBoxWrap .iconBtn.remove {
        position: absolute;
        right: 1px;
        top: 7px;
    }
}

.iconInfoBox__content--wrap .button {
    white-space: nowrap;
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .iconInfoBox__content--wrap .button {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.boxItem .iconInfoBox__content--wrap .link {
    position: static !important;
}

.passwordToggle {
    position: absolute;
    height: calc(100% - 4px);
    width: 45px;
    right: 2px;
    top: 2px;
    border-radius: 5px;
    display: none;
}

.fieldPassword:focus-within .passwordToggle {
    display: inline-block;
}

.passwordToggle::before {
    content: "";
    font-family: icomoon;
    font-size: 1.625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgb(101, 101, 102);
}

.skin .passwordToggle::before {
    color: rgb(168, 219, 254);
}

.passwordToggle--active::before {
    content: "";
}

.passwordToggle:focus {
    outline: rgb(12, 109, 179) solid 1px;
}

.skin .passwordToggle:focus {
    outline-color: rgb(168, 219, 254);
}

.fieldPassword {
    position: relative;
    width: 100%;
}

.fieldPassword input {
    max-width: 100% !important;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

.minimalFooter .inner {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .minimalFooter .inner {
        flex-wrap: wrap;
    }
}

.minimalFooter .wrapper {
    position: relative;
}

.minimalFooter .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
}

.minimalFooter .copyright img {
    margin-right: 10px;
}

.skin .minimalFooter .copyright {
    color: rgb(255, 255, 255);
}

.loanCalc__cards .card .bigValue.text {
    background: transparent;
    border: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.loanCalc__cards .card .tooltip {
    display: inline-block;
    vertical-align: middle;
}

.loanCalc__sumCol .tooltip {
    margin: 0px 6px;
}

.loanCalc__sumCol .tooltip .icon-info {
    color: rgb(255, 255, 255);
}

.skin .loanCalc__sumCol .tooltip .icon-info {
    color: rgb(1, 1, 1);
}

.tooltipwrapper+.link.link--rel {
    display: inline-block;
    padding: 0px;
}

.tooltipwrapper .tooltip {
    margin-left: 5px;
    line-height: 1;
}

.introText h1 {
    font-family: EurobankSansBold;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .introText h1 {
        font-size: 1.75rem;
    }
}

.introText h1 b,
.introText h1 strong {
    font-family: EurobankSansBold;
    display: inline-block;
}

.btnGroup .iconBtn [class*="icon"] {
    margin: 0px;
}

.btnGroup .button {
    min-width: 36px;
    text-align: center;
}

.btnGroup .button.edit {
    color: rgb(12, 109, 178);
}

.btnGroup .button:not(:last-child) {
    position: relative;
}

.btnGroup .button:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgb(204, 204, 204);
    position: absolute;
    left: 100%;
    top: 0px;
}

.suffixInput--success input.text {
    border-color: var(--success);
}

.suffixInput--success .tooltip {
    display: none;
}

.suffixInput--error input.text {
    border-color: var(--error);
    color: var(--error);
}

.suffixInput--error .error {
    padding-right: 38px;
    overflow-wrap: break-word;
}

.notificationBox.noIcon input.text,
.notificationBox.white input.text .stepsFeed .stepFeed input.text,
.notificationBox input.text,
.stepsFeed .stepFeed.current .notificationBox.white input.text {
    background-color: rgb(255, 255, 255);
    color: rgb(74, 74, 74);
    padding: 8px 16px;
}

.skin .notificationBox.noIcon input.text,
.skin .notificationBox.white input.text .stepsFeed .stepFeed input.text,
.skin .notificationBox input.text,
.skin .stepsFeed .stepFeed.current .notificationBox.white input.text {
    background-color: rgb(1, 1, 1);
    color: rgb(255, 255, 255);
}

.notificationBox.noIcon input.text.readOnly,
.notificationBox.white input.text .stepsFeed .stepFeed input.text.readOnly,
.notificationBox input.text.readOnly,
.stepsFeed .stepFeed.current .notificationBox.white input.text.readOnly {
    background-color: rgb(250, 250, 250);
    color: rgba(74, 74, 74, 0.7);
}

.skin .notificationBox.noIcon input.text.readOnly,
.skin .notificationBox.white input.text .stepsFeed .stepFeed input.text.readOnly,
.skin .notificationBox input.text.readOnly,
.skin .stepsFeed .stepFeed.current .notificationBox.white input.text.readOnly {
    background-color: rgb(57, 57, 57);
    color: rgb(255, 255, 255);
}

.helpBox__content .notification__content .link {
    font-family: EurobankSansBold;
    padding: 0px;
}

.helpBox__content .notification .text {
    padding-right: 0px;
}

@media only screen and (max-width: 1023px) {
    .helpBox__content .notification .text {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .helpBox__content .notification .text {
        padding: 0px;
    }
}

.popup .iconInfoList {
    width: calc(100% + var(--popupPaddingInline)*2);
    margin-left: calc(var(--popupPaddingInline)*-1);
}

@media only screen and (max-width: 1023px) {
    .popupMain .cBox {
        margin-block-start: 20px;
    }
}

.cBox .timer .icon {
    margin-right: 4px;
    font-size: 0.875rem;
}

:root {
    --color-background-primary-bold: #0c6cb2;
    --color-background-primary-bold-pressed: #0a578e;
    --color-background-primary-subtle: #cee2f0;
    --color-background-primary-subtlest: #e7f0f7;
    --color-background-primary-minimal: #f3f8fb;
    --color-background-primary-inverse: #fff;
    --color-background-accent-bold: #e62600;
    --color-background-accent-bold-pressed: #b81f00;
    --color-background-success-stable: #89c47b;
    --color-background-success-bold: #407331;
    --color-background-success-bold-pressed: #2a521e;
    --color-background-warning-stable: #fdb83e;
    --color-background-warning-bold: #a36700;
    --color-background-warning-pressed: #8e7852;
    --color-background-danger-bold: #9d1f06;
    --color-background-danger-bold-pressed: #f63913;
    --color-background-inverse: #fff;
    --color-background-inverse-stable: #fff;
    --color-background-inverse-pressed: #ccc;
    --color-background-disabled: #ccc;
    --color-background-inverse-disabled: #ccc;
    --color-background-information-subtle: #eaeeef;
    --color-background-input-search: #f2f2f2;
    --color-background-input-search-inverse: #fff;
    --color-background-secondary: transparent;
    --color-background-secondary-pressed: #e5e5e5;
    --color-background-secondary-inverse: hsla(0, 0%, 100%, 0.5);
    --color-background-tertiary-bold: #021342;
    --color-blanket: rgba(0, 0, 0, 0.4);
    --color-border-accent: #e62600;
    --color-border-primary: #0c6cb2;
    --color-border-primary-pressed: #0a578e;
    --color-border-default: #ccc;
    --color-border-subtle: #eaeeef;
    --color-border-success: #407331;
    --color-border-warning: #a36700;
    --color-border-danger: #9d1f06;
    --color-border-danger-pressed: #f63913;
    --color-border-inverse-stable: #fff;
    --color-border-secondary: #4d4d4d;
    --color-border-disabled: #ccc;
    --color-brand-erb-blue-800: #0a578e;
    --color-brand-erb-red-800: #b81f00;
    --color-greys-warm-grey-100: #f2f2f2;
    --color-icon-accent: #e62600;
    --color-icon-primary: #0c6cb2;
    --color-icon-primary-alt: #0c6cb2;
    --color-icon-primary-subtle: #cee2f0;
    --color-icon-warning: #a36700;
    --color-icon-success: #407331;
    --color-icon-danger: #9d1f06;
    --color-icon-default: #4a4a4a;
    --color-icon-default-alt: #4a4a4a;
    --color-icon-subtle: #656566;
    --color-icon-subtlest: #ccc;
    --color-icon-inverse: #fff;
    --color-icon-inverse-stable: #fff;
    --color-icon-disabled: #5c6670;
    --color-light-tertiary-400: #93d6f5;
    --color-light-secondary-1000: #021342;
    --color-light-secondary-900: #021958;
    --color-light-primary-200: #e7f0f7;
    --color-light-primary-800: #0a578e;
    --color-light-primary-900: #0c6cb2;
    --color-link-danger: #9d1f06;
    --color-link-default: #0c6cb2;
    --color-link-inverse-stable: #fff;
    --color-link-primary-inverse: #fff;
    --color-link-inverse-cyan: #4dccf0;
    --color-text-accent-brand: #e62600;
    --color-text-primary: #0c6cb2;
    --color-text-primary-alt: #0c6cb2;
    --color-text-primary-subtle: #cee2f0;
    --color-text-default: #4a4a4a;
    --color-text-default-alt: #4a4a4a;
    --color-text-default-boldest-stable: #020e18;
    --color-text-subtle: #656566;
    --color-text-inverse: #fff;
    --color-text-inverse-stable: #fff;
    --color-text-disabled: #96989b;
    --color-text-disabled-subtlest: #ccc;
    --color-text-success: #407331;
    --color-text-warning: #a36700;
    --color-text-danger: #9d1f06;
    --color-main-cyan-700: #41a2cb;
    --color-white: #fff;
    --color-interactive-hover-pressed: #eee;
    --color-overlay-black-30: rgba(0, 0, 0, 0.3);
    --ui-primary-700: #0c6cb2;
    --ui-primary-400: #86b6d9;
    --ui-primary-400-2: #86b6d9;
    --ui-primary-300: #cee2f0;
    --ui-wneutral-600: #96989b;
    --ui-wneutral-100: #f2f2f2;
    --ui-wneutral-100-stable: #f2f2f2;
    --elevation-surface-transparent: transparent;
    --elevation-surface-base: #fff;
    --elevation-surface-subtle: #f2f2f2;
    --elevation-surface-subtlest: #fff;
    --elevation-surface-card-1: #fff;
    --elevation-surface-card-2: #f3f8fb;
    --elevation-surface-card-3: #021342;
    --elevation-surface-brand-bold: #0c6cb2;
    --elevation-surface-brand-subtlest: #f3f8fb;
    --elevation-surface-system-feedback: #021342;
    --elevation-surface-system-black: #000;
    --opacity-black-10: rgba(0, 0, 0, 0.1);
    --opacity-black-20: rgba(0, 0, 0, 0.2);
    --opacity-black-50: rgba(0, 0, 0, 0.5);
    --opacity-black-60: rgba(0, 0, 0, 0.6);
    --opacity-black-80: rgba(0, 0, 0, 0.8);
    --opacity-white-10: hsla(0, 0%, 100%, 0.1);
    --opacity-white-20: hsla(0, 0%, 100%, 0.2);
    --opacity-white-50: hsla(0, 0%, 100%, 0.5);
    --opacity-white-60: hsla(0, 0%, 100%, 0.6);
    --opacity-white-80: hsla(0, 0%, 100%, 0.8);
    --opacity-white-85: hsla(0, 0%, 100%, 0.85);
    --exclusive-virtual-card-stable: #cb031e;
}

.eu-redesign-container *,
.eu-redesign-container :focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.eu-redesign-container :focus-visible {
    outline-style: solid;
    outline-width: 1px;
    outline-color: var(--color-border-primary);
    outline-offset: 1px;
}

.eu-redesign-container *,
.eu-redesign-container ::after,
.eu-redesign-container ::before {
    box-sizing: border-box;
}

html {
    overscroll-behavior: none;
}

.eu-redesign-container [v-cloak] {
    opacity: 0;
}

figure[class*="eu-"] {
    margin: 0px;
}

.eu-redesign-container address {
    font-style: normal;
}

.eu-redesign-container a {
    transition-property: color, background-color;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}

html {
    text-size-adjust: 100%;
    font: 100% sans-serif;
    box-sizing: border-box;
}

body {
    min-height: 100%;
    margin: 0px;
}

.eu-redesign-container {
    font-family: EurobankSans;
    background: var(--color-background-inverse);
    color: var(--color-text-default);
}

.eu-redesign-container hr {
    box-sizing: content-box;
    overflow: visible;
}

.eu-redesign-container abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

.eu-redesign-container b,
.eu-redesign-container strong {
    font-weight: 700;
}

.eu-redesign-container kbd,
.eu-redesign-container pre,
.eu-redesign-container samp {
    font-size: 1em;
}

.eu-redesign-container sub,
.eu-redesign-container sup {
    font-size: 66%;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

.eu-redesign-container sub {
    bottom: -0.25em;
}

.eu-redesign-container sup {
    top: -0.5em;
}

.eu-redesign-container img {
    border-style: none;
}

.eu-redesign-container button.eu-btn,
.eu-redesign-container button.eu-btn-plain,
.eu-redesign-container button.eu-link,
.eu-redesign-container button.eu-menu__item,
.eu-redesign-container button.eu-pagination__link,
.eu-redesign-container button.eu-quick-link,
.eu-redesign-container button.eu-tab-btn,
.eu-redesign-container optgroup,
.eu-redesign-container select,
.eu-section button:not(.slick-arrow):not(.link) {
    font-family: inherit;
    font-size: 100%;
    vertical-align: unset;
}

.eu-redesign-container input,
.eu-redesign-container textarea {
    font-family: inherit;
}

.eu-redesign-container legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0px;
    white-space: normal;
}

.eu-redesign-container progress {
    vertical-align: baseline;
}

.eu-redesign-container details {
    display: block;
}

.eu-redesign-container summary {
    display: list-item;
}

.eu-redesign-container [hidden],
.eu-redesign-container template {
    display: none;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

html {
    overflow: initial;
}

.eu-redesign-container {
    font-size: 1rem;
}

.eu-redesign-container .loader_container.full {
    pointer-events: none;
}

.eu-redesign-container .loader_container.full button {
    pointer-events: all;
}

button span.eu-btn__badge:not(.icon) {
    position: absolute;
    top: 10px;
}

button span.eu-btn__inner:not(.icon),
button span.eu-menu__btn:not(.icon) {
    position: unset;
}

.eu-section>div[class*="eu-"] p:not(.eu-income-expenses__price):not(.eu-alert-message__text):not(.eu-content-box__text):not(.eu-tag):not([class*="eu-color"]):not(.error) {
    color: inherit;
}

.eu-tabs__content .boxesWrap {
    width: 100%;
}

@media only screen and (min-width: 768px) {

    .eu-section .prodList .boxesWrap:not(.prodListListview) .boxItem .imgTextBox .img {
        height: auto;
        width: 100%;
        aspect-ratio: 390 / 192;
        min-height: 47%;
    }
}

@media only screen and (min-width: 1023px) {

    .eu-section .prodList .boxesWrap:not(.prodListListview) .boxItem .imgTextBox .img {
        min-height: 168px;
    }
}

@media only screen and (min-width: 1023px) {
    .eu-section .prodList .boxesWrap.prodListListview .boxItem .imgTextBox .img {
        aspect-ratio: 390 / 116;
        min-height: 168px;
    }
}

.eu-redesign-container footer {
    background-color: transparent;
}

.eu-redesign-container footer:not(.footerRebrand) {
    padding-block: 0px;
    text-align: left;
}

.eu-redesign-container button:focus-visible {
    outline-style: solid;
    outline-width: 1px;
    outline-color: var(--color-border-primary);
    outline-offset: 1px;
}

.eu-redesign-container button.eu-swiper__btn:focus-visible {
    outline-offset: -1px;
}

.eu-redesign-container button.customDateInput {
    font-family: EurobankSans;
}

.eu-redesign-container .mainSection {
    overflow-x: clip;
}

.eu-redesign-container [type="button"].stripe,
.eu-redesign-container [type="reset"].stripe,
.eu-redesign-container [type="submit"].stripe,
.eu-redesign-container button.stripe {
    background-color: rgb(246, 246, 246);
}

.eu-redesign-container .listviewRow.listviewRow--dragging:not(.intro):not(.acc-block) {
    border: none !important;
}

.eu-redesign-container .acc-content .loader_container {
    padding-block: 1.5rem;
}

.eu-redesign-container .popup .dragBox .listviewRow {
    width: 100%;
    max-width: 872px;
}

@media only screen and (max-width: 1023px) {
    .eu-redesign-container .popup .dragBox .listviewRow {
        max-width: calc(-50px + 90vw);
    }
}

@media only screen and (max-width: 767px) {
    .eu-redesign-container .popup .dragBox .listviewRow {
        max-width: calc(-30px + 90vw);
    }
}

.eu-redesign-container .prodListListview {
    width: 100%;
}

.eu-redesign-container .imgTextBox p:not([class^="price"]) {
    word-break: break-word;
}

.eu-redesign-container .accountHolder p.info {
    margin-top: 4px;
}

@media only screen and (min-width: 1023px) {
    .eu-redesign-container .prodList .boxesWrap:not(.prodListListview) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .eu-redesign-container .prodList .boxesWrap:not(.prodListListview) .boxItem {
        width: 100%;
    }

    .eu-redesign-container .prodList .boxesWrap:not(.prodListListview) .boxItem--full {
        grid-column: span 3;
        min-height: inherit;
    }
}

@media only screen and (min-width: 1023px) and (max-width: 1280px) {
    .eu-redesign-container .prodList .boxesWrap:not(.prodListListview) .boxItem--full {
        grid-column: span 2;
    }
}

@media only screen and (min-width: 1279px) {
    .eu-redesign-container .prodList .boxesWrap:not(.prodListListview) {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1024px) {
    .eu-redesign-container .mobileHide {
        display: none;
    }
}

.column-12 .eu-section:first-child {
    margin-top: 1.5rem;
}

.eu-redesign-container a.link:not(.open-acc):focus::after,
.eu-redesign-container button.link:not(.open-acc):focus::after {
    border: none;
}

.eu-redesign-container .imgTextBox .img .textBoxContent {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}

.eu-redesign-container .imgTextBox .img .textBoxContent p {
    position: relative;
    bottom: 0px;
    left: 0px;
    padding: 0px 26px 28px;
    order: -1;
}

.eu-redesign-container .imgTextBox .img .textBoxContent .textFrame+p {
    padding-bottom: 0px;
}

.eu-redesign-container .imgTextBox .img .textBoxContent .textFrame__text p {
    padding: 0px;
    font-family: EurobankSans;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.eu-redesign-container .customCircleList ul li::before {
    display: block;
}

.eu-redesign-container .eu-text.h3,
.eu-redesign-container .eu-text:is(h3) {
    font-family: EurobankSans;
    color: inherit;
}

.eu-redesign-container .breadcrumbRow {
    z-index: 9;
}

.eu-redesign-container .tabs.selectBoxTabs .selectWrap {
    z-index: 7;
}

.eu-redesign-container .radioBtns .radio {
    z-index: 0;
}

@media (max-width: 79.9375rem) {
    .eu-redesign-container .infoStripe--bordered {
        padding-inline: 0px;
    }
}

@media (max-width: 79.9375rem) {
    .eu-redesign-container .infoStripe--bordered .flex {
        flex-direction: column;
    }
}

@media (max-width: 79.9375rem) {
    .eu-redesign-container .infoStripe--bordered .inlineFlex:not(:last-child) {
        border-right: 0px;
        border-bottom: 1px solid var(--color-border-default);
        padding-right: 0px;
        margin-right: 0px;
        padding-bottom: 16px;
        margin-bottom: 16px;
        max-width: inherit;
    }
}

@media (max-width: 79.9375rem) {
    .eu-redesign-container .stripeInfo .switchBox {
        flex-wrap: wrap;
    }

    .eu-redesign-container .stripeInfo .switchBox__col {
        margin-right: 0px;
        width: 100%;
        padding-bottom: 15px;
    }
}

.eu-redesign-container .searchBlock.noBorder {
    position: relative;
}

.eu-prevent-scroll-y .eu-redesign-container .searchBlock.noBorder {
    z-index: unset;
}

.eu-redesign-container .mainContainer.loaderOpen,
.eu-redesign-container .mainContainer.popupOpen {
    overflow: unset;
    height: auto;
}

.eu-redesign-container .row h1 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.33333;
}

.eu-redesign-container .sectionsList .item.active button {
    font-family: EurobankSans;
    font-weight: 700;
}

.eu-redesign-container .sectionsList .item button,
.eu-redesign-container a.stripe,
.eu-redesign-container button.stripe {
    font-size: 1.125rem;
}

.eu-redesign-container .acc-header h2:not(.h4),
.eu-redesign-container .acc-header h3:not(.h4),
.eu-redesign-container .accountBlock .overview .text,
.eu-redesign-container .actionsBox .value .large,
.eu-redesign-container .actionsBox h3,
.eu-redesign-container .actionsBox p.value .large,
.eu-redesign-container .balance.type1 .value,
.eu-redesign-container .balance.type2 .value,
.eu-redesign-container .bInfo,
.eu-redesign-container .cardWrapper .card .value,
.eu-redesign-container .cmsData table td b,
.eu-redesign-container .cmsData table td strong,
.eu-redesign-container .compareTable__score,
.eu-redesign-container .doubleBox .infoRow b,
.eu-redesign-container .doubleBox .infoRow strong,
.eu-redesign-container .doubleBox .top .title,
.eu-redesign-container .doubleBox .top p.title,
.eu-redesign-container .epistrofiBanner .value,
.eu-redesign-container .errorPage h2,
.eu-redesign-container .h3,
.eu-redesign-container .headbox_info_row p b,
.eu-redesign-container .headbox_info_row p strong,
.eu-redesign-container .iconInfoBox__content h3,
.eu-redesign-container .imgBox .text p,
.eu-redesign-container .imgTextBox .img p span,
.eu-redesign-container .infoFlex__value b,
.eu-redesign-container .infoFlex__value strong,
.eu-redesign-container .informBox .title,
.eu-redesign-container .informBoxes.type2 p.title,
.eu-redesign-container .infoSteps .item::before,
.eu-redesign-container .infoTable.b .value,
.eu-redesign-container .infoWrapper .value,
.eu-redesign-container .inlineEdit .name,
.eu-redesign-container .introInfo h3,
.eu-redesign-container .langingPage .loginBox.v1 h2,
.eu-redesign-container .langingPage .loginBox.v1 h3,
.eu-redesign-container .langingPage .promoText h2,
.eu-redesign-container .langingPage .promoText h3,
.eu-redesign-container .listviewCol .value,
.eu-redesign-container .loanCalc__cards .card .value,
.eu-redesign-container .loanCalc__sumCol p.loanCalc__sum,
.eu-redesign-container .loginFooter .contact a[href^="tel"],
.eu-redesign-container .loginPage .loginBox.v1 h2,
.eu-redesign-container .loginPage .loginBox.v1 h3,
.eu-redesign-container .loginPage .promoText h2,
.eu-redesign-container .loginPage .promoText h3,
.eu-redesign-container .logoutAlert p,
.eu-redesign-container .mixedInfoRow .value,
.eu-redesign-container .mixedInfoRow p.value,
.eu-redesign-container .notes p b,
.eu-redesign-container .notes p strong,
.eu-redesign-container .notification p.title,
.eu-redesign-container .pos_card .price_box b,
.eu-redesign-container .priceRow p b,
.eu-redesign-container .react-datepicker__day.react-datepicker__day--keyboard-selected,
.eu-redesign-container .react-datepicker__day.react-datepicker__day--selected,
.eu-redesign-container .redirection h2,
.eu-redesign-container .sectionsList .item.active button,
.eu-redesign-container .sharesBlock .dataRow.b strong,
.eu-redesign-container .signingBlock .bubble strong,
.eu-redesign-container .statRow .value,
.eu-redesign-container .statsGraphValues .value,
.eu-redesign-container .statsGraphValues p.value,
.eu-redesign-container .step.active button,
.eu-redesign-container .step.prev button,
.eu-redesign-container .stepBox h2,
.eu-redesign-container .stepsFeed .bold,
.eu-redesign-container .stepsFeed .stepFeed.current .stepText,
.eu-redesign-container .stepsFeed .stepFeed.current p.stepText,
.eu-redesign-container .stepsFeed .strong,
.eu-redesign-container .stepsFeed b,
.eu-redesign-container .stepsFeed strong,
.eu-redesign-container .storeInfo h5,
.eu-redesign-container .submitBlock b,
.eu-redesign-container .taxFreeEmpty .taxfreeTotal,
.eu-redesign-container .tileSplit__value,
.eu-redesign-container .well__title,
.eu-redesign-container .whiteBox address,
.eu-redesign-container footer .contact a,
.eu-redesign-container h3,
.eu-redesign-container input.text.boxed.bigValue,
.eu-redesign-container p.alert,
.eu-redesign-container text.donutText.dtxt1 {
    font-family: EurobankSans;
    font-weight: 700;
}

.eu-redesign-container .imgBox .text p {
    font-style: italic;
}

.eu-redesign-container .headbox_info_row p.b b,
.eu-redesign-container .headbox_info_row p.b strong {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.33333;
}

.eu-redesign-container .h1,
.eu-redesign-container h1 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.33333;
}

.eu-redesign-container .h2,
.eu-redesign-container h2 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.45455;
}

.eu-redesign-container .acc-header h2:not(.h4),
.eu-redesign-container .acc-header h3:not(.h4),
.eu-redesign-container .h3,
.eu-redesign-container h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.eu-redesign-container .h4,
.eu-redesign-container h4 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.33333;
}

body .eu-redesign-container {
    font-family: EurobankSans;
}

@font-face {
    font-family: EurobankSans;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../media/EurobankSans-Italic.woff2") format("woff2");
}

@font-face {
    font-family: EurobankSans;
    font-weight: 400;
    font-display: swap;
    src: url("../media/EurobankSans-Regular.woff2") format("woff2");
}

@font-face {
    font-family: EurobankSans;
    font-weight: 700;
    font-display: swap;
    src: url("../media/EurobankSans-Bold.woff2") format("woff2");
}

p {
    font-size: 1rem;
    font-weight: 400;
}

p {
    margin: 0px 0px 1rem;
    line-height: 1.5;
}

@font-face {
    font-family: swiper-icons;
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

:root {
    --swiper-navigation-size: 44px;
}

.eu-redesign-container .pieChartText {
    fill: var(--color-text-subtle);
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}

.eu-redesign-container .pieChartText--large,
.eu-redesign-container .pieChartText--medium,
.eu-redesign-container .pieChartText--small {
    fill: var(--color-text-default);
    font-weight: 700;
}

.eu-redesign-container .pieChartText--large {
    font-size: 14px;
    line-height: 16px;
}

.eu-redesign-container .pieChartText--medium {
    font-size: 12px;
    line-height: 14px;
}

.eu-redesign-container .pieChartText--small {
    font-size: 8px;
    line-height: 10px;
}

.eu-redesign-container .eu-dropdown-selected__btn:focus-visible {
    outline-style: none;
}

.eu-redesign-container input[type="number"]::-webkit-inner-spin-button,
.eu-redesign-container input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0px;
}

.eu-redesign-container input[type="number"] {}

.eu-redesign-container ::-webkit-input-placeholder {
    color: var(--color-text-subtle);
}

.eu-redesign-container input:disabled::-webkit-input-placeholder,
.eu-redesign-container textarea:disabled::-webkit-input-placeholder {
    color: var(--color-text-disabled);
}

.eu-redesign-container .eu-input-field__input {
    outline: none;
}

.eu-redesign-container .eu-input-field__btn:focus-visible {
    outline-offset: -2px;
}

@-webkit-keyframes load5Blue {

    0%,
    100% {
        box-shadow: rgb(12, 108, 178) 0px -2.6em 0px 0px, rgba(12, 108, 178, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 108, 178, 0.2) 2.5em 0px 0px 0px, rgba(12, 108, 178, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 108, 178, 0.2) 0px 2.5em 0px 0px, rgba(12, 108, 178, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 108, 178, 0.5) -2.6em 0px 0px 0px, rgba(12, 108, 178, 0.7) -1.8em -1.8em 0px 0px;
    }

    12.5% {
        box-shadow: rgba(12, 108, 178, 0.7) 0px -2.6em 0px 0px, rgb(12, 108, 178) 1.8em -1.8em 0px 0px, rgba(12, 108, 178, 0.2) 2.5em 0px 0px 0px, rgba(12, 108, 178, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 108, 178, 0.2) 0px 2.5em 0px 0px, rgba(12, 108, 178, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 108, 178, 0.2) -2.6em 0px 0px 0px, rgba(12, 108, 178, 0.5) -1.8em -1.8em 0px 0px;
    }

    25% {
        box-shadow: rgba(12, 108, 178, 0.5) 0px -2.6em 0px 0px, rgba(12, 108, 178, 0.7) 1.8em -1.8em 0px 0px, rgb(12, 108, 178) 2.5em 0px 0px 0px, rgba(12, 108, 178, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 108, 178, 0.2) 0px 2.5em 0px 0px, rgba(12, 108, 178, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 108, 178, 0.2) -2.6em 0px 0px 0px, rgba(12, 108, 178, 0.2) -1.8em -1.8em 0px 0px;
    }

    37.5% {
        box-shadow: rgba(12, 108, 178, 0.2) 0px -2.6em 0px 0px, rgba(12, 108, 178, 0.5) 1.8em -1.8em 0px 0px, rgba(12, 108, 178, 0.7) 2.5em 0px 0px 0px, rgb(12, 108, 178) 1.75em 1.75em 0px 0px, rgba(12, 108, 178, 0.2) 0px 2.5em 0px 0px, rgba(12, 108, 178, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 108, 178, 0.2) -2.6em 0px 0px 0px, rgba(12, 108, 178, 0.2) -1.8em -1.8em 0px 0px;
    }

    50% {
        box-shadow: rgba(12, 108, 178, 0.2) 0px -2.6em 0px 0px, rgba(12, 108, 178, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 108, 178, 0.5) 2.5em 0px 0px 0px, rgba(12, 108, 178, 0.7) 1.75em 1.75em 0px 0px, rgb(12, 108, 178) 0px 2.5em 0px 0px, rgba(12, 108, 178, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 108, 178, 0.2) -2.6em 0px 0px 0px, rgba(12, 108, 178, 0.2) -1.8em -1.8em 0px 0px;
    }

    62.5% {
        box-shadow: rgba(12, 108, 178, 0.2) 0px -2.6em 0px 0px, rgba(12, 108, 178, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 108, 178, 0.2) 2.5em 0px 0px 0px, rgba(12, 108, 178, 0.5) 1.75em 1.75em 0px 0px, rgba(12, 108, 178, 0.7) 0px 2.5em 0px 0px, rgb(12, 108, 178) -1.8em 1.8em 0px 0px, rgba(12, 108, 178, 0.2) -2.6em 0px 0px 0px, rgba(12, 108, 178, 0.2) -1.8em -1.8em 0px 0px;
    }

    75% {
        box-shadow: rgba(12, 108, 178, 0.2) 0px -2.6em 0px 0px, rgba(12, 108, 178, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 108, 178, 0.2) 2.5em 0px 0px 0px, rgba(12, 108, 178, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 108, 178, 0.5) 0px 2.5em 0px 0px, rgba(12, 108, 178, 0.7) -1.8em 1.8em 0px 0px, rgb(12, 108, 178) -2.6em 0px 0px 0px, rgba(12, 108, 178, 0.2) -1.8em -1.8em 0px 0px;
    }

    87.5% {
        box-shadow: rgba(12, 108, 178, 0.2) 0px -2.6em 0px 0px, rgba(12, 108, 178, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 108, 178, 0.2) 2.5em 0px 0px 0px, rgba(12, 108, 178, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 108, 178, 0.2) 0px 2.5em 0px 0px, rgba(12, 108, 178, 0.5) -1.8em 1.8em 0px 0px, rgba(12, 108, 178, 0.7) -2.6em 0px 0px 0px, rgb(255, 255, 255) -1.8em -1.8em 0px 0px;
    }
}

.eu-redesign-container #euReorderListId>div {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.eu-redesign-container .rangeSlider {
    height: 1.5rem;
    width: 100%;
    max-width: 25.75rem;
    position: relative;
}

.eu-redesign-container .rangeSlider__label {
    margin: 0px;
    white-space: nowrap;
    position: relative;
    top: 0.125rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.14286;
}

.eu-redesign-container .rangeInput {
    position: relative;
    width: 100%;
}

.eu-redesign-container .rangeInput__track {
    position: absolute;
    height: 0.625rem;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    z-index: 1;
    border-radius: 80px;
}

.eu-redesign-container .rangeInput__track__indicator {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: var(--color-background-primary-bold);
    z-index: 2;
    border-radius: 80px;
}

.eu-redesign-container .rangeInput__track__base {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: var(--color-background-information-subtle);
    border-radius: 80px;
}

.eu-redesign-container .rangeInput__value {
    display: none;
    position: absolute;
    top: -2rem;
    background-color: var(--elevation-surface-base);
    text-align: center;
    padding: 0.5rem;
    color: var(--color-text-default);
    border-radius: 4px;
    box-shadow: 0 2px 6px 1px var(--color-overlay-black-15, rgba(0, 0, 0, .15));
    width: auto;
    margin-top: 0px;
    white-space: nowrap;
    z-index: 2;
    font-family: EurobankSans;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.33333;
}

.eu-redesign-container .rangeInput__value::after,
.eu-redesign-container .rangeInput__value::before {
    content: unset;
}

.eu-redesign-container .rangeInput__value--left,
.eu-redesign-container .rangeInput__value--right {
    transform: translateX(-50%);
    margin-left: 0px;
}

.eu-redesign-container .rangeInput__selected-value {
    position: absolute;
    top: 1.75rem;
    white-space: nowrap;
    z-index: 2;
    transform: translateX(-50%);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.14286;
}

.eu-redesign-container .rangeInput [type="range"] {
    position: relative;
    z-index: 1;
}

.eu-redesign-container [type="range"] {
    appearance: none;
    background: transparent;
    margin: 0.6875rem 0px;
    width: 100%;
}

.eu-redesign-container [type="range"]:focus {
    outline: 0px;
}

.eu-redesign-container [type="range"]:focus::-webkit-slider-runnable-track {
    background: transparent;
}

.eu-redesign-container [type="range"]::-webkit-slider-runnable-track {
    cursor: default;
    height: 0.625rem;
    width: 100%;
    box-shadow: none;
    background: transparent;
    border: none;
    border-radius: 80px;
}

.eu-redesign-container [type="range"]::-webkit-slider-thumb {
    box-shadow: none;
    background: var(--elevation-surface-base);
    border: 2px solid var(--color-background-primary-bold);
    border-radius: 80px;
    box-sizing: border-box;
    height: 1.375rem;
    width: 1.375rem;
    cursor: pointer;
    position: relative;
    z-index: 20;
    appearance: none;
    margin-top: -0.375rem;
}

.eu-promo-card__action>a.link,
.eu-promo-card__action>a.link.m {
    font-family: EurobankSans;
    font-size: 1rem;
    line-height: 2;
    font-weight: 700;
}

body #chat-window,
body #open-converse {
    z-index: 380 !important;
}

body #open-converse {
    left: unset;
    right: 1rem;
    bottom: 3.5rem;
    width: 3.5rem !important;
    height: 3.5rem !important;
}

@media (hover: hover) and (pointer: fine) {
    body #open-converse:hover #open-converse-tooltip {
        visibility: visible;
        opacity: 1;
    }
}

body #open-converse #open-converse-tooltip {
    font-family: EurobankSans;
    font-weight: 700;
    right: 72px;
    left: unset;
    bottom: 2.75rem;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}

body #open-converse #open-converse-tooltip::after {
    left: 100%;
    right: unset;
    transform: scaleX(-1);
}

body #chat-window {
    left: unset;
    right: 1rem;
    clip-path: circle(0px at 92% 88%);
}

@keyframes bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

@keyframes ball-grid-pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.5);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes loaderRefresh {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0px;
    }

    100% {
        background-position: 468px 0px;
    }
}

@keyframes load5 {

    0%,
    100% {
        box-shadow: rgb(255, 255, 255) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.5) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.7) -1.8em -1.8em 0px 0px;
    }

    12.5% {
        box-shadow: rgba(255, 255, 255, 0.7) 0px -2.6em 0px 0px, rgb(255, 255, 255) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.5) -1.8em -1.8em 0px 0px;
    }

    25% {
        box-shadow: rgba(255, 255, 255, 0.5) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.7) 1.8em -1.8em 0px 0px, rgb(255, 255, 255) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    37.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.5) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.7) 2.5em 0px 0px 0px, rgb(255, 255, 255) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    50% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.5) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.7) 1.75em 1.75em 0px 0px, rgb(255, 255, 255) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    62.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.5) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.7) 0px 2.5em 0px 0px, rgb(255, 255, 255) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    75% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.5) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.7) -1.8em 1.8em 0px 0px, rgb(255, 255, 255) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    87.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.5) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.7) -2.6em 0px 0px 0px, rgb(255, 255, 255) -1.8em -1.8em 0px 0px;
    }
}

@keyframes load5Blue {

    0%,
    100% {
        box-shadow: rgb(12, 109, 179) 0px -2.6em 0px 0px, rgba(12, 109, 179, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 109, 179, 0.2) 2.5em 0px 0px 0px, rgba(12, 109, 179, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 109, 179, 0.2) 0px 2.5em 0px 0px, rgba(12, 109, 179, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 109, 179, 0.5) -2.6em 0px 0px 0px, rgba(12, 109, 179, 0.7) -1.8em -1.8em 0px 0px;
    }

    12.5% {
        box-shadow: rgba(12, 109, 179, 0.7) 0px -2.6em 0px 0px, rgb(12, 109, 179) 1.8em -1.8em 0px 0px, rgba(12, 109, 179, 0.2) 2.5em 0px 0px 0px, rgba(12, 109, 179, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 109, 179, 0.2) 0px 2.5em 0px 0px, rgba(12, 109, 179, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 109, 179, 0.2) -2.6em 0px 0px 0px, rgba(12, 109, 179, 0.5) -1.8em -1.8em 0px 0px;
    }

    25% {
        box-shadow: rgba(12, 109, 179, 0.5) 0px -2.6em 0px 0px, rgba(12, 109, 179, 0.7) 1.8em -1.8em 0px 0px, rgb(12, 109, 179) 2.5em 0px 0px 0px, rgba(12, 109, 179, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 109, 179, 0.2) 0px 2.5em 0px 0px, rgba(12, 109, 179, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 109, 179, 0.2) -2.6em 0px 0px 0px, rgba(12, 109, 179, 0.2) -1.8em -1.8em 0px 0px;
    }

    37.5% {
        box-shadow: rgba(12, 109, 179, 0.2) 0px -2.6em 0px 0px, rgba(12, 109, 179, 0.5) 1.8em -1.8em 0px 0px, rgba(12, 109, 179, 0.7) 2.5em 0px 0px 0px, rgb(12, 109, 179) 1.75em 1.75em 0px 0px, rgba(12, 109, 179, 0.2) 0px 2.5em 0px 0px, rgba(12, 109, 179, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 109, 179, 0.2) -2.6em 0px 0px 0px, rgba(12, 109, 179, 0.2) -1.8em -1.8em 0px 0px;
    }

    50% {
        box-shadow: rgba(12, 109, 179, 0.2) 0px -2.6em 0px 0px, rgba(12, 109, 179, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 109, 179, 0.5) 2.5em 0px 0px 0px, rgba(12, 109, 179, 0.7) 1.75em 1.75em 0px 0px, rgb(12, 109, 179) 0px 2.5em 0px 0px, rgba(12, 109, 179, 0.2) -1.8em 1.8em 0px 0px, rgba(12, 109, 179, 0.2) -2.6em 0px 0px 0px, rgba(12, 109, 179, 0.2) -1.8em -1.8em 0px 0px;
    }

    62.5% {
        box-shadow: rgba(12, 109, 179, 0.2) 0px -2.6em 0px 0px, rgba(12, 109, 179, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 109, 179, 0.2) 2.5em 0px 0px 0px, rgba(12, 109, 179, 0.5) 1.75em 1.75em 0px 0px, rgba(12, 109, 179, 0.7) 0px 2.5em 0px 0px, rgb(12, 109, 179) -1.8em 1.8em 0px 0px, rgba(12, 109, 179, 0.2) -2.6em 0px 0px 0px, rgba(12, 109, 179, 0.2) -1.8em -1.8em 0px 0px;
    }

    75% {
        box-shadow: rgba(12, 109, 179, 0.2) 0px -2.6em 0px 0px, rgba(12, 109, 179, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 109, 179, 0.2) 2.5em 0px 0px 0px, rgba(12, 109, 179, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 109, 179, 0.5) 0px 2.5em 0px 0px, rgba(12, 109, 179, 0.7) -1.8em 1.8em 0px 0px, rgb(12, 109, 179) -2.6em 0px 0px 0px, rgba(12, 109, 179, 0.2) -1.8em -1.8em 0px 0px;
    }

    87.5% {
        box-shadow: rgba(12, 109, 179, 0.2) 0px -2.6em 0px 0px, rgba(12, 109, 179, 0.2) 1.8em -1.8em 0px 0px, rgba(12, 109, 179, 0.2) 2.5em 0px 0px 0px, rgba(12, 109, 179, 0.2) 1.75em 1.75em 0px 0px, rgba(12, 109, 179, 0.2) 0px 2.5em 0px 0px, rgba(12, 109, 179, 0.5) -1.8em 1.8em 0px 0px, rgba(12, 109, 179, 0.7) -2.6em 0px 0px 0px, rgb(255, 255, 255) -1.8em -1.8em 0px 0px;
    }
}

@keyframes load5White {

    0%,
    100% {
        box-shadow: rgb(255, 255, 255) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.5) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.7) -1.8em -1.8em 0px 0px;
    }

    12.5% {
        box-shadow: rgba(255, 255, 255, 0.7) 0px -2.6em 0px 0px, rgb(255, 255, 255) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.5) -1.8em -1.8em 0px 0px;
    }

    25% {
        box-shadow: rgba(255, 255, 255, 0.5) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.7) 1.8em -1.8em 0px 0px, rgb(255, 255, 255) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    37.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.5) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.7) 2.5em 0px 0px 0px, rgb(255, 255, 255) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    50% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.5) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.7) 1.75em 1.75em 0px 0px, rgb(255, 255, 255) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.2) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    62.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.5) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.7) 0px 2.5em 0px 0px, rgb(255, 255, 255) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.2) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    75% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.5) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.7) -1.8em 1.8em 0px 0px, rgb(255, 255, 255) -2.6em 0px 0px 0px, rgba(255, 255, 255, 0.2) -1.8em -1.8em 0px 0px;
    }

    87.5% {
        box-shadow: rgba(255, 255, 255, 0.2) 0px -2.6em 0px 0px, rgba(255, 255, 255, 0.2) 1.8em -1.8em 0px 0px, rgba(255, 255, 255, 0.2) 2.5em 0px 0px 0px, rgba(255, 255, 255, 0.2) 1.75em 1.75em 0px 0px, rgba(255, 255, 255, 0.2) 0px 2.5em 0px 0px, rgba(255, 255, 255, 0.5) -1.8em 1.8em 0px 0px, rgba(255, 255, 255, 0.7) -2.6em 0px 0px 0px, rgb(255, 255, 255) -1.8em -1.8em 0px 0px;
    }
}

@keyframes load5Black {

    0%,
    100% {
        box-shadow: rgb(1, 1, 1) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.5) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.7) -1.8em -1.8em 0px 0px;
    }

    12.5% {
        box-shadow: rgba(1, 1, 1, 0.7) 0px -2.6em 0px 0px, rgb(1, 1, 1) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.5) -1.8em -1.8em 0px 0px;
    }

    25% {
        box-shadow: rgba(1, 1, 1, 0.5) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.7) 1.8em -1.8em 0px 0px, rgb(1, 1, 1) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    37.5% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.5) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.7) 2.5em 0px 0px 0px, rgb(1, 1, 1) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    50% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.5) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.7) 1.75em 1.75em 0px 0px, rgb(1, 1, 1) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.2) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    62.5% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.5) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.7) 0px 2.5em 0px 0px, rgb(1, 1, 1) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.2) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    75% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.5) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.7) -1.8em 1.8em 0px 0px, rgb(1, 1, 1) -2.6em 0px 0px 0px, rgba(1, 1, 1, 0.2) -1.8em -1.8em 0px 0px;
    }

    87.5% {
        box-shadow: rgba(1, 1, 1, 0.2) 0px -2.6em 0px 0px, rgba(1, 1, 1, 0.2) 1.8em -1.8em 0px 0px, rgba(1, 1, 1, 0.2) 2.5em 0px 0px 0px, rgba(1, 1, 1, 0.2) 1.75em 1.75em 0px 0px, rgba(1, 1, 1, 0.2) 0px 2.5em 0px 0px, rgba(1, 1, 1, 0.5) -1.8em 1.8em 0px 0px, rgba(1, 1, 1, 0.7) -2.6em 0px 0px 0px, rgb(1, 1, 1) -1.8em -1.8em 0px 0px;
    }
}

@keyframes loaderAmin {

    0%,
    60%,
    100% {
        border: 0px solid rgba(11, 155, 217, 0.2);
        box-shadow: rgba(1, 1, 1, 0.06) 0px 0px 10px 0px;
        transform: scale(0.65);
    }

    30% {
        box-shadow: none;
        border: 5px solid rgba(11, 155, 217, 0.2);
        transform: scale(1);
    }
}

@keyframes loaderAmin2 {

    0%,
    60%,
    100% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }
}

@keyframes loaderAminM {

    0%,
    60%,
    100% {
        border: 0px solid rgba(11, 155, 217, 0.2);
        box-shadow: rgba(1, 1, 1, 0.06) 0px 0px 10px 0px;
        transform: scale(0.65);
    }

    30% {
        box-shadow: none;
        border: 5px solid rgba(11, 155, 217, 0.2);
        transform: scale(1);
    }
}

@keyframes loaderAmin2M {

    0%,
    60%,
    100% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }
}

@keyframes movingBg {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(46px);
    }
}

@keyframes cvvarrow {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }

    15% {
        transform: translateX(-20px);
        opacity: 0;
    }

    20% {
        transform: translateX(0px);
        opacity: 1;
    }

    25% {
        transform: translateX(-20px);
        opacity: 1;
    }

    30% {
        transform: translateX(0px);
        opacity: 1;
    }

    35% {
        transform: translateX(-20px);
        opacity: 1;
    }

    40% {
        transform: translateX(0px);
        opacity: 1;
    }

    45% {
        transform: translateX(-20px);
        opacity: 1;
    }

    50% {
        transform: translateX(0px);
        opacity: 1;
    }

    55% {
        transform: translateX(-20px);
        opacity: 1;
    }

    60% {
        transform: translateX(0px);
        opacity: 1;
    }

    65% {
        transform: translateX(-20px);
        opacity: 1;
    }

    70% {
        transform: translateX(0px);
        opacity: 1;
    }

    75% {
        transform: translateX(-20px);
        opacity: 1;
    }

    80% {
        transform: translateX(0px);
        opacity: 1;
    }

    85% {
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        transform: translateX(-20px);
        opacity: 0;
    }
}

@keyframes cvvcircle {
    0% {
        transform: scale(0);
    }

    10% {
        transform: scale(1);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes cvvcircle2 {
    0% {
        transform: scale(0);
    }

    10% {
        transform: scale(1);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes cvvimage {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes cvvimage2 {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }

    8% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }

    12% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.75);
    }

    80% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.75);
    }

    90% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.75);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.75);
    }
}

@keyframes cvvhighlight {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

:root {
    --pageSpaceTop: 22px;
    --headerHeight: 123px;
    --dashboardToggleContent: 0;
    --dashboardToggleContentShort: 142px;
    --labelWidth: 243px;
    --innerForm: 392px;
    --popupPaddingInline: 40px;
}

@media only screen and (max-width: 1023px) {
    :root {
        --dashboardToggleContentShort: 0;
        --labelWidth: 180px;
        --popupPaddingInline: 25px;
    }
}

@media only screen and (max-width: 767px) {
    :root {
        --pageSpaceTop: 0;
        --popupPaddingInline: 15px;
    }
}

@media only screen and (max-width: 480px) {
    :root {
        --innerForm: 100%;
    }
}

@font-face {
    font-family: icomoon;
    src: url("../media/icomoon.ttf") format("truetype"), url("../media/icomoon.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

[class*=" icon-"],
[class^="icon-"] {
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: icomoon !important;
}

.icon-idiwtes::before {
    content: "";
}

.icon-epixeiriseis::before {
    content: "";
}

.icon-close::before {
    content: "";
}

.icon-demo::before {
    content: "";
}

.icon-asfaleia::before {
    content: "";
}

.boxItem .buttonsWrap .button,
.boxItem .buttonsWrap .link {
    bottom: auto;
    left: auto;
    position: relative;
}

@media only screen and (max-width: 1023px) {

    .boxItem.auto .buttonsWrap .button,
    .boxItem.auto .buttonsWrap .link {
        margin-left: 0px;
        margin-right: 0px;
    }

    .boxItem.auto .buttonsWrap .button:not(:last-child),
    .boxItem.auto .buttonsWrap .link:not(:last-child) {
        margin-right: 30px;
    }
}

.uploadingBox .loadingBar .bg {
    background: repeating-linear-gradient(-55deg, rgb(13, 129, 211) 1px, rgb(12, 109, 179) 2px, rgb(12, 109, 179) 11px, rgb(13, 129, 211) 12px, rgb(13, 129, 211) 20px);
    animation-name: moveBg;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    inset: 0px 0px 0px -46px;
    position: absolute;
}

@keyframes moveBg {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(46px);
    }
}

#onetrust-banner-sdk {
    text-size-adjust: 100%;
}

#onetrust-banner-sdk:focus {
    outline: rgb(0, 0, 0) solid 2px;
    outline-offset: -2px;
}

#onetrust-banner-sdk a:focus {
    outline: rgb(0, 0, 0) solid 2px;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
    outline-offset: 1px;
}

#onetrust-banner-sdk .ot-close-icon,
#onetrust-pc-sdk .ot-close-icon,
#ot-sync-ntfy .ot-close-icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 12px;
    width: 12px;
}

#onetrust-banner-sdk .ot-pc-footer-logo a,
#onetrust-pc-sdk .ot-pc-footer-logo a,
#ot-sync-ntfy .ot-pc-footer-logo a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
    width: 152px;
    display: block;
    text-decoration: none;
    font-size: 0.75em;
}

#onetrust-banner-sdk .ot-pc-footer-logo a:hover,
#onetrust-pc-sdk .ot-pc-footer-logo a:hover,
#ot-sync-ntfy .ot-pc-footer-logo a:hover {
    color: rgb(86, 86, 86);
}

#onetrust-banner-sdk h3 *,
#onetrust-banner-sdk h4 *,
#onetrust-banner-sdk h6 *,
#onetrust-banner-sdk button *,
#onetrust-banner-sdk a[data-parent-id] *,
#onetrust-pc-sdk h3 *,
#onetrust-pc-sdk h4 *,
#onetrust-pc-sdk h6 *,
#onetrust-pc-sdk button *,
#onetrust-pc-sdk a[data-parent-id] *,
#ot-sync-ntfy h3 *,
#ot-sync-ntfy h4 *,
#ot-sync-ntfy h6 *,
#ot-sync-ntfy button *,
#ot-sync-ntfy a[data-parent-id] * {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

#onetrust-banner-sdk .ot-hide,
#onetrust-pc-sdk .ot-hide,
#ot-sync-ntfy .ot-hide {
    display: none !important;
}

#onetrust-banner-sdk button.ot-link-btn:hover,
#onetrust-pc-sdk button.ot-link-btn:hover,
#ot-sync-ntfy button.ot-link-btn:hover {
    text-decoration: underline;
    opacity: 1;
}

#onetrust-pc-sdk .ot-sdk-row .ot-sdk-column {
    padding: 0px;
}

#onetrust-pc-sdk .ot-sdk-row {
    flex-direction: initial;
    width: 100%;
}

#onetrust-pc-sdk [type="checkbox"]:checked,
#onetrust-pc-sdk [type="checkbox"]:not(:checked) {
    pointer-events: initial;
}

#onetrust-pc-sdk [type="checkbox"]:disabled+label::before,
#onetrust-pc-sdk [type="checkbox"]:disabled+label::after,
#onetrust-pc-sdk [type="checkbox"]:disabled+label {
    pointer-events: none;
    opacity: 0.7;
}

#onetrust-pc-sdk #vendor-list-content {
    transform: translate3d(0px, 0px, 0px);
}

#onetrust-pc-sdk li input[type="checkbox"] {
    z-index: 1;
}

#onetrust-pc-sdk li .ot-acc-txt {
    z-index: 2;
    position: relative;
}

#onetrust-pc-sdk input {
    margin: 3px 0.1ex;
}

#onetrust-pc-sdk .ot-pc-logo {
    height: 60px;
    width: 180px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#onetrust-pc-sdk .ot-pc-logo img {
    max-height: 100%;
    max-width: 100%;
}

#onetrust-pc-sdk .ot-scrn-rdr,
.ot-sdk-cookie-policy .ot-scrn-rdr {
    border: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}

#onetrust-pc-sdk.ot-fade-in,
.onetrust-pc-dark-filter.ot-fade-in,
#onetrust-banner-sdk.ot-fade-in {
    animation-name: onetrust-fade-in;
    animation-duration: 400ms;
    animation-timing-function: ease-in-out;
}

#onetrust-pc-sdk.ot-hide {
    display: none !important;
}

.onetrust-pc-dark-filter.ot-hide {
    display: none !important;
}

.onetrust-pc-dark-filter {
    background: rgba(0, 0, 0, 0.5);
    z-index: 2147483646;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

@keyframes onetrust-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (min-width: 426px) and (max-width: 896px) and (orientation: landscape) {
    #onetrust-pc-sdk p {
        font-size: 0.75em;
    }
}

#onetrust-pc-sdk .ot-pc-footer-logo img {
    width: 136px;
    height: 16px;
}

#onetrust-banner-sdk .ot-optout-signal,
#onetrust-pc-sdk .ot-optout-signal {
    border: 1px solid rgb(50, 174, 136);
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: rgb(249, 255, 250);
    font-size: 0.85rem;
    line-height: 2;
}

#onetrust-banner-sdk .ot-optout-signal .ot-optout-icon,
#onetrust-pc-sdk .ot-optout-signal .ot-optout-icon {
    display: inline;
    margin-right: 5px;
}

#onetrust-banner-sdk .ot-optout-signal svg,
#onetrust-pc-sdk .ot-optout-signal svg {
    height: 20px;
    width: 30px;
    transform: scale(0.5);
}

#onetrust-banner-sdk .ot-optout-signal svg path,
#onetrust-pc-sdk .ot-optout-signal svg path {
    fill: rgb(50, 174, 136);
}

#onetrust-banner-sdk,
#onetrust-pc-sdk,
#ot-sdk-cookie-policy,
#ot-sync-ntfy {
    font-size: 16px;
}

#onetrust-banner-sdk *,
#onetrust-banner-sdk ::after,
#onetrust-banner-sdk ::before,
#onetrust-pc-sdk *,
#onetrust-pc-sdk ::after,
#onetrust-pc-sdk ::before,
#ot-sdk-cookie-policy *,
#ot-sdk-cookie-policy ::after,
#ot-sdk-cookie-policy ::before,
#ot-sync-ntfy *,
#ot-sync-ntfy ::after,
#ot-sync-ntfy ::before {
    box-sizing: content-box;
}

#onetrust-banner-sdk div,
#onetrust-banner-sdk span,
#onetrust-banner-sdk h1,
#onetrust-banner-sdk h2,
#onetrust-banner-sdk h3,
#onetrust-banner-sdk h4,
#onetrust-banner-sdk h5,
#onetrust-banner-sdk h6,
#onetrust-banner-sdk p,
#onetrust-banner-sdk img,
#onetrust-banner-sdk svg,
#onetrust-banner-sdk button,
#onetrust-banner-sdk section,
#onetrust-banner-sdk a,
#onetrust-banner-sdk label,
#onetrust-banner-sdk input,
#onetrust-banner-sdk ul,
#onetrust-banner-sdk li,
#onetrust-banner-sdk nav,
#onetrust-banner-sdk table,
#onetrust-banner-sdk thead,
#onetrust-banner-sdk tr,
#onetrust-banner-sdk td,
#onetrust-banner-sdk tbody,
#onetrust-banner-sdk #ot-content,
#onetrust-banner-sdk #ot-pc-content,
#onetrust-pc-sdk div,
#onetrust-pc-sdk span,
#onetrust-pc-sdk h1,
#onetrust-pc-sdk h2,
#onetrust-pc-sdk h3,
#onetrust-pc-sdk h4,
#onetrust-pc-sdk h5,
#onetrust-pc-sdk h6,
#onetrust-pc-sdk p,
#onetrust-pc-sdk img,
#onetrust-pc-sdk svg,
#onetrust-pc-sdk button,
#onetrust-pc-sdk section,
#onetrust-pc-sdk a,
#onetrust-pc-sdk label,
#onetrust-pc-sdk input,
#onetrust-pc-sdk ul,
#onetrust-pc-sdk li,
#onetrust-pc-sdk nav,
#onetrust-pc-sdk table,
#onetrust-pc-sdk thead,
#onetrust-pc-sdk tr,
#onetrust-pc-sdk td,
#onetrust-pc-sdk tbody,
#onetrust-pc-sdk #ot-content,
#onetrust-pc-sdk #ot-pc-content,
#ot-sdk-cookie-policy div,
#ot-sdk-cookie-policy span,
#ot-sdk-cookie-policy h1,
#ot-sdk-cookie-policy h2,
#ot-sdk-cookie-policy h3,
#ot-sdk-cookie-policy h4,
#ot-sdk-cookie-policy h5,
#ot-sdk-cookie-policy h6,
#ot-sdk-cookie-policy p,
#ot-sdk-cookie-policy img,
#ot-sdk-cookie-policy svg,
#ot-sdk-cookie-policy button,
#ot-sdk-cookie-policy section,
#ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy label,
#ot-sdk-cookie-policy input,
#ot-sdk-cookie-policy ul,
#ot-sdk-cookie-policy li,
#ot-sdk-cookie-policy nav,
#ot-sdk-cookie-policy table,
#ot-sdk-cookie-policy thead,
#ot-sdk-cookie-policy tr,
#ot-sdk-cookie-policy td,
#ot-sdk-cookie-policy tbody,
#ot-sdk-cookie-policy #ot-content,
#ot-sdk-cookie-policy #ot-pc-content,
#ot-sync-ntfy div,
#ot-sync-ntfy span,
#ot-sync-ntfy h1,
#ot-sync-ntfy h2,
#ot-sync-ntfy h3,
#ot-sync-ntfy h4,
#ot-sync-ntfy h5,
#ot-sync-ntfy h6,
#ot-sync-ntfy p,
#ot-sync-ntfy img,
#ot-sync-ntfy svg,
#ot-sync-ntfy button,
#ot-sync-ntfy section,
#ot-sync-ntfy a,
#ot-sync-ntfy label,
#ot-sync-ntfy input,
#ot-sync-ntfy ul,
#ot-sync-ntfy li,
#ot-sync-ntfy nav,
#ot-sync-ntfy table,
#ot-sync-ntfy thead,
#ot-sync-ntfy tr,
#ot-sync-ntfy td,
#ot-sync-ntfy tbody,
#ot-sync-ntfy #ot-content,
#ot-sync-ntfy #ot-pc-content {
    font-family: inherit;
    font-weight: normal;
    -webkit-font-smoothing: auto;
    letter-spacing: normal;
    line-height: normal;
    padding: 0px;
    margin: 0px;
    height: auto;
    min-height: 0px;
    max-height: none;
    width: auto;
    min-width: 0px;
    max-width: none;
    border-radius: 0px;
    border: none;
    clear: none;
    float: none;
    position: static;
    inset: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    background: none;
    overflow: visible;
    vertical-align: baseline;
    visibility: visible;
    z-index: auto;
    box-shadow: none;
}

#onetrust-banner-sdk label::before,
#onetrust-banner-sdk label::after,
#onetrust-pc-sdk label::before,
#onetrust-pc-sdk label::after,
#ot-sdk-cookie-policy label::before,
#ot-sdk-cookie-policy label::after,
#ot-sync-ntfy label::before,
#ot-sync-ntfy label::after {
    content: none;
}

#onetrust-banner-sdk .ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-column {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0px;
    display: initial;
}

@media (min-width: 550px) {

    #onetrust-banner-sdk .ot-sdk-column,
    #onetrust-pc-sdk .ot-sdk-column,
    #ot-sdk-cookie-policy .ot-sdk-column {
        margin-left: 4%;
    }

    #onetrust-banner-sdk .ot-sdk-column:first-child,
    #onetrust-pc-sdk .ot-sdk-column:first-child,
    #ot-sdk-cookie-policy .ot-sdk-column:first-child {
        margin-left: 0px;
    }
}

#onetrust-banner-sdk h1,
#onetrust-banner-sdk h2,
#onetrust-banner-sdk h3,
#onetrust-banner-sdk h4,
#onetrust-banner-sdk h5,
#onetrust-banner-sdk h6,
#onetrust-pc-sdk h1,
#onetrust-pc-sdk h2,
#onetrust-pc-sdk h3,
#onetrust-pc-sdk h4,
#onetrust-pc-sdk h5,
#onetrust-pc-sdk h6,
#ot-sdk-cookie-policy h1,
#ot-sdk-cookie-policy h2,
#ot-sdk-cookie-policy h3,
#ot-sdk-cookie-policy h4,
#ot-sdk-cookie-policy h5,
#ot-sdk-cookie-policy h6 {
    margin-top: 0px;
    font-weight: 600;
    font-family: inherit;
}

#onetrust-banner-sdk h1,
#onetrust-pc-sdk h1,
#ot-sdk-cookie-policy h1 {
    font-size: 1.5rem;
    line-height: 1.2;
}

#onetrust-banner-sdk h2,
#onetrust-pc-sdk h2,
#ot-sdk-cookie-policy h2 {
    font-size: 1.5rem;
    line-height: 1.25;
}

#onetrust-banner-sdk h3,
#onetrust-pc-sdk h3,
#ot-sdk-cookie-policy h3 {
    font-size: 1.5rem;
    line-height: 1.3;
}

#onetrust-banner-sdk h4,
#onetrust-pc-sdk h4,
#ot-sdk-cookie-policy h4 {
    font-size: 1.5rem;
    line-height: 1.35;
}

#onetrust-banner-sdk h5,
#onetrust-pc-sdk h5,
#ot-sdk-cookie-policy h5 {
    font-size: 1.5rem;
    line-height: 1.5;
}

#onetrust-banner-sdk h6,
#onetrust-pc-sdk h6,
#ot-sdk-cookie-policy h6 {
    font-size: 1.5rem;
    line-height: 1.6;
}

@media (min-width: 550px) {

    #onetrust-banner-sdk h1,
    #onetrust-pc-sdk h1,
    #ot-sdk-cookie-policy h1 {
        font-size: 1.5rem;
    }

    #onetrust-banner-sdk h2,
    #onetrust-pc-sdk h2,
    #ot-sdk-cookie-policy h2 {
        font-size: 1.5rem;
    }

    #onetrust-banner-sdk h3,
    #onetrust-pc-sdk h3,
    #ot-sdk-cookie-policy h3 {
        font-size: 1.5rem;
    }

    #onetrust-banner-sdk h4,
    #onetrust-pc-sdk h4,
    #ot-sdk-cookie-policy h4 {
        font-size: 1.5rem;
    }

    #onetrust-banner-sdk h5,
    #onetrust-pc-sdk h5,
    #ot-sdk-cookie-policy h5 {
        font-size: 1.5rem;
    }

    #onetrust-banner-sdk h6,
    #onetrust-pc-sdk h6,
    #ot-sdk-cookie-policy h6 {
        font-size: 1.5rem;
    }
}

#onetrust-banner-sdk p,
#onetrust-pc-sdk p,
#ot-sdk-cookie-policy p {
    margin: 0px 0px 1em;
    font-family: inherit;
    line-height: normal;
}

#onetrust-banner-sdk a,
#onetrust-pc-sdk a,
#ot-sdk-cookie-policy a {
    color: rgb(86, 86, 86);
    text-decoration: underline;
}

#onetrust-banner-sdk a:hover,
#onetrust-pc-sdk a:hover,
#ot-sdk-cookie-policy a:hover {
    color: rgb(86, 86, 86);
    text-decoration: none;
}

#onetrust-banner-sdk button,
#onetrust-pc-sdk button,
#ot-sdk-cookie-policy button {
    margin-bottom: 1rem;
    font-family: inherit;
}

#onetrust-banner-sdk button,
#onetrust-pc-sdk button,
#ot-sdk-cookie-policy button {
    display: inline-block;
    height: 38px;
    padding: 0px 30px;
    color: rgb(85, 85, 85);
    text-align: center;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0.01em;
    text-decoration: none;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
    border: 1px solid rgb(187, 187, 187);
    cursor: pointer;
    box-sizing: border-box;
}

#onetrust-banner-sdk :not(.ot-leg-btn-container)>button:not(.ot-link-btn):hover,
#onetrust-banner-sdk :not(.ot-leg-btn-container)>button:not(.ot-link-btn):focus,
#onetrust-pc-sdk :not(.ot-leg-btn-container)>button:not(.ot-link-btn):hover,
#onetrust-pc-sdk :not(.ot-leg-btn-container)>button:not(.ot-link-btn):focus,
#ot-sdk-cookie-policy :not(.ot-leg-btn-container)>button:not(.ot-link-btn):hover,
#ot-sdk-cookie-policy :not(.ot-leg-btn-container)>button:not(.ot-link-btn):focus {
    color: rgb(51, 51, 51);
    border-color: rgb(136, 136, 136);
    opacity: 0.7;
}

#onetrust-banner-sdk input[type="text"],
#onetrust-pc-sdk input[type="text"],
#ot-sdk-cookie-policy input[type="text"] {
    height: 38px;
    padding: 6px 10px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(209, 209, 209);
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}

#onetrust-banner-sdk input[type="text"],
#onetrust-pc-sdk input[type="text"],
#ot-sdk-cookie-policy input[type="text"] {
    appearance: none;
}

#onetrust-banner-sdk input[type="text"]:focus,
#onetrust-pc-sdk input[type="text"]:focus,
#ot-sdk-cookie-policy input[type="text"]:focus {
    border: 1px solid rgb(0, 0, 0);
    outline: 0px;
}

#onetrust-banner-sdk label,
#onetrust-pc-sdk label,
#ot-sdk-cookie-policy label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

#onetrust-banner-sdk input[type="checkbox"],
#onetrust-pc-sdk input[type="checkbox"],
#ot-sdk-cookie-policy input[type="checkbox"] {
    display: inline;
}

#onetrust-banner-sdk ul,
#onetrust-pc-sdk ul,
#ot-sdk-cookie-policy ul {
    list-style: inside circle;
}

#onetrust-banner-sdk ul,
#onetrust-pc-sdk ul,
#ot-sdk-cookie-policy ul {
    padding-left: 0px;
    margin-top: 0px;
}

#onetrust-banner-sdk ul ul,
#onetrust-pc-sdk ul ul,
#ot-sdk-cookie-policy ul ul {
    margin: 1.5rem 0px 1.5rem 3rem;
    font-size: 90%;
}

#onetrust-banner-sdk li,
#onetrust-pc-sdk li,
#ot-sdk-cookie-policy li {
    margin-bottom: 1rem;
}

#onetrust-banner-sdk th,
#onetrust-banner-sdk td,
#onetrust-pc-sdk th,
#onetrust-pc-sdk td,
#ot-sdk-cookie-policy th,
#ot-sdk-cookie-policy td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid rgb(225, 225, 225);
}

#onetrust-banner-sdk button,
#onetrust-pc-sdk button,
#ot-sdk-cookie-policy button {
    margin-bottom: 1rem;
    font-family: inherit;
}

#onetrust-banner-sdk .ot-sdk-row::after,
#onetrust-pc-sdk .ot-sdk-row::after,
#ot-sdk-cookie-policy .ot-sdk-row::after {
    content: "";
    display: table;
    clear: both;
}

#onetrust-banner-sdk .ot-sdk-row,
#onetrust-pc-sdk .ot-sdk-row,
#ot-sdk-cookie-policy .ot-sdk-row {
    margin: 0px;
    max-width: none;
    display: block;
}

#onetrust-banner-sdk {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 18px;
}

#onetrust-banner-sdk.otRelFont {
    font-size: 1rem;
}

#onetrust-banner-sdk::-webkit-scrollbar {
    width: 11px;
}

#onetrust-banner-sdk::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgb(193, 193, 193);
}

#onetrust-banner-sdk {}

#onetrust-banner-sdk #onetrust-policy {
    margin: 1.25em 0px 0.625em 2em;
    overflow: hidden;
}

#onetrust-banner-sdk #onetrust-policy-title {
    font-size: 1.2em;
    line-height: 1.3;
    margin-bottom: 10px;
}

#onetrust-banner-sdk #onetrust-policy-text {
    clear: both;
    text-align: left;
    font-size: 0.88em;
    line-height: 1.4;
}

#onetrust-banner-sdk #onetrust-policy-text * {
    font-size: inherit;
    line-height: inherit;
}

#onetrust-banner-sdk #onetrust-policy-text a {
    font-weight: bold;
    margin-left: 5px;
}

#onetrust-banner-sdk #onetrust-policy-title,
#onetrust-banner-sdk #onetrust-policy-text {
    color: dimgray;
    float: left;
}

#onetrust-banner-sdk #onetrust-button-group-parent {
    min-height: 1px;
    text-align: center;
}

#onetrust-banner-sdk #onetrust-button-group {
    display: inline-block;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
    background-color: rgb(104, 182, 49);
    color: rgb(255, 255, 255);
    border-color: rgb(104, 182, 49);
    margin-right: 1em;
    min-width: 125px;
    height: auto;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 12px 10px;
    line-height: 1.2;
    font-size: 0.813em;
    font-weight: 600;
}

#onetrust-banner-sdk #banner-options {
    float: left;
    display: table;
    margin-right: 0px;
    margin-left: 1em;
    width: calc(100% - 1em);
}

#onetrust-banner-sdk #onetrust-policy-text {
    font-size: 0.813em;
    line-height: 1.5;
}

@media only screen and (max-width: 425px) {
    #onetrust-banner-sdk #onetrust-close-btn-container {
        position: absolute;
        top: 6px;
        right: 2px;
    }

    #onetrust-banner-sdk #onetrust-policy {
        margin-left: 0px;
        margin-top: 3em;
    }

    #onetrust-banner-sdk #onetrust-button-group {
        display: block;
    }

    #onetrust-banner-sdk #onetrust-accept-btn-handler,
    #onetrust-banner-sdk #onetrust-reject-all-handler,
    #onetrust-banner-sdk #onetrust-pc-btn-handler {
        width: 100%;
    }

    #onetrust-banner-sdk #onetrust-policy-title {
        display: inline;
        float: none;
    }

    #onetrust-banner-sdk #banner-options {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }
}

@media only screen and (min-width: 426px) and (max-width: 896px) {
    #onetrust-banner-sdk #onetrust-close-btn-container {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    #onetrust-banner-sdk #onetrust-policy {
        margin-left: 1em;
        margin-right: 1em;
    }

    #onetrust-banner-sdk #onetrust-button-group-parent {
        width: 100%;
        position: relative;
        margin-left: 0px;
    }

    #onetrust-banner-sdk #onetrust-button-group button {
        display: inline-block;
    }

    #onetrust-banner-sdk #onetrust-button-group {
        margin-right: 0px;
        text-align: center;
    }
}

@media only screen and (min-width: 769px) {
    #onetrust-banner-sdk #onetrust-button-group {
        margin-right: 30%;
    }

    #onetrust-banner-sdk #banner-options {
        margin-left: 2em;
        margin-right: 5em;
        margin-bottom: 1.25em;
        width: calc(100% - 7em);
    }
}

@media only screen and (min-width: 897px) and (max-width: 1023px) {

    #onetrust-banner-sdk #onetrust-close-btn-container {
        top: 50%;
        margin: auto;
        transform: translate(-50%, -50%);
        position: absolute;
        padding: 0px;
        right: 0px;
    }

    #onetrust-banner-sdk #onetrust-close-btn-container button {
        position: relative;
        margin: 0px;
        right: -22px;
        top: 2px;
    }
}

@media only screen and (min-width: 1024px) {
    #onetrust-banner-sdk #onetrust-close-btn-container {
        top: 50%;
        margin: auto;
        transform: translate(-50%, -50%);
        position: absolute;
        right: 0px;
    }

    #onetrust-banner-sdk #onetrust-close-btn-container button {
        right: -12px;
    }

    #onetrust-banner-sdk #onetrust-policy {
        margin-left: 2em;
    }

    #onetrust-banner-sdk .ot-optout-signal {
        width: 50%;
    }

    #onetrust-banner-sdk #onetrust-button-group {
        margin-right: auto;
    }

    #onetrust-banner-sdk #onetrust-accept-btn-handler,
    #onetrust-banner-sdk #onetrust-reject-all-handler,
    #onetrust-banner-sdk #onetrust-pc-btn-handler {
        margin-top: 1em;
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk {
    background-color: rgb(255, 255, 255);
}

#onetrust-consent-sdk #onetrust-policy-title,
#onetrust-consent-sdk #onetrust-policy-text,
#onetrust-consent-sdk #onetrust-banner-sdk #banner-options *,
#onetrust-banner-sdk .ot-cat-header,
#onetrust-banner-sdk .ot-optout-signal {
    color: rgb(105, 105, 105);
}

#onetrust-consent-sdk #onetrust-banner-sdk a[href],
#onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
#onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn {
    color: rgb(56, 96, 190);
}

#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler {
    background-color: rgb(0, 80, 181);
    border-color: rgb(0, 80, 181);
    color: rgb(255, 255, 255);
}

#onetrust-consent-sdk #onetrust-banner-sdk :focus,
#onetrust-consent-sdk #onetrust-banner-sdk:focus {
    outline-color: rgb(0, 0, 0);
    outline-width: 1px;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler {
    color: rgb(0, 80, 181);
    border-color: rgb(0, 80, 181);
    background-color: rgb(255, 255, 255);
}

@keyframes ot-slide-in-left {
    0% {
        transform: translate3d(-100%, 0px, 0px);
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes ot-slide-in-right {
    0% {
        transform: translate3d(100%, 0px, 0px);
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes ot-slide-out-left {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }

    100% {
        transform: translate3d(-100%, 0px, 0px);
    }
}

@keyframes ot-slide-out-right {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }

    100% {
        transform: translate3d(100%, 0px, 0px);
    }
}

#onetrust-pc-sdk.otPcPanel.ot-slide-out-right {
    animation-name: ot-slide-out-right;
}

#onetrust-pc-sdk.otPcPanel.ot-slide-in-left {
    animation-name: ot-slide-in-left;
}

#onetrust-pc-sdk.otPcPanel.ot-slide-in-right {
    animation-name: ot-slide-in-right;
}

#onetrust-pc-sdk.otPcPanel.ot-slide-out-left {
    animation-name: ot-slide-out-left;
}

@media print,
(prefers-reduced-motion) {

    #onetrust-pc-sdk.otPcPanel.ot-slide-out-left {
        transform: translate3d(-100%, 0px, 0px);
    }

    #onetrust-pc-sdk.otPcPanel.ot-slide-out-right {
        transform: translate3d(100%, 0px, 0px);
    }
}

#onetrust-pc-sdk {
    position: fixed;
    z-index: 2147483647;
    bottom: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    max-width: 480px;
    min-width: 480px;
    height: 100%;
    box-shadow: rgb(153, 153, 153) 0px 2px 10px -3px;
}

#onetrust-pc-sdk.otRelFont {
    font-size: 1rem;
}

#onetrust-pc-sdk.otPcPanel.right,
#onetrust-pc-sdk.otPcPanel[dir="rtl"] {
    right: 0px;
    left: auto;
}

#onetrust-pc-sdk.otPcPanel.right-rtl[dir="rtl"] {
    left: 0px;
    right: auto;
}

#onetrust-pc-sdk.otPcPanel.ot-animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

#onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon {
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

#onetrust-pc-sdk .ot-optout-signal {
    margin-top: 0.625rem;
}

#onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar-track {
    margin-right: 20px;
}

#onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar {
    width: 11px;
}

#onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgb(216, 216, 216);
}

#onetrust-pc-sdk .ot-pc-scrollbar {}

#onetrust-pc-sdk.ot-ftr-stacked .ot-pc-refuse-all-handler {
    margin-bottom: 0px;
}

#onetrust-pc-sdk.ot-ftr-stacked .ot-pc-footer button {
    width: 100%;
    max-width: none;
}

#onetrust-pc-sdk #ot-addtl-venlst .ot-plus-minus {
    visibility: hidden;
}

#onetrust-pc-sdk #ot-addtl-venlst .ot-plus-minus * {
    visibility: hidden;
}

#onetrust-pc-sdk .ot-pc-header {
    height: 39px;
    border-bottom: 1px solid rgb(233, 233, 233);
    padding: 10px 0px 10px 25px;
}

#onetrust-pc-sdk .ot-pc-logo {
    height: 40px;
    width: 120px;
}

#onetrust-pc-sdk .ot-close-icon {
    float: right;
    height: 10px;
    width: 10px;
    margin-top: 10px;
    margin-right: 5px;
}

#onetrust-pc-sdk #ot-pc-content,
#onetrust-pc-sdk #ot-pc-lst {
    position: absolute;
    top: 60px;
    bottom: 104px;
}

#onetrust-pc-sdk #ot-pc-content {
    padding-left: 2px;
    padding-right: 10px;
    margin-left: 23px;
    margin-right: 7px;
    width: calc(100% - 42px);
    overflow-y: auto;
}

#onetrust-pc-sdk #ot-pc-lst {
    width: 100%;
}

#onetrust-pc-sdk .ot-pc-footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-height: 160px;
    border-top: 1px solid rgb(216, 216, 216);
}

#onetrust-pc-sdk .ot-pc-footer button {
    margin-top: 19px;
}

#onetrust-pc-sdk .ot-btn-container {
    text-align: left;
    margin-left: 25px;
    margin-right: 25px;
}

#onetrust-pc-sdk .ot-btn-container button {
    min-width: calc(50% - 5px);
}

#onetrust-pc-sdk .ot-pc-footer-logo {
    padding-left: 25px;
    height: 30px;
    background: rgb(244, 244, 244);
    text-align: right;
}

#onetrust-pc-sdk .ot-pc-footer-logo a {
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
}

#onetrust-pc-sdk.otPcPanel[dir="rtl"] .ot-pc-footer-logo {
    direction: rtl;
}

#onetrust-pc-sdk.otPcPanel[dir="rtl"] .ot-pc-footer-logo a {
    margin-right: 25px;
}

#onetrust-pc-sdk button {
    display: inline-block;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    max-width: 394px;
    padding: 12px 30px;
    line-height: 1;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    font-weight: bold;
    height: auto;
}

#onetrust-pc-sdk button:hover,
#onetrust-pc-sdk button:focus {
    color: rgb(255, 255, 255);
    border-color: rgb(104, 182, 49);
}

#onetrust-pc-sdk .ot-link-btn {
    padding: 0px;
    margin-bottom: 0px;
    border: 0px;
    font-weight: normal;
    line-height: normal;
    width: auto;
    height: auto;
}

#onetrust-pc-sdk #accept-recommended-btn-handler {
    margin-right: 10px;
    margin-bottom: 25px;
}

#onetrust-pc-sdk .ot-pc-refuse-all-handler {
    margin-right: 5px;
}

#onetrust-pc-sdk .ot-tgl {
    float: right;
    position: relative;
    z-index: 1;
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob {
    background-color: rgb(213, 233, 255);
    border: 1px solid rgb(56, 96, 190);
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob::before {
    transform: translateX(21px);
    background-color: rgb(56, 96, 190);
}

#onetrust-pc-sdk .ot-tgl input:focus+.ot-switch .ot-switch-nob {
    box-shadow: rgb(33, 150, 243) 0px 0px 1px;
    outline-style: auto !important;
    outline-width: 1px !important;
}

#onetrust-pc-sdk .ot-switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
    margin-bottom: 0px;
}

#onetrust-pc-sdk .ot-switch-nob {
    position: absolute;
    cursor: pointer;
    inset: 0px;
    background-color: rgb(242, 241, 241);
    border: 1px solid rgb(221, 221, 221);
    transition: 0.2s ease-in;
    border-radius: 20px;
}

#onetrust-pc-sdk .ot-switch-nob::before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    bottom: 1px;
    background-color: rgb(125, 125, 125);
    transition: 0.4s;
    border-radius: 20px;
}

#onetrust-pc-sdk .ot-chkbox {
    z-index: 1;
}

#onetrust-pc-sdk .ot-chkbox input:checked~label::before {
    background-color: rgb(56, 96, 190);
}

#onetrust-pc-sdk .ot-chkbox input+label::after {
    content: none;
    color: rgb(255, 255, 255);
}

#onetrust-pc-sdk .ot-chkbox input:checked+label::after {
    content: "";
}

#onetrust-pc-sdk .ot-chkbox input:focus+label::before {
    outline-width: 2px;
    outline-style: auto;
}

#onetrust-pc-sdk .ot-chkbox label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#onetrust-pc-sdk .ot-chkbox label::before,
#onetrust-pc-sdk .ot-chkbox label::after {
    position: absolute;
    content: "";
    display: inline-block;
    border-radius: 3px;
}

#onetrust-pc-sdk .ot-chkbox label::before {
    height: 18px;
    width: 18px;
    border: 1px solid rgb(56, 96, 190);
    left: 0px;
}

#onetrust-pc-sdk .ot-chkbox label::after {
    height: 5px;
    width: 9px;
    border-left: 3px solid;
    border-bottom: 3px solid;
    transform: rotate(-45deg);
    left: 4px;
    top: 5px;
}

#onetrust-pc-sdk .ot-label-txt {
    display: none;
}

#onetrust-pc-sdk .ot-chkbox input,
#onetrust-pc-sdk .ot-tgl input {
    position: absolute;
    opacity: 0;
    width: 0px;
    height: 0px;
}

#onetrust-pc-sdk input:checked~.ot-acc-hdr .ot-arw,
#onetrust-pc-sdk button[aria-expanded="true"]~.ot-acc-hdr .ot-arw-cntr svg {
    transform: rotate(90deg);
}

#onetrust-pc-sdk input[type="checkbox"]:focus+.ot-acc-hdr {
    outline: rgb(0, 0, 0) solid 1px;
}

#onetrust-pc-sdk .ot-acc-hdr {
    display: inline-block;
    width: 100%;
}

#onetrust-pc-sdk #ot-fltr-modal .ot-label-txt {
    display: inline-block;
    font-size: 0.85em;
    color: dimgray;
}

#onetrust-pc-sdk .ot-label-status {
    padding-left: 5px;
    font-size: 0.75em;
    display: none;
}

#onetrust-pc-sdk .ot-plus-minus {
    width: 20px;
    height: 20px;
    font-size: 1.5em;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top: 3px;
}

#onetrust-pc-sdk .ot-plus-minus span {
    position: absolute;
    background: rgb(39, 69, 92);
    border-radius: 1px;
}

#onetrust-pc-sdk .ot-plus-minus span:first-of-type {
    top: 25%;
    bottom: 25%;
    width: 10%;
    left: 45%;
}

#onetrust-pc-sdk .ot-plus-minus span:last-of-type {
    left: 25%;
    right: 25%;
    height: 10%;
    top: 45%;
}

#onetrust-pc-sdk button[aria-expanded="true"]~.ot-acc-hdr .ot-arw,
#onetrust-pc-sdk button[aria-expanded="true"]~.ot-acc-hdr .ot-plus-minus span:first-of-type,
#onetrust-pc-sdk button[aria-expanded="true"]~.ot-acc-hdr .ot-plus-minus span:last-of-type {
    transform: rotate(90deg);
}

#onetrust-pc-sdk button[aria-expanded="true"]~.ot-acc-hdr .ot-plus-minus span:last-of-type {
    left: 50%;
    right: 50%;
}

#onetrust-pc-sdk .ot-host-item .ot-plus-minus,
#onetrust-pc-sdk .ot-ven-item .ot-plus-minus {
    float: left;
    margin-right: 8px;
    margin-top: 10px;
}

#onetrust-pc-sdk .ot-hide-acc .ot-plus-minus>* {
    visibility: hidden;
}

#onetrust-pc-sdk .ot-hide-acc .ot-acc-hdr {
    min-height: 30px;
}

#onetrust-pc-sdk #ot-pc-title,
#onetrust-pc-sdk #ot-pc-desc,
#onetrust-pc-sdk #ot-category-title,
#onetrust-pc-sdk .ot-cat-header,
#onetrust-pc-sdk .ot-cat-item p:last-of-type {
    color: dimgray;
}

#onetrust-pc-sdk #ot-pc-title {
    margin-top: 20px;
    margin-bottom: 10px;
}

#onetrust-pc-sdk #ot-pc-desc,
#onetrust-pc-sdk .ot-cat-item p {
    font-size: 0.79em;
    line-height: 1.4;
}

#onetrust-pc-sdk #ot-pc-desc *,
#onetrust-pc-sdk .ot-cat-item p * {
    font-size: inherit;
    line-height: inherit;
}

#onetrust-pc-sdk #ot-category-title,
#onetrust-pc-sdk #ot-pc-title {
    font-size: 1.125em;
    line-height: 1.2;
}

#onetrust-pc-sdk #ot-pc-desc {
    clear: both;
    font-size: 0.813em;
    line-height: 1.5;
    margin-bottom: 25px;
}

#onetrust-pc-sdk #ot-pc-desc * {
    font-size: inherit;
}

#onetrust-pc-sdk #ot-pc-desc a {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

#onetrust-pc-sdk #ot-pc-desc li {
    padding: 10px 0px;
}

#onetrust-pc-sdk #ot-pc-desc,
#onetrust-pc-sdk #accept-recommended-btn-handler,
#onetrust-pc-sdk #ot-pc-title,
#onetrust-pc-sdk #ot-category-title,
#onetrust-pc-sdk .ot-cat-header {
    float: left;
}

#onetrust-pc-sdk #ot-category-title {
    width: 100%;
    text-align: left;
}

#onetrust-pc-sdk #ot-pc-title,
#onetrust-pc-sdk #ot-category-title,
#onetrust-pc-sdk .ot-cat-header,
#onetrust-pc-sdk #ot-lst-title,
#onetrust-pc-sdk .ot-always-active {
    font-weight: bold;
}

#onetrust-pc-sdk a {
    color: rgb(101, 101, 101);
    cursor: pointer;
}

#onetrust-pc-sdk a:hover {
    color: rgb(56, 96, 190);
}

#onetrust-pc-sdk .ot-always-active {
    float: right;
    color: rgb(56, 96, 190);
    margin-top: -2px;
}

#onetrust-pc-sdk .ot-cat-header,
#onetrust-pc-sdk .ot-always-active {
    font-size: 0.88em;
    line-height: 1.4;
    position: relative;
}

#onetrust-pc-sdk .ot-cat-item {
    margin-top: 25px;
    line-height: 1.1;
}

#onetrust-pc-sdk .ot-cat-item p:last-of-type {
    clear: both;
    padding-top: 15px;
    margin: 0px;
}

#onetrust-pc-sdk .ot-acc-txt p ul,
#onetrust-pc-sdk .ot-cat-item ul {
    margin: 0px 0px 0px 15px;
    list-style: disc;
}

#onetrust-pc-sdk .ot-acc-txt p ul li,
#onetrust-pc-sdk .ot-cat-item ul li {
    font-size: inherit;
    margin: 5px 0px 0px;
    padding: 0px;
    border: none;
}

#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-txt {
    margin: 0px;
}

#onetrust-pc-sdk .ot-hlst-cntr {
    margin-top: 3px;
    overflow: hidden;
    clear: both;
    padding-left: 2px;
    padding-bottom: 2px;
}

#onetrust-pc-sdk .category-host-list-handler {
    color: rgb(56, 96, 190);
    margin-left: 0px;
    font-size: 0.813em;
    text-decoration: none;
    float: left;
    margin-top: 5px;
}

#onetrust-pc-sdk .category-host-list-handler:hover {
    text-decoration-line: underline;
}

#onetrust-pc-sdk .back-btn-handler {
    min-height: 20px;
    font-size: 1em;
    text-decoration: none;
}

#onetrust-pc-sdk .back-btn-handler svg {
    width: 12px;
    height: 12px;
}

#onetrust-pc-sdk .back-btn-handler:hover {
    opacity: 0.6;
}

#onetrust-pc-sdk #ot-lst-title h3 {
    word-break: break-word;
    overflow-wrap: break-word;
    margin-bottom: 0px;
    color: rgb(101, 101, 101);
    font-weight: bold;
    margin-left: 15px;
    display: inline-block;
    font-size: 1em;
}

#onetrust-pc-sdk #ot-lst-title {
    margin-top: 15px;
    font-size: 1em;
}

#onetrust-pc-sdk #ot-pc-hdr {
    display: inline-block;
    padding-left: 27px;
    padding-right: 17px;
    width: calc(100% - 44px);
}

#onetrust-pc-sdk #ot-pc-hdr input::placeholder {
    color: rgb(212, 212, 212);
    font-style: italic;
}

#onetrust-pc-sdk #vendor-search-handler {
    height: 31px;
    width: 100%;
    border-radius: 50px;
    font-size: 0.8em;
    padding-right: 35px;
    padding-left: 15px;
    float: left;
    margin-left: 15px;
}

#onetrust-pc-sdk #ot-lst-cnt {
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    padding-left: 27px;
    margin-right: 10px;
    margin-top: 10px;
    width: calc(100% - 37px);
    top: 0px;
    bottom: 70px;
    height: calc(100% - 94px);
    overflow: hidden auto;
}

#onetrust-pc-sdk #ot-sel-blk {
    position: sticky;
    width: 100%;
    display: inline-block;
    top: 0px;
    overflow: hidden;
    z-index: 3;
}

#onetrust-pc-sdk #ot-sel-blk p {
    font-size: 0.75em;
    color: rgb(107, 107, 107);
    margin: 0px;
    display: inline-block;
}

#onetrust-pc-sdk .ot-enbl-chr> :not(.ot-hosts-ui) .ot-sel-all {
    padding-right: 33px;
}

#onetrust-pc-sdk .ot-enbl-chr .ot-hosts-ui .ot-sel-all {
    padding-right: 23px;
}

#onetrust-pc-sdk .ot-enbl-chr .ot-accordion-layout h4~.ot-tgl+.ot-tgl {
    right: 105px;
}

#onetrust-pc-sdk .ot-enbl-chr .ot-cat-item h5+.ot-tgl-cntr {
    padding-left: 31px;
    padding-right: 13px;
}

#onetrust-pc-sdk .ot-lst-subhdr {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

#onetrust-pc-sdk .ot-lst-subhdr svg {
    width: 30px;
    height: 30px;
    position: absolute;
    float: left;
    right: -15px;
}

#onetrust-pc-sdk .ot-search-cntr {
    float: left;
    width: 82%;
    position: relative;
}

#onetrust-pc-sdk .ot-fltr-cntr {
    float: right;
    right: 15px;
    position: relative;
}

#onetrust-pc-sdk #filter-btn-handler {
    background-color: rgb(56, 96, 190);
    border-radius: 17px;
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    transition: 0.1s;
    padding: 0px;
    margin: 0px;
}

#onetrust-pc-sdk #filter-btn-handler:hover {
    opacity: 0.7;
}

#onetrust-pc-sdk #filter-btn-handler svg {
    width: 12px;
    margin: 6px 10px 0px 9px;
    display: block;
    height: 12px;
    position: static;
    right: auto;
    top: auto;
}

#onetrust-pc-sdk #ot-ven-lst .ot-acc-hdr {
    overflow: hidden;
    cursor: pointer;
}

#onetrust-pc-sdk #no-results {
    text-align: center;
    margin-top: 30px;
    height: calc(100% - 300px);
    margin-left: 27px;
}

#onetrust-pc-sdk #no-results span {
    font-weight: bold;
}

#onetrust-pc-sdk #no-results p {
    font-size: 1em;
    color: rgb(46, 54, 68);
    word-break: break-word;
    overflow-wrap: break-word;
}

#onetrust-pc-sdk #ot-fltr-modal {
    right: 13px;
    top: 87px;
    height: 90%;
    max-height: 370px;
    display: none;
    transition: 0.2s;
    opacity: 1;
    position: absolute;
}

#onetrust-pc-sdk #ot-fltr-cnt {
    z-index: 2147483646;
    background-color: rgb(255, 255, 255);
    position: relative;
    height: 100%;
    max-width: 325px;
    border-radius: 3px;
    padding-right: 10px;
    padding-bottom: 5px;
    box-shadow: rgb(199, 197, 199) 0px 0px 12px 2px;
}

#onetrust-pc-sdk .ot-fltr-scrlcnt {
    overflow: hidden auto;
    clear: both;
    max-height: calc(100% - 60px);
}

#onetrust-pc-sdk #ot-anchor {
    border: 12px solid rgba(0, 0, 0, 0);
    display: none;
    position: absolute;
    z-index: 2147483647;
    right: 36px;
    top: 75px;
    transform: rotate(45deg);
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(199, 197, 199) -3px -3px 5px -2px;
}

#onetrust-pc-sdk .ot-fltr-btns {
    margin-left: 15px;
}

#onetrust-pc-sdk #filter-apply-handler {
    margin-right: 15px;
}

#onetrust-pc-sdk .ot-fltr-opt {
    margin-bottom: 20px;
    margin-left: 15px;
    width: 75%;
}

#onetrust-pc-sdk .ot-fltr-opt label {
    padding-left: 30px;
}

#onetrust-pc-sdk .ot-fltr-opt p {
    display: inline-block;
    margin: 0px;
    font-size: 0.9em;
    color: rgb(46, 54, 68);
}

#onetrust-pc-sdk #ot-sel-blk .ot-chkbox {
    width: 20px;
    height: 20px;
    float: right;
}

#onetrust-pc-sdk #ot-selall-vencntr label,
#onetrust-pc-sdk #ot-selall-adtlvencntr label,
#onetrust-pc-sdk #ot-selall-hostcntr label,
#onetrust-pc-sdk #ot-selall-licntr label,
#onetrust-pc-sdk #ot-selall-gnvencntr label {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
}

#onetrust-pc-sdk #ot-selall-vencntr input,
#onetrust-pc-sdk #ot-selall-adtlvencntr input,
#onetrust-pc-sdk #ot-selall-hostcntr input,
#onetrust-pc-sdk #ot-selall-licntr input,
#onetrust-pc-sdk #ot-selall-gnvencntr input {
    height: auto;
    width: auto;
    border-radius: 0px;
    font-size: initial;
    padding: 0px;
    float: none;
}

#onetrust-pc-sdk #ot-ven-lst:first-child {
    border-top: 1px solid rgb(226, 226, 226);
}

#onetrust-pc-sdk #vdr-lst-dsc {
    font-size: 0.812em;
    line-height: 1.5;
    padding: 10px 15px 5px;
}

#onetrust-pc-sdk #close-pc-btn-handler {
    margin: 0px;
    float: right;
    height: 44px;
    width: 44px;
    background-size: 10px;
}

#onetrust-pc-sdk #close-pc-btn-handler svg {
    display: block;
}

#onetrust-pc-sdk .ot-close-icon {
    padding: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

#onetrust-pc-sdk #clear-filters-handler {
    float: right;
    max-width: 200px;
    margin-bottom: 10px;
    text-decoration: none;
    margin-top: 20px;
    font-weight: bold;
    color: rgb(56, 96, 190);
    font-size: 0.9em;
    letter-spacing: normal;
    border: none;
    padding: 1px;
}

#onetrust-pc-sdk #clear-filters-handler:hover {
    color: rgb(34, 133, 247);
}

#onetrust-pc-sdk #clear-filters-handler:focus {
    outline: rgb(0, 0, 0) solid 1px;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {
    position: relative;
    border-radius: 1px;
    margin: 0px;
    padding: 0px;
    border-right: 1px solid rgb(216, 216, 216);
    border-bottom: 1px solid rgb(216, 216, 216);
    border-left: 1px solid rgb(216, 216, 216);
    border-image: initial;
    border-top: none;
    float: left;
    width: calc(100% - 2px);
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:first-of-type {
    margin-top: 10px;
    border-top: 1px solid rgb(216, 216, 216);
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item .ot-vlst-cntr:first-child {
    margin-top: 15px;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item .ot-acc-grpdesc {
    font-size: 0.813em;
    line-height: 1.5;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item .ot-acc-grpdesc ul {
    padding-bottom: 5px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr {
    padding: 11.5px 15px 11.5px 20px;
    width: calc(100% - 35px);
    display: inline-block;
    position: relative;
    min-height: 25px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-txt {
    width: 100%;
    padding: 0px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-subgrp-cntr,
#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc+.ot-leg-btn-container {
    padding-left: 20px;
    padding-right: 16px;
    width: calc(100% - 36px);
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc+.ot-leg-btn-container {
    margin-top: 5px;
    margin-bottom: 10px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpcntr {
    z-index: 1;
    position: relative;
}

#onetrust-pc-sdk .ot-accordion-layout input[type="checkbox"]:checked~.ot-acc-txt.ot-acc-grpcntr {
    width: auto;
    padding-bottom: 15px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-cat-header {
    float: none;
    font-size: 0.88em;
    color: rgb(46, 54, 68);
    margin: 0px;
    display: inline-block;
    height: auto;
    overflow-wrap: break-word;
    vertical-align: middle;
    min-height: inherit;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr,
#onetrust-pc-sdk .ot-accordion-layout .ot-hlst-cntr {
    padding-left: 20px;
    width: calc(100% - 20px);
    display: inline-block;
    margin-top: 0px;
    padding-bottom: 2px;
}

#onetrust-pc-sdk .ot-accordion-layout h4~.ot-tgl,
#onetrust-pc-sdk .ot-accordion-layout h4~.ot-always-active {
    right: 16px;
}

#onetrust-pc-sdk .ot-accordion-layout h4~.ot-tgl+.ot-tgl {
    right: 88px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-cat-header+.ot-arw-cntr {
    right: 10px;
    margin-top: -2px;
    left: auto;
}

#onetrust-pc-sdk .ot-accordion-layout h4~.ot-tgl,
#onetrust-pc-sdk .ot-accordion-layout h4~.ot-always-active,
#onetrust-pc-sdk .ot-accordion-layout .ot-cat-header+.ot-arw-cntr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#onetrust-pc-sdk #ot-category-title {
    padding-bottom: 10px;
}

#onetrust-pc-sdk .ot-cat-header {
    width: calc(100% - 130px);
    max-width: 60%;
}

#onetrust-pc-sdk .ot-pli-hdr~.ot-cat-item .ot-subgrp>h5,
#onetrust-pc-sdk .ot-pli-hdr~.ot-cat-item .ot-cat-header {
    width: calc(100% - 145px);
}

#onetrust-pc-sdk .ot-pli-hdr~.ot-cat-item h5+.ot-tgl-cntr,
#onetrust-pc-sdk .ot-pli-hdr~.ot-cat-item .ot-cat-header+.ot-tgl {
    padding-left: 28px;
}

#onetrust-pc-sdk .ot-acc-grpcntr .ot-acc-grpdesc {
    margin-bottom: 5px;
}

#onetrust-pc-sdk .ot-acc-grpcntr .ot-subgrp-cntr {
    border-top: 1px solid rgb(233, 233, 233);
}

#onetrust-pc-sdk .ot-acc-grpcntr .ot-subgrp-cntr ul.ot-subgrps li {
    margin-top: 5px;
    margin-bottom: 5px;
}

#onetrust-pc-sdk .ot-acc-hdr .ot-arw-cntr+.ot-tgl,
#onetrust-pc-sdk .ot-cat-item h4+.ot-tgl,
#onetrust-pc-sdk .ot-acc-txt h4+.ot-tgl-cntr {
    padding-left: 30px;
}

#onetrust-pc-sdk .ot-sel-all-hdr,
#onetrust-pc-sdk .ot-sel-all-chkbox {
    position: relative;
    display: inline-block;
    width: 100%;
}

#onetrust-pc-sdk .ot-sel-all-chkbox {
    z-index: 1;
}

#onetrust-pc-sdk .ot-li-hdr,
#onetrust-pc-sdk .ot-consent-hdr {
    float: right;
    font-size: 0.813em;
    line-height: normal;
    text-align: center;
    word-break: break-word;
    overflow-wrap: break-word;
}

#onetrust-pc-sdk .ot-li-hdr {
    max-width: 100px;
    min-width: 100px;
}

#onetrust-pc-sdk .ot-consent-hdr {
    margin-right: 5px;
    max-width: 55px;
}

#onetrust-pc-sdk .ot-sel-all {
    margin: 0px;
    position: relative;
    padding-right: 13px;
    float: right;
}

#onetrust-pc-sdk #ot-selall-hostcntr,
#onetrust-pc-sdk #ot-selall-vencntr {
    right: 20px;
    position: relative;
}

#onetrust-pc-sdk #ot-selall-licntr {
    position: relative;
    right: 79px;
}

#onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .ot-sel-all {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 25px;
}

#onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .ot-sel-all label {
    position: absolute;
    padding: 0px;
    width: 18px;
    height: 18px;
}

#onetrust-pc-sdk .ot-always-active-group .ot-cat-header {
    width: 55%;
}

#onetrust-pc-sdk[dir="rtl"] input~.ot-acc-hdr .ot-arw,
#onetrust-pc-sdk[dir="rtl"] #ot-back-arw {
    transform: rotate(180deg);
}

#onetrust-pc-sdk[dir="rtl"] input:checked~.ot-acc-hdr .ot-arw {
    transform: rotate(270deg);
}

#onetrust-pc-sdk[dir="rtl"] .ot-chkbox label::after {
    transform: rotate(45deg);
    border-left: 0px;
    border-right: 3px solid;
}

#onetrust-pc-sdk[dir="rtl"] .ot-lst-subhdr svg {
    right: 0px;
}

#onetrust-pc-sdk ul {
    list-style: none;
}

#onetrust-pc-sdk ul li {
    position: relative;
    margin: 0px;
    padding: 15px;
    border-bottom: 1px solid rgb(226, 226, 226);
}

#onetrust-pc-sdk ul li h3 {
    font-size: 0.75em;
    color: rgb(101, 101, 101);
    margin: 0px;
    height: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

#onetrust-pc-sdk ul li p {
    margin: 0px;
    font-size: 0.7em;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item>button:focus {
    outline: rgb(0, 0, 0) solid 2px;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item>button {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0px;
    top: 0px;
    left: 0px;
    z-index: 1;
    max-width: none;
    border: none;
}

#onetrust-pc-sdk .ot-ven-item>button[aria-expanded="false"]~.ot-acc-txt,
#onetrust-pc-sdk .ot-host-item>button[aria-expanded="false"]~.ot-acc-txt,
#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item>button[aria-expanded="false"]~.ot-acc-txt,
#onetrust-pc-sdk .ot-acc-cntr>button[aria-expanded="false"]~.ot-acc-txt {
    margin-top: 0px;
    max-height: 0px;
    overflow: hidden;
    width: 100%;
    transition: 0.25s ease-out;
    display: none;
}

#onetrust-pc-sdk .ot-ven-item>button[aria-expanded="true"]~.ot-acc-txt,
#onetrust-pc-sdk .ot-host-item>button[aria-expanded="true"]~.ot-acc-txt,
#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item>button[aria-expanded="true"]~.ot-acc-txt,
#onetrust-pc-sdk .ot-acc-cntr>button[aria-expanded="true"]~.ot-acc-txt {
    transition: 0.1s ease-in;
    width: auto;
    overflow: auto;
    display: block;
}

#onetrust-pc-sdk.ot-addtl-vendors .ot-li-hdr {
    margin-right: 15px;
}

#onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-sel-all {
    padding-right: 23px;
}

#onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-sel-all-chkbox {
    float: right;
    width: auto;
    right: 3px;
}

#onetrust-pc-sdk.ot-addtl-vendors #ot-lst-cnt:not(.ot-host-cnt) .ot-acc-cntr>.ot-acc-hdr {
    padding-top: 10px;
    padding-bottom: 10px;
}

#onetrust-pc-sdk #ot-selall-adtlvencntr,
#onetrust-pc-sdk #ot-selall-gnvencntr {
    position: relative;
    right: 20px;
}

#onetrust-pc-sdk .ot-acc-cntr>.ot-acc-hdr {
    background-color: rgb(249, 249, 252);
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: calc(100% - 15px);
}

#onetrust-pc-sdk .ot-acc-cntr>.ot-acc-hdr .ot-plus-minus {
    vertical-align: middle;
    top: auto;
}

#onetrust-pc-sdk .ot-acc-cntr>.ot-acc-hdr .ot-arw-cntr {
    right: 10px;
    left: auto;
}

#onetrust-pc-sdk .ot-acc-cntr.ot-add-tech .ot-acc-hdr {
    padding: 10px 0px 10px 15px;
}

#onetrust-pc-sdk .ot-acc-cntr>button[aria-expanded="true"]~.ot-acc-hdr {
    border-bottom: 1px solid rgb(226, 226, 226);
}

#onetrust-pc-sdk .ot-acc-cntr>.ot-acc-txt {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
    z-index: 1;
}

#onetrust-pc-sdk .ot-cat-header {
    float: left;
    font-weight: 600;
    font-size: 0.875em;
    line-height: 1.5;
    max-width: 90%;
    vertical-align: middle;
}

#onetrust-pc-sdk .ot-vnd-item>button[aria-expanded="false"]~.ot-acc-txt {
    margin-top: 0px;
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    transition: 0.25s ease-out;
    display: none;
}

#onetrust-pc-sdk .ot-vnd-item>button[aria-expanded="true"]~.ot-acc-txt {
    transition: 0.1s ease-in;
    margin-top: 10px;
    width: 100%;
    overflow: auto;
    display: block;
}

#onetrust-pc-sdk .ot-vnd-item>button[aria-expanded="true"]~.ot-acc-grpcntr {
    width: auto;
    margin-top: 0px;
    padding-bottom: 10px;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {
    position: relative;
    border-radius: 2px;
    margin: 0px;
    padding: 0px;
    border-right: 1px solid rgb(216, 216, 216);
    border-bottom: 1px solid rgb(216, 216, 216);
    border-left: 1px solid rgb(216, 216, 216);
    border-image: initial;
    border-top: none;
    width: calc(100% - 2px);
    float: left;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:first-of-type {
    margin-top: 10px;
    border-top: 1px solid rgb(216, 216, 216);
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc {
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
    font-size: 0.812em;
    margin-bottom: 10px;
    margin-top: 15px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc>ul {
    padding-top: 10px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc>ul li {
    padding-top: 0px;
    line-height: 1.5;
    padding-bottom: 10px;
}

#onetrust-pc-sdk .ot-accordion-layout div+.ot-acc-grpdesc {
    margin-top: 5px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr:first-child {
    margin-top: 10px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr:last-child,
#onetrust-pc-sdk .ot-accordion-layout .ot-hlst-cntr:last-child {
    margin-bottom: 5px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr {
    padding: 11.5px 20px;
    width: calc(100% - 40px);
    display: inline-block;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-txt {
    width: 100%;
    padding: 0px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-subgrp-cntr {
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 0px;
    width: calc(100% - 35px);
}

#onetrust-pc-sdk .ot-accordion-layout .ot-subgrp {
    padding-right: 5px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpcntr {
    z-index: 1;
    position: relative;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-cat-header+.ot-arw-cntr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    margin-top: -2px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-cat-header+.ot-arw-cntr .ot-arw {
    width: 15px;
    height: 20px;
    margin-left: 5px;
    color: dimgray;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-cat-header {
    float: none;
    color: rgb(46, 54, 68);
    margin: 0px;
    display: inline-block;
    height: auto;
    overflow-wrap: break-word;
    min-height: inherit;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-vlst-cntr,
#onetrust-pc-sdk .ot-accordion-layout .ot-hlst-cntr {
    padding-left: 20px;
    width: calc(100% - 20px);
    display: inline-block;
    margin-top: 0px;
    padding-bottom: 2px;
}

#onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr {
    position: relative;
    min-height: 25px;
}

#onetrust-pc-sdk .ot-accordion-layout h4~.ot-tgl,
#onetrust-pc-sdk .ot-accordion-layout h4~.ot-always-active {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

#onetrust-pc-sdk .ot-accordion-layout h4~.ot-tgl+.ot-tgl {
    right: 95px;
}

#onetrust-pc-sdk .ot-accordion-layout .category-vendors-list-handler,
#onetrust-pc-sdk .ot-accordion-layout .category-vendors-list-handler+a {
    margin-top: 5px;
}

#onetrust-pc-sdk #ot-lst-cnt {
    margin-top: 1rem;
    max-height: calc(100% - 96px);
}

#onetrust-pc-sdk .ot-vs-list.ot-vnd-subgrp-cnt .ot-cat-header,
#onetrust-pc-sdk .ot-vnd-serv.ot-vnd-subgrp-cnt .ot-cat-header {
    font-size: 0.8em;
}

#onetrust-pc-sdk .ot-subgrp-cntr .ot-cat-header {
    font-weight: 700;
    font-size: 0.8em;
    line-height: 20px;
}

#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-vnd-serv .ot-vnd-lst-cont .ot-accordion-layout .ot-acc-hdr div.ot-chkbox {
    margin-left: 0.82rem;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr {
    padding: 0.7rem 0px;
    margin: 0px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:first-child,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr div:first-child,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr div:first-child,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr div:first-child,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr div:first-child,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr div:first-child,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr div:first-child {
    margin-left: 0.5rem;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:last-child,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr div:last-child,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr div:last-child,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr div:last-child,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr div:last-child,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr div:last-child,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr div:last-child {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-always-active,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-always-active,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-always-active,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-always-active,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-always-active,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-always-active,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-always-active {
    position: relative;
    right: unset;
    top: unset;
    transform: unset;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-plus-minus,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-plus-minus,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-plus-minus,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-plus-minus,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-plus-minus,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-plus-minus,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-plus-minus {
    top: 0px;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-arw-cntr,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-arw-cntr,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-arw-cntr,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-arw-cntr,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-arw-cntr,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-arw-cntr,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-arw-cntr {
    float: none;
    top: unset;
    right: unset;
    transform: unset;
    margin-top: -2px;
    position: relative;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-cat-header,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-cat-header,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-cat-header,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-cat-header,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-cat-header,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-cat-header,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-cat-header {
    flex: 1 1 0%;
    margin: 0px 0.5rem;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-tgl,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-tgl,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-tgl,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-tgl,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-tgl,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-tgl,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-tgl {
    position: relative;
    transform: none;
    right: 0px;
    top: 0px;
    float: none;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox {
    position: relative;
    margin: 0px 0.5rem;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox label,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox label,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox label,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox label,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox label {
    padding: 0px;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox label::before,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox label::before,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox label::before,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox label::before,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox label::before {
    position: relative;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-chkbox input,
#onetrust-pc-sdk ul.ot-subgrps .ot-acc-hdr .ot-chkbox input,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps .ot-acc-hdr .ot-chkbox input,
#onetrust-pc-sdk .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox input,
#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-chkbox input,
#onetrust-pc-sdk #ot-pc-lst .ot-vs-list .ot-vnd-item .ot-acc-hdr .ot-chkbox input,
#onetrust-pc-sdk .ot-accordion-layout.ot-checkbox-consent .ot-acc-hdr .ot-chkbox input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0px;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp .ot-acc-hdr h5.ot-cat-header,
#onetrust-pc-sdk .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp .ot-acc-hdr h4.ot-cat-header {
    margin: 0px;
}

#onetrust-pc-sdk .ot-vs-config .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp h5 {
    top: 0px;
    line-height: 20px;
}

#onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf.ot-caret-conf .ot-sel-all-chkbox {
    margin-right: 48px;
}

#onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf .ot-sel-all-chkbox {
    margin: 0px 14px 0px 0px;
    padding: 0px;
    justify-content: flex-end;
}

#onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf #ot-selall-vencntr.ot-chkbox,
#onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf #ot-selall-vencntr.ot-tgl {
    display: inline-block;
    right: unset;
    width: auto;
    height: auto;
    float: none;
}

#onetrust-pc-sdk .ot-vs-selc-all .ot-sel-all-chkbox {
    margin-right: 11px;
    margin-left: 0.75rem;
    display: flex;
    align-items: center;
}

#onetrust-pc-sdk .ot-vnd-list-cnt #ot-selall-vencntr.ot-chkbox {
    float: unset;
    right: 0px;
}

#onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf.ot-caret-conf .ot-sel-all-chkbox {
    margin-right: 0.5rem;
}

#onetrust-pc-sdk .ot-vs-selc-all.ot-toggle-conf .ot-sel-all-chkbox {
    margin-right: 15px;
}

#onetrust-pc-sdk #ot-sel-blk .ot-chkbox {
    right: unset;
}

#onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-acc-hdr .ot-tgl {
    padding: 0px;
}

@media only screen and (max-width: 600px) {
    #onetrust-pc-sdk {
        max-width: 100%;
        min-width: 100%;
    }

    #onetrust-pc-sdk #ot-lst-cnt,
    #onetrust-pc-sdk #ot-pc-hdr {
        margin-top: 0px;
        padding: 0px 5px 0px 10px;
        width: calc(100% - 25px);
    }
}

@media only screen and (max-width: 425px) {
    #onetrust-pc-sdk.otPcPanel {
        left: 0px;
        min-width: 100%;
        height: 100%;
        top: 0px;
        border-radius: 0px;
    }

    #onetrust-pc-sdk #ot-host-lst .ot-chkbox {
        margin-left: 0px;
    }

    #onetrust-pc-sdk #ot-pc-content {
        margin: 0px 10px 0px 20px;
    }

    #onetrust-pc-sdk p {
        font-size: 0.7em;
    }

    #onetrust-pc-sdk #vendor-search-handler {
        font-size: 1em;
    }

    #onetrust-pc-sdk #ot-lst-cnt {
        height: calc(100% - 95px);
    }

    #onetrust-pc-sdk .ot-switch+p {
        max-width: 80%;
    }

    #onetrust-pc-sdk button {
        letter-spacing: 0.01em;
    }

    #onetrust-pc-sdk .save-preference-btn-handler {
        margin-top: 0px;
    }

    #onetrust-pc-sdk .ot-search-cntr {
        width: 75%;
    }
}

@media only screen and (max-width: 320px) {
    #onetrust-pc-sdk #ot-fltr-cnt {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 896px) and (max-height: 425px) and (orientation: landscape) {
    #onetrust-pc-sdk {
        left: 0px;
        top: 0px;
        min-width: 100%;
        height: 100%;
        border-radius: 0px;
    }

    #onetrust-pc-sdk button {
        letter-spacing: 0.02em;
    }

    #onetrust-pc-sdk #ot-anchor {
        left: initial;
        right: 50px;
    }

    #onetrust-pc-sdk #ot-lst-title {
        margin-top: 12px;
    }

    #onetrust-pc-sdk #ot-lst-title * {
        font-size: inherit;
    }

    #onetrust-pc-sdk #ot-pc-hdr input {
        margin-right: 0px;
        padding-right: 45px;
    }

    #onetrust-pc-sdk .ot-switch+p {
        max-width: 85%;
    }

    #onetrust-pc-sdk #ot-lst-cnt {
        max-height: none;
        overflow: initial;
    }

    #onetrust-pc-sdk input {
        font-size: 1em !important;
    }

    #onetrust-pc-sdk p {
        font-size: 0.6em;
    }

    #onetrust-pc-sdk #ot-pc-lst {
        overflow: auto;
    }

    #onetrust-pc-sdk #ot-fltr-modal {
        width: 100%;
        height: 100%;
        max-height: none;
        top: 0px;
    }

    #onetrust-pc-sdk #ot-sel-blk {
        position: static;
    }

    #onetrust-pc-sdk #ot-fltr-cnt {
        height: 250px;
        width: 100%;
    }

    #onetrust-pc-sdk.ot-shw-fltr .ot-fltr-scrlcnt {
        max-height: calc(100% - 65px);
    }
}

#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #ot-search-cntr,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.ot-toggle,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title::after,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-cnt,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-anchor {
    background-color: rgb(255, 255, 255);
}

#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-pc-sdk h5,
#onetrust-consent-sdk #onetrust-pc-sdk h6,
#onetrust-consent-sdk #onetrust-pc-sdk p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-sel-all-hdr span,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-modal #modal-header,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-sel-blk p,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-lst-title h3,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .back-btn-handler p,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-label-status,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-optout-signal {
    color: rgb(105, 105, 105);
}

#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content #ot-pc-desc .ot-link-btn {
    color: rgb(0, 80, 181);
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-subgrp-tgl .ot-switch.ot-toggle {
    background-color: rgb(248, 248, 248);
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-ven-dets {
    background-color: rgb(248, 248, 248);
}

#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn) {
    background-color: rgb(0, 80, 181);
    border-color: rgb(0, 80, 181);
    color: rgb(255, 255, 255);
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:focus+.ot-switch,
.ot-switch .ot-switch-nob,
.ot-switch .ot-switch-nob::before,
#onetrust-pc-sdk .ot-chkbox input[type="checkbox"]:focus+label::before {
    outline-color: rgb(0, 0, 0);
    outline-width: 1px;
}

#onetrust-consent-sdk #onetrust-pc-sdk :focus {
    outline: rgb(0, 0, 0) solid 1px;
}

.ot-sdk-cookie-policy.otRelFont {
    font-size: 1rem;
}

#ot-sdk-cookie-policy h3 {
    font-size: 1.5em;
}