.menu-overlay {
    transition: all 0.5s ease-in-out;
}

.hide-block .hide-text,
.hide-block .show-text {
    transition: opacity 0.4s ease-in-out;
}

.dropdown-item-text,
li a,
.link-border,
.list-vacancy a {
    transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
}

.shadow {
    box-shadow: 0 10px 25px #e0dcdc;
    border-radius: 22px;
}

.shadow img {
    border-radius: 22px;
}

.hide-block .hide-list {
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.gallery .slider-small,
.gallery .slider-small .slide-img:before {
    transition: opacity 0.2s ease-in-out;
}

.ui-slider-handle {
    transition: left 0.2s ease-in-out;
}

/*--zoom--*/
.zoom {
    position: relative;
    overflow: hidden;
}

.img-zoom {
    transform: scale(1);
    transition: all 0.8s ease-in-out;
}

.zoom:hover .img-zoom {
    transform: scale(1.05);
}

.grid-item2x2 .zoom:hover .img-zoom,
.width2 .zoom:hover .img-zoom,
.width3 .zoom:hover .img-zoom,
.width4 .zoom:hover .img-zoom {
    transform: scale(1.025);
}

h2,
h3,
.h2-title,
.h3-title,
.modal-title {
    text-align: center;
}

.img-zoom {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: right bottom;
    background-repeat: no-repeat !important;
}

.zoom .table {
    position: relative;
    z-index: 2;
}

/*----fonts---*/
body,
body a,
li .block-list-title,
.val,
.deposit-val {
    font-family: "ProximaNova", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.light,
.menu.light a,
.pagination li a,
.block-title a,
h2,
h2 a,
.h2-title,
.h2-title a,
.block-title strong,
.grid .item-title,
ol li span {
    font-weight: 300;
}

.inside-limit-map .adress-item b,
.adress-item:before {
    font-weight: 600;
}

.inlide-limit ul li,
ul li {
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #545454;
}

.table-bordered .head td {
    font-size: 11px;
}

.banking-link,
.lang-link,
.phone-info,
.panel .date,
.btn.btn-sm,
.btn-group-sm > .btn,
.footer small,
.footer-info small,
.figcaption,
.date-property,
.type-property {
    font-size: 13px;
}

.table-block,
.block table {
    font-size: 14px;
    line-height: 1.42;
}

.table-block caption,
.block table caption {
    caption-side: top;
    color: #000;
    font-size: 20px;
    opacity: 0.8;
}

.table-block a,
.block table a {
    color: #123e8d;
    border-bottom: 1px solid rgba(13, 61, 147, 0.5);
    transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
    line-height: 19px;
}

.table-block a:hover,
.block table a:hover {
    border-bottom: 1px solid transparent;
    color: #123e8d;
}

.filtr .form-control {
    font-size: 14px;
}

.contacts,
.item-info,
.btn-link,
.table-bordered td,
.dropdown-item,
.form-control,
.copy,
.general,
.select .placeholder,
.form-page .placeholder,
.search-input {
    font-size: 15px;
}

.form-page .form p,
.input-item .error-box,
.select-title,
.filtr .placeholder {
    font-size: 11px;
}

.link,
.nav-link,
.title-rate,
.title-form-add,
h3,
.h3-title,
.modal-title {
    font-size: 20px;
}

.inside-limit p {
    font-size: 17px;
    line-height: 1.76;
}

.map-text-block .inside-limit p:not(:last-child) {
    margin-bottom: 15px;
}

.map-text-block .inside-limit p,
.map-text-block .inside-limit a {
    font-size: 14px;
}

.map-text-block .inside-limit strong {
    font-size: 16px;
}

.slider-content .slide p {
    font-size: 13px;
    line-height: 20px;
}

.inside-limit span {
    font-size: inherit;
}

.phone-link {
    font-size: 24px;
}

@media (min-width: 640px) and (max-width: 991px) {
    .phone-link {
        font-size: 19px;
    }
}

.item-title {
    font-size: 25px;
    line-height: 0.88;
}

.panel.panel-small .panel-title {
    font-size: 25px;
    line-height: 1.2;
}

.grid-item2x2 .item-title,
.width2 .item-title,
.width3 .item-title,
.width4 .item-title {
    font-size: 40px;
}

.c-input,
.type-val,
.type-val .val-title,
.type-val .val,
.amount {
    font-size: 15px;
}

.bottom-list p,
.block-item,
.btn-wide,
.btn-wide-link {
    font-size: 17px;
}

.inside-limit .label-text {
    font-size: 15px;
    line-height: 1.3333;
}

.inside-limit h2:last-child,
.inside-limit .h2-title:last-child {
    margin-bottom: 0;
}

.menu .nav-link {
    font-size: 17px;
    line-height: normal;
}

.subtitle {
    font-size: 17px;
    line-height: 2.05;
}

.adress .placeholder {
    font-size: 17px;
}

.size,
.panel-text,
.location {
    font-size: 17px;
    line-height: 1.76;
}

.block-list-title {
    font-size: 20px;
    line-height: normal;
}

.list-link,
.main-link,
.panel-title,
.page-link {
    font-size: 20px;
    line-height: 1.5;
}

.block-title,
h2,
.h2-title {
    font-size: 35px;
    line-height: 1.14;
}

.block-banner .block-title {
    font-size: 50px;
    line-height: 1;
    position: relative;
    z-index: 2000;
}

a.block {
    display: block;
}

@media screen and (max-width: 991px) {
    a.block {
        overflow: hidden;
    }

    div.block-card-list-left .inside-limit {
        margin-left: 2.5%;
    }
}

.block ul li,
.block ol li,
.block ol li span {
    font-size: 17px;
    line-height: 1.76;
}
.block-deposit-calculator ~ .block ul li,
.block-deposit-calculator ~ .block ol li,
.block-deposit-calculator ~ .block ol li span {
    font-size: 15px;
}

.block ul li b {
    font-size: 20px;
    line-height: 1.5;
}
.block-deposit-calculator ~ .block ul li b {
    font-size: 18px;
}

.block-banner ul li {
    font-size: 20px;
    line-height: 1.47;
}

.block-banner ul li.star {
    font-size: 18px;
    line-height: 1.27;
}

.btn {
    font-size: 20px;
    line-height: 1;
    text-decoration: none !important;
    min-width: 250px;
}

.btn:hover {
    text-decoration: none;
}

.footer li a,
.footer-info li a {
    display: inline-block;
    font-size: 15px;
    line-height: normal;
}

.footer ul li,
.footer-info ul li {
    line-height: normal;
}

.cell-title {
    font-size: 30px;
}

.cell-sub-title {
    font-size: 20px;
}

.step {
    font-size: 20px;
    line-height: 1.5;
}

.deposit-val {
    font-size: 35px;
}

.block-item-title {
    font-size: 50px;
    line-height: 1.3;
}

.panel-title-sub {
    font-size: 17px;
    line-height: 1.76;
}

h2,
.h2-title {
    margin-bottom: 60px;
}

.table-push {
    display: table;
    width: 100%;
    height: 100%;
}

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

.block-title-article {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1300px) {
    .wrapper .table-overflow {
        overflow: auto;
    }
}

.block-partners-img div {
    text-align: center;
}

.block-partners-img a {
    display: inline-block;
    margin: 0 auto;
}

.block-partners-img a img {
    display: block;
    width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1320px) {
    .inside .menu .nav-link {
        font-size: 12px;
        font-size: 1.22vw;
    }

    .panel.panel-small .panel-title {
        font-size: 14px;
        font-size: 2.3vw;
    }

    .wrapper .menu .nav-item.dropdown .nav-link.dropdown-toggle {
        padding-left: 10px;
        padding-right: 25px;
    }

    .wrapper .dropdown-toggle .menu-line:before {
        left: -10px;
        right: -25px;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 992px) {
    .nav-link {
        font-size: 15px;
        font-size: 1.52091vw;
    }

    .grid-item2x2 .item-title,
    .width2 .item-title,
    .width3 .item-title,
    .width4 .item-title {
        font-size: 28px;
        font-size: 3vw;
    }

    .link {
        font-size: 13px;
        font-size: 1.4vw;
    }

    .phone-link {
        font-size: 18px;
        font-size: 1.82vw;
    }

    .title-rate {
        font-size: 13px;
        font-size: 1.37vw;
    }

    .convert {
        font-size: 8px;
        font-size: 0.885vw;
    }

    .block-banner .block-title {
        font-size: 24px;
        font-size: 3.3807vw;
    }

    .inside-limit .label-text {
        font-size: 14px;
        font-size: 1.159vw;
    }

    .title-rate {
        line-height: 30px;
    }

    .convert .btn-link {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .nav-link,
    .all {
        font-size: 14px;
    }

    div.map-text-block {
        margin-top: 0;
    }

    .title-rate {
        font-size: 9px;
        font-size: 2.22vw;
        line-height: 25px;
    }

    .convert {
        font-size: 6px;
        font-size: 0.885vw;
    }

    .link {
        font-size: 22px;
    }

    .grid-item2x2 .item-title,
    .width2 .item-title,
    .width3 .item-title,
    .width4 .item-title {
        font-size: 45px;
    }

    .item-info {
        font-size: 17px;
    }

    .item-title {
        font-size: 30px;
    }

    .bottom-list .item-title {
        font-size: 22px;
        line-height: 1.28;
    }

    .table.table-block td {
        font-size: 13px;
    }

    .table-block th,
    .table.table-block td:first-child,
    .block table th,
    .block table td:first-child {
        font-size: 10px;
    }

    .table-block th,
    .block table th {
        text-transform: uppercase;
    }

    .date,
    .bottom-list p,
    .table-bordered .head td {
        font-size: 14px;
    }

    body .bottom-list p {
        line-height: 1.28;
    }

    .convert .btn-link {
        line-height: 32px;
    }

    .wrapper .cell-title {
        font-size: 20px;
        line-height: 1.8;
    }

    .wrapper .cell-sub-title {
        font-size: 15px;
    }

    .block ul li,
    .block ol li,
    .block ol li span {
        font-size: 15px;
        line-height: 1.86;
    }

    .wrapper .inside-limit li span {
        font-size: 15px;
        line-height: 1.86;
        color: #7a7a7a;
    }

    .lang-link {
        font-size: 15px;
    }

    .dropdown-item-text {
        font-size: 17px;
    }

    body .menu .dropdown-menu .dropdown-item-wr:first-child {
        border-top: 1px solid #e2e2e2;
    }

    .block-item-title {
        font-size: 30px;
        line-height: 1.066;
    }

    .step .step-link {
        font-size: 17px;
    }

    .logo-box > div {
        padding-top: 8px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .nav.nav-pills {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media only screen and (min-width: 640px) and (max-width: 991px) {
    .block-banner .block-title {
        font-size: 24px;
        font-size: 4.55vw;
        line-height: 1.0666;
    }

    .block-title,
    h2,
    .h2-title {
        font-size: 30px;
    }

    .inside-limit p {
        font-size: 15px;
    }

    .inside-limit p:not(:last-child) {
        margin-bottom: 20px;
    }

    .block-banner ul li {
        font-size: 17px;
    }

    .table.table-block td,
    .table.table-block th,
    .block table td,
    .block table th {
        padding: 15px;
    }

    .table.table-block td:first-child,
    .table.table-block th:first-child,
    .block table td:first-child,
    .block table th:first-child {
        padding-left: 40px;
    }

    .block .panel .panel-info .panel-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .block-item-img img {
        max-width: 85%;
    }

    .inside-limit .label-text {
        font-size: 10px;
        font-size: 1.8vw;
    }

    h2,
    .h2-title {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 639px) and (max-width: 740px) {
    .link {
        font-size: 2.8vw;
    }

    .block-banner ul li {
        font-size: 17px;
    }
}

@media only screen and (max-width: 639px) {
    .block-banner .block-title {
        font-size: 30px;
        line-height: 1.0666;
    }

    .block-title,
    h2,
    .h2-title {
        font-size: 30px;
    }

    .inside-limit span,
    .inside-limit strong {
        font-size: 17px;
        line-height: 1.47;
    }

    .block-banner {
        min-height: 320px;
    }

    .inside-limit p {
        font-size: 15px;
        line-height: 1.33;
    }

    .grid-item2x2 .item-title,
    .width2 .item-title,
    .width3 .item-title,
    .width4 .item-title {
        font-size: 30px;
    }

    .item-info {
        font-size: 15px;
    }

    .menu-bottom .link {
        font-size: 14px;
        line-height: 1.28;
    }

    .bottom-list .item-title {
        line-height: 1.27;
    }

    .title-rate {
        font-size: 22px;
    }

    .inside-limit p:not(:last-child) {
        margin-bottom: 20px;
    }

    .wrapper li.point:before,
    .wrapper li:before {
        top: 0;
        left: 50%;
        margin-left: -10px;
        background-position: center center;
    }

    .point-art {
        display: inline-block;
    }

    .block-title-article {
        font-size: 20px;
        line-height: 1.25;
    }

    .article-limit p {
        line-height: 1.66;
    }

    .table.table-block td,
    .table.table-block th,
    .block table td,
    .block table th {
        padding: 15px;
        text-align: left;
    }

    .wrapper .table-overflow {
        max-width: 100%;
        overflow: auto;
    }

    .deposit-form .cell {
        display: block;
    }

    .deposit-val {
        font-size: 30px;
    }

    .block-banner ul li {
        font-size: 15px;
    }

    .block .panel .panel-title {
        font-size: 17px;
        line-height: 1.176;
    }

    .block .panel .panel-info .panel-title {
        font-size: 30px;
        line-height: 1.06;
    }

    .block .row-list-wide {
        margin-left: auto;
        margin-right: auto;
    }
    .block .row-list-wide li.m-t-3:first-child {
        margin-top: 0 !important;
    }

    .block ul li,
    .block ol li,
    .block ol li span {
        font-size: 15px;
        line-height: 1.333;
    }

    .block-list-title {
        font-size: 17px;
    }

    .panel-title-sub {
        font-size: 15px;
        line-height: 1.33;
    }

    .btn {
        font-size: 15px;
    }

    .wrapper .load {
        float: none;
        display: inline-block;
        margin-top: 15px;
    }

    .form-group .label-text:before {
        top: -20px;
    }

    h2,
    .h2-title {
        margin-bottom: 30px;
    }

    .logo-box > div {
        padding-top: 5px !important;
    }

    .menu-bottom {
        border-top: 1px solid #e5e5e5;
    }

    .menu-bottom .link-item {
        display: none;
    }

    .menu-bottom .link-item:first-child {
        left: 0;
    }

    .menu-bottom .link-item:nth-child(2) {
        left: 50%;
    }

    .menu-bottom.not-fixed-link {
        border-top: 1px solid #fff;
    }

    .menu-bottom.not-fixed-link .link-item {
        display: block;
        position: relative;
        left: 0;
    }

    .menu-bottom-wrapper {
        box-shadow: none;
    }
}

.all-mobile {
    display: none;
}

/*----color/bg---*/
.block-gray {
    background-color: #f5f5f5;
}

.block-blue-light {
    background-color: #e7eaef;
}

.select-title {
    color: #a3a3a3;
}

.block-blue-light .select-title {
    color: #4f5052;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after,
.popup-btn span,
.popup-btn span:before,
.popup-btn span:after {
    background-color: #0c3d93;
}

.bg-red {
    background-color: #f42551;
}

.bg-red {
    background-color: #f42551;
}

.bg-blue-light {
    background-color: #02b4f5;
}

.block-banner .block-list {
    background-color: transparent;
}

.block-banner {
    z-index: 1;
}

body,
a,
a:focus,
a:hover,
li b,
.footer li a,
.footer-info li a,
.inside-limit span,
.inside-limit strong,
.inside-limit .footnote p,
.footer ul li a,
.footer-info ul li a {
    color: #000;
}

.block ul li a span {
    color: #123e8d;
    transition: all 0.2s ease-in-out;
}

.block p a span {
    color: #123e8d;
}

.block p a span u {
    text-decoration: none;
}

.list-link .main-link:hover,
.list-link .main-link:hover span {
    color: #0d3d93 !important;
}

.block p a:hover {
    transition: all 0.2s ease-in-out;
}

.bottom-list,
.bottom-list a,
.btn-link,
.btn-link:hover,
.btn-link:focus {
    color: #fff;
}

.btn:hover {
    color: #fff !important;
    background-color: #33af53;
    background: #33af53;
}

.block-form-to-show .main-link:hover,
.hide-text.btn.btn-form-to-show:hover {
    color: white !important;
}

.lang-link {
    color: #8f8f8f;
}

.lang-link:hover,
.lang-link.active {
    color: #000;
}

.block-title,
h2,
.h2-title {
    color: #343434;
}

.block-banner ul li {
    color: #fff;
}

.contacts,
.banking-link,
.banking-link:hover {
    color: #0d3d93;
}

.menu-bottom-wrapper,
.footer,
.footer-info,
.header.fixed {
    background-color: #fff;
}

.type-property {
    color: #0c3d93;
}

.content-bottom .slider-box {
    background-color: #4a5f8f;
}

.link,
.header {
    background-color: transparent;
}

.link:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.line {
    background-color: #d7d5d1;
}

.rate-table,
.main-li {
    background-color: #2e4478;
}

.bottom-list {
    background-color: #4a5f8f;
}

.main-link {
    color: #0d3d93;
}

.main-link-btn {
    text-decoration: none !important;
}

.slick-dots button {
    background: #c2c5cb;
}

.slick-active button {
    background: #f8111e;
}

.bottom-list button {
    background: #3f4e71;
}

.bottom-list .slick-active button {
    background: #fff;
}

.nav-item:hover .nav-link,
.nav-item.active .nav-link {
    color: #123e8d;
}

.menu {
    background-color: #f5f5f5;
    z-index: 6;
}

.menu .nav-link {
    background-color: transparent;
    color: #000;
}

.menu .nav-link:hover {
    background-color: #fff;
    color: #1b1b1b;
}

.menu .active .nav-link {
    background-color: #fff;
    color: #1b1b1b;
}

.dropdown-item .dropdown-item-text {
    color: #7a7a7a;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active {
    background-color: transparent;
    color: #7a7a7a;
}

.dropdown-item:focus .dropdown-item-text,
.dropdown-item:hover .dropdown-item-text,
.dropdown-item.active .dropdown-item-text {
    color: #0d3d93;
}

.dropdown-item.active .dropdown-item-text {
    border-bottom: 1px solid rgba(13, 61, 147, 0.5);
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    background-color: transparent;
}

.block-title strong,
h2 strong,
.h2-title strong {
    font-weight: lighter;
}

.block ol li {
    color: #343434;
}

.block ul li,
.block ol li span,
.gray,
.inside-limit p {
    color: #7a7a7a;
}

.block li a,
.link-info,
.inside-limit p a,
.list-vacancy a {
    color: #123e8d;
    word-break: break-word;
}

.bg-blue {
    background-color: #2e4478;
}

.bg-blue-bright {
    background-color: #0d3c93;
}

.bg-gray {
    background-color: #f5f5f5;
}

.bg-blueLight {
    background-color: #e7eaef;
}

.wrapper .btn-wide,
.wrapper .btn-wide-link {
    color: #fff;
}

.bg-white {
    background-color: #fff;
}

input:checked + .label-text,
.slider-content .slide p {
    color: #000;
}

.label-text {
    color: #7a7a7a;
}

.deposit-val {
    color: #545454;
}

.btn {
    color: #fff;
    background-color: #069e2d;
}

.btn:hover,
.btn:focus,
.btn.focus {
    background-color: #33af53;
    outline: none;
    color: #fff;
}

.btn-inverse {
    background-color: #069e2d;
}

.btn-inverse:hover {
    background-color: #33af53;
}

.perevorot-logo:hover svg g {
    fill: #f8111e;
}

.block.block-z-index {
    z-index: 2;
}

.menu .nav-pills .default .nav-link.active,
.menu .nav-pills .default .nav-link.active:focus,
.menu .nav-pills .default .nav-link.active:hover,
.menu .nav-pills .default .nav-item.open .nav-link,
.menu .nav-pills .default .nav-item.open .nav-link:focus,
.menu .nav-pills .default .nav-item.open .nav-link:hover {
    background-color: #fff;
}

.block-banner .block-title,
.block-banner .block-item {
    color: #fff;
}

li .block-list-title {
    color: #000;
}

.size,
.location {
    color: #7a7a7a;
}

.pagination-block .page-link,
.pagination-block .page-item.active .page-link,
.pagination-block .page-item.active .page-link:focus,
.pagination-block .page-item.active .page-link:hover,
.pagination-block .page-item.disabled .page-link,
.pagination-block .page-item.disabled .page-link:focus,
.pagination-block .page-item.disabled .page-link:hover {
    background-color: transparent;
    border: none;
    color: #a3a3a3;
}

.pagination-block .page-link:focus,
.pagination-block .page-link:hover {
    background-color: transparent;
    color: #0c3d93;
}

.pagination-block .page-item.active .page-link,
.pagination-block .page-item.active .page-link:focus,
.pagination-block .page-item.active .page-link:hover {
    color: #0c3d93;
}

.date-property {
    color: #a3a3a3;
}

.block-title a,
h2 a,
.h2-title a {
    color: #0c3d93;
}

.block-title a:hover,
h2 a:hover,
.h2-title a:hover {
    color: #000;
}

.table-block th,
.block table th {
    color: #545454;
    background-color: #e7eaef;
}

.table-block td,
.block table td {
    color: #7a7a7a;
}

.table-block tr:nth-child(2n + 1),
.block table tr:nth-child(2n + 1) {
    background-color: #f5f5f5;
}

.table-block .row-bg-white td,
.block table tr:nth-child(2n) {
    background-color: #fff;
}

.block-title strong,
h2 strong,
.h2-title strong {
    color: #f8111e;
}

.cell-line {
    background-color: #fff;
}

.block-list-colored,
.block-list-colored a {
    color: #fff;
}

.step .step-link {
    color: #a3a3a3;
}

.step .step-link:before {
    background-color: #a3a3a3;
}

.step.active .step-link,
.step:hover .step-link,
.step:focus .step-link {
    color: #0d3d93;
}

.step.active .step-link:before,
.step:hover .step-link:before,
.step:focus .step-link:before {
    background-color: #0d3d93;
}

.step-link:after {
    background-color: #e5e5e5;
}

input::-webkit-input-placeholder {
    color: #a3a3a3;
}

input:-moz-placeholder {
    color: #a3a3a3;
}

input::-moz-placeholder {
    color: #a3a3a3;
}

input:-ms-input-placeholder {
    color: #a3a3a3;
}

.select .placeholder,
.form-page .placeholder,
.type-val .val-title,
.type-val .val,
.amount {
    color: #a3a3a3;
}

.option,
.placeholder {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.option:hover,
.option:focus {
    background-color: #f5f5f5;
}

.select-list .option.disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: auto;
}

.select-list a {
    cursor: auto;
}

.select-list a .option {
    cursor: pointer;
}

.input-item .error,
.input-item .error-box {
    color: #f8111e;
}

.filtr .placeholder {
    color: #0d3c93;
}

.menu .nav-mobile .nav-link,
.menu .nav-mobile .nav-link:hover {
    color: #585858;
    background-color: #e7eaef;
}

.menu .nav-mobile .nav-sub-item .nav-link {
    background-color: #f5f5f5;
}

.figcaption {
    color: #a3a3a3;
}

.gallery .slide-img,
.gallery-popup .slide-img {
    background-color: #e7eaef;
}

.range {
    background-color: #d7d5d1;
}

.range .ui-slider-handle {
    background-color: #0c3d93;
}

.c-select,
input {
    background: transparent;
}

.val.active {
    color: #0c3d93;
}

.c-checkbox .c-indicator {
    background-color: transparent;
    border: 1px solid #d7d5d1;
    border-radius: 0;
}

.inside-limit .checkbox-text {
    display: block;
    margin-left: -25px;
    padding-top: 35px;
    font-size: 15px;
    line-height: 1.3333;
}

.block-item-title {
    color: #514b4d;
}

.panel-title-sub {
    color: #7a7a7a;
}

.block-card-list-left .inside-limit {
    width: 87.5%;
    max-width: 100%;
    margin-left: 12.5%;
    margin-right: 0 !important;
}

.block-card:nth-child(5n + 1) {
    background-color: #e0e8f3 !important;
    background-image: linear-gradient(to right, #e3eaf4 0%, #dee6f2 100%);
}

.block-card:nth-child(5n + 2) {
    background-color: #e9f1f8 !important;
    background-image: linear-gradient(to right, #e9f2f8 0%, #e8f1f8 100%);
}

.block-card:nth-child(5n + 3) {
    background-color: #dee7f2 !important;
    background-image: linear-gradient(to right, #dfe7f3 0%, #dde6f2 100%);
}

.block-card:nth-child(5n + 4) {
    background-color: #e7eef9 !important;
    background-image: linear-gradient(to right, #e7eff9 0%, #e6eef9 100%);
}

.block-card:nth-child(5n + 5) {
    background-color: #eaf4f3 !important;
    background-image: linear-gradient(to right, #eaf4f3 0%, #e9f4f3 100%);
}

/*---border--*/
.link-item:not(:first-child) {
    border-left: 1px solid #e5e5e5;
}

.contacts {
    border-bottom: 1px solid rgba(13, 61, 147, 0.5);
}

.contacts a {
    color: #0d3d93;
}

.contacts:hover,
.btn-link:hover {
    border-bottom: 1px solid transparent;
}

.btn-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.table-bordered {
    border: none;
}

.table-bordered td {
    border-color: rgba(255, 255, 255, 0.15);
}

.rate.table-bordered {
    border: none;
}

.rate.table-bordered td {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.table-bordered th,
.table-bordered td {
    border-left: none;
    border-right: none;
}

.table-bordered .head td,
.table-bordered tr:last-child td {
    border: none;
}

.currency.rise:after {
    border-bottom-color: #6fd326;
}

.currency.down:after {
    border-top-color: #f8111e;
}

.menu .nav-link {
    position: relative;
}

.menu .nav-item:not(:first-child) {
    border-left: 1px solid #e2e2e2;
}

.menu .nav-item.active .link-text:before {
    border-top: 5px solid #0c3d92;
}

.menu .link-text {
    border-bottom: 1px solid transparent;
}

.menu .nav-link.active .link-text,
.menu .nav-link:hover .link-text,
.menu .nav-link:focus .link-text {
    border-bottom: 1px solid #d6d6d6;
}

.dropdown-item-wr:nth-child(3n + 1) {
    clear: both;
}

.dropdown.active .nav-link {
    box-shadow: 1px -3px 2px rgba(0, 0, 0, 0.2),
        -1px -3px 2px rgba(0, 0, 0, 0.2);
}

.dropdown .dropdown-menu {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.dropdown-item .dropdown-item-text {
    border-bottom: 1px solid transparent;
}

.dropdown-item:focus .dropdown-item-text,
.dropdown-item:hover .dropdown-item-text {
    border-bottom: 1px solid rgba(13, 61, 147, 0.5);
}

.block-banner .block-list .bordered:not(:first-child) {
    border-left: 1px solid #6081c8;
}

.block-list .bordered:not(:first-child) {
    border-left: 1px solid #d7d5d1;
}

/*
.block ul a, .link-border, .inside-limit p a, .list-vacancy a {
    border-bottom: 1px solid rgba(13, 61, 147, 0.5);
}
.block ul a:hover, .link-border:hover, .inside-limit p a:hover, .list-vacancy a:hover {
    border-bottom: 1px solid transparent;
}
*/
.btn-wide-link {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

.cell-middle.block-item-title.fl-none,
.block-item-img.fl-none {
    float: none;
}

input[type="text"],
input[type="email"],
input[type="phone"],
input[type="text-muted"],
input[type="date"] {
    border: none;
    background: none;
    outline: none;
    padding: 0;
}

.form-control,
input.form-control {
    border-radius: 0;
    border: none;
    outline: none;
    border-bottom: 1px solid #d7d5d1;
    -webkit-tap-highlight-color: transparent;
}

fieldset {
    border-radius: 0;
    border: none;
    outline: none;
    box-shadow: none;
}

textarea.form-control {
    border: 1px solid #d7d5d1;
}

.form-control:focus,
input.form-control:focus {
    border-color: #123e8d;
}

.filtr .form-control,
.filtr .form-control:focus {
    border: none;
}

input,
button {
    outline: none;
}

.btn,
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: none;
    border: none;
}

.btn {
    border-radius: 30px;
}

.border-line {
    text-decoration: underline;
    color: rgba(13, 61, 147, 0.5);
}

.border-line span {
    width: 100%;
    display: inline;
    color: #123e8d;
}

.border-line:hover,
.border-line:focus {
    text-decoration: none;
    color: rgba(13, 61, 147, 0.5);
}

.border-line:hover span,
.border-line:focus span {
    color: #000;
}

.table-block td:not(:last-child),
.table-block th:not(:last-child),
.block table td:not(:last-child),
.block table th:not(:last-child) {
    border-right: 1px solid #e2e2e2;
}

.step-link:before {
    border: 7px solid #fff;
}

.select-list {
    border: 1px solid #d7d5d1;
}

.menu .nav-mobile .nav-item:not(:last-child) {
    border-bottom: 1px solid #d9dbdd;
}

.menu .nav-mobile .nav-sub-item .nav-item:not(:last-child) {
    border-bottom: none;
}

.menu .nav-mobile .nav-sub-item .nav-item:first-child {
    border-bottom: 0;
}

.menu .nav-mobile .nav-sub-item .nav-item {
    border-top: 1px solid #d9dbdd;
}

.panel-img-border {
    border: 1px solid #e5e5e5;
}

.filtr .select-border {
    border-bottom: 1px solid #b9bbbf;
}

/*----limit width ---*/
.footer .inside-limit {
    width: 100%;
    max-width: 1800px;
}

body,
.menu-bottom,
.header-inner,
.menu .nav {
    margin: 0 auto;
    max-width: 1800px;
}

.body-inside {
    max-width: 100%;
}

.inline-bl {
    display: inline-block;
}

.dropdown-inner,
.inside-limit,
.inside .inside-limit {
    float: none;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
}

.display-bl {
    display: block;
}

.grid-item2x2 .item-title.limit-content,
.width2 .item-title.limit-content,
.width3 .item-title.limit-content,
.width4 .item-title.limit-content {
    max-width: 375px;
}

.grid-item2x2 .item-info.limit-content,
.width2 .item-info.limit-content,
.width3 .item-info.limit-content,
.width4 .item-info.limit-content {
    max-width: 210px;
}

.slide .cell-bottom {
    padding-bottom: 20px;
}

.grid-item1x1 .limit-content,
.width1 .limit-content {
    max-width: 170px;
}

.grid-item1x1 .item-title.limit-content,
.width1 .item-title.limit-content {
    max-width: 140px;
}

.logo {
    max-width: 245px;
    width: 100%;
}

.limit-text {
    display: inline-block;
    max-width: 200px;
}

.btn-limit-size {
    min-width: 220px;
}

/*---сommon classes----*/
a:focus,
a:hover {
    outline: none;
}

.btn-link:focus,
.btn-link:hover {
    text-decoration: none;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.fl-none {
    float: none;
}

.form.fl-none {
    float: none;
}

.relative {
    position: relative;
}

input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table th,
.table td {
    padding-left: 0;
    padding-right: 0;
}

.block-top-img {
    position: absolute;
    top: -50%;
}

a {
    outline: none;
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    outline: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

input {
    border: none;
}

.center {
    text-align: center;
}

.clearfix {
    position: relative;
    zoom: 1;
    /* IE < 8 */
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.none,
.hidden {
    display: none;
}

.table {
    display: table;
    margin-bottom: 0;
}

.cell {
    display: table-cell;
}

.table .table {
    background-color: transparent;
}

html,
body {
    height: 100%;
}

.wrapper {
    height: auto;
    min-height: 100%;
    position: relative;
    z-index: 3;
}

.last {
    padding-bottom: 607px;
}

.footer {
    position: relative;
    height: 607px;
    margin-top: -607px;
    z-index: 4000;
}

.menu-bottom-wrapper {
    position: fixed;
    height: 70px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 4500;
}

.menu-bottom {
    height: 70px;
}

.content-main {
    min-height: 100%;
    height: 100%;
}

.content-main img {
    width: 100%;
}

.grid {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.grid-list {
    height: 100%;
}

@media screen and (min-width: 992px) {
    .grid-list {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 70px;
        height: auto;
    }
}

.grid-link {
    display: block;
    width: 100%;
    height: 100%;
    background-position: right bottom;
    background-size: cover;
}

.content-bottom {
    position: relative;
    z-index: 2;
    margin-top: -70px;
    z-index: 1400;
}

.footer .block.clearfix,
.menu-bottom-wrapper + .block {
    padding-bottom: 70px;
}

.slider-title-box {
    position: initial;
}

.content-bottom .slick-slide {
    height: auto;
}

.grid-item {
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
    overflow: hidden;
}

.grid-item1x1,
.grid-item2x2 {
    display: block;
}

.grid-item1x1 {
    height: 50%;
}

.grid-item2x2 {
    width: 100%;
    height: 100%;
}

.link {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 70px;
    text-align: left;
}

.sign {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: inline-block;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
}

.logo,
.logo img {
    display: block;
}

.logo img {
    width: 100%;
    height: auto;
    max-width: 267px;
}

@media screen and (max-width: 991px) {
    .logo img {
        width: 100% !important;
    }
}

.lang,
.banking-link,
.lang-link,
.nav-item,
.contacts {
    display: inline-block;
}

.banking-link {
    box-sizing: border-box;
    display: block;
    padding-left: 25px;
    background: url(/themes/universalbank/assets/img/icon-globe.svg) no-repeat 0
        center;
    background-size: auto 15px;
}

.line {
    height: 1px;
    border: none;
}

.nav-item {
    cursor: pointer;
}

.nav-item:not(:first-child) {
    margin-left: 8%;
}

.nav-link {
    display: inline-block;
    opacity: 0.8;
}

.phone-info {
    display: block;
    opacity: 0.5;
}

.phone-link {
    display: block;
    padding-left: 24px;
    background: url(/themes/universalbank/assets/img/icon-phone-top-hover2.svg)
        no-repeat 0 center;
    line-height: 1.042;
    min-height: 22px;
}

.contacts {
    line-height: 1.042;
    cursor: pointer;
}

.item-title {
    opacity: 0.8;
}

.item-info {
    line-height: 1.46;
    opacity: 0.5;
}

.grid-item .slider {
    height: 100%;
}

.grid-item1x1 .item-title,
.width1 .item-title {
    line-height: 1.2;
}

.grid-item2x2 .item-title,
.width2 .item-title,
.width3 .item-title,
.width4 .item-title {
    line-height: 1;
}

.grid-item .table {
    width: 100%;
    height: 100%;
}

.cell-bottom {
    vertical-align: bottom;
}

.cell-top {
    vertical-align: top;
}

.width2 .cell-bottom,
.width3 .cell-bottom,
.width4 .cell-bottom {
    vertical-align: top;
    padding-bottom: 0;
}

.cell-middle {
    vertical-align: middle;
}

.bottom-list {
    overflow: hidden;
}

.bottom-list .item-title {
    opacity: 1;
    line-height: 1.2;
}

.bottom-list p {
    line-height: 1.76;
    opacity: 0.8;
}

.date {
    opacity: 0.4;
}

.btn-link {
    cursor: pointer;
    line-height: 1.042;
    opacity: 0.5;
    z-index: 1000;
}

.table-wide .cell.fl-none {
    position: relative;
}

.btn-bt {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 30px;
    z-index: 3;
}

.btn.btn-sm,
.btn-group-sm > .btn {
    pointer-events: all;
}

.all {
    position: absolute;
    bottom: 0;
}

.uni-mask {
    background-image: url(/themes/universalbank/assets/img/uni-mask.png);
    background-repeat: no-repeat;
    background-position: 94% 145%;
}

.row {
    display: table-row;
    height: 100%;
}

.form-group {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 639px) {
    #complaintForm .form-group {
        display: block;
    }
}

.form-group .row,
.row-list {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}

.c-indicator {
    top: 3px;
}

.row-list-sm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
}

.row-list-wide {
    display: block;
    margin-left: -30px;
    margin-right: -30px;
}
.row-list-wide:has(*:is(.pdf, .doc, .docx, .xls, .xlsx)) {
    margin-left: 0;
    margin-right: 0;
}
.row-list-wide li:has(*:is(.pdf, .doc, .docx, .xls, .xlsx))::before {
    content: none;
}

.row-list-big {
    margin-left: -40px;
    margin-right: -40px;
}

.convert {
    padding-left: 23px;
    background: url(/themes/universalbank/assets/img/icon-circle.svg) no-repeat
        0 center;
    line-height: 32px;
}

.title-rate {
    line-height: 33px;
}

.table th,
.table td {
    line-height: 1;
}

.table-bordered .head td {
    opacity: 0.3;
}

.currencies-list .table-bordered .head td {
    opacity: 1;
    padding-top: 0 !important;
    padding-bottom: 5px !important;
}

.table-bordered tr:not(.head) td:not(:first-child) {
    opacity: 0.5;
}

.currencies-list tr:not(.head) td:not(:first-child) {
    opacity: 1;
}

.currencies-list tr:not(.head) td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.currencies-list tr:not(.head):not(:last-child) td {
    border-bottom: 1px solid #ccc;
}

.currencies-list .table-bordered {
    margin-top: 30px;
}

.currencies-list .table-bordered tr td:not(:first-child) {
    text-align: left;
}

.currencies-list .table-bordered tr td:last-child {
    text-align: right;
}

.currency {
    position: relative;
    padding-left: 16px;
}

.currency:after {
    position: absolute;
    left: 33px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 7px solid transparent;
}

.conversion-rate .currency:after {
    left: 64px;
}

.currency.rise:after {
    bottom: 19px;
}

.currency.down:after {
    bottom: 13px;
}

.slide-box {
    position: relative;
}

.slide-box .grid-link {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.slide-main-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.slide-title-link {
    display: block;
    position: relative;
    z-index: 3;
}

.content-bottom .slide:not(:first-child) {
    display: none;
}

.content-bottom .slide.slick-slide {
    display: block;
}

.slick-slider {
    position: relative;
    display: block;
    height: 100%;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    margin: 0;
    padding: 0;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide,
.item {
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
}

.item {
    display: block;
}

.slick-dots {
    position: absolute;
    height: 10px;
    overflow: hidden;
    z-index: 1000;
}

.slick-dots li {
    float: left;
    border: none;
    font-size: 0;
}

.slick-dots li:not(:last-child) {
    margin-right: 10px;
}

.slick-dots button {
    display: block;
    width: 8px;
    height: 8px;
    border: none;
    padding: 0;
    border-radius: 50%;
    outline: none;
}

.slide-inner {
    width: 100%;
    height: 100%;
}

.slick-arrow {
    position: absolute;
    z-index: 1;
    border: none;
    padding: 0;
    outline: none;
    font-size: 0;
    background: none;
}

.bottom-list .slider-box {
    position: initial;
}

.bottom-list .slick-track {
    overflow: hidden;
}

.gallery .slider-big img {
    pointer-events: none;
}

.bottom-list .slick-arrow,
.slider-content .slick-arrow,
.back-arrow {
    width: 40px;
    height: 22px;
    z-index: 1000;
    opacity: 1;
}

.bottom-list .slick-arrow {
    top: 35px;
    right: 35px;
    height: 24px;
    background-image: url(/themes/universalbank/assets/img/icon-arrow-grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.bottom-list .slick-prev,
.slider-content .slick-prev,
.back-arrow {
    transform: rotate(-180deg);
}

.bottom-list .slick-prev {
    right: 106px;
}

button,
button:focus {
    outline: none;
}

/*--inside--*/
.inside {
    padding-top: 145px;
}

.menu .nav-item {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.menu .nav-item .nav-link {
    display: block;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    border-radius: 0;
    opacity: 1;
    z-index: 2;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .menu .nav-item .nav-link {
        padding: 30px 40px;
    }
}

.menu .nav-item .dropdown-toggle::after {
    position: absolute;
    right: -3px;
    top: calc(50% + 5px);
    margin-top: -2px;
}

.menu .nav-item.dropdown .nav-link.dropdown-toggle {
    padding-left: 20px;
    padding-right: 30px;
}

.nav-sub-item {
    display: none;
}

.nav-sub-item.active-top {
    display: block;
}

.dropdown-toggle::after,
.dropdown-toggle::before {
    border: none;
    width: 9px;
    height: 5px;
    opacity: 0.5;
    margin-left: 0;
    margin-right: 12px;
}

.dropdown-toggle::after {
    background: url(/themes/universalbank/assets/img/arr-gr.png) no-repeat
        center center;
}

.dropdown-toggle::before,
.dropdown-toggle.active::before {
    background: url(/themes/universalbank/assets/img/arr-bl.png) no-repeat
        center center;
}

.menu .dropdown-toggle::before {
    position: absolute;
    right: -3px;
    top: calc(50% + 5px);
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    opacity: 0;
}

.menu .dropdown-toggle:hover::before,
.active .nav-link::before {
    opacity: 1;
}

.menu .dropdown-toggle:hover::after,
.active .nav-link::after {
    opacity: 0;
}

.menu .dropdown-menu {
    display: block;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

.active .dropdown-menu {
    opacity: 1;
    pointer-events: all;
}

.menu .link-text {
    position: relative;
    display: inline-block;
}

.menu {
    position: relative;
}

.menu .dropdown-menu {
    left: 0;
    width: 300px;
    margin-top: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

@media (min-width: 992px) and (max-width: 1110px) {
    .menu .dropdown-menu {
        width: 250px;
    }
}

.menu .dropdown-inner {
    float: none;
    margin: 0 auto;
    overflow: hidden;
}

.menu .dropdown-item {
    padding-left: 0;
    padding-right: 0;
    white-space: normal;
}

.menu .dropdown:last-child .dropdown-menu {
    left: inherit;
    right: 0;
}

.menu .nav-pills .nav-link.active,
.menu .nav-pills .nav-link.active:focus,
.menu .nav-pills .nav-link.active:hover,
.menu .nav-pills .nav-item.open .nav-link,
.menu .nav-pills .nav-item.open .nav-link:focus,
.menu .nav-pills .nav-item.open .nav-link:hover,
.menu .nav-pills .nav-link.current {
    cursor: pointer;
    background-color: #fff;
    color: #000;
}

.menu .nav-pills .nav-link.active::after,
.menu .nav-pills .nav-link.active:focus::after,
.menu .nav-pills .nav-link.active:hover::after,
.menu .nav-pills .nav-item.open .nav-link::after,
.menu .nav-pills .nav-item.open .nav-link:focus::after,
.menu .nav-pills .nav-item.open .nav-link:hover::after,
.menu .nav-pills .nav-link.current::after {
    background: url(/themes/universalbank/assets/img/arr-gr.png) no-repeat
        center center;
}

.menu .default {
    pointer-events: none;
    z-index: 1;
    position: relative;
}

.block-img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.block-banner {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.block-banner.calculator-banner {
    height: 200px;
    min-height: initial;
}
.block-banner.calculator-banner .table {
    display: flex;
    align-items: center;
}
.block-banner.calculator-banner .block-title {
    width: 50%;
}
.block-banner.calculator-banner .banner-img-sm {
    display: flex;
    align-items: flex-end;
    align-self: flex-end;
    width: 50%;
}

.block-title,
h2,
.h2-title {
    opacity: 0.8;
}

.block-item {
    opacity: 0.6;
    line-height: 1.47;
}

.block-logo img {
    width: 100%;
}

.block-list .cell {
    float: none;
    vertical-align: top;
}

.block-list-colored .cell {
    float: none;
    vertical-align: top;
}

.point,
.star {
    position: relative;
}

.point:before,
.star:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(/themes/universalbank/assets/img/icon-check-blue.svg)
        no-repeat -5px 0;
    background-size: cover;
    content: "";
    display: block;
}

li {
    position: relative;
}

li:before {
    position: absolute;
    left: 0;
    background-size: cover;
    content: "";
    display: block;
}

ul,
ol {
    margin-bottom: 0;
}

ul:not(:last-child),
ol:not(:last-child) {
    margin-bottom: 30px;
}

.nav-item,
.footer li,
.val-list li,
.pagination .page-item,
.vacancy-one ul li,
/* .hide-list li, */
.list-one li,
.slick-dots li {
    margin-top: 0;
    padding-left: 0;
}

.nav-item:before,
.footer li:before,
.val-list li:before,
.pagination .page-item:before,
.vacancy-one ul li:before,
/* .hide-list li:before, */
.list-one li:before,
.slick-dots li:before {
    display: none;
}

.inside-limit li span {
    font-size: 17px;
    line-height: 1.76;
    color: #7a7a7a;
}

li.point:before,
li:before {
    top: 9px;
    width: 10px;
    height: 10px;
    background: #3d67de;
    border-radius: 50%;
}

.star:before {
    width: 69px;
    height: 25px;
    background: url(/themes/universalbank/assets/img/star.svg) no-repeat 0 0;
}

li {
    margin-top: 15px;
    padding-left: 30px;
}

.block {
    margin-left: auto;
    margin-right: auto;
}

.block-list-title {
    opacity: 0.9;
}

li .block-list-title {
    opacity: 1;
}

.link-border {
    line-height: 1;
}

.card img {
    display: block;
    width: 100%;
}

.subtitle {
    opacity: 0.5;
}

.title-img {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 35px;
}

.gray {
    opacity: 1;
}

.load {
    background: url(/themes/universalbank/assets/img/icon-load.svg) no-repeat
        left center;
}

h3,
.h3-title,
.modal-title {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}

h3:last-child,
.h3-title:last-child,
.modal-title:last-child {
    margin-bottom: 20px;
}

.btn-text,
.title-form-add,
h3,
.h3-title,
.modal-title {
    opacity: 0.8;
}

.form-group > div:nth-child(3n) {
    padding-right: 0 !important;
}

.label-text {
    display: block;
    position: relative;
}

.label-text:before {
    position: absolute;
    top: -30px;
    left: 0;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #d7d5d1;
}

input[type="radio"] {
    opacity: 0;
}

input:checked + .label-text:before {
    border: 3px solid #f00;
}

.input-tag img {
    position: absolute;
    right: 0;
    pointer-events: none;
    top: 0;
}

.input-item .visible {
    opacity: 1;
}

.input-item .visible-hover {
    opacity: 0;
}

.input-item:last-child {
    margin-bottom: 0 !important;
}

.input-item:hover .visible,
.input-item:focus .visible,
.input-item.active .visible,
.input-item.not-empty .visible {
    opacity: 0;
}

.input-item:hover .visible-hover,
.input-item:focus .visible-hover,
.input-item.active .visible-hover,
.input-item.not-empty .visible-hover {
    opacity: 1;
}

.input-item:hover.not-empty input,
.input-item:focus.not-empty input,
.input-item.active.not-empty input,
.input-item.not-empty.not-empty input {
    border-bottom: 1px solid #123e8d;
}

.input-placeholder {
    display: block;
    opacity: 0.3;
    font-size: 13px;
}

.footer .block-list-title,
.footer-info .block-list-title {
    opacity: 0.8;
}

.footer li a,
.footer-info li a {
    opacity: 0.5;
    border-bottom: none;
}

.footer li a:hover,
.footer-info li a:hover {
    opacity: 1;
    border-bottom: none;
}

.footer .table .cell,
.footer-info .table .cell {
    float: none;
    vertical-align: middle;
}

.footer li.active a {
    opacity: 1;
}

.copy,
.general,
.perevorot small {
    opacity: 0.5;
}

.copy small,
.general small {
    opacity: 0.8;
}

.opacity-8 {
    opacity: 0.8;
}

.perevorot {
    position: relative;
    top: -8px;
}

.perevorot-logo {
    display: inline-block;
    position: relative;
    top: 13px;
    max-width: 22%;
}

.banner-empty {
    overflow: hidden;
}

.banner-empty .inside-limit {
    height: 100%;
}

.banner-empty .inside-limit .table {
    height: 100%;
}

.banner-empty .cell {
    vertical-align: middle;
}

.banner-empty .block-title-inner {
    width: 60%;
}

@media screen and (min-width: 640px) {
    .banner-empty.banner-scroll-bottom .block-title-inner.show-mobile,
    .banner-empty.banner-scroll-bottom .block-title-image {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .banner-empty.banner-scroll-bottom .block-title-inner {
        width: 100%;
        text-align: center;
    }

    .banner-empty.banner-scroll-bottom .block-title-inner:nth-child(1) {
        font-size: 24px;
    }

    .banner-empty.banner-scroll-bottom .block-title img {
        max-width: 60px;
    }
}

@media screen and (min-width: 560px) {
    .banner-empty .block-title-inner {
        width: 100%;
    }
}
@media screen and (min-width: 560px) {
    .banner-empty .block-title:only-child .block-title-inner {
        width: 50%;
    }
}

.block-banner.right .inside-limit,
.block-banner.right .banner-img-sm {
    position: static;
}

.block-banner.right .banner-img-sm div {
    left: 50%;
    background-position: right bottom;
}

@media screen and (max-width: 639px) {
    .block-banner.right .banner-img-sm div {
        background-position: right bottom;
        margin-bottom: 0 !important;
        left: 16%;
    }
}

@media screen and (max-width: 639px) {
    .block-banner.right .banner-empty-info {
        position: static;
    }
}

@media screen and (min-width: 992px) {
    .block-banner.center .banner-img-sm div {
        transform: translateX(33%);
    }
}

.banner-img-sm {
    position: relative;
}

@media screen and (max-width: 639px) {
    .banner-img-sm {
        padding-bottom: 50% !important;
        margin: 0 auto;
    }
    .block-banner.calculator-banner {
        height: auto;
    }
    .block-banner.calculator-banner .block-title,
    .block-banner.calculator-banner .banner-img-sm {
        width: 100%;
    }
    .block-banner.calculator-banner .table {
        flex-direction: column;
    }
    .block-banner.calculator-banner .banner-img-sm {
        padding-bottom: 0 !important;
        align-self: center;
    }
}

.banner-img-sm div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

@media screen and (max-width: 639px) {
    .banner-img-sm div {
        background-position: center;
        margin-bottom: 20px !important;
    }
}

.banner-img-sm.col-lg-6 {
    width: 50%;
}

@media screen and (max-width: 639px) {
    .banner-img-sm.col-xs-12 {
        width: 100%;
    }
}

.block-banner a {
    text-decoration: underline;
    color: #fff;
}

.banner-empty-info {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.put-down {
    padding-top: 7px;
}

.menu .menu-line {
    position: relative;
}

.menu-line:before {
    position: absolute;
    display: block;
    top: -25px;
    left: -20px;
    right: -20px;
    height: 5px;
    background-color: #0c3d92;
    content: none;
    opacity: 0;
}

.dropdown-toggle .menu-line:before {
    left: -20px;
    right: -30px;
}

.menu .nav-pills .nav-link.active .menu-line:before,
.menu .nav-pills .nav-link:focus .menu-line:before,
.menu .nav-pills .nav-link:hover .menu-line:before,
.menu .nav-pills .nav-link.current .menu-line:before,
.nav-item.dropdown.active .nav-link .menu-line:before {
    opacity: 1;
}

.pdf,
.hide-list li .pdf {
    background: url(/themes/universalbank/assets/img/pdf.svg) no-repeat left top;
    display: block;
}

.pdf a,
.hide-list li .pdf a {
    word-wrap: break-word;
}

.list-link li:nth-child(2n + 1) {
    clear: both;
}

.list-link .list-link__on-clear-session {
    text-align: right;
}

.list-link__center {
    text-align: center;
}

.collateral-sale .collateral-sale__cur-option {
    float: none;
    width: auto;
    min-width: 40%;
    max-width: 60%;
    text-overflow: ellipsis;
}

.article-limit.article-one.fl-none,
.article-limit.fl-none {
    float: none;
}

.collateral-sale .select-list {
    min-width: 150px;
}

.collateral-sale .collateral-sale__cur-option .placeholder,
.collateral-sale .collateral-sale__cur-option > div {
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-link .list-link__on-clear-session a {
    font-size: 14px;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
}

.main-link {
    cursor: pointer;
    display: inline-block;
}

.hide-block .hide-list {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

.hide-block.open .hide-list {
    max-height: 1000000px;
    opacity: 1;
}

.hide-list li > div {
    display: inline-block;
}

.flex-row .hide-list {
    position: relative;
    width: 1000px;
    left: 53%;
    right: 50%;
    top: 30px;
}

.hide-block .hide-text,
.hide-block .show-text {
    display: block;
}

.hide-text,
.hide-show {
    cursor: pointer;
}

.hide-block .hide-list + .center .main-link.border-line {
    text-decoration: none;
}

.hide-block .hide-text {
    position: relative;
    top: -30px;
    opacity: 0;
}

.hide-block .show-text {
    opacity: 1;
}

.main-link.open .hide-text {
    opacity: 1;
}

.main-link.open .show-text {
    opacity: 0;
}

.panel .date {
    font-size: 13px;
}

.panel .panel-title {
    font-size: 20px;
    line-height: 1.5;
}

.panel-info .panel-title {
    display: block;
}

.panel-img img {
    display: block;
    width: 100%;
}

.panel-img-bg a {
    background-position: right center;
    background-size: cover;
}

.cell-link-inner .panel-img a {
    display: block;
}

.pagination {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    line-height: 1;
}

.page-item {
    display: inline-block;
}

.page-link {
    display: block;
    width: 100%;
    height: 100%;
}

.page-link:last-child {
    margin-right: 0 !important;
}

.panel-small {
    position: relative;
}

.panel-small .panel-info {
    position: absolute;
    bottom: 0;
    left: 0;
}

.panel-small .panel-title {
    opacity: 0.8;
}

.pagination-block .page-link,
.pagination-block .page-link:hover,
.pagination-block .page-link:focus {
    border: none;
    border-radius: 0;
}

.pagination-block .page-item-nav {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    display: block;
    content: "";
    width: 40px;
    height: 22px;
    background: url(/themes/universalbank/assets/img/icon-arrow-black.svg)
        no-repeat center center;
}

.pagination-block .page-item-prev {
    left: 0;
    transform: rotate(-180deg);
}

.pagination-block .page-item-next {
    right: 0;
}

.pagination-block .disabled {
    opacity: 0.2;
}

.table-block td,
.table-block th,
.block table td,
.block table th {
    padding: 20px 20px;
    vertical-align: middle;
}

.cell-line {
    width: 40px;
    height: 2px;
}

.inside-limit p {
    margin-bottom: 0;
}

.inside-limit p:not(:last-child) {
    margin-bottom: 30px;
}

.inside-limit .footnote p {
    margin-bottom: 0;
}

.block-banner ul li {
    opacity: 0.8;
}

.block-banner ul li.point:before {
    width: 30px;
    height: 30px;
    background: url(/themes/universalbank/assets/img/icon-check-blue.svg)
        no-repeat -5px 0;
}

.step-link {
    position: relative;
    display: block;
    cursor: pointer;
}

.step-link:before {
    display: block;
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    content: "";
    z-index: 2;
}

.step-link:after {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 8px;
    content: "";
    width: 100%;
    height: 1px;
    z-index: 1;
}

.step:last-child .step-link:after {
    display: none;
}

.form-page .form {
    margin-left: auto;
    margin-right: auto;
}

.select-arr {
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    content: "";
    width: 20px;
    height: 98%;
    background: url(/themes/universalbank/assets/img/select-arr.svg) no-repeat
        right center;
    background-size: 17px;
    z-index: 2;
}

.filtr .select-arr {
    background-size: 14px;
}

.select-list {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    display: block;
    z-index: -1;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    max-height: 300px;
    overflow: auto;
}

.input-item .select .placeholder {
    white-space: normal;
}

.input-item .select-list {
    top: 100%;
    margin-top: -1px;
}

.select.open .select-list {
    z-index: 3;
}

.filtr .select-list {
    top: 39px;
}

.select.open .select-list {
    opacity: 1;
    pointer-events: all;
}

.select {
    min-height: 43px;
    cursor: pointer;
    text-align: left;
}

.error-box {
    position: absolute;
    top: 43px;
    right: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    text-align: right;
}

.error + .error-box {
    opacity: 1;
    pointer-events: all;
}

.point-art,
.point-scales,
.point-arms,
.point-team,
.point-aim,
.point-prize,
.point-plant,
.point-hill {
    background-position: left center;
    background-repeat: no-repeat;
}

.point-art {
    min-height: 88px;
    background-image: url(/themes/universalbank/assets/img/point-art.svg);
}

.point-scales {
    min-height: 80px;
    background-image: url(/themes/universalbank/assets/img/point-scales.svg);
}

.point-arms {
    min-height: 80px;
    background-image: url(/themes/universalbank/assets/img/point-arms.svg);
}

.point-team {
    min-height: 74px;
    background-image: url(/themes/universalbank/assets/img/point-team.svg);
}

.point-aim {
    min-height: 81px;
    background-image: url(/themes/universalbank/assets/img/point-aim.svg);
}

.point-prize {
    min-height: 96px;
    background-image: url(/themes/universalbank/assets/img/point-prize.svg);
}

.point-plant {
    min-height: 85px;
    background-image: url(/themes/universalbank/assets/img/point-plant.svg);
}

.point-hill {
    min-height: 70px;
    background-image: url(/themes/universalbank/assets/img/point-hill.svg);
}

.list-one li:nth-child(2n + 1) {
    clear: both;
}

.slider-content .slick-dots {
    left: 10px;
    bottom: 0;
}

.slider-content .slick-dots button {
    font-size: 0;
}

.slider-content .slick-arrow {
    top: -70px;
    right: 10px;
    background: url(/themes/universalbank/assets/img/icon-arrow-blue.svg)
        no-repeat center center;
}

.slider-content .slick-prev {
    margin-right: 70px;
}

.slick-arrow.slick-disabled,
.slick-arrow.slick-hidden {
    opacity: 0.2;
}

.vacancy:nth-child(2n + 1) {
    clear: both;
}

/*--menu-btn---*/
.menu-btn,
.popup-btn {
    display: none;
    position: fixed;
    top: -6px;
    right: 0;
    width: 40px;
    height: 30px;
    content: "";
    padding: 14px 2px;
    cursor: pointer;
    z-index: 10001;
}

.popup-btn {
    position: absolute;
    top: -18px;
}

.menu-btn.active span,
.popup span {
    background-color: transparent;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    transition: all 500ms ease-in-out;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after,
.popup-btn span,
.popup-btn span:before,
.popup-btn span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 4px;
    width: 35px;
    position: absolute;
    display: block;
    content: "";
}

.menu-btn.active span:before,
.popup-btn span:before {
    transform: rotate(45deg);
}

.menu-btn.active span:after,
.popup-btn span:after {
    transform: rotate(-45deg);
}

.menu-btn.active span:before,
.menu-btn.active span:after,
.popup-btn span:before,
.popup-btn span:after {
    top: 0;
}

.menu-btn span:before {
    top: -10px;
}

.menu-btn span:after,
.popup-btn span:after {
    bottom: -10px;
}

.link-item-text br {
    display: none;
}

.link-item .sign img {
    display: inline-block;
    max-width: 97%;
}

.btn.default {
    opacity: 0.5;
    pointer-events: none;
}

.placeholder {
    text-align: left;
}

.cell-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    display: inline-block;
    z-index: 1;
    content: "";
}

.cell-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
    height: 73px;
}

.cell-link-inner {
    position: relative;
    z-index: 2;
}

.wrapper .block-list .row-list .cell .cell-link-inner {
    padding-bottom: 103px !important;
}

.table-wide {
    display: table;
    width: 100%;
}

.table-wide .cell-top {
    position: relative;
}

.table-wide-four {
    width: 100%;
}

.table-wide-four th {
    width: 27.77778%;
}

.table-wide-four th:first-child {
    width: 16.66667%;
}

.block-banner-img {
    opacity: 0;
}

.block-banner {
    background-position: right center;
}

.panel-business .panel-link {
    display: block;
    overflow: hidden;
}

.panel-business .panel-link .panel-img {
    transition: all 0.8s ease-in-out;
    transform: scale(1.01);
}

.panel-business .panel-link:hover .panel-img {
    transform: scale(1.04);
}

/*---figcaption---*/
.figcaption {
    display: inline-block;
}

.figcaption {
    float: left;
}

figure {
    margin: 0;
    text-align: center;
}

figure img {
    margin: 0 auto;
    max-width: 100%;
}

@media screen and (max-width: 639px) {
    figure img {
        width: 100%;
    }
}

.article-limit {
    margin: 0 auto;
}

.gallery .slide,
.gallery .slide-img {
    display: block;
}

.gallery .slide-img img {
    display: block;
}

.gallery .slider-big .slick-slider {
    height: auto;
}

.gallery .slider-big img {
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.gallery .slider-small .slide-img {
    opacity: 0.6;
}

.gallery .slider-small .slide-img {
    position: relative;
    cursor: pointer;
}

.gallery .slider-small .slide-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    content: "";
    background-color: #0c3d93;
    opacity: 0;
}

.gallery .slider-small .slide-img img {
    position: relative;
    z-index: 1;
}

.gallery-small-limit {
    overflow: hidden;
}

.gallery .slider-small .slick-current .slide-img {
    opacity: 1;
}

.gallery .slider-small .slick-current .slide-img:before {
    opacity: 0.5;
}

.gallery-big-arrows {
    margin: 0 auto;
}

.gallery-big-arrows-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.gallery-big-arrow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 50px;
    height: 22px;
    background: url(/themes/universalbank/assets/img/icon-arrow-black.svg)
        no-repeat left center;
    cursor: pointer;
    z-index: 1000;
}

.gallery-big-next {
    right: 0;
}

.gallery-big-prev {
    left: 0;
    transform: rotate(-180deg);
}

.slick-disabled {
    opacity: 0.2;
}

.slider-small .vertical .slide-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slider-small .vertical .slide-img img {
    opacity: 0;
}

.gallery-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    background-color: #fff;
    z-index: 1000;
}

.slider-popup {
    position: fixed;
    top: 160px;
    bottom: 160px;
    left: 160px;
    right: 160px;
    z-index: 1001;
}

.gallery-popup {
    position: relative;
    z-index: -1;
}

.gallery-popup-open .gallery-popup {
    z-index: 1000;
}

.gallery-popup-open .gallery-overlay {
    opacity: 1;
    pointer-events: all;
}

.gallery-popup-open .footer {
    z-index: 1;
}

.gallery-popup-open .wrapper {
    z-index: 1001;
}

.gallery-popup .slide {
    height: 100%;
}

.gallery-popup .slide-img {
    display: block;
    height: 100%;
    opacity: 1;
}

.gallery-popup .slide-img img {
    display: block;
    margin: 0 auto;
    height: 100%;
    max-height: 100%;
    width: auto;
    max-width: inherit;
}

.slider-big .slide-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.slider-big .slide:not(:first-child) {
    display: none;
}

.slider-big .slide.slick-slide {
    display: block;
}

.slider-small .slide:not(.slick-slide) .slide-img {
    max-height: 240px;
}

.slider-small:not(.slick-slider) {
    max-height: 240px;
}

.slider-small:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}

.slider-small .slide {
    width: 25%;
}

.slider-popup {
    opacity: 0;
    pointer-events: none;
}

.gallery-popup-open {
    overflow: hidden;
}

.gallery-popup-open .slider-popup {
    opacity: 1;
    pointer-events: all;
}

.gallery-popup .gallery-big-arrow {
    position: fixed;
}

.gallery-popup .gallery-big-prev {
    left: 40px;
}

.gallery-popup .gallery-big-next {
    right: 40px;
}

.gallery-popup .popup-btn {
    display: block;
    width: 30px;
}

.gallery-popup .popup-btn span {
    background-color: transparent;
}

.gallery-popup .popup-btn span:after,
.gallery-popup .popup-btn span:before {
    background-color: #000;
    height: 2px;
}

.slider-popup .slick-dots {
    position: fixed;
    top: 40px;
    right: 160px;
    left: inherit;
    height: 25px;
    display: inline-block !important;
}

.slider-popup .slick-dots button {
    display: inline-block;
    width: auto;
    box-shadow: none;
    border: none;
    background-color: transparent;
    outline: none;
}

.slider-popup .number-dots,
.slider-popup .slick-dots li,
.slider-popup .slider-dot-text {
    font-size: 17px;
    line-height: 25px;
    color: #000;
}

.slider-popup .number-dots,
.slider-popup .slider-dot-text {
    color: #8f8f8f;
}

.slider-popup .slick-dots li {
    display: none;
}

.slider-popup .slick-dots .slick-active,
.slider-popup .slick-dots li.active {
    display: block;
}

.slider-popup .number-dots {
    float: right;
}

.slider-dot-text {
    display: none;
}

.number-dots .slider-dot-text {
    display: block;
}

.slider-dot-text {
    float: left;
    padding: 0 5px;
}

.slider-popup-open {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.2)
        url(/themes/universalbank/assets/img/full.png) center center no-repeat;
    z-index: 1000;
    cursor: pointer;
}

.block.block-up {
    position: absolute;
    top: 0;
    bottom: 50%;
    width: 100%;
    z-index: initial;
}

.block.block-down {
    position: absolute;
    top: 50%;
    bottom: 0;
    width: 100%;
    z-index: initial;
}

/*----range---*/
.range {
    height: 1px;
    width: 100%;
}

.ui-slider-handle {
    position: relative;
    top: -4px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.val-list {
    display: inline-block;
    float: right;
    text-align: center;
}

.val-list .val {
    display: inline-block;
    text-decoration: underline;
}

.amount-label {
    display: inline-block;
    float: left;
}

.amount {
    display: inline-block;
    float: right;
    text-align: right;
}

.c-input-right {
    text-align: left;
    padding-left: 0;
    padding-right: 1.5rem;
}

.c-input-right .c-indicator {
    left: inherit;
    right: 0;
}

.slider-content .slide-img {
    display: block;
    opacity: 1;
}

.block-item-title {
    opacity: 0.8;
}

/*---map---*/
/* .map {
    position: absolute;
    left: 0;
    top: 190px;
    bottom: 70px;
    width: 100%;
    box-sizing: border-box;
}
.map-frame {
    height: 100%;
}
.map-page .wrapper {
    height: 100%;
    box-sizing: border-box;
}
.map-page .footer {
    margin-top: -70px;
}
.map iframe {
    position: relative;
    height: 100%;
    z-index: 1;
}
.inside-limit-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    pointer-events: none;
    z-index: 2;
}
.inside-limit-map .inside-limit {
    max-width: 100%;
    height: 100%;
    pointer-events: none;
}
@media only screen and (max-width: 1340px) {
    .map {
        top: 184px;
    }
} */
.adress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 340px;
    background-color: #fff;
    pointer-events: all;
}

.adress .select {
    display: block;
    width: 100%;
    border-bottom: none;
}

.adress .select .placeholder {
    color: #fff;
}

.adress .select .select-list {
    border: 1px solid #0d3c93;
}

.adress .select-arr {
    background-size: 12px;
}

.adress .select-list {
    top: 65px;
}

.adress .c-location-input {
    padding-left: 0;
}

.adress .c-location-input span {
    padding: 5px 17px;
    background: #de1e23;
    color: #fff;
    border-radius: 30px;
    font-weight: 300;
    min-width: 100px;
}

.adress .c-location-input .c-location {
    display: none;
}

.adress .c-input .c-indicator {
    top: 1px;
    border-color: #0d3c93;
}

.adress .c-input > input:checked ~ .c-indicator {
    background-color: #fff;
    background-image: url(/themes/universalbank/assets/img/map-checked.svg);
    background-size: 12px;
}

.adress .c-input {
    color: #343434;
}

.adress .select-list {
    top: 63px;
    max-height: 320px;
}

.inside-limit p strong {
    color: #000;
    font-size: 20px;
}

.inside-limit-map .adress-list {
    border-top: 1px solid #0d3c93;
}

.inside-limit-map .adress-list .adress-item .street,
.inside-limit-map .adress-list .adress-item .phone-number,
.inside-limit-map .adress-list .adress-item .gps {
    display: block;
    font-size: 15px;
    line-height: 1.6666;
    color: #7a7a7a;
}

.inside-limit-map .adress-list .adress-item .gps-location {
    font-size: 15px;
    line-height: 1.6666;
    color: #7a7a7a;
}

.inside-limit-map .adress-list .adress-item b {
    font-size: 15px;
    line-height: 1.6666;
    color: #343434;
}

.adress-list {
    overflow: auto;
    position: absolute;
    top: 145px;
    left: 20px;
    right: 20px;
    bottom: 20px;
}

.adress-list ul {
    list-style-type: decimal;
    list-style-type: none;
    counter-reset: item;
}

.adress-item {
    position: relative;
    cursor: pointer;
    text-align: left;
    padding-top: 0;
}

.adress-item:first-child {
    margin-top: 0 !important;
}

.inside-limit-map .adress-list .adress-item.active .street b,
.inside-limit-map .adress-list .adress-item:hover .street b {
    color: #0d3c93;
}

.inside-limit-map .adress-list .adress-item.active:before,
.inside-limit-map .adress-list .adress-item:hover:before {
    background-color: #0d3c93;
    color: #fff;
}

.wrapper .adress-item:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    margin: 0;
    background-color: #fff;
    content: counter(item);
    counter-increment: item;
    border-radius: 50%;
    border: 1px solid #0d3c93;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    color: #0d3c93;
}

.marker {
    position: absolute;
    z-index: 2;
    color: #7a7a7a;
    font-size: 15px;
    z-index: 1;
}

.marker.active {
    z-index: 2;
}

.marker-point {
    width: 52px;
    height: 52px;
    background: url(/themes/universalbank/assets/img/map-point.svg) no-repeat 0
        0;
    background-size: cover;
    cursor: pointer;
}

.marker-info {
    position: absolute;
    top: 6px;
    left: 56px;
    background-color: #fff;
}

.marker-inner {
    width: 220px;
}

.marker-inner:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: -5px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border: 5px solid #fff;
    border-bottom-color: transparent;
    border-right-color: transparent;
    transform: rotate(-45deg);
}

.marker-close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    background: url(/themes/universalbank/assets/img/map-close.svg) no-repeat
        center center;
    background-size: 10px;
    cursor: pointer;
}

.date-property,
.type-property {
    display: inline-block;
}

.inside-limit .panel-text p {
    margin: 0;
}

.one-property .cell {
    float: left;
    display: block;
}

.inside-limit .title-info .title-info-item {
    font-size: 13px;
    color: #a3a3a3;
}

.inside-limit .title-info .title-info-item:not(:last-child) {
    margin-right: 30px;
}

.wrapper .inside-limit .article-one p {
    margin-bottom: 0;
}

.vacancy-one ul {
    margin-bottom: 60px;
    padding-left: 20px;
}

.vacancy-one ul li {
    list-style: disc;
}

.back {
    position: absolute;
    top: -40px;
    left: 0;
    margin-left: 20px;
    font-size: 13px;
    color: #a3a3a3;
}

.back:hover,
.back:focus {
    color: #a3a3a3;
}

.back-arrow {
    position: relative;
    top: 6px;
    display: inline-block;
    margin-right: 20px;
    background: url(/themes/universalbank/assets/img/icon-arrow-black.svg)
        no-repeat center center;
}

ol ul,
ul ol {
    margin-top: 30px;
}

ol {
    padding-left: 20px;
}

ol > li {
    padding-left: 20px;
    list-style: decimal;
}

ol > li:before {
    display: none;
}

/*----new header--*/
@media only screen and (min-width: 992px) {
    .logo-bottom {
        transition: opacity 0.2s ease-in-out;
    }

    .header {
        position: absolute;
        top: 0;
    }

    .body-inside .header {
        box-shadow: 0 -1px 4px #000;
    }

    .contacts {
        transition: opacity 0.2s ease-in-out, border 0.2s ease-in-out;
    }

    .logo-bottom,
    .contacts,
    .phone-info {
        opacity: 1;
    }

    .header.fixed {
        position: fixed;
        margin-top: -50px;
    }

    .header .nav-list {
        padding-bottom: 10px;
    }

    .logo {
        position: relative;
        top: 0;
    }

    .header-right-info .phone-link {
        position: relative;
    }

    .hide-part .logo-bottom {
        opacity: 0;
        pointer-events: none;
    }

    .hide-part .contacts,
    .hide-part .phone-info {
        opacity: 0;
        pointer-events: none;
    }

    .fixed-logo .logo {
        position: fixed;
        top: 5px;
        z-index: 99;
    }

    .header-right-info .search {
        position: relative;
        float: left;
    }

    .fixed-phone .header-right-info .phone-link {
        position: fixed;
        top: 15px;
    }

    .phone-link {
        display: inline-block;
    }
}

.search-wr .search__close {
    display: none;
    width: 20px;
    height: 20px;
    float: right;
    background-image: url(/themes/universalbank/assets/img/close-btn.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-size: 10px;
    margin-top: 12px;
    position: absolute;
    top: 0;
    right: 0;
}

.search-wr.search-active {
    width: 100%;
    background: white;
}

.search-wr.search-active .search__close {
    display: block;
}

.search-wr.search-active .search-inner form .search-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    right: 30px;
}

.search-wr.search-active .search-inner form input[type="search"] {
    display: block;
    width: 100%;
    height: 100%;
}

.search-wr .search-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.search-wr .search-inner form {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.search-wr .search-inner form input[type="search"] {
    display: none;
}

button[type="submit"] {
    position: relative;
}

button[type="submit"][disabled="disabled"] {
    color: transparent;
}

.spinner {
    width: 60px;
    height: 60px;
}

@media screen and (min-width: 992px) {
    .fixed-search .search-wr {
        position: fixed;
        left: 0;
        width: 100%;
        right: 0;
        pointer-events: none;
        top: 0;
        overflow: visible;
    }

    .fixed-search .search-wr .search-inner {
        max-width: 1800px;
        margin: 0 auto;
        position: relative;
        left: auto;
        right: auto;
        width: 100%;
    }

    .fixed-search .search-wr .search-inner form {
        right: 0;
        left: auto;
        pointer-events: all;
        width: 65px;
        top: 17px;
        position: relative;
        float: right;
        height: 42px;
    }

    .fixed-search .search-wr.search-active {
        width: 100%;
        background: none;
    }

    .fixed-search .search-wr.search-active .search-inner form {
        width: 25%;
        background: white;
    }

    .fixed-search .search-wr.search-active .search-inner form .search__close {
        margin-right: 40px;
    }

    .fixed-search .search-wr.search-active .search-inner form .search {
        left: 40px;
    }

    .fixed-search .search-wr.search-active .search-inner form .search-wrapper {
        left: 80px;
        right: 48px;
    }
}

@media (min-width: 640px) and (max-width: 991px) {
    .header-inner > div:nth-child(3) {
        position: relative;
        z-index: 2000;
    }
}

/*----grid new --*/
@media only screen and (min-width: 992px) {
    .grid-cell {
        position: absolute;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .grid-item {
        pointer-events: all;
        box-sizing: border-box;
    }

    .width1 .grid-item {
        width: 25%;
    }

    .width2 .grid-item {
        width: 50%;
    }

    .width3 .grid-item {
        width: 75%;
    }

    .width4 .grid-item {
        width: 100%;
    }

    .height1 {
        height: 50%;
    }

    .height2 {
        height: 100%;
    }

    .top1 {
        top: 0%;
    }

    .top2 {
        top: 50%;
    }

    .left1 .grid-item {
        left: 0;
    }

    .left2 .grid-item {
        left: 25%;
    }

    .left3 .grid-item {
        left: 50%;
    }

    .left4 .grid-item {
        left: 75%;
    }

    .grid-cell .slide-img {
        display: block;
    }

    .grid-cell .grid-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .table-bordered .head td:first-child {
        padding-right: 10px;
    }
}

/*---*/
@media only screen and (min-width: 640px) {
    .vacancy:first-child,
    .vacancy:nth-child(2) {
        margin-top: 0 !important;
    }

    .slider-big .slide .slide-img {
        background-image: none;
    }

    .block-list .row-list .cell div:last-child {
        padding-bottom: 0 !important;
    }

    .block ul:not(.list-left-right) li:first-child {
        margin-top: 0 !important;
    }

    .block .list-one li:nth-child(2) {
        margin-top: 0 !important;
    }

    .block-banner-mob-img {
        background-image: none !important;
    }

    .block-banner {
        min-height: 320px;
    }
    .block-banner.calculator-banner {
        min-height: initial;
    }

    .rate-table {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .table.table-block table,
    .block table {
        width: 99.8%;
    }
}

@media only screen and (max-width: 639px) {
    .list-one.row-list-wide li {
        display: block;
        width: 100%;
        float: left;
    }
}

.list-one.row-list-wide li > .table {
    display: block;
}

.list-one.row-list-wide li > .table > .cell {
    display: inline-block;
}

.list-one.row-list-wide li > .table > .cell p {
    line-height: 1.4;
}

.list-one.row-list-wide li > .table > .cell p:not(:last-child) {
    margin-bottom: 2px;
}

.list-one.row-list-wide li > .table > .cell img {
    max-width: 100px;
    max-height: 75px;
    width: auto;
}

@media only screen and (min-width: 1800px) {
    .block-card-list-left .block-item-title {
        text-align: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1190px) {
    .last {
        padding-bottom: 651px;
    }

    .footer {
        height: 651px;
        margin-top: -651px;
    }
}

@media only screen and (min-width: 992px) {
    .panel-list-management .panel:nth-child(3n + 1) {
        clear: both;
    }
}

@media only screen and (min-width: 640px) and (max-width: 991px) {
    .grid-item2x2 .cell-top,
    .width2 .cell,
    .width3 .cell,
    .width4 .cell {
        padding-top: 25% !important;
    }

    .last {
        padding-bottom: 871px;
    }

    .footer {
        height: 871px;
        margin-top: -871px;
    }

    .row-list-big {
        margin-left: -20px;
        margin-right: -20px;
    }

    .slider-popup {
        top: 80px;
        bottom: 80px;
        left: 120px;
        right: 120px;
    }

    .list-one .point-img {
        background-size: 70px;
    }

    .block-banner-height {
        min-height: 380px;
    }

    .panel-list-management .panel:nth-child(3n + 1) {
        clear: both;
    }

    .wrapper .map {
        top: 100px;
        bottom: 100px;
    }

    div.map-text-block {
        margin-top: -100px;
    }

    li {
        padding-top: 0;
        padding-left: 30px;
    }

    ol li {
        padding-left: 10px;
    }

    ul ol li,
    ol ul li {
        padding-left: 30px;
    }

    .nav-item,
    .footer li {
        margin-top: 0;
        padding-left: 0;
    }

    .grid .height1 .img-zoom .slide-img {
        display: none;
    }

    .grid .height1 .img-zoom .slide-img-tablet {
        display: block;
    }

    .block-card-list-left .inside-limit {
        width: 100%;
    }
}

.grid .slide-img-tablet {
    display: none;
}

@media only screen and (min-width: 640px) and (max-width: 700px) {
    .perevorot-logo svg {
        display: inline-block;
        max-width: 70px;
    }
}

@media only screen and (min-width: 992px) {
    .grid-item2x2 .cell-top,
    .width2 .cell,
    .width3 .cell,
    .width4 .cell {
        padding-top: 20% !important;
    }

    .phone-info {
        padding-top: 5px;
    }

    .block-banner-height {
        min-height: 450px;
    }

    .grid-item-left,
    .grid-item-right {
        position: absolute;
        top: 0;
        bottom: 0;
        height: auto;
        display: block;
    }

    .grid-item-left {
        left: 0;
    }

    .grid-item-right {
        right: 0;
    }

    .grid-item-center {
        display: block;
        margin: 0 auto;
    }

    .header.fixed-top {
        background-color: #fff;
    }

    .nav-mobile {
        display: none;
    }

    .nav-sub-item.active-top {
        min-height: 62px;
    }

    .dropdown-item-wr:not(:last-child) .dropdown-item-border {
        border-bottom: 1px solid #e5e5e5;
    }

    .dropdown-item-wr .dropdown-item-border {
        display: block;
        width: 100%;
    }

    .menu .dropdown-item:hover,
    .menu .dropdown-item:focus {
        background-color: #f5f5f5;
    }

    .menu .dropdown-item:hover .dropdown-item-text,
    .menu .dropdown-item:focus .dropdown-item-text {
        border-bottom-color: transparent;
        color: #000;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 992px) {
    .nav-item:not(:first-child) {
        margin-left: 3%;
    }
}

.general .small-tablet {
    display: none;
}

@media only screen and (min-width: 640px) and (max-width: 991px) {
    .wrapper.grid {
        min-height: inherit;
    }

    .wrapper .block-list .row-list .cell .cell-link-inner {
        padding-bottom: 78px !important;
    }

    .general .center {
        text-align: left;
    }

    .map-height {
        max-height: 360px;
    }
}

.block__link {
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
    color: #2e4478;
    opacity: 1;
}

.block__link:hover {
    color: #f8111e;
    opacity: 1;
}

@media only screen and (max-width: 639px) {
    .slider-popup-open {
        display: none;
    }

    .block-banner-img {
        max-height: initial;
        min-height: 330px;
    }

    .banner-empty > img {
        display: none;
    }

    .banner-empty-info {
        position: relative;
    }

    .logo img {
        max-width: 141px;
    }

    .content-bottom {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .menu-bottom-wrapper {
        height: 120px;
        position: relative;
    }

    .menu-bottom .col-xs-6.col-lg-3.link-item {
        display: block;
    }

    .menu-bottom .col-xs-6.col-lg-3.link-item:nth-child(1) {
        border-bottom: 1px solid #e5e5e5;
    }

    .menu-bottom .col-xs-6.col-lg-3.link-item:nth-child(2) {
        border-bottom: 1px solid #e5e5e5;
    }

    .menu-bottom .col-xs-6.col-lg-3.link-item:nth-child(3) {
        border-bottom: 1px solid #e5e5e5;
    }

    .menu-bottom .col-xs-6.col-lg-3.link-item:nth-child(4) {
        border-bottom: 1px solid #e5e5e5;
    }

    .menu-bottom .link-item:nth-child(1),
    .menu-bottom .link-item:nth-child(2) {
        border-top: 1px solid #e5e5e5;
    }

    .menu-bottom.not-fixed-link .col-xs-6.col-lg-3.link-item {
        border-top: none;
    }

    .link {
        line-height: 60px;
    }

    .slick-dots {
        bottom: 14px;
        height: auto;
    }

    .slick-dots li {
        margin-bottom: 20px;
    }

    .slider .slick-dots li:not(:last-child) {
        margin-right: 15px;
    }

    .grid-item1x1 .slide-img,
    .width1 .slide-img {
        max-height: 260px;
    }

    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after,
    .popup span,
    .popup span:after,
    .popup span:before {
        width: 27px;
        height: 3px;
    }

    .menu-btn {
        padding-left: 12px;
    }

    .menu-btn span:before {
        top: -7px;
    }

    .menu-btn span:after {
        bottom: -7px;
    }

    .block-banner-height {
        min-height: 330px;
    }

    .logo {
        margin-left: -15px !important;
    }

    .logo-box {
        height: 60px;
    }

    .link .link-item-text br {
        display: block;
    }

    .menu-bottom .link {
        height: 60px;
        line-height: 34px;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-right: 50px !important;
    }

    .menu-bottom .link-item-text {
        display: inline-block;
        line-height: normal;
    }

    .menu-bottom .sign {
        line-height: 60px;
    }

    .bottom-list .slick-arrow {
        top: 40px;
    }

    .bottom-list .blog-link-block .slick-arrow {
        top: 40px;
    }

    .all {
        display: none;
    }

    .content-bottom .all-mobile {
        display: block;
        right: 20px;
        bottom: 17px;
    }

    .bottom-list .slider-box {
        min-height: 100%;
    }

    .all-mobile {
        opacity: 0.5;
    }

    .btn-link {
        opacity: 0.8;
    }

    .convert {
        background-position: 0 9px;
    }

    .menu-bottom .link-item .sign {
        width: 12px;
    }

    .menu-bottom .link-item .sign {
        width: 18px;
    }

    .body-inside .wrapper .inside,
    .grid-list {
        padding-top: 60px;
    }

    .banner-empty .cell {
        vertical-align: top;
    }

    .table-wide .cell {
        display: block;
    }

    .wrapper .block-list .row-list .cell .cell-link-inner {
        padding-bottom: 84px !important;
    }

    .inside-limit .block-list-colored {
        text-align: left;
    }

    .inside-limit {
        text-align: center;
    }

    .last {
        padding-bottom: 0;
    }

    .footer {
        height: auto;
        margin-top: 0;
        padding-bottom: 0;
    }

    .block-banner .row-list-big {
        margin-left: auto;
        margin-right: auto;
    }

    .block-banner .block-list .bordered:not(:first-child) {
        border: none;
    }

    .filtr:not(:last-child) {
        margin-bottom: 20px;
    }

    .vacancy:first-child {
        margin-top: 0 !important;
    }

    .wrapper {
        min-height: inherit;
    }

    .gallery-list-small {
        display: none;
    }

    .gallery-list {
        margin-left: -20px;
        margin-right: -20px;
    }

    .slider-big .slide .slide-img {
        background-image: none;
    }

    .slider-big .slide-img,
    .slider-big .slide-img img {
        width: auto;
        height: 230px;
    }

    .slider-popup .slide-img,
    .slider-popup .slide-img img {
        width: auto;
        height: 100%;
    }

    .slider-popup {
        top: 40px;
        bottom: 40px;
        left: 20px;
        right: 20px;
    }

    .popup-btn {
        top: -15px;
        right: 2px;
    }

    .gallery-popup .gallery-big-next {
        right: 20px;
    }

    .gallery-popup .gallery-big-prev {
        left: 20px;
    }

    .slider-popup .slick-dots {
        top: 10px;
        right: 60px;
    }

    .gallery-big-arrow {
        width: 40px;
        height: 40px;
        background-color: #fafbfc;
        background-size: 30px;
    }

    .gallery-big-prev {
        left: 0;
    }

    .gallery-big-next {
        right: 0;
    }

    .block-banner .cell,
    .block-list .cell {
        display: block;
    }

    .banner-img-sm {
        text-align: center;
    }


    .banner-img-sm img {
        max-width: 60%;
        margin: 0 auto;
    }
    .block-banner.calculator-banner .banner-img-sm img {
        max-width: 80%;
    }

    .wrapper .star:before {
        left: 50%;
        margin-left: -35px;
    }

    .banner-empty {
        background-position: 75% center;
    }

    .select-list {
        left: inherit;
        right: 0;
        min-width: 170px;
    }

    .panel-info {
        text-align: left;
    }

    .block-banner-mob-img {
        background-position: center center;
        background-size: cover;
    }

    .block-banner-desktop-img {
        background-image: none !important;
    }

    .list-one .point-img {
        text-align: left;
        background-size: 55px;
        background-position: left top;
        vertical-align: top;
    }

    .slider-content .slick-arrow {
        top: 0;
    }

    .row-list-sm {
        margin-left: auto;
        margin-right: auto;
    }

    .map {
        top: 60px;
        position: relative;
        top: 0;
        bottom: inherit;
        padding-top: 60px;
        height: auto;
    }

    .map iframe,
    .map .map-frame {
        display: block;
        height: 250px;
    }

    .map-page .footer {
        margin-top: -60px;
        padding-top: 320px;
    }

    .map-page .wrapper {
        z-index: 3;
        height: auto;
    }

    .inside-limit-map {
        position: relative;
    }

    .adress {
        position: relative;
        width: 100%;
        height: 320px;
    }

    .body-inside .map + .inside {
        margin: 0;
        padding: 0;
    }

    .map-height {
        display: none;
    }

    .cell-middle.block-item-title {
        vertical-align: bottom;
        text-align: left;
    }

    .block-card-list-left .cell-middle.block-item-title {
        vertical-align: middle;
    }

    .nav-item,
    .footer li,
    .val-list li,
    .pagination .page-item,
    .vacancy-one ul li,
    .hide-list li,
    .list-one li,
    .slick-dots li {
        margin-top: 0;
        padding-top: 0;
        padding-left: 0;
    }

    ol li {
        padding-top: 0;
        padding-left: 10px;
    }

    ul ol li,
    ol ul li {
        padding-left: 0;
    }

    div.map-text-block {
        margin-top: -30px;
    }

    .block-partners-img > div {
        margin-bottom: 20px;
    }

    .block-partners-img > div:nth-child(2n + 1) {
        clear: both;
    }

    .content-wrapper .btn-link {
        left: 15px;
    }

    .content-wrapper .slick-dots {
        right: 15px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 640px) {
    .content-bottom {
        margin-top: 0;
        margin-bottom: 0;
    }

    .footer .block.clearfix,
    .menu-bottom-wrapper + .block {
        padding-bottom: 100px;
    }

    .menu-bottom-wrapper {
        height: 100px;
    }

    .link {
        line-height: 100px;
    }

    .grid-item1x1 .limit-content,
    .width1 .limit-content {
        max-width: 220px;
    }
}

.slide-img,
.menu-main-link,
.menu-mob {
    display: none;
}

@media only screen and (max-width: 991px) {
    /*-tablet-menu--*/
    .header {
        background-color: #fff;
        box-shadow: 0 -1px 4px #000;
    }

    html.block-gray {
        background-color: #fff;
    }

    .menu-btn {
        display: block;
        position: absolute;
    }

    .nav-item:not(:first-child) {
        margin-left: 3%;
    }

    .menu .nav-item .nav-link {
        text-align: left;
    }

    .body-inside .inside,
    .grid-list {
        padding-top: 60px;
    }

    .grid {
        display: block;
        height: auto;
    }

    .grid-item-center,
    .grid-item-left,
    .grid-item-right,
    .grid-item1x1,
    .menu-bottom {
        height: 100%;
    }

    .grid-item2x2 .item-title.limit-content,
    .width2 .item-title.limit-content,
    .width3 .item-title.limit-content,
    .width4 .item-title.limit-content {
        max-width: 420px;
    }

    .link-item:nth-child(3),
    .link-item:last-child {
        display: none;
    }

    .grid-item1x1 .item-title.limit-content,
    .width1 .item-title.limit-content {
        max-width: 220px;
    }

    .slick-dots li:not(:last-child) {
        margin-right: 17px;
    }

    .slide-img {
        display: block;
        width: 100%;
        opacity: 0;
    }

    .slide-box .grid-link {
        position: relative;
    }

    .img-zoom {
        position: relative;
        z-index: 1;
    }

    .slide-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .bottom-list .slider-box {
        position: relative;
    }

    .bottom-list .slick-arrow {
        right: 0;
    }

    .all {
        right: 50%;
    }

    .put-down {
        padding-top: 0;
    }

    .bottom-list .item-title {
        max-width: 300px;
    }

    .title-rate,
    .convert {
        margin-top: 37px;
    }

    .convert {
        background-position: 0 6px;
        background-size: 18px;
    }

    .uni-mask {
        background-position: 100% 127%;
        background-size: 200px;
    }

    .hide-sm {
        display: none;
    }

    .grid-top {
        height: 100px;
    }

    .phone {
        position: relative;
        margin-top: -6px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    .phone-info {
        position: absolute;
        bottom: 0;
        left: 10px;
        width: 100%;
    }

    .cell-icon {
        max-height: 58px;
    }

    .general .small-tablet {
        display: block;
    }

    .wrapper .menu {
        z-index: 10002;
    }

    .menu-mob {
        transform: translate(495px, 0);
    }

    .menu-clone.menu-mob {
        width: 495px;
        position: fixed;
        top: 0px;
        height: 100%;
        transition: transform 0.5s ease-in-out;
        right: 0px;
        background-color: #fff;
        z-index: 100000;
    }

    .menu-clone {
        display: none;
    }

    .menu-mob {
        display: block;
    }

    .menu-open .menu-clone {
        transform: translate(0, 0);
    }

    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background-color: transparent;
    }

    .menu-open .menu-overlay {
        pointer-events: all;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 10001;
    }

    .block {
        z-index: 1;
        position: relative;
    }

    .menu-btn.active span,
    .menu-btn.active span:before,
    .menu-btn.active span:after,
    .popup span,
    .popup span:after,
    .popup span:before {
        width: 30px;
        padding-left: 11px;
    }

    .menu .menu-line,
    .menu .nav-item .dropdown-toggle::after,
    .menu .dropdown-toggle:hover::before,
    .active .nav-link::before {
        display: none;
    }

    .menu .nav-link.active .link-text,
    .menu .nav-link:hover .link-text,
    .menu .nav-link:focus .link-text {
        border-color: transparent;
    }

    .menu .nav-item:not(:last-child) .nav-link {
        border: none;
    }

    .nav-pills .nav-item + .nav-item {
        margin-left: 0;
    }

    .menu-main-link {
        display: block;
        background-color: #fff;
        z-index: 10;
    }

    .menu-main-link .lang-list {
        width: 300px;
        text-align: center;
    }

    .menu-main-link .lang-list .lang-link {
        float: none;
    }

    .menu-main-link .lang-list .lang-link:first-child {
        float: left;
    }

    .menu-main-link .lang-list .lang-link:last-child {
        float: right;
        margin-right: 0 !important;
    }

    .menu .menu-main-link .nav-item {
        display: block;
    }

    .menu .menu-main-link .nav-item:not(:first-child) {
        margin-left: 0;
    }

    .menu .dropdown {
        display: block;
    }

    .menu .dropdown:not(:last-child) {
        border-bottom: 1px solid #d9dbdd;
    }

    .menu .nav,
    .menu .nav-sub {
        display: none;
    }

    .menu .nav-mobile {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 172px;
        box-sizing: border-box;
        height: 100%;
        overflow: auto;
    }

    .menu .nav-mobile .nav-sub,
    .menu .nav-mobile .nav,
    .menu .nav-mobile .nav-item {
        display: block;
    }

    .menu .nav-mobile .nav-item {
        margin: 0;
    }

    .menu .nav-mobile .nav-link {
        cursor: pointer;
        pointer-events: all;
    }

    .menu-mob .nav-sub,
    .nav-sub-item .dropdown-menu {
        max-height: 0;
        overflow: auto;
        pointer-events: none;
    }

    .menu-mob .nav-link.open-mobile-first + .nav-sub,
    .nav-sub-item .nav-link.open-mobile-second + .dropdown-menu {
        max-height: 3000px;
        pointer-events: all;
    }

    body .menu .dropdown-menu .dropdown-item-wr,
    body .menu .dropdown-menu .dropdown-inner {
        width: 100%;
    }

    .menu-mob .nav-sub-item .dropdown-menu {
        position: relative;
        opacity: 1;
        z-index: 10;
        box-shadow: none;
    }

    .menu-mob .dropdown-item-text {
        color: #585858;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        border: none;
    }

    .dropdown-item .dropdown-item-text,
    .dropdown-item:not(:first-child) {
        border: none;
    }

    .dropdown-item:focus .dropdown-item-text,
    .dropdown-item:hover .dropdown-item-text {
        border: none;
        color: #585858;
    }

    .menu .nav-mobile .nav-sub-item .nav-item {
        float: left;
        width: 100%;
    }

    .share .a2a_kit a {
        width: 34px;
        height: 34px;
    }

    .gallery .slide-img {
        opacity: 1;
    }

    .gallery .row-list {
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media only screen and (max-width: 639px) {
    .footer .block.clearfix,
    .menu-bottom-wrapper + .block {
        padding-bottom: 0;
    }

    .block-banner .block-title {
        text-align: center;
        opacity: 1;
    }

    .title-rate,
    .convert {
        margin-top: 7px;
    }

    .menu-open .menu-clone.menu-mob {
        width: 100%;
        transform: translate(0, 0);
    }

    .menu-main-link .lang-list {
        width: 80%;
        min-width: 190px;
    }

    .menu-main-link .search {
        background-size: 20px;
    }

    .menu .nav-link,
    .dropdown-item-text {
        font-size: 15px;
    }

    .lang-link,
    .search-input {
        font-size: 13px;
    }

    .lang-link {
        line-height: normal;
    }

    .menu .nav-mobile {
        padding-top: 105px;
    }

    .menu-btn.active span,
    .menu-btn.active span:before,
    .menu-btn.active span:after,
    .popup span,
    .popup span:after,
    .popup span:before {
        width: 22px;
        padding-left: 8px;
    }

    .menu-main-link .lang-list .lang-link:nth-child(2) {
        position: relative;
        top: -5px;
    }

    .article-limit p {
        text-align: left;
    }

    .article-limit .block-title-text {
        text-align: center;
    }

    .step-link:after {
        top: 50%;
        left: 50%;
        margin-left: -10px;
        margin-top: 12px;
        width: 20px;
        transform: rotate(90deg);
    }

    .block-logo {
        margin: 0 auto;
    }

    .panel-list-management .panel:last-child {
        margin-bottom: 0 !important;
    }

    .block-card {
        overflow: hidden;
    }

    .block-card img {
        position: relative;
        right: -14%;
    }

    .block-card-list-left img {
        right: 0;
    }

    .block-card-list-left .inside-limit {
        width: 100%;
    }

    .footer .block-gray {
        display: none;
    }
}

@media only screen and (max-width: 1140px) and (min-width: 992px) {
    .phone-link {
        letter-spacing: -0.9px;
    }
}

@media screen and (max-width: 991px) {
    .menu.light {
        z-index: 10002;
    }
}

@media screen and (max-width: 991px) {
    .grid-list .grid-cell {
        width: 50%;
        float: left;
    }

    .grid-list .grid-cell.width2 {
        width: 100%;
    }

    .grid-list .grid-cell.width2 .grid-item .slick-slider .cell-bottom {
        vertical-align: top;
    }

    .grid-list .grid-cell.width2 .grid-item {
        padding-bottom: 65%;
    }

    .grid-list .grid-cell .grid-item {
        padding-bottom: 100%;
    }

    .grid-list .grid-cell .grid-item .slick-slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .grid-list .grid-cell .grid-item .slick-slider .cell-bottom {
        vertical-align: bottom;
        padding-top: 0 !important;
    }

    .grid-list .grid-cell .grid-item .slick-slider .cell-bottom .item-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .grid-list .grid-cell.width2 {
        position: absolute;
        top: 0;
    }
}

@media screen and (max-width: 991px) and (max-width: 639px) {
    .grid-list .grid-cell.width2 .grid-item {
        padding-bottom: 100%;
    }
}

@media screen and (max-width: 639px) {
    .grid-list .grid-cell {
        width: 100%;
    }

    .grid-list .grid-cell.width2 .grid-item {
        padding-bottom: 100%;
    }

    .grid-list .grid-cell .grid-item {
        padding-bottom: 65%;
    }
}

@media (min-width: 640px) and (max-width: 991px) {
    .wrapper .grid-list {
        padding-top: 65%;
        margin-top: 100px;
    }
}

@media screen and (max-width: 639px) {
    .wrapper .grid-list {
        padding-top: 100%;
        margin-top: 60px;
    }
}

@media (min-width: 640px) and (max-width: 991px) {
    .logo-box {
        z-index: 1000;
    }
}

@media (min-width: 640px) and (max-width: 991px) {
    .header-inner .grid-top:nth-child(3) > div {
        max-width: 365px;
        min-width: 140%;
        z-index: 999;
    }

    .header-inner .grid-top:nth-child(3) > div .contacts {
        position: absolute;
        bottom: 3px;
        right: 0;
        font-size: 13px;
    }

    .header-inner .grid-top:nth-child(3) > div .phone-info {
        margin-bottom: 0 !important;
    }

    .header-inner .grid-top:nth-child(3) > div .phone {
        padding-bottom: 8px;
    }
}

@media screen and (max-width: 991px) {
    .internet-banking {
        text-align: center;
    }

    .internet-banking > div {
        display: inline-block;
    }

    .phone-block > div {
        padding-left: 0 !important;
    }

    .banking {
        margin-top: 29px !important;
    }
}

@media screen and (max-width: 770px) {
    .search-wr {
        display: none;
    }
}

.slide .fr-tmp.fr-em,
.slide .fr-tmp.fr-sm {
    display: none;
}

@media screen and (max-width: 991px) {
    .lang div a {
        display: none;
    }

    .menu-clone.menu-mob .lang-list a {
        display: block;
        float: left !important;
        margin-right: 35px !important;
    }

    .menu-clone.menu-mob .lang-list a:nth-child(2) {
        display: none;
    }
}

.block-title-inner {
    text-align: left;
}

.has-image-logo .block-title-inner {
    margin-top: -5.5%;
}

.banner-img-logo {
    position: absolute;
    bottom: 15%;
}

.banner-img-logo img {
    width: auto;
}

@media only screen and (max-width: 639px) {
    .has-image-logo .block-title-inner {
        margin-top: 0;
    }

    .banner-img-logo {
        position: relative;
        text-align: left;
        left: 0;
        margin-top: 10px;
    }

    .banner-img-logo img {
        width: 30%;
        min-width: 126px;
    }
}

@media only screen and (max-height: 700px) {
    .grid-item .slide .cell-bottom {
        padding-bottom: 0;
    }

    .grid-item {
        padding-bottom: 0;
    }

    .grid-item .item-title {
        font-size: 20px;
        line-height: 1;
    }

    .grid-item2x2 .item-title,
    .width2 .item-title,
    .width3 .item-title,
    .width4 .item-title {
        font-size: 26px;
        line-height: 1.1;
    }

    .grid-item .slide-inner {
        padding-bottom: 10px !important;
    }
}

.phone-mob-menu {
    padding: 10px 40px;
}

@media screen and (max-width: 639px) {
    .phone-mob-menu {
        padding: 10px 20px;
    }
}

.phone-mob-menu__number {
    font-size: 22px;
    color: black;
}

.phone-mob-menu__description {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
}

.banking-mob-menu {
    padding: 10px 40px;
}

@media screen and (max-width: 639px) {
    .banking-mob-menu {
        padding: 10px 20px;
    }
}

.banking-mob-menu__link {
    color: #0d3d93;
    padding-left: 27px;
    background: url(/themes/universalbank/assets/img/icon-globe.svg) no-repeat 0
        center;
    font-size: 13px;
    display: inline-block;
}

.banking-mob-menu__link:hover {
    color: #0d3d93;
}

.search-form-mobile {
    padding-top: 34px !important;
}

@media screen and (max-width: 639px) {
    .search-form-mobile {
        padding-top: 11px !important;
    }
}

.search-form-mobile form {
    position: relative;
}

.search-form-mobile__button {
    border: none;
    position: absolute;
    background-color: transparent;
    width: 24px;
    height: 24px;
    top: 7px;
    left: 0;
    background: url(/themes/universalbank/assets/img/icon-search.svg) no-repeat;
    background-size: 24px;
    border: none;
}

.search-form-mobile__input-search {
    width: 300px;
    display: block;
    box-sizing: border-box;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
}

.btn-form-to-show {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    transition: background-color 0.2s ease-in-out !important;
    color: white !important;
    text-decoration: none !important;
    top: 0 !important;
    min-width: 250px;
    background: #069e2d;
}

.btn-form-to-show:hover {
    background: #33af53;
    border-radius: 50px;
}

.list-link.hide-block.open button.btn[type="submit"] {
    background: #7990a4 !important;
    background-color: #7990a4 !important;
}

.list-link.hide-block.open button.btn[type="submit"]:hover {
    background: #33af53 !important;
    background-color: #33af53 !important;
}

.list-link.hide-block.open button.btn[type="submit"].lottery-gift-button,
.lottery-gift-button {
    background-color: #069e2d !important;
    background: #069e2d !important;
    overflow: hidden;
    padding-right: 90px !important;
    position: relative;
    padding-left: 30px !important;
    line-height: 1 !important;
}

@media only screen and (max-width: 639px) {
    .list-link.hide-block.open button.btn[type="submit"].lottery-gift-button,
    .lottery-gift-button {
        font-size: 15px !important;
        line-height: 1 !important;
    }
}

.lottery-gift-button:before {
    background: url(../img/lottery/green-button-gift.svg);
    position: absolute;
    top: 4px;
    right: 4px;
    width: 67px;
    height: 56px;
    content: "";
}

.block-form-to-show .border-line.open {
    color: white;
    text-decoration: none;
}

body .not-found {
    background: #5c7ec6;
}

body .not-found__wrap {
    text-align: center;
}

body .not-found__404 {
    color: white;
    font-size: 145px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    text-shadow: 0px 21px 25px #4f6ca9;
}

body .not-found__description {
    color: white;
    font-size: 35px;
    opacity: 0.8;
    font-weight: 300;
    line-height: 1.14;
    display: inline-block;
    margin-top: 25px;
}

body .not-found__text {
    color: #dfe7f3;
    font-size: 24px;
    line-height: normal;
    margin-top: 25px;
    display: block;
}

body .not-found__link {
    color: #112f83;
}

body .not-found__button {
    color: white;
    font-size: 20px;
    background-color: #2e4478;
    border-radius: 40px;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-right: 50px !important;
    padding-left: 50px !important;
    margin-top: 30px;
    display: inline-block;
}

body .thanks-mess {
    background: #5c7ec6;
}

body .thanks-mess__wrap {
    text-align: center;
}

body .thanks-mess__description {
    color: white;
    font-size: 25px;
    opacity: 0.8;
    font-weight: 300;
    line-height: 1.2;
    display: inline-block;
    margin-top: 25px;
}

body .thanks-mess__button {
    color: white;
    font-size: 20px;
    background-color: #2e4478;
    border-radius: 40px;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-right: 50px !important;
    padding-left: 50px !important;
    margin-top: 30px;
    display: inline-block;
}

body .thanks-mess__small {
    font-size: 20px;
    color: white;
}

.show-block__button {
    border-bottom: 1px dotted #a6a6a6;
    display: inline !important;
    line-height: 1.4 !important;
    cursor: pointer;
    margin-bottom: 0 !important;
}

.show-block__text {
    margin-top: 15px;
    display: none;
    font-size: 14px !important;
    overflow-x: auto;
}

.show-block__text.show {
    display: block;
}

.show-block__text p {
    font-size: 14px !important;
    margin-bottom: 13px !important;
}

@media screen and (max-width: 639px) {
    .ub-faq {
        text-align: left !important;
    }

    .ub-faq .inside-limit {
        text-align: left;
    }

    .ub-faq .ub-faq__base {
        bottom: 9px;
    }
}

.ub-faq a {
    color: #123e8d;
    border-bottom: 1px solid rgba(13, 61, 147, 0.5);
    transition: all 0.2s ease-in-out, border 0.2s ease-in-out;
}

.ub-faq a:hover {
    border-bottom: 1px solid rgba(13, 61, 147, 0);
}

.ub-faq .inside-limit:after {
    content: "";
    display: table;
    clear: both;
}

.ub-faq__base {
    position: absolute;
    bottom: 14px;
    left: 100%;
    margin-left: 3px;
    color: #e60003 !important;
    font-size: 9px !important;
    text-decoration: none;
}

.ub-faq__section-wrap {
    padding: 10px 0;
    float: left;
    width: 100%;
}

.ub-faq__question-title {
    cursor: pointer;
    border-bottom: 1px dotted #a7a7a7;
    display: inline;
    position: relative;
    font-weight: bold;
    opacity: 0.8;
    font-size: 17px !important;
    line-height: 1.76;
}

.ub-faq__section-title {
    color: #343434;
    border-bottom: 1px dotted #a7a7a7;
    cursor: pointer;
    font-weight: bold;
}

.ub-faq__question-answer {
    color: black;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 16px;
    color: #7a7a7a !important;
    font-size: 17px !important;
    line-height: 1.76;
}

.ub-faq__question-wrap {
    width: 100%;
    padding-left: 23px;
    padding-right: 25px;
    box-sizing: border-box;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ub-faq__question-wrap:first-of-type {
    padding-top: 24px;
}

.ub-faq__question-wrap,
.ub-faq__question-answer {
    display: none;
}

.ub-faq__section-wrap.faq--active .ub-faq__question-wrap,
.ub-faq__question-answer.faq--active {
    display: block;
}

div.block-list div.inside-limit ul li {
    margin-top: 30px;
    padding-left: 40px;
}

@media only screen and (max-width: 639px) {
    div.block-list div.inside-limit ul li {
        margin-top: 20px;
        padding-top: 20px;
        padding-left: 0;
    }
}

div.block-list div.inside-limit ul li:first-child {
    margin-top: 30px !important;
}

div.block-list div.inside-limit ul li:after {
    display: block;
}

div.block-list div.inside-limit ul li:before {
    display: block;
}

@media only screen and (max-width: 639px) {
    div.block-list div.inside-limit ul li:before {
        top: 0;
        left: 50%;
        margin-left: -10px;
        background-position: center center;
    }
}

div.block-ol div.inside-limit li {
    padding-left: 20px;
    list-style: decimal;
    margin-top: 30px;
}

.map-page .footer {
    height: auto;
    margin-top: 0;
    padding-top: 0;
}

div.footer--map .block:nth-child(2) div.inside-limit {
    padding-bottom: 95px !important;
}

@media screen and (max-width: 991px) {
    div.footer--map .block:nth-child(2) div.inside-limit {
        padding-bottom: 127px !important;
    }
}

@media screen and (max-width: 640px) {
    div.footer--map .block:nth-child(2) div.inside-limit {
        padding-bottom: 40px !important;
    }
}

.map-text-block {
    margin-top: -70px;
}

.panel-img__sold {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 120px;
    left: 18px;
    background-color: #f8111e !important;
}

.panel-img__single-sold {
    background-color: #f8111e !important;
    color: white !important;
}

/*--for IE8--*/
.slide {
    display: none;
}

.slide:first-child,
.slick-slide {
    display: block;
}

.grid-list .slide {
    height: 100%;
}

.inside-limit .cell-link-inner .panel-info {
    background-color: #fff;
}

@media screen and (max-width: 375px) {
    .block-card-list.block-card-list-left a.block div.table {
        min-height: 164px;
    }
}

span.logos-pay {
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    opacity: 0.5;
    font-size: 11px;
    line-height: normal;
    transition: opacity 0.2s ease-in-out;
}

span.logos-pay span {
    font-size: inherit;
    display: inline-block;
    position: relative;
}

span.logos-pay span:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}

a.logos-pay__link {
    position: relative;
    margin-top: 22px;
}

.logos-pay__link:hover span.logos-pay {
    opacity: 1;
}

@media screen and (min-width: 992px) {
    h3.h3-width-icon,
    .h3-title.h3-width-icon,
    .modal-title.h3-width-icon {
        margin-bottom: -70px;
        margin-top: 0;
        position: relative;
        top: 25px;
    }
}

@media screen and (max-width: 991px) {
    h3.h3-width-icon,
    .h3-title.h3-width-icon,
    .modal-title.h3-width-icon {
        margin-bottom: -33px;
    }
}

.icon-block {
    text-align: center;
}

.icon-block__wrap {
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

.icon-block__table {
    display: table;
    height: 100%;
    width: 100%;
}

.icon-block__table--min-height {
    min-height: 120px;
}

.icon-block__cell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: right;
}

.icon-block__img {
    position: absolute;
    left: 0;
    width: 135px;
    top: 0;
    bottom: 0;
}

.icon-block h3,
.icon-block .h3-title,
.icon-block .modal-title {
    padding-left: 150px;
    text-align: left;
    max-width: 600px;
}

.list-one .point-img {
    font-size: 15px;
    line-height: 1.86;
}

.list-one .point-img td {
    background-color: white;
}

.list-one .point-img .show-block__button {
    font-size: 15px !important;
    line-height: 1.86 !important;
}

.list-one .point-img .show-block__text {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 0;
    font-size: 15px !important;
    line-height: 1.86 !important;
}

.list-one .point-img .show-block__text li {
    font-size: 15px !important;
    line-height: 1.86 !important;
}

.list-one .point-img .show-block__text p {
    font-size: 15px !important;
    line-height: 1.86 !important;
    margin: 0 !important;
}

.list-one .point-img .block-list-title {
    padding-bottom: 10px;
}

.block-for-id {
    position: absolute;
    top: -80px;
    border: 1px solid red;
}

.block--relative {
    position: relative;
}

@media screen and (max-width: 320px) {
    .width2 .item-info.limit-content {
        width: 50%;
    }

    .grid .item-title {
        font-size: 27px !important;
        width: 50% !important;
    }
}

.class-id {
    position: relative;
}

.class-id__id {
    position: absolute;
    top: -80px;
}

span.table-nowrap {
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
    color: #545454;
}

.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: hidden;
}

.list-link {
    margin-bottom: 20px;
}

.button-form-left,
.button-form {
    padding: 0;
}

.flex-row .hide-list {
    left: 50%;
    margin-bottom: 50px;
}

.flex-row .hide-right {
    left: -50%;
}

.button-form-left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 40px;
}

.button-form {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 40px;
}

@media screen and (max-width: 1080px) {
    .flex-row .hide-list {
        width: 800px;
    }
}

@media screen and (max-width: 870px) {
    .flex-row .hide-list {
        width: 600px;
    }

    .flex-row .btn-form-to-show {
        min-width: 205px;
    }
}

@media screen and (max-width: 639px) {
    .flex-row .hide-list {
        width: 330px;
    }

    .flex-row .p-x-5 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .flex-row .btn {
        font-size: 15px;
    }

    .flex-row .btn-form-to-show {
        min-width: 155px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .button-form {
        padding-left: 15px;
    }

    .button-form-left {
        padding-right: 15px;
    }
}

@media screen and (max-width: 320px) {
    .flex-row .hide-list {
        width: 300px;
    }

    .flex-row .btn-form-to-show {
        min-width: 125px;
    }
}

a.text-center {
    text-align: center;
}

a.text-center .item-title {
    max-width: 100% !important;
    width: 100%;
}

a.text-center .item-info {
    max-width: 100% !important;
    width: 100%;
    opacity: 0.8;
    font-size: 28px;
}

@media screen and (max-width: 1300px) {
    a.text-center .item-info {
        font-size: 26px;
    }
}

@media screen and (max-height: 700px) {
    a.text-center .item-info {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    a.text-center .item-info {
        opacity: 0.7;
        font-size: 20px;
    }
}

@media screen and (max-width: 450px) {
    a.text-center .item-title {
        font-size: 24px !important;
    }

    a.text-center .item-info {
        opacity: 0.7;
        font-size: 18px;
    }
}

@media screen and (max-width: 320px) {
    a.text-center .item-title {
        font-size: 20px !important;
        width: 100% !important;
    }

    a.text-center .item-info {
        opacity: 0.7;
        font-size: 16px;
        width: 100% !important;
    }
}

/*.block-deposit-calculator { background: url(../img/calculator-bg-desktop.png); background-position: top left; background-repeat: no-repeat !important; background-size: cover !important; }*/
.block-deposit-calculator-inner {
    margin-left: auto;
    margin-right: auto;
}

.block-deposit-calculator .calculator-title {
    font-size: 35px;
    font-weight: 300;
    letter-spacing: -0.5px;
    text-align: center;
    color: #656668;
    padding-top: 49px;
}

/* .block-deposit-calculator .calculator-container.inside-limit,
.block-deposit-calculator .calculator-container {
    padding: 30px 0 45px;
    width: 100%;
    max-width: 834px;
    margin-bottom: 0;
} */
.block-deposit-calculator .calculator-container {
    margin-top: 30px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (min-width: 1440px) {
    .block-deposit-calculator .calculator-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.block-deposit-calculator .col {
    /* width: calc(50% - 28px); */
    width: 50%;
}
.block-deposit-calculator .col.left-column {
    padding-top: 36px;
    max-width: 620px;
}
.block-deposit-calculator .col.right-column {
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-width: 675px;
}

.block-deposit-calculator .deposit-value-triggers {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block-deposit-calculator .controls-group {
    display: grid;
    grid-gap: 18px;
    width: 100%;
}
.block-deposit-calculator .controls-group.two-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.block-deposit-calculator .controls-group.three-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.block-deposit-calculator .controls-group.six-items {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.block-deposit-calculator .deposit-parameter-container {
    /* width: calc(50% - 22px); */
    width: calc(50% - 18px);
}
.block-deposit-calculator .deposit-parameter-container.wide {
    width: 100%;
}
.block-deposit-calculator .deposit-parameter-container.deposit-replenishment ~ .deposit-amount-container:not(:last-child),
.block-deposit-calculator .deposit-parameter-container.deposit-not-possibility-replenishment ~ .deposit-amount-container:not(:last-child) {
    margin-bottom: 0;
}
.block-deposit-calculator .deposit-parameter-container.deposit-replenishment ~ .deposit-period-container,
.block-deposit-calculator .deposit-parameter-container.deposit-not-possibility-replenishment ~ .deposit-period-container {
    margin-top: -40px;
}
.block-deposit-calculator .input-label {
    margin-bottom: 0;
}
.block-deposit-calculator .input-custom {
    height: 55px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #36558f;
    border-radius: 30px;
    font-size: 18px;
    /* line-height: 53px; */
    color: #36558F;
    text-align: center;
    padding: 0 5px;
    cursor: pointer;
    user-select: none;
}
.block-deposit-calculator input:checked + .input-custom {
    background-color: #2AB7CA;
    border-color: #2AB7CA;
    color: #fff;
    cursor: default;
}
.block-deposit-calculator input[disabled] + .input-custom {
    cursor: default;
    opacity: .3;
}

.block-deposit-calculator .currency-group .input-custom,
.block-deposit-calculator .deposit-break-group .input-custom,
.block-deposit-calculator .deposit-period-container .input-custom {
    border-radius: 20px;
}
.block-deposit-calculator .currency-group svg {
    height: 22px;
    max-width: 20px;
    flex-shrink: 0;
    margin-right: 6px;
}

.block-deposit-calculator .currency-group:not(:last-child),
.block-deposit-calculator .deposit-parameter-container:not(:last-child) {
    margin-bottom: 36px;
}
.block-deposit-calculator .deposit-parameter-container.interest-payment-container:not(:last-child) {
    margin-bottom: 0;
}

.block-deposit-calculator .deposit-currency-container .currency-group:not(:last-child) {
    margin-bottom: 0;
}
.block-deposit-calculator .deposit-currency-container .deposit-break-group {
    margin-top: 36px;
}
.block-deposit-calculator .deposit-currency-container .deposit-break-group[style="display: none"] {
    margin-top: 0;
}

.block-deposit-calculator .deposit-parameter-container label {
    display: block !important;
}

.block-deposit-calculator .label-title {
    font-size: 23px;
    line-height: 28px;
    color: #444;
    margin-bottom: 10px;
}

.block-deposit-calculator .radio-inputs-container {
    display: inline-flex;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
}

.block-deposit-calculator .radio-inputs-container label {
    margin: 0;
}

.block-deposit-calculator .radio-default {
    display: none;
}

.block-deposit-calculator .radio-default + label {
    display: block;
}

.block-deposit-calculator .radio-custom {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    color: #33599b;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 18px;
    border-radius: 2px;
    outline: none;
}

.block-deposit-calculator .radio-default:disabled + .radio-custom {
    color: #bfbfbf;
}

.block-deposit-calculator .radio-default:checked + .radio-custom {
    color: #fff;
    background: #33599b;
    border: 1px solid #46494c;
    font-weight: 700;
}

.block-deposit-calculator .currency-container .radio-custom {
    padding-left: 20.7px;
    padding-right: 20.7px;
    text-transform: uppercase;
}

.block-deposit-calculator .interest-payment-container .radio-inputs-container {
    width: 100%;
}

.block-deposit-calculator .interest-payment-container .percents-mountly {
    width: 137px;
}

.block-deposit-calculator .interest-payment-container .percents-final {
    width: 210px;
}

.block-deposit-calculator .deposit-perion-container .radio-inputs-container {
    width: 100%;
}

.block-deposit-calculator .deposit-perion-container .deposit-perion-value {
    flex-grow: 1;
}

.block-deposit-calculator input[type="text"].selected-deposit-value {
    width: 100%;
    height: 55px;
    border-radius: 30px;
    padding: 0 25px !important;
    font-size: 28px;
    font-weight: 300;
    color: #343434;
    background-color: #fff;
    border: 1px solid #36558F;
    /* box-shadow: 1px 3px 15px 0 rgba(0, 0, 0, 0.15); */
}

.block-deposit-calculator .input-descr {
    font-size: 11px;
    color: #777;
}

.irs {
    left: 1px;
}

.irs-slider {
    width: 23px;
    height: 23px;
    background-color: #2ab7ca;
    top: -11px;
}

.irs-slider.single {
    border-radius: 50%;
}

.irs-bar {
    background-color: #2ab7ca;
    height: 2px;
    top: 0;
    left: 0 !important;
    border-radius: 0;
}

.irs-line {
    height: 2px;
    top: 0;
    left: -2px;
    border-radius: 0;
    background: #cdd2e2;
}

.irs-min,
.irs-max,
.irs-single {
    display: none !important;
}

.block-deposit-calculator .selected-deposit-title {
    font-size: 18px;
    margin-top: 20px;
    line-height: 24px;
}

.block-deposit-calculator .selected-deposit-profit {
    width: 50%;
    text-align: left !important;
    font-size: 18px;
    line-height: 22px;
    width: calc(50% - 20px);
    align-self: stretch;
    display: flex;
    flex-direction: column;
}
.block-deposit-calculator .calculator-container .selected-deposit-profit .div-table {
    height: initial !important;
    margin-bottom: auto;
}
.block-deposit-calculator .calculator-container .selected-deposit-profit .div-table .tablecell {
    margin-bottom: auto;
}

.block-deposit-calculator .profit-title {
    font-size: 18px;
    /* line-height: 21px; */
    line-height: 22px;
    font-weight: 300;
}

.block-deposit-calculator .download-info-link {
    /* margin-top: 10px; */
    margin-top: 25px;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 22px;
    color: #0D3D93;
    text-decoration: none;
    margin-bottom: auto;
}
.block-deposit-calculator .download-info-link span {
    font-weight: 700;
    font-size: 21px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(13, 61, 147, 0.1);
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 12px;
    color: inherit;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .profit-title {
    color: #fff;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .profit-title {
    color: #354245;
}

.block-deposit-calculator .profit-value {
    font-size: 40px;
    /* line-height: 28px; */
    line-height: 1.1;
    color: #c0c6d7;
    font-weight: 300;
    margin-top: 10px;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .profit-number,
.block-deposit-calculator .block-selected-deposit-inner.grey .profit-preffix {
    color: #949d9f;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .profit-number,
.block-deposit-calculator .block-selected-deposit-inner.blue .profit-preffix {
    color: #c0c6d7;
}

.block-deposit-calculator .profit-tax {
    line-height: 21px;
    margin-top: 20px;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .profit-tax {
    color: #fff;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .profit-tax {
    color: #354245;
}

.block-deposit-calculator .profit-tax .text {
    font-size: 18px;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .profit-tax .text {
    color: #fff;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .profit-tax .text {
    color: #354245;
}

.block-deposit-calculator .tax-number {
    /* font-size: 15px; */
    font-size: 18px;
    font-weight: 300;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .tax-number {
    color: #c0c6d7;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .tax-number {
    color: #949d9f;
}

.block-deposit-calculator .normal-number,
.block-deposit-calculator .tax-preffix {
    /* font-size: 15px; */
    font-size: 18px;
    font-weight: 300;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .normal-number,
.block-deposit-calculator .block-selected-deposit-inner.blue .tax-preffix {
    color: #c0c6d7;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .normal-number,
.block-deposit-calculator .block-selected-deposit-inner.grey .tax-preffix {
    color: #949d9f;
}

.block-deposit-calculator .feature-icon-item {
    margin-bottom: 30px;
}

.block-deposit-calculator .calculator-container .currency-container .nice-select .list {
    width: 100% !important;
    border: 0;
}

.block-deposit-calculator .calculator-container .deposit-perion-container .nice-select,
.block-deposit-calculator .calculator-container .interest-payment-container .nice-select {
    cursor: pointer;
}

.block-deposit-calculator .calculator-container .currency-container .nice-select .list li {
    height: 55px;
    border-radius: 3px;
    background: #fff;
    width: calc((100% - 42px) / 3);
    color: #36558f;
    text-transform: uppercase;
    font-size: 16px;
    box-shadow: 1px 3px 15px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.block-deposit-calculator .calculator-container .currency-container .nice-select .list li:before {
    display: block;
    content: "";
    margin-right: 10px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    border-radius: 0;
    position: static;
}

.block-deposit-calculator .calculator-container .currency-container .nice-select .list li:not(:last-child) {
    margin-right: 21px;
}

.block-deposit-calculator .calculator-container .currency-container .nice-select .list li.selected {
    background-color: #2ab7ca;
    color: #fff;
    box-shadow: none;
    border: 0;
}

.block-deposit-calculator .calculator-container .currency-container .nice-select .list li[data-value="uah"]:before {
    background-image: url(../img/uah.png);
    width: 21px;
}

.block-deposit-calculator .calculator-container .currency-container .nice-select .list li[data-value="usd"]:before {
    background-image: url(../img/usd.png);
    width: 21px;
}

.block-deposit-calculator .calculator-container .currency-container .nice-select .list li[data-value="eur"]:before {
    background-image: url(../img/eur.png);
    width: 23px;
}

.block-deposit-calculator .block-selected-deposit-inner {
    /* padding: 34px 42px 100px; */
    padding: 34px 36px 20px;
    flex-grow: 1;
}

.block-deposit-calculator .block-selected-deposit-inner.blue {
    background: #14296e;
}

.block-deposit-calculator .block-selected-deposit-inner.grey {
    /* background: #e0e8e9; */
    background: #ECF0F1 !important;
}

.block-deposit-calculator .proposed-deposit-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* max-width: 834px; */
}

.block-deposit-calculator .proposed-deposit-container .selected-deposit-info-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.block-deposit-calculator .proposed-deposit-container .proposed-deposit-img {
    max-width: 40%;
    width: 100%;
}

.block-deposit-calculator .deposit-parameters-column {
    width: calc(50% + 20px);
    padding-right: 40px;
    position: relative;
}



.block-deposit-calculator .deposit-parameters-column::after {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 22px;
    width: 1px;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .deposit-parameters-column:after {
    background: #c0c6d7;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .deposit-parameters-column:after {
    background: #14296e;
}

.block-deposit-calculator .block-selected-deposit-inner:nth-child(2) .deposit-parameter:first-child,
.block-deposit-calculator .block-selected-deposit-inner:nth-child(3) .deposit-parameter:first-child {
    display: none;
}

.block-selected-deposit-inner.blue .deposit-parameters-column {
    color: #fff;
}

.block-selected-deposit-inner.grey .deposit-parameters-column {
    color: #354245;
}

.block-deposit-calculator .deposit-parameters-column .left-info {
    font-size: 17px;
    line-height: 21px;
}
.block-deposit-calculator .deposit-parameters-column span.title {
    font-size: 18px;
    line-height: 22px;
    display: block;
    margin-bottom: 8px;
    color: #354245;
}
.block-deposit-calculator .deposit-parameters-column span.line {
    width: 100%;
    height: initial;
    background: initial;
    display: block;
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.block-deposit-calculator .deposit-parameters-column span.line + br {
    display: none;
}
.block-deposit-calculator .deposit-parameters-column span.line + br + .line {
    margin-top: 12px;
}
.block-deposit-calculator .deposit-parameters-column span.title + br {
    display: none;
}
.block-deposit-calculator .deposit-parameters-column span.percent {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}
.block-deposit-calculator .deposit-parameters-column span.percent:first-child {
    margin-left: -4px;
}

.block-deposit-calculator .selected-deposit-name {
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 20px;
    width: 100%;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .selected-deposit-name {
    color: #fff;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .selected-deposit-name {
    color: #14296e;
}

.block-deposit-calculator .deposit-parameter-annotations {
    /* margin-top: 40px; */
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
}
.block-deposit-calculator .deposit-parameter-annotations div:not(:last-child) {
    margin-bottom: 16px;
}

.block-deposit-calculator .deposit-percent-value {
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 10px;
    font-weight: 300;
}

.block-deposit-calculator
    .block-selected-deposit-inner.blue
    .calculator-left-infobar
    .deposit-percent-value {
    font-size: 18px;
    line-height: 21px;
}

.block-deposit-calculator
    .block-selected-deposit-inner.blue
    .calculator-left-infobar
    strong {
    color: #fff;
}

.block-deposit-calculator
    .block-selected-deposit-inner.blue
    .calculator-left-infobar
    br
    + strong {
    margin-top: 5px;
    display: block;
}

.block-deposit-calculator .block-selected-deposit-inner.blue .deposit-percent-value,
.block-deposit-calculator .block-selected-deposit-inner.blue .deposit-parameter-value span {
    color: #c0c6d7;
}

.block-deposit-calculator .block-selected-deposit-inner.grey .deposit-percent-value,
.block-deposit-calculator .block-selected-deposit-inner.grey .deposit-parameter-value span {
    color: #949d9f;
}
.block-deposit-calculator .block-selected-deposit-inner.grey .deposit-parameter-value span.title {
    color: #354245;
}
.block-deposit-calculator .block-selected-deposit-inner.grey .deposit-parameter-value span.rate_percent:empty {
    display: none;
}

.block-deposit-calculator .deposit-additional-info {
    background: #ebedf5;
    padding: 16px 30px;
}

.block-deposit-calculator .deposit-additional-info p {
    font-size: 13px;
    line-height: 15px;
    color: #a4b0bb;
}

.block-deposit-calculator .deposit-additional-info p:not(:last-child) {
    margin-bottom: 10px;
}

.block-deposit-calculator .deposit-details-button {
    /* margin-top: 30px; */
    margin-top: 10px;
    text-decoration: underline;
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
    color: #2ab7ca;
    display: inline-block;
}

.block-deposit-calculator .deposit-order-button {
    margin-top: 32px;
    width: 100%;
    height: 55px;
    max-width: 250px;
    background-color: #0D3D93;
    border: 1px solid #0d3c93;
    font-weight: 300;
    font-size: 18px;
    line-height: 53px;
    color: #fff;
    transition: 0.5s;
    border-radius: 30px;
}

.block-deposit-calculator .deposit-order-button:hover {
    background-color: #2ab7ca;
    border-color: #2ab7ca;
}

.block-deposit-calculator #calculatorForYouForm {
    background: #ebedf5;
}
.block-deposit-calculator #calculatorForYouForm .col-lg-9 {
    width: 100%;
}
.block-deposit-calculator #calculatorForYouForm .col-sm-8 {
    width: 83.33333%;
}
.block-deposit-calculator #calculatorForYouForm .col-sm-4 {
    width: 41.66667%;
}
.block-deposit-calculator #calculatorForYouForm .col-sm-offset-2 {
    margin-left: 8.33333%;
}
.block-deposit-calculator #calculatorForYouForm input[type="text"],
.block-deposit-calculator #calculatorForYouForm input[type="email"],
.block-deposit-calculator #calculatorForYouForm input[type="phone"],
.block-deposit-calculator #calculatorForYouForm input[type="text-muted"] {
    background-color: transparent;
}
@media screen and (max-width: 639px) {
    .block-deposit-calculator #calculatorForYouForm .col-sm-8 {
        width: 100%;
    }
    .block-deposit-calculator #calculatorForYouForm .col-sm-4 {
        width: 100%;
    }
    .block-deposit-calculator #calculatorForYouForm .col-sm-offset-2 {
        margin-left: 0;
    }
    .block-deposit-calculator #calculatorForYouForm .input-item + .input-item {
        margin-top: 20px;
    }
}

.block-icons-two-columns {
    padding: 70px 0;
}
.block-icons-two-columns .block-subtitle {
    font-size: 28px;
    line-height: 34px;
    text-align: left;
    color: #656668;
    font-weight: 300;
}
.block-icons-two-columns .block-title {
    font-size: 35px;
    line-height: 43px;
    color: #656668;
    text-align: center;
}
.block-icons-two-columns .icons {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 56px;
    grid-row-gap: 28px;
}
.block-icons-two-columns .icon-item {
    display: flex;
    align-items: flex-start;
}

.block-icons-two-columns .icon {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.block-icons-two-columns .grey-icons .icon {
    background: rgba(13, 61, 147, 0.1);
}
.block-icons-two-columns .icon svg {
    max-width: 36px;
    /* height: 32px; */
    height: 28px;
}
.block-icons-two-columns .info {
    padding-left: 32px;
    align-self: stretch;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    max-width: 460px;
    text-align: left;
}
.block-icons-two-columns .icon-title {
    display: flex;
    align-items: center;
    min-height: 66px;
}
.block-icons-two-columns .icon-descr {
    margin-top: 10px;
    font-size: 16px;
    line-height: 2;
    opacity: .5;
}

.block-details-three-columns {
    background-color: #ECF0F1;
}

.block-details-three-columns .details-selectors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.block-details-three-columns .column-group {
    padding-top: 56px;
    padding-bottom: 56px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-row: 1;
    padding-left: 30px;
    padding-right: 30px;
}
.block-details-three-columns .column-group.open {
    background-color: #DEE9EC;
    /* padding-left: 64px; */
    /* padding-right: 64px; */
}
.block-details-three-columns .column-group-title {
    font-size: 35px;
    line-height: 43px;
    color: #656668;
    /* text-align: center; */
    min-height: 86px;
    font-weight: 300;
}
.block-details-three-columns .column-group-link {
    margin-top: 22px;
    display: flex;
    align-items: center;
    /* font-size: 18px; */
    /* line-height: 22px; */
    /* color: #36558F; */
    cursor: pointer;
}
.block-details-three-columns .column-group-link .icon {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-details-three-columns .column-group-link .icon svg {
    max-width: 32px;
    height: 32px;
}

.block-details-three-columns .column-group-link .text {
    font-weight: 300;
    /* font-weight: bold; */
    font-size: 17px;
    line-height: 1.76;
    color: #000;
}
.block-details-three-columns .column-group-link .text svg {
    display: inline-block;
    width: 31px;
    height: 14px;
    vertical-align: middle;
    margin-left: 4px;
}
.block-details-three-columns .column-group-link .text svg path {
    stroke: #000;
}
/* .block-details-three-columns .details-tabs {
    background-color: #DEE9EC;
} */
.block-details-three-columns .details-tab {
    display: none;
    /* padding: 55px 0; */
    padding: 55px 20px;
    flex-direction: column;
    align-items: flex-start;
    /* font-size: 20px; */
    /* line-height: 1.2; */
    background-color: #DEE9EC;
    grid-column: span 3;
    grid-row: 2;
}
.block-details-three-columns .column-group.open + .details-tab {
    display: flex;
}
/* .block-details-three-columns .details-tab ul,
.block-details-three-columns .details-tab ol {
    list-style: none;
    max-width: 850px;
    counter-reset: step-item;
    margin-bottom: 0;
} */
.block-details-three-columns .details-tab h2,
.block-details-three-columns .details-tab h3 {
    align-self: center;
}
/* .block-details-three-columns .details-tab li {
    margin-top: 0;
    counter-increment: step-item;
    position: relative;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
} */
.block-details-three-columns .details-tab ul li:before {
    /* display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 9px;
    height: 9px; */
    background-color: #36558F;
    /* border-radius: 50%; */
}
/* .block-details-three-columns .details-tab li:not(:last-child) {
    margin-bottom: 24px;
}
.block-details-three-columns .details-tab li::before {
    top: 8px;
}
.block-details-three-columns .details-tab li span {
    display: block;
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 5px;
    color: #656668;
} */
.block-details-three-columns .details-tab-hider {
    margin-top: 36px;
    font-size: 18px;
    line-height: 22px;
    color: #36558F;
    border: 0;
    background-color: transparent;
    padding: 0;
    align-self: center;
}

.manager-article .manager-position {
    color: #000;
    font-size: 20px;
    text-align: center;
}

.manager-article .manager-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.manager-article .manager-photo img {
    max-width: 500px;
    width: 100%;
}

.manager-article .manager-about {
    margin-top: 50px;
}

.header-links-container-inner {
    display: flex;
}

.carreer-vacancy-link {
    display: block;
    color: #0d3d93;
    padding-left: 25px;
    font-size: 13px;
    text-align: left;
    background: url(/themes/universalbank/assets/img/icon-carreer.png) no-repeat
        center left;
    margin-left: 60px;
    background-position-y: 3px;
    background-size: auto 15px;
}

.article-status-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #7a7a7a;
    font-size: 17px;
    line-height: 28px;
    padding: 11px 15px;
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
    min-height: 64px;
}

.article-status-block .block_share_post {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.article-status-block .block_share_post a {
    /*margin-left: 10px;*/
    width: 33px;
    height: 33px;
    border-radius: 50%;
    padding: 0;
    min-width: initial;
    background-position: center center;
}

.article-status-block .article-date {
    font-size: 14px;
    color: #a3a3a3;
}

.landing18-header .l-logo-wrap.c-land-content {
    font-size: 0;
    padding-top: 15px;
}

h1.title {
    color: #373a3c;
}

.deposit-grown-triggers .currency-container,
.deposit-grown-triggers .interest-payment-container,
.deposit-grown-triggers .deposit-period-container,
.deposit-grown-triggers .deposit-type-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.deposit-grown-triggers .currency-container .label-title,
.deposit-grown-triggers .interest-payment-container .label-title,
.deposit-grown-triggers .deposit-period-container .label-title,
.deposit-grown-triggers .deposit-type-container .label-title {
    margin-bottom: 0;
    margin-right: 15px;
}

.deposit-grown-triggers .label-value {
    color: #0f479c;
    font-size: 20px;
    font-weight: 400;
}

.deposit-grown-triggers .selectbox,
.deposit-grown-triggers select {
    display: none;
}

.landing .c-land-block--header h3,
.landing .c-land-block--header.landing-lottery-header h3,
.landing .c-land-block--header h1,
.landing .c-land-block--header.landing-lottery-header h1 {
    font-size: 53px;
    font-weight: 700;
    padding-left: 0;
    max-width: 100%;
}

@media screen and (max-width: 639px) {
    .landing .c-land-block--header h3,
    .landing .c-land-block--header.landing-lottery-header h3,
    .landing .c-land-block--header h1,
    .landing .c-land-block--header.landing-lottery-header h1 {
        font-size: 42px;
    }
}

.lottery-landing-form .block-title {
    color: #1d4097;
}

.lottery-landing-form .c-input {
    padding-left: 50px;
}

@media only screen and (max-width: 639px) {
    .lottery-landing-form .c-input {
        padding-left: 30px;
    }
}

.lottery-landing-form .c-indicator {
    top: 15px;
}

.lottery-landing-form .hide-list {
    max-width: 785px;
    margin-left: auto;
    margin-right: auto;
}

.landing .block-form-to-show.lottery-landing-form {
    padding-bottom: 119px !important;
    margin-bottom: -119px !important;
}

@media screen and (max-width: 900px) {
    .landing .block-form-to-show.lottery-landing-form {
        padding-bottom: 39px !important;
        margin-bottom: -39px !important;
    }

    .lottery-landing-form .hide-list {
        margin-top: 15px;
    }
}

.lottery-landing-form .list-link {
    margin-bottom: 0;
}

.lottery-landing-form .input-item:last-child {
    padding-right: 10px !important;
}

.modal-lottery {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999;
}

.modal-lottery .modal-lottery-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    position: relative;
}

.modal-lottery .modal-body {
    position: absolute;
    background: #fff;
    border-radius: 9px;
    position: relative;
    box-shadow: -5px 0 14px 2px rgba(0, 0, 0, 0.27);
    padding: 25px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.modal-lottery-close {
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 25px;
    right: 30px;
    border: 0;
    background: transparent url(../img/lottery/popup-icon-close-blue.svg) center
        no-repeat;
    background-size: cover;
    cursor: pointer;
}

.modal-lottery-title {
    font-size: 42px;
    font-weight: 600;
}

.modal-lottery-error .modal-lottery-title,
.modal-lottery-alert .modal-lottery-title {
    color: #de1e23;
}

.modal-lottery-success .modal-lottery-title {
    color: #0c3d93;
}

.modal-lottery-description {
    font-size: 26px;
    margin-top: 11px;
}

.modal-lottery-phones {
    font-size: 16px;
    line-height: 1.25;
    color: #000;
}

.modal-lottery-gift {
    margin-top: 18px;
    font-size: 51px;
    color: #0c3d93;
    font-weight: 600;
}

.modal-lottery-error .modal-body,
.modal-lottery-alert .modal-body {
    max-width: 430px;
    min-height: 345px;
    padding-right: 145px;
}

.modal-lottery-error .modal-body:before,
.modal-lottery-alert .modal-body:before {
    display: block;
    content: "";
    width: 109px;
    height: 218px;
    position: absolute;
    bottom: 27px;
    right: 34px;
    background: url(../img/lottery/popup-alert-hand.svg) center no-repeat;
    background-size: cover;
}

.modal-lottery-success .modal-body {
    max-width: 470px;
    min-height: 415px;
    padding-right: 205px;
}

.modal-lottery-success .modal-body:before {
    display: block;
    content: "";
    width: 151px;
    height: 283px;
    position: absolute;
    bottom: 24px;
    right: 21px;
    background: url(../img/lottery/popup-success-gift.svg) center no-repeat;
    background-size: cover;
}

.captcha-container {
    text-align: center;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    padding-left: 32px;
}

.captcha-value img {
    width: 197px;
    display: block;
}

.captcha-reload a {
    width: 15px;
    height: 15px;
    background: url(../img/refresh.svg) center no-repeat;
    background-size: cover;
    display: block;
    margin-left: 17px;
    font-size: 0;
    color: transparent;
}

.captcha-submit {
    /*width: 187px;*/
    width: 210px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.captcha-submit input.form-control {
    padding-right: 0 !important;
}

.lottery-landing .c-select {
    color: rgba(85, 89, 92, 0.6);
}

@media screen and (max-width: 479px) {
    .modal-lottery .modal-body {
        padding: 25px;
        width: calc(100% - 20px);
        margin-right: 10px;
        margin-left: 10px;
    }

    .modal-lottery-title {
        font-size: 36px;
    }

    .modal-lottery-description {
        font-size: 19px;
        width: 240px;
    }

    .modal-lottery-phones {
        width: 200px;
    }

    .modal-lottery-error .modal-body,
    .modal-lottery-success .modal-body {
        padding-right: 0;
    }

    .modal-lottery-error .modal-body:before,
    .modal-lottery-success .modal-body:before {
        opacity: 0.5;
    }
}

.header {
    background: #fff;
}

.home-banner {
    width: 100%;
    min-height: 600px;
    background-image: linear-gradient(to top, #394247, #101518);
    padding-top: 150px;
    height: calc(100vh - 100px);
    max-height: 1200px;
}

.content-wrapper {
    padding: 20px;
    background: #fff;
    font-weight: 300;
}

.page-links {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-between;
}

.page-link-block {
    background: #dee7f3;
    width: calc(50% - 10px);
    height: 340px;
    padding-top: 45px;
    padding-bottom: 40px;
    padding-left: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 60px;
    transition: box-shadow 0.25s;
    overflow: hidden;
    position: relative;
}

.page-link-block.block-right-img {
    padding-right: 0;
    color: #000;
    height: auto;
}

.page-links.quadro .page-link-block:nth-child(-n + 2) {
    margin-bottom: 20px;
}

.page-link-block .page-link-title {
    transition: 0.3s;
    opacity: 0;
    max-width: 305px;
    font-size: 32px;
    line-height: 34px;
    padding-right: 15px;
    align-self: flex-start;
}

.page-link-block:not(.quarter) .page-link-title {
    min-height: 68px;
}

.page-link-block .page-link-group {
    font-size: 16px;
    color: #031f70;
    opacity: 0;
    line-height: 1;
    position: absolute;
    bottom: 45px;
    left: 45px;
    text-transform: uppercase;
}

.page-link-block.quarter {
    padding: 35px 35px;
    width: calc(50% - 10px);
    height: auto;
}

.content-wrapper .currencies-list .page-link-block.quarter {
    width: calc((100% - 40px) / 3);
}

.page-link-block.quarter .page-link-title {
    font-size: 28px;
    color: #000;
}

.page-links.is-animate .page-link-block .page-link-title,
.currencies-list.is-animate .page-link-block .page-link-title {
    opacity: 1;
    animation: slideInRight 0.5s 0s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.page-links.is-animate .page-link-block .page-link-group,
.currencies-list.is-animate .page-link-block .page-link-group {
    opacity: 1;
    animation: slideInRight 0.5s 0s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.page-link-block:hover {
    transition: box-shadow 0.25s;
}

.page-link-block img {
    transition: transform 0.25s;
    max-width: 60%;
    max-height: 275px;
}

.page-link-block.quarter img {
    max-width: 335px;
    max-height: 305px;
}

.page-link-block:hover img {
    transform: scale(1.05);
    transition: transform 0.25s;
}

.content-wrapper .cell.slider-box {
    width: calc(50% - 10px);
    padding-top: 35px;
}

.content-wrapper .slider-box .slider-title {
    padding-left: 35px;
}

.content-wrapper .page-link-block.blog-link-block {
    display: block;
    min-height: 150px;
    background-color: rgba(237, 242, 249, 0.4);
    padding-bottom: 65px;
}

.content-wrapper .blog-link-block .slider-container-outer {
    position: relative;
    z-index: 10;
    height: 100%;
}

.content-wrapper .page-link-block.blog-link-block .slider-container {
    height: 100%;
    position: relative;
    z-index: 2;
}

.content-wrapper
    .page-link-block.blog-link-block
    .slider-container
    .slick-dots {
    right: 0;
    bottom: -35px;
}

.content-wrapper
    .page-link-block.blog-link-block
    .slider-container
    .slick-arrow {
    top: 0;
}

.content-wrapper
    .page-link-block.blog-link-block
    .slider-container
    .slick-prev {
    right: 70px;
}

.content-wrapper
    .page-link-block.blog-link-block
    .slider-container
    .slick-next {
    right: 0;
}

.content-wrapper .blog-link-block .slider {
    margin-top: 10px;
    position: static;
    height: initial;
}

.content-wrapper .blog-link-block .blog-slider-banner {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.content-wrapper .blog-link-block .blog-slider-banner img {
    display: block;
    max-width: 300px;
    width: 100%;
}

.content-wrapper .blog-link-block:hover .blog-slider-banner img {
    transform: none;
    transition: none;
}

.content-wrapper .slider-box .slider-title,
.content-wrapper .blog-link-block .slider-title {
    font-size: 28px;
    max-width: 50%;
    line-height: 33px;
}

.content-wrapper .blog-link-block .slide {
    padding-right: 0;
}

.content-wrapper .blog-link-block .blog-link {
    display: flex;
    align-items: stretch;
}

.content-wrapper .blog-link-block .blog-link-text {
    width: 50%;
}

.content-wrapper .blog-link-block .blog-item-photo {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 50%;
}

.content-wrapper .blog-link-block.quarter .page-link-title {
    margin-top: 10px;
    font-size: 22px;
    line-height: 26px;
}

.content-wrapper .blog-link-block .blog-item-date {
    font-weight: 300;
    margin-top: 15px;
    color: #000;
}

.content-wrapper .blog-link-block .blog-link img {
    max-width: 120px;
}

@media screen and (min-width: 1366px) {
    .content-wrapper .blog-link-block .blog-link img {
        max-width: initial;
    }
}

.content-wrapper .content-bottom {
    margin-top: 0;
}

.content-wrapper .bottom-list {
    display: flex;
    justify-content: space-between;
    color: #000;
    background: #fff;
    margin-bottom: 20px;
}

.content-wrapper .currencies-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content-wrapper .rate-table {
    background: #e1dfed;
    padding: 30px 35px;
    width: calc((100% - 20px) / 2);
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.content-wrapper .rate-table .table-annotation {
    margin-top: auto;
    font-size: 15px;
    opacity: 0.5;
}

.content-wrapper .content-bottom .slider-box {
    background-color: rgba(237, 242, 249, 0.4);
    padding-bottom: 70px;
    position: relative;
}

.content-wrapper .slick-slider {
    position: static;
}

.content-wrapper .slide-title-link {
    color: #000;
    padding-left: 35px;
    font-size: 22px;
    line-height: 26px;
}

.content-wrapper .bottom-list button {
    background-color: #8a8a8a;
}

.content-wrapper .bottom-list .slick-active button {
    background-color: #f93822;
}

.content-wrapper .btn-link {
    left: 35px;
    bottom: 30px;
    position: absolute;
    color: #000;
    opacity: 1;
    border-bottom: 1px solid #000;
}

.content-wrapper .slick-dots {
    right: 35px;
    bottom: 30px;
}

.content-wrapper .slider-title-box {
    margin-top: 25px;
}

.content-wrapper .date {
    color: #000;
    padding-left: 35px;
    opacity: 1;
    margin-top: 15px;
}

.content-wrapper .slide {
    padding-right: 10px;
}

.content-wrapper .slider-title-box {
    display: flex;
}

.content-wrapper .slide-text {
    width: 350px;
    flex-shrink: 0;
}

.content-wrapper .bottom-slide-text {
    margin-left: 20px;
}

.slider-banner {
    height: 100%;
}

.slider-banner .slide {
    display: flex !important;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
}

.slider-banner .slide-info {
    align-self: flex-start;
    padding-top: 203px;
    color: #fff;
    max-width: 530px;
}

.slider-banner .slide img {
    max-width: 628px;
    max-height: 630px;
    margin-right: 30px;
    width: 50%;
}

.content-wrapper .bottom-list button {
    background-color: #8a8a8a;
}

.slider-banner .slick-active button {
    background-color: #f93822;
}

.slider-banner .slick-dots {
    left: 0px;
    bottom: 95px;
}

.slider-banner .slick-dots button {
    background-color: #fff;
}

.slider-banner .slick-dots .slick-active button {
    background-color: #f93822;
}

.home-banner {
    position: relative;
    font-weight: 300;
}

.home-banner .slick-arrow {
    position: absolute;
    top: calc(50% - 11px);
    z-index: 10;
    width: 40px;
    height: 22px;
    background-color: transparent;
    background-image: url(/themes/universalbank/assets/img/icon-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home-banner .slick-prev {
    left: -125px;
    transform: rotate(-180deg);
}

.home-banner .slick-next {
    right: -125px;
}

.home-banner .slide-title {
    font-size: 48px;
    line-height: normal;
    padding-right: 15px;
}

.home-banner .slide-descr {
    font-size: 36px;
    margin-top: 20px;
    padding-right: 15px;
}

.content-wrapper .table-bordered .head td {
    font-size: 16px;
    opacity: 1;
    border-bottom: 1px solid #000;
}

.content-wrapper .title-rate {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.menu-bottom-wrapper {
    height: 80px;
}

.menu-bottom-wrapper .link-item span.branches {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    background-color: transparent;
    background-size: auto 30px;
    background-repeat: no-repeat;
    background-position: center;
    position: static;
}

.menu-bottom-wrapper .link-item:nth-child(1) span.branches {
    /* background-image: url(/themes/universalbank/assets/img/atm.svg); */
    background-image: url(/themes/universalbank/assets/img/atm-hover.svg);
}

.menu-bottom-wrapper .link-item:nth-child(1):hover span.branches {
    background-image: url(/themes/universalbank/assets/img/atm.svg);
    /* background-image: url(/themes/universalbank/assets/img/atm-hover.svg); */
}

.menu-bottom-wrapper .link-item:nth-child(2) span.branches {
    /* background-image: url(/themes/universalbank/assets/img/payment.svg); */
    background-image: url(/themes/universalbank/assets/img/payment-hover.svg);
}

.menu-bottom-wrapper .link-item:nth-child(2):hover span.branches {
    background-image: url(/themes/universalbank/assets/img/payment.svg);
    /* background-image: url(/themes/universalbank/assets/img/payment-hover.svg); */
}

/*.menu-bottom-wrapper .link-item:nth-child(3) span.branches{
    background-image: url(/themes/universalbank/assets/img/onlinebank.svg);
}
.menu-bottom-wrapper .link-item:nth-child(3):hover span.branches{
    background-image: url(/themes/universalbank/assets/img/onlinebank-hover.svg);
}*/
.menu-bottom-wrapper .link-item:nth-child(3) span.branches {
    /* background-image: url(/themes/universalbank/assets/img/menu-gift.svg); */
    background-image: url(/themes/universalbank/assets/img/icon-viber-hover.svg);
    background-size: auto 36px;
}

.menu-bottom-wrapper .link-item:nth-child(3):hover span.branches {
    background-image: url(/themes/universalbank/assets/img/icon-viber.svg);
    /* background-image: url(/themes/universalbank/assets/img/menu-gift-hover.svg); */
}

.menu-bottom-wrapper .link-item:nth-child(4) span.branches {
    /* background-image: url(/themes/universalbank/assets/img/chatbot.png); */
    background-image: url(/themes/universalbank/assets/img/icon-telegram-hover.svg);
}

.menu-bottom-wrapper .link-item:nth-child(4):hover span.branches {
    background-image: url(/themes/universalbank/assets/img/icon-telegram.svg);
    /* background-image: url(/themes/universalbank/assets/img/chatbot-hover.png); */
}

.menu-bottom-wrapper .link {
    /*line-height: 80px;*/
    line-height: normal;
    padding-left: 15px;
    padding-right: 0;
    font-size: 16px;
}

.menu-bottom-wrapper .link:hover {
    color: #014c8c;
    background: #fff;
}

.menu-bottom-wrapper .link div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-bottom-wrapper .link-item {
    position: relative;
    float: left;
    width: 20%;
}

.menu-bottom-wrapper .link-item:not(:first-child) {
    border-left: 0;
}

.menu-bottom-wrapper .link-item:not(:first-child):before {
    display: block;
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    background: #595959;
    z-index: 1;
}

.menu-bottom-wrapper .menu-bottom.four .link-item {
    width: 25%;
}

.menu-bottom-wrapper .menu-bottom.four .link {
    font-size: 20px;
}

body {
    max-width: 100%;
}

html.block-gray {
    background: #fff;
}

.footer .block.clearfix,
.menu-bottom-wrapper + .block {
    padding-bottom: 100px;
}

.title-rate span:nth-child(1) {
    font-size: 28px;
    padding-right: 15px;
}

.title-rate span:nth-child(2) {
    font-size: 18px;
}

@media screen and (min-width: 1700px) {
    .rate.table-bordered {
        margin-top: 0px;
    }
}

@media screen and (min-width: 1440px) {
    .content-wrapper .slide-text {
        width: 350px;
        flex-shrink: 0;
    }

    .content-wrapper .bottom-slide-text {
        width: 100%;
    }
}

@media screen and (max-width: 1439px) {
    .home-banner .slick-prev {
        left: 30px;
    }

    .home-banner .slick-next {
        right: 30px;
    }

    .content-wrapper .slide {
        padding-right: 30px;
    }

    .content-wrapper .bottom-slide-text {
        margin-left: 20px;
    }

    .slider-banner .slide {
        padding-left: 30px;
    }

    .slider-banner .slick-dots {
        padding-left: 30px;
    }

    .menu-bottom-wrapper .link {
        padding-left: 15px !important;
        font-size: 15px;
    }

    .menu-bottom-wrapper .bottom-menu.four .link {
        font-size: 18px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .content-wrapper .slide-text {
        width: 300px;
    }
}

@media screen and (max-width: 1279px) {
    .content-wrapper .slider-title-box {
        display: block;
    }

    .content-wrapper .slide-text {
        width: 100%;
    }

    .content-wrapper .bottom-slide-text {
        margin-top: 15px;
        margin-left: 35px;
        padding-left: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .landing .c-land-block--header h1,
    .landing .c-land-block--header h3,
    .landing .c-land-block--header .h3-title {
        padding-left: 25px !important;
    }
}


.banking a {
    line-height: 16px !important;
}

.list_header {
    padding-top: 30px;
    padding-bottom: 30px;
}

.phone-info {
    padding-top: 0;
    line-height: 16px;
}

.header-right-info {
    padding-top: 30px;
}

.header-right-info .phone {
    position: relative;
}

.phone-link {
    margin-top: 9px;
    line-height: 29px;
}

.search-wr {
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    overflow: hidden;
    bottom: 0;
}

.search-wr .search {
    width: 25px;
    height: 25px;
    top: 0;
    position: relative;
    background: url(/themes/universalbank/assets/img/icon-search2.svg) no-repeat;
    background-size: 25px;
    border: none;
}

.header .nav-list {
    padding-bottom: 0px;
}

.line {
    margin-top: 23px;
    margin-bottom: 16px;
}

.carreer-vacancy-link {
    background-position-y: 0;
    background-size: contain;
    background: url(/themes/universalbank/assets/img/icon-case2.svg) no-repeat
        center left;
}

.nav-link {
    line-height: 28px;
}

@media screen and (min-width: 992px) {
    .menu .nav-item .nav-link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-top: 10px !important;
        padding-bottom: 0 !important;
        min-height: 65px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1320px) {
    .menu .nav-item .nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 1321px) {
    .menu .nav-item .nav-link {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (min-width: 1300px) {
    .header .nav-item {
        white-space: nowrap;
    }

    .inside .nav-item {
        white-space: normal;
    }

    .header .nav-list {
        display: flex;
        justify-content: center;
    }
}

@media screen and (min-width: 992px) and (max-width: 1023px) {
    .nav-item:not(:first-child) {
        margin-left: 2%;
    }

    .nav-link {
        font-size: 15px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .nav-item:not(:first-child) {
        margin-left: 2.5%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    .nav-item:not(:first-child) {
        margin-left: 3%;
    }

    .nav-link {
        font-size: 17px;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1399px) {
    .nav-item:not(:first-child) {
        margin-left: 25px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .nav-item:not(:first-child) {
        margin-left: 30px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
    .nav-item:not(:first-child) {
        margin-left: 40px;
    }
}

@media screen and (min-width: 1600px) {
    .nav-item:not(:first-child) {
        margin-left: 6%;
    }
}

.lang,
.banking-link,
.lang-link,
.nav-item,
.contacts {
    line-height: 16px;
}

.contacts {
    margin-top: 8px;
    border-bottom: 0;
    line-height: 20px;
}

@media screen and (max-width: 991px) {
    .home-banner {
        height: calc(100vh - 60px);
    }

    .header-right-info {
        padding-top: 36px;
    }

    .carreer-vacancy-link {
        margin-right: 0;
        margin-left: 30px;
    }

    .banking {
        margin-top: 13px !important;
    }

    .header-inner .grid-top:nth-child(3) > div .phone {
        padding-bottom: 0;
        padding-left: 0;
        padding-left: 50px;
    }

    .phone {
        margin-top: 0;
    }

    .search-wr {
        top: 0;
    }

    .search-wr .search-inner form {
        position: static;
    }

    .phone-link {
        margin-top: 0;
    }
}

@media screen and (max-width: 870px) {
    /* .header-inner .phone-block {
        width: 100% !important;
        max-width: 210px;
    } */

    .header-inner .grid-top:nth-child(3) > div .phone {
        padding-left: 20px;
    }

    /* .header-inner .grid-top:nth-child(3) > div {
        max-width: 100%;
        min-width: 100%;
        padding-right: 0 !important;
    } */

    .internet-banking {
        width: auto !important;
    }

    .logo-box {
        padding-right: 0 !important;
        width: auto !important;
    }

    .carreer-vacancy-link {
        padding-left: 25px;
        margin-left: 0;
        margin-top: 20px;
    }

    .header-links-container-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .banking {
        margin-top: 0 !important;
    }

    .list_header {
        padding-top: 25px;
        padding-bottom: 0px;
    }

    .header .header-inner {
        display: flex;
        padding-right: 90px;
    }
}

@media screen and (max-width: 700px) {
    .header-links-container-inner {
        /* margin-top: 20px; */
        margin-top: 0;
        flex-direction: row;
    }

    .carreer-vacancy-link {
        padding-left: 0;
        background-position: center;
        margin-top: 10px;
    }

    .list_header {
        padding-top: 15px;
    }

    .carreer-vacancy-link {
        margin-left: 20px;
        margin-top: 0;
    }
}

@media screen and (max-width: 639px) {
    .phone-block > div {
        margin-top: 0 !important;
        padding-top: 0px !important;
    }

    .header-right-info {
        /* padding-top: 18px; */
        padding-top: 4px;
    }

    .header-links-container-inner {
        flex-direction: row;
        /* margin-top: 0; */
    }

    .carreer-vacancy-link {
        margin-top: 0;
        margin-left: 0px;
    }

    .content-wrapper .slide {
        padding-right: 15px;
    }

    .page-link-title {
        font-size: 20px;
        line-height: normal;
    }

    .home-banner .slide-title,
    .home-banner .slide-descr {
        padding-right: 0px;
    }

    .home-banner {
        height: 100vh;
    }
}

@media screen and (max-width: 520px) {
    .header-right-info {
        padding-top: 15px !important;
    }

    .internet-banking .banking .banking-link {
        margin-top: 0;
        background-size: auto 17px;
    }

    .carreer-vacancy-link {
        background-size: 18px auto;
    }

    .header .header-inner {
        display: flex;
        padding-right: 0;
        align-items: center;
        padding-right: 70px;
    }

    .header .header-inner > div {
        width: 100%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 100%;
        top: 0;
        margin: 0 !important;
    }

    .header-inner .internet-banking {
        width: auto !important;
        flex-grow: 1;
    }

    .header-inner .phone-block {
        width: auto !important;
        flex-grow: 1;
    }

    .logo-box {
        width: 150px !important;
    }

    .header-right-info {
        padding-top: 0 !important;
    }

    .menu-btn {
        width: 80px !important;
        height: 60px !important;
    }

    .logo {
        margin-left: 0;
    }

    .list_header {
        padding-top: 0;
    }

    .logo-box > div {
        padding-top: 0px !important;
    }

    .header-right-info {
        display: flex;
        justify-content: center;
    }

    .internet-banking > div,
    .internet-banking .banking,
    .header-links-container-inner {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .header-links-container-inner {
        justify-content: flex-end;
    }

    .header-right-info {
        justify-content: flex-start;
        padding-top: 4px !important;
        padding-left: 40px !important;
    }

    .safari-mobile .header-right-info {
        padding-top: 0px !important;
    }

    .carreer-vacancy-link {
        margin-left: 40px;
    }
}

@media screen and (max-width: 480px) {
    .header-right-info {
        padding-left: 25px !important;
    }

    .carreer-vacancy-link {
        /* margin-left: 25px; */
        margin-left: 20px;
    }
}

@media screen and (max-width: 379px) {
    .header-right-info {
        padding-left: 17px !important;
    }

    .carreer-vacancy-link {
        margin-left: 17px;
    }
}

.header.fixed .line {
    display: none;
}

@media screen and (min-width: 992px) {
    .header.fixed {
        margin-top: 0;
    }

    .header.fixed .lang,
    .header.fixed .banking {
        display: none;
    }

    .header.fixed .phone-link {
        margin-top: 15px;
    }

    .fixed-search .search-wr {
        top: 15px;
    }
}

.lottery-cards-container {
    padding: 50px 70px;
    width: 100%;
    min-height: 510px;
    background: #2e549b;
    color: #fff;
    border-radius: 21px;
}

.lottery-cards-title {
    font-size: 43px;
    font-weight: 400;
    text-align: center;
}

.lottery-cards-result-text {
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    max-width: 100%;
    margin-top: 50px;
}

.lottery-cards-result-text a {
    color: inherit;
    text-decoration: underline;
}

.lottery-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.lottery-card {
    width: 130px;
    height: 190px;
    border-radius: 4px;
    overflow: hidden;
    background: url(/themes/universalbank/assets/img/lottery-card-bg.jpg)
        no-repeat center left;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    font-weight: 600;
    color: #de1e23;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: normal;
}

.lottery-card.open {
    border: 8px solid #fdbd39;
    background: rgb(255, 255, 255);
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(245, 245, 245, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
}

.lottery-card img {
    max-width: 78px;
    max-height: 140px;
    object-fit: contain;
    display: block;
}

@media screen and (max-width: 991px) {
    .lottery-cards {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .lottery-card:nth-child(-n + 3) {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 639px) {
    .lottery-cards-container {
        padding: 30px 50px;
        min-height: 400px;
    }

    .lottery-cards-title {
        font-size: 36px;
    }

    .lottery-cards {
        max-width: 300px;
        margin-top: 20px;
    }

    .lottery-card {
        width: 86px;
        height: 126px;
        font-size: 36px;
    }

    .lottery-card.open {
        border-width: 4px;
    }

    .lottery-card img {
        max-width: 58px;
        max-height: 105px;
    }

    .lottery-card:nth-child(-n + 3) {
        margin-bottom: 20px;
    }

    .lottery-cards-result-text {
        font-size: 18px;
    }
}

@media screen and (max-width: 420px) {
    .lottery-cards-container {
        padding: 20px 30px 50px;
        min-height: 100%;
    }

    .lottery-cards {
        max-width: 290px;
        justify-content: space-around;
    }

    .lottery-card {
        width: 100px;
        height: 148px;
        font-size: 32px;
    }

    .lottery-card img {
        max-width: 80px;
        max-height: 110px;
    }

    .lottery-card:nth-child(-n + 4) {
        margin-bottom: 20px;
    }
}

.c-land-block--header .c-land-block__inner > img {
    width: 40vw;
    max-width: 340px;
    margin-top: 20px;
}

@media screen and (min-width: 1200px) {
    .c-land-block--header .c-land-block__inner > img {
        margin-left: 250px;
    }
}

@media screen and (max-width: 1199px) {
    .c-land-block--header .c-land-block__inner > img {
        margin-top: 0px;
        margin-left: 50px;
    }
}

@media screen and (max-width: 639px) {
    .c-land-block--header .c-land-block__inner > img {
        width: 50%;
        margin-top: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 420px) {
    .c-land-block--header img + .banner-circle-logo {
        margin-top: -80px;
    }

    .c-land-block--header .c-land-block__inner > img {
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

.lottery-landing .l-logo-wrap.c-land-content {
    padding-top: 0;
    flex-grow: 0;
}

.landing.lottery-landing .c-land-block--header {
    min-height: 500px;
    padding-top: 50px;
}

.landing.lottery-landing .c-land-block--header .c-land-block__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .landing.lottery-landing .c-land-block--header .c-land-block__inner {
        align-items: center;
    }
}

.landing.lottery-landing .l-logo-wrap.c-land-content + h1,
.landing.lottery-landing .l-logo-wrap.c-land-content + h2,
.landing.lottery-landing .l-logo-wrap.c-land-content + h3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    flex-grow: 1;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .landing.lottery-landing .l-logo-wrap.c-land-content + h1,
    .landing.lottery-landing .l-logo-wrap.c-land-content + h2,
    .landing.lottery-landing .l-logo-wrap.c-land-content + h3 {
        align-items: center;
        text-align: center;
        margin-bottom: 20px;
    }
}

.lottery-landing .c-land-block--header h3,
.lottery-landing .c-land-block--header h1 {
    width: calc(100% - 350px);
}

.lottery-landing .banner-circle-logo img {
    width: 335px;
}

@media screen and (max-width: 1199px) {
    .landing .banner-circle-logo img {
        max-width: 50vw;
        max-height: 280px;
        width: initial;
    }
}

.landing .block-title,
.landing h2,
.landing .h2-title,
.landing .calculator-title {
    font-size: 25px;
    color: #5b5b5b;
    max-width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.landing .footer {
    height: auto !important;
    margin-top: 0 !important;
}

.landing .footer .block.block-gray:first-child {
    display: none;
}

.lottery-landing .sb-cards {
    padding-top: 0;
    padding-bottom: 0;
}

.lottery-landing .sb-cards.features-icons-container li {
    margin-bottom: 0;
}

.lottery-landing .sb-cards li p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
}

.lottery-landing .form-page {
    display: none;
}

.lottery-landing .c-land-block--header + .c-land-block {
    z-index: 10;
}

.lottery-landing .c-land-block + .block-form-to-show {
    z-index: 100;
    position: relative;
}

.offer-item-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.offer-item-banner + .offer-item-banner {
    margin-top: 50px;
}

.offer-item-banner .banner-title {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.offer-item-banner .banner {
    display: block;
}

.offer-item-banner .banner-title + .banner {
    margin-top: 20px;
}

@media screen and (max-width: 991px) {
    .landing.lottery-landing .c-land-block--header {
        min-height: initial;
    }
}

@media screen and (max-width: 639px) {
    .landing.lottery-landing .c-land-block + .block.block-form-to-show {
        padding-top: 15px !important;
    }

    .landing #forYouForm .form-group > .input-item {
        margin-bottom: 0 !important;
    }

    .landing #forYouForm .input-item .input-item:last-child {
        margin-bottom: 0 !important;
    }

    .landing
        #forYouForm
        .form-group
        > .input-item.col-sm-offset-2
        + .input-item {
        margin-top: 10px !important;
    }

    .landing #forYouForm .list-link.hide-block.open button.btn[type="submit"] {
        margin-top: 15px !important;
    }
}

@media screen and (min-width: 1400px) {
    .lottery-landing .banner-circle-logo img {
        width: 38vw !important;
        max-width: 600px !important;
    }
}

@media screen and (min-width: 1200px) {
    .lottery-landing .banner-circle-logo img {
        width: 100%;
        max-width: 450px;
    }

    .lottery-landing .c-land-block--header h3,
    .lottery-landing .c-land-block--header h1 {
        width: calc(100% - 450px);
    }
}

@media screen and (min-width: 992px) {
    .lottery-landing #forYouLotteryForm .form-group {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .lottery-landing #forYouLotteryForm .form-group > .col-sm-12:first-child {
        width: 66.66667%;
        padding-right: 20px;
    }

    .landing.ie #forYouLotteryForm .form-group > .col-sm-12:first-child {
        width: 65%;
    }

    .lottery-landing #forYouLotteryForm .form-group > .col-sm-12:nth-child(2) {
        width: 33.33333%;
    }

    .landing.ie #forYouLotteryForm .form-group > .col-sm-12:nth-child(2) {
        width: 34%;
    }

    .lottery-landing #forYouLotteryForm .form-group > .col-sm-12:nth-child(2) {
        padding: 0;
    }

    .lottery-landing
        #forYouLotteryForm
        .form-group
        > .col-sm-12:nth-child(2)
        .input-item {
        padding: 0 !important;
    }

    .lottery-landing
        #forYouLotteryForm
        .form-group
        > .col-sm-12:nth-child(2)
        .row {
        display: flex !important;
        padding: 0;
        align-items: flex-end;
    }

    .lottery-landing #forYouLotteryForm .captcha-container {
        padding-left: 20px;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .lottery-landing #forYouLotteryForm .captcha-submit {
        width: 137px;
        margin-top: 0;
        flex-grow: 1;
        flex-shrink: 1;
        margin-left: 30px;
    }

    .lottery-landing #forYouLotteryForm .captcha-submit input.form-control {
        text-align: left;
    }

    .lottery-landing #forYouLotteryForm .inside-limit {
        width: 100%;
        max-width: 1200px;
    }

    .lottery-landing #forYouLotteryForm .input-item {
        padding: 0;
    }

    .lottery-landing #forYouLotteryForm .row {
        padding: 0 !important;
    }
}

.lottery-landing .c-checkbox {
    margin-bottom: 0;
}

.lottery-landing .c-checkbox span {
    font-size: 13px;
    line-height: 18px;
}

.lottery-landing .form-group {
    margin-bottom: 0;
}

.lottery-landing #lottery-prize {
    padding-top: 0;
    padding-bottom: 0;
}

.lottery-landing .list-link {
    margin-bottom: 0;
}

.toggle-text-btn {
    display: none;
}

.birthday-selectors {
    position: absolute;
    top: 100%;
    background: #113f90;
    border-radius: 3px;
    padding: 5px 15px 10px;
    display: none;
    z-index: 99;
}

.birthday-selectors.open {
    display: block;
}

#date-selector-container input {
    position: relative;
    z-index: -1;
}

.ie #date-selector-container {
    position: relative;
}

.ie #date-selector-container input {
    z-index: 1;
}

.ie #date-selector-container:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    content: "";
}

.ie .birthday-selectors {
    background: #fff;
    border: 1px solid #ccc;
}

.ie #date-selector-container select {
    color: #000;
    border-bottom: 1px solid #000;
}

.ie #date-selector-container select:focus::-ms-value {
    background: transparent;
    color: #000;
}

#date-selector-container select {
    border: 0;
    background: transparent;
    color: #fff;
    appearance: none;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    padding-right: 18px;
}

#date-selector-container select::-ms-expand {
    display: none;
}

#date-selector-container .select-container {
    position: relative;
}

#date-selector-container .select-container:after {
    position: absolute;
    top: 2px;
    display: block;
    content: "";
    width: 12px;
    height: 100%;
    background: url(/themes/universalbank/assets/img/select-arr.svg) no-repeat
        center center;
    background-size: contain;
    z-index: -1;
    right: 2px;
}

#date-selector-container .date-dropdowns {
    display: flex;
}

#date-selector-container .select-container:not(:last-child) {
    margin-right: 15px;
}

#date-selector-container .form-control {
    cursor: pointer;
}

#date-selector-container .date-dropdowns option {
    background: #3399cc;
    background-color: rgb(51, 153, 204);
    background-color: rgba(51, 153, 204, 1);
}

#date-selector-container .date-dropdowns option:first-child {
    display: none;
}

@media screen and (max-width: 991px) {
    .lottery-landing
        #forYouLotteryForm
        .form-group
        > .col-sm-12:nth-child(2)
        .row {
        display: flex !important;
        align-items: flex-end;
        padding-right: 10px;
        justify-content: center;
    }

    /*.lottery-landing .captcha-submit {
        margin-left: 30px;
        margin-right: 0;
    }*/
}

@media screen and (max-width: 959px) {
    .lottery-landing .c-land-block--header h3,
    .lottery-landing .c-land-block--header h1 {
        min-width: 150px;
        width: calc(100% - 38vw);
    }

    .lottery-landing .banner-circle-logo img {
        width: auto;
        min-width: 140px;
        max-width: 38vw;
    }
}

@media screen and (max-width: 879px) {
    .lottery-landing .captcha-submit {
        width: 33.33333%;
    }
}

@media screen and (max-width: 767px) {
    /*.lottery-landing .c-land-block--header {
        min-height: 290px;
        padding-top: 60px;
    }*/
    .landing.lottery-landing .c-land-block--header {
        min-height: initial;
    }

    .lottery-landing .c-land-block--header h3,
    .lottery-landing .c-land-block--header h1 {
        font-size: 25px !important;
    }

    .lottery-landing .c-land-block--header .c-land-block__inner {
        min-height: 200px;
        padding-bottom: 0;
    }

    .toggle-text-btn {
        display: block;
        border: 0;
        background: transparent;
        color: #031f70;
        font-size: 16px;
        line-height: 20px;
        text-decoration: underline;
        margin-left: auto;
        margin-right: auto;
    }

    .toggle-text-btn span:nth-child(2) {
        display: none;
    }

    .toggle-text-btn.open span:nth-child(1) {
        display: none;
    }

    .toggle-text-btn.open span:nth-child(2) {
        display: block;
    }

    .lottery-landing .text-content.text-content-hidden {
        height: 0;
        overflow: hidden;
    }

    .lottery-landing .text-content {
        height: 100%;
        overflow: visible;
    }

    .lottery-landing .c-checkbox {
        margin-top: 10px;
    }
}

@media screen and (max-width: 639px) {
    .lottery-landing .c-land-block--header {
        min-height: 225px;
    }

    .lottery-landing .l-logo-wrap.c-land-content {
        display: flex;
        justify-content: center;
    }

    .lottery-landing .c-land-block--header h3,
    .lottery-landing .c-land-block--header h1 {
        width: calc(100% - 160px);
        max-width: 100% !important;
        width: 100% !important;
    }

    .lottery-landing .banner-circle-logo img {
        position: static;
        max-width: 480px;
        width: 100%;
        max-height: initial;
        height: auto;
    }

    .lottery-landing .c-land-block--header .c-land-block__inner {
        min-height: 1px;
        padding-bottom: 0;
    }

    .lottery-landing .sb-logo {
        width: 180px;
    }

    .lottery-landing .sb-description h2,
    .lottery-landing .sb-description .h2-title {
        margin-bottom: 15px;
    }

    .lottery-landing .block-additional-advantages {
        overflow: hidden;
    }

    .lottery-landing .sb-cards li p {
        font-size: 14px;
        line-height: 18px;
    }

    .lottery-landing .sb-cards.features-icons-container li {
        width: 50%;
    }

    .landing .c-land-block--footer p {
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .landing.lottery-landing .c-land-block--footer {
        padding-bottom: 50px;
    }

    .lottery-landing .inlide-limit ul li,
    .lottery-landing ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .lottery-landing #forYouLotteryForm .input-item {
        width: 100% !important;
        padding: 0 !important;
    }

    .lottery-landing
        #forYouLotteryForm
        .form-group
        > .col-sm-12:nth-child(2)
        .row {
        display: flex !important;
        padding: 0;
        align-items: flex-end;
        margin-top: 25px;
    }

    .lottery-landing #forYouLotteryForm .captcha-container {
        padding-left: 10px;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .lottery-landing #forYouLotteryForm .captcha-submit {
        width: 137px;
        margin-top: 0;
        flex-grow: 1;
        flex-shrink: 1;
        margin-left: 15px;
    }

    .lottery-landing #forYouLotteryForm .captcha-reload a {
        margin-left: 10px;
    }

    .lottery-landing #forYouLotteryForm .form-group > .col-sm-12 {
        width: 100% !important;
    }

    .lottery-landing #forYouLotteryForm .form-group > .col-sm-12:nth-child(3) {
        margin-top: 30px;
    }

    .lottery-landing #forYouLotteryForm .lottery-gift-button {
        margin-top: 25px;
    }

    .lottery-landing #forYouLotteryForm .form-control {
        font-size: 13px;
        line-height: 25px;
        padding-bottom: 0 !important;
        margin-top: 10px;
    }

    .lottery-landing #forYouLotteryForm .hide-list .block-title {
        margin-bottom: 15px !important;
    }

    .lottery-landing #forYouLotteryForm .form-page .form {
        margin-bottom: 0 !important;
    }

    .lottery-landing #forYouLotteryForm .form-page p {
        text-align: center;
    }

    .lottery-landing #forYouLotteryForm .form-page p strong {
        font-size: 16px;
        line-height: normal;
    }

    .lottery-landing #forYouLotteryForm .birthday-selectors {
        top: 0;
    }

    .lottery-landing .captcha-submit {
        width: 217px;
    }

    .lottery-landing .c-checkbox {
        margin-top: 20px;
    }
}

@media screen and (max-width: 479px) {
    .lottery-landing #forYouLotteryForm .form-page {
        display: none;
    }

    .lottery-landing #forYouLotteryForm .hide-list .block-title {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 379px) {
    #date-selector-container select {
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) {
    .header .header-inner {
        position: relative;
    }

    .header .internet-banking {
        position: static;
    }

    .header .list_header {
        position: static;
    }

    .header .nav-list {
        position: static;
    }

    .header .list_header .nav {
        position: static;
    }

    .header .nav-item {
        position: static;
    }

    .header .nav-link {
        position: relative;
        z-index: 10;
    }

    .header .nav-link.active {
        color: #123e8d;
    }

    .header .nav-item:hover .nav-item-dropdown {
        display: block;
        pointer-events: auto;
    }

    .header .nav-item-dropdown {
        display: none;
        background: transparent;
        position: absolute;
        left: 70px;
        right: 70px;
        top: 115px;
        z-index: 1;
        pointer-events: none;
    }

    .header.fixed .nav-item-dropdown {
        top: 0;
    }

    .header.fixed .phone-block {
        position: relative;
        z-index: 99;
    }

    .header .dropdown-outer {
        max-width: 1350px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        cursor: default;
    }

    .header .dropdown-outer:before {
        content: "";
        position: absolute;
        top: 3px;
        right: 0;
        left: 0;
        bottom: 0;
        border-radius: 0 0 5px 5px;
        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    }

    .header.fixed .dropdown-outer:before {
        top: 60px;
    }

    .header .dropdown-inner {
        width: 100%;
        display: flex;
        align-items: flex-start;
        padding: 65px 50px 85px;
        border-radius: 0 0 5px 5px;
        background: #fff;
        margin-top: 30px;
        position: relative;
        overflow: hidden;
    }

    .header .dropdown-inner:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: -5px;
        height: 5px;
        box-shadow: 0 -1px 4px #000;
    }

    .header.fixed .dropdown-inner {
        box-shadow: none;
        padding-top: 118px;
    }

    .header.fixed .dropdown-inner:before {
        height: 58px;
        top: 0;
    }

    .header .nav-item-dropdown .nav-group {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 15px;
    }

    .header .nav-item-dropdown .nav-group-link {
        font-size: 21px;
        line-height: 24px;
        position: relative;
    }

    .header .nav-item-dropdown .nav-group-link.active {
        color: #123e8d;
    }

    .header .nav-item-dropdown .nav-group-link.active:before {
        background: #123e8d;
        display: block;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        height: 1px;
    }

    .header .nav-item-dropdown .nav-group-link:not(:first-child) {
        margin-top: 38px;
    }

    .header .nav-group-link + .nav-page-link {
        margin-top: 25px;
    }

    .header .nav-group-link,
    .header .nav-page-link {
        color: #5b5b5b;
        text-align: left;
        font-weight: 300;
        white-space: initial;
    }

    .header .nav-link.inactive,
    .header .nav-group-link.inactive,
    .header .nav-page-link.inactive {
        pointer-events: none;
        cursor: default;
    }

    .header .nav-group-link:hover,
    .header .nav-page-link:hover {
        color: #1c3589;
    }

    .header .nav-item-dropdown .nav-page-link {
        font-size: 15px;
        line-height: normal;
        position: relative;
    }

    .header .nav-item-dropdown .nav-page-link.active {
        color: #123e8d;
    }

    .header .nav-item-dropdown .nav-page-link.active:before {
        background: #123e8d;
        display: block;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        height: 1px;
    }

    .header .nav-item-dropdown .nav-page-link:not(:last-child) {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {
    .header .nav-item:hover .nav-item-dropdown {
        display: none;
        pointer-events: none;
    }
}

/*Акция на строковые депозиты на 6 и 12 месяцев*/
.block_graph .list_graph .item .progress {
    position: relative;
    overflow: visible;
}

/*.c-land-block:nth-child(7) .block_graph .list_graph:first-child .item:nth-child(4) .progress:after,
.c-land-block:nth-child(7) .block_graph .list_graph:first-child .item:nth-child(5) .progress:after,
.c-land-block:nth-child(8) .block_graph .list_graph:first-child .item:nth-child(4) .progress:after,
.c-land-block:nth-child(8) .block_graph .list_graph:first-child .item:nth-child(5) .progress:after {
    display: block;
    width: 40px;
    height: 27px;
    content: '';
    position: absolute;
    top: 3px;
    right: -45px;
    background: url(/themes/universalbank/assets/img/podarunok.png) no-repeat center center;
    background-size: contain;
}*/
.c-land-block:nth-child(7)
    .block_graph
    .list_graph:first-child
    .item:nth-child(6)
    .progress:after,
.c-land-block:nth-child(8)
    .block_graph
    .list_graph:first-child
    .item:nth-child(6)
    .progress:after {
    display: block;
    width: 36px;
    height: 25px;
    content: "";
    position: absolute;
    top: 3px;
    right: -45px;
    background: url(/themes/universalbank/assets/img/podarunok-vip.jpg)
        no-repeat center center;
    background-size: contain;
}

@media screen and (max-width: 768px) {
    .block_graph .list_graph {
        padding-left: 0 !important;
        padding-right: 50px !important;
    }
}

/*Акция на строковые депозиты на 6 и 12 месяцев*/

.blog-content {
    margin-top: -20px;
}

.blog-categories {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

.blog-category-link {
    min-width: 120px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 25px;
    text-align: center;
    line-height: normal;
    padding-top: 2px;
    background: #fff;
    margin-bottom: 10px;
    font-size: 16px;
    color: #5b5b5b;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.blog-category-link.active {
    background: #0d3d93;
    color: #fff;
}

.blog-category-link:not(:last-child) {
    margin-right: 20px;
}

.blog-items {
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog-related-posts .blog-items:not(:first-child) {
    margin-top: 30px;
}

.blog-item-link {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

@media screen and (max-width: 639px) {
    .blog-item-link {
        width: 100%;
        margin-bottom: 0;
    }

    .blog-item-link:not(:last-child) {
        margin-bottom: 20px;
    }
}

.blog-item-banner {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: transparent;
    padding-bottom: 58.8%;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
}

.blog-item-info {
    padding: 15px 18px 50px;
    min-height: 245px;
    background: #fff;
    width: 100%;
    flex-grow: 1;
}

.blog-item-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-item-head .left-block {
    display: flex;
    align-items: center;
}

.blog-item-category {
    color: #0c3d93;
    font-size: 13px;
    margin-right: 40px;
}

.blog-item-author {
    display: flex;
    align-items: center;
}

.blog-item-author-photo {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: transparent;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
}

.blog-item-author-name {
    font-size: 13px;
    color: #a3a3a3;
}

.blog-item-title {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 23px;
}

.blog-item-descr {
    margin-top: 30px;
    color: #7a7a7a;
    font-size: 17px;
    line-height: 28px;
}

.blog-article .article-gallery {
    width: 100%;
    margin-top: 20px;
}

.blog-article .article-gallery img {
    width: 100%;
}

.blog-article .article-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    padding: 11px 15px;
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
}

.blog-article .article-publication {
    display: flex;
    align-items: center;
    line-height: 18px;
}

.blog-article .blog-item-author {
    margin-right: 40px;
}

.blog-article .blog-item-author-photo {
    width: 38px;
    height: 38px;
}

.blog-article .blog-item-author-name {
    font-size: 15px;
}

.blog-article .blog-item-date {
    position: relative;
    font-size: 14px;
    color: #a3a3a3;
    margin-right: 40px;
}

.blog-article .blog-item-date:before,
.blog-item-views:before {
    display: block;
    height: 18px;
    left: -20px;
    width: 1px;
    background: #a3a3a3;
    content: "";
    position: absolute;
    top: calc(50% - 9px);
}

.blog-item-views {
    position: relative;
    font-size: 14px;
    color: #a3a3a3;
    display: flex;
    align-items: center;
}

.blog-item-views img {
    max-width: 22px;
    margin-right: 5px;
}

.blog-item-date {
    font-size: 14px;
    color: #a3a3a3;
}

.blog-article .article-social-link {
    display: block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: transparent url(/themes/universalbank/assets/img/fb.svg)
        no-repeat center;
    background-size: cover;
}

.blog-article .article-text {
    margin-top: 45px;
    font-size: 17px;
    line-height: 28px;
    color: #5b5b5b;
}

.blog-article .article-text .block {
    padding-top: 0 !important;
}

.blog-article .article-text p:not(:last-child) {
    margin-bottom: 30px;
}

.breadcrumbs {
    margin-top: 40px;
    font-size: 16px;
    line-height: normal;
    width: 100%;
    padding-bottom: 20px;
}

.block-banner + .breadcrumbs {
    margin-top: 0;
    border-bottom: 1px solid #d9d7d3;
    padding: 20px 0;
}

.block .inside-limit .breadcrumbs {
    margin-top: 0;
}

.block .inside-limit figure + .breadcrumbs {
    margin-top: 40px;
}

.block .inside-limit .breadcrumbs .container {
    margin-left: 0;
    padding-left: 0 !important;
    width: 100% !important;
}

.breadcrumbs .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.block .breadcrumbs .container {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }

    .blog-categories {
        flex-wrap: wrap;
    }
}

.breadcrumbs a {
    position: relative;
    margin-right: 30px;
    color: #06226e;
}

.breadcrumbs a:before {
    display: block;
    content: "";
    width: 10px;
    height: 9px;
    background: transparent
        url(/themes/universalbank/assets/img/breadcrumb-arrow.svg) no-repeat
        center;
    background-size: 10px 9px;
    position: absolute;
    top: 6px;
    right: -20px;
}

.breadcrumbs span {
    color: #343434;
}

.block .inside-limit p img {
    height: auto !important;
}

@media screen and (max-width: 639px) {
    #forYouForm .input-item {
        margin-bottom: 15px !important;
    }

    #forYouForm .input-item:last-child {
        margin-bottom: 15px !important;
        padding-right: 10px !important;
    }

    #forYouForm .form-group > .input-item.col-sm-offset-2 + .input-item {
        margin-bottom: 0 !important;
        margin-top: 15px !important;
        padding-right: 0 !important;
    }

    .footer .row-list {
        padding-left: 0;
    }

    .landing .inside-limit .row-list {
        padding-left: 0;
    }

    .landing .inside-limit .row-list ul {
        width: 100%;
    }

    .landing .inside-limit .row-list li {
        padding-left: 0;
        width: 100%;
    }

    .inside-limit li:before {
        left: calc(50% - 10px) !important;
    }
}

.block_graph .list_graph.width70:only-child {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.nav-mobile .nav-item {
    position: relative;
}

.nav-mobile .nav-item .nav-link + .nav-sub:before {
    display: block;
    content: "";
    background: url("/themes/universalbank/assets/img/select-arr-blue.svg")
        center no-repeat;
    background-size: auto;
    background-size: contain;
    width: 20px;
    height: 14px;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    top: 45px;
    right: 35px;
}

.nav-mobile .nav-item .nav-sub .nav-link + .nav-sub:before {
    background: url("/themes/universalbank/assets/img/select-arr.svg") center
        no-repeat;
    background-size: contain;
}

.nav-mobile .nav-item .nav-link.open-mobile-first + .nav-sub:before {
    transform: rotate(-180deg);
}

.nav-mobile .nav-item .nav-sub .nav-item .nav-link {
    background-color: #fff;
    padding-left: 70px !important;
    position: relative;
}

.nav-mobile .nav-item .nav-sub .nav-sub .nav-link:before {
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #3d67de;
    top: calc(50% - 4px);
    left: 15px;
}

.header .callback-buttons-container {
    position: absolute;
    right: 0;
    bottom: -14px;
}

.header .callback-buttons {
    display: flex;
    align-items: center;
}

.header .callback-button {
    padding: 8px 9px 8px 34px;
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    position: relative;
    border-radius: 30px;
    line-height: 1;
    position: relative;
}

.header .callback-button.chat-button {
    margin-right: 15px;
}

.header .callback-button:before {
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 7px);
}

.header .callback-button.chat-button:before {
    width: 16px;
    height: 14px;
    background: transparent url("../img/chat.svg") center no-repeat;
    left: 9px;
    background-size: cover;
}

.header .callback-button.phone-button:before {
    width: 14px;
    height: 14px;
    background: transparent url("../img/phone.svg") center no-repeat;
    left: 10px;
    background-size: cover;
}

.header .callback-button.green {
    background-color: #69b017;
}

.header .callback-button.red {
    /*background-color: #E64C3D;*/
    background-color: #134b94;
}

.header .callback-button.blue {
    background-color: #134b94;
}

.header .callback-button.offline {
    background-color: #7ea94c;
    color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1300px) {
    .header .callback-buttons-container {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding-right: 15px;
    }

    .header .callback-button {
        font-size: 11px;
    }
}

@media screen and (max-width: 992px) {
    .header .header-inner .callback-buttons-container {
        position: fixed;
        bottom: 20px;
        padding-right: 20px;
        height: auto;
        width: auto;
        top: initial;
    }

    .safari-mobile .header .header-inner .callback-buttons-container {
        bottom: 85px;
    }

    .header .callback-button {
        font-size: 0;
        color: transparent;
        width: 33px;
        padding: 0;
    }

    .header .callback-button.chat-button {
        width: initial;
        font-size: 11px;
        color: #fff;
        padding-left: 32px;
        padding-right: 10px;
    }

    .header .callback-button:before {
        position: static;
    }

    .header .callback-button.chat-button:before {
        position: absolute;
    }
}

@media screen and (min-width: 992px) {
    .landing .header ~ .c-land-block--header {
        padding-top: 145px;
    }

    .header.fixed ~ .main_slider_home {
        padding-top: 88px;
    }
}

@media screen and (max-width: 991px) {
    .landing.lottery-landing .banner-circle-logo {
        display: flex;
        justify-content: flex-end;
        position: static;
    }
}

@media screen and (max-width: 991px) and (orientation: landscape) {
    .header .grid-top {
        height: 60px;
    }

    .header .logo img {
        max-width: 150px;
    }

    .header .header-links-container-inner {
        margin-top: 0;
    }

    .header .header-right-info {
        padding-top: 18px;
    }

    .header .menu-btn {
        margin-top: 22px !important;
    }

    .menu-bottom-wrapper {
        position: static !important;
    }

    .menu-bottom {
        position: static !important;
    }

    .utl-mobile .uptl_container-share {
        position: static !important;
    }

    .header-links-container-inner {
        display: flex;
        flex-direction: row !important;
        align-items: center;
    }

    .header .banking {
        margin-top: 0 !important;
    }

    .header .carreer-vacancy-link {
        width: 30px;
        height: 30px;
        background-position: center center;
        padding-left: 0;
        text-indent: -1000px;
        margin-right: 15px;
        background-position-y: center;
        margin-top: 0;
        margin-right: 0;
    }

    .header .banking-link {
        width: 30px;
        height: 30px;
        overflow: hidden;
        text-indent: 0;
        margin-top: 0;
        font-size: 0;
        background-position: center center;
        margin-right: 20px;
        padding-left: 0;
    }



    .landing .c-land-block--header.header-padding {
        margin-top: 60px;
    }

    .banner-circle-logo {
        bottom: 0;
    }

    .c-land-block--header .c-land-block__inner {
        min-height: initial;
    }
}

@media screen and (max-width: 991px) and (max-height: 400px) and (orientation: landscape) {
    .landing .c-land-block.c-land-block--header {
        padding-top: 60px;
        padding-bottom: 0;
        height: 100vh;
    }
}

@media screen and (max-width: 767px) {
    .landing .c-land-block--header .c-land-block__inner {
        min-height: 280px;
    }

    .landing .c-land-block--header .banner-circle-logo {
        bottom: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .landing.lottery-landing .c-land-block--header .banner-circle-logo {
        align-items: flex-end;
        justify-content: center;
    }

    .landing .c-land-block--header .banner-circle-logo img {
        position: static;
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .lottery-landing .c-land-block--header {
        min-height: 390px;
    }

    .landing .c-land-block--header .banner-circle-logo {
        justify-content: center;
        align-items: center;
        position: static;
    }

    .landing .c-land-block--header .c-land-block__inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 639px) and (orientation: portrait) {
    .landing .banner-circle-logo img {
        max-width: 90vw !important;
    }
}

@media screen and (min-width: 521px) and (max-width: 991px) and (orientation: landscape) {
    .header .list_header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 16px !important;
    }
}

@media screen and (max-width: 991px) and (orientation: portrait) {
    .landing .c-land-block.c-land-block--header {
        height: initial;
        padding-top: 100px;
    }

    .landing.lottery-landing .c-land-block.c-land-block--header {
        padding-top: 50px;
        min-height: initial;
    }

    .landing.lottery-landing .banner-circle-logo img {
        position: static;
    }

    .lottery-landing .c-land-block--header .c-land-block__inner {
        min-height: initial;
    }
}

@media screen and (max-width: 1199px) and (orientation: portrait) {
    .landing .banner-circle-logo img {
        max-width: 50vw;
        max-height: 280px;
    }
}

@media screen and (max-width: 639px) and (orientation: portrait) {
    .landing .c-land-block.c-land-block--header {
        padding-top: 60px;
    }

    .landing .c-land-block--header .c-land-block__inner,
    .lottery-landing .c-land-block--header .c-land-block__inner {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 520px) and (orientation: landscape) {
    .header .list_header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .landing .c-land-block--header h1,
    .landing .c-land-block--header h3,
    .landing .c-land-block--header .h3-title {
        padding-top: 30px !important;
    }

    .banner-circle-logo img {
        max-width: 60vw;
        max-height: 60vw;
        width: initial;
    }
}

@media screen and (max-width: 767px) {
    .block .inside-limit .breadcrumbs + .block-title {
        padding-top: 0 !important;
    }

    .inside-limit p .fr-video {
        position: relative;
        padding-bottom: 52.25%;
        display: block;
    }

    .inside-limit p iframe {
        width: 100% !important;
        max-width: 600px;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }

    .list-one.row-list-wide li > .table > .cell img {
        width: 100%;
        max-height: initial;
    }
}

@media screen and (min-width: 640px) and (max-width: 1199px) {
    .blog-item-head {
        flex-direction: column-reverse;
    }

    .blog-item-head .left-block {
        margin-top: 10px;
    }
}

#longrad-block-model_dropdownIconDownloadFiles_1,
#longrad-block-model_downloadfile_1 {
    transform: translate(-50%, -50%);
}

#longrad-block-model_dropdownIconDownloadFiles_1 .content-holder,
#longrad-block-model_downloadfile_1 .content-holder {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

#longrad-block-model_dropdownIconDownloadFiles_1 .modal-title,
#longrad-block-model_downloadfile_1 .modal-title {
    margin-top: 0;
}

#longrad-block-model_dropdownIconDownloadFiles_1 .link_button,
#longrad-block-model_downloadfile_1 .link_button {
    color: #2e4478;
    text-decoration: underline;
    padding-left: 40px;
    background: url(/themes/universalbank/assets/img/icon-load-blue.svg)
        no-repeat left center;
    font-size: 17px;
}

#longrad-block-model_dropdownIconDownloadFiles_1
    .link_button:not(:last-of-type),
#longrad-block-model_downloadfile_1 .link_button:not(:last-of-type) {
    margin-bottom: 15px;
}

.block.bold-font-policy {
    font-weight: 600;
}
.block.tnr-font {
    font-family: "Times New Roman", Times, serif;
}

.block.tnr-font .block-title,
.block.tnr-font h2,
.block.tnr-font ul *,
.block.tnr-font ol *,
.block.tnr-font p * {
    font-family: inherit;
}

.block.tnr-font ul li,
.block.tnr-font ol li,
.block.tnr-font ol li span {
    font-size: inherit;
}

/* @media only screen and (max-width: 991px) {
    .block.tnr-font ul li,
    .block.tnr-font ol li,
    .block.tnr-font ol li span {
        font-size: 17px;
    }
} */

.block.tnr-font.font-size-12 {
    font-size: 12px;
}
.block.tnr-font.font-size-12 li::before {
    top: 6px;
}
.block.tnr-font.font-size-13 {
    font-size: 13px;
}
.block.tnr-font.font-size-13 li::before {
    top: 7px;
}
.block.tnr-font.font-size-14 {
    font-size: 14px;
}
.block.tnr-font.font-size-14 li::before {
    top: 8px;
}
.block.tnr-font.font-size-15 {
    font-size: 15px;
}
.block.tnr-font.font-size-15 li::before {
    top: 9px;
}
.block.tnr-font.font-size-16 {
    font-size: 16px;
}
.block.tnr-font.font-size-16 li::before {
    top: 10px;
}
.block.tnr-font.font-size-17 {
    font-size: 17px;
}
.block.tnr-font.font-size-17 li::before {
    top: 11px;
}
.block.tnr-font.font-size-18 {
    font-size: 18px;
}
.block.tnr-font.font-size-18 li::before {
    top: 13px;
}
.block.tnr-font.font-size-19 {
    font-size: 19px;
}
.block.tnr-font.font-size-19 li::before {
    top: 13px;
}
.block.tnr-font.font-size-20 {
    font-size: 20px;
}
.block.tnr-font.font-size-20 li::before {
    top: 14px;
}
.block.tnr-font.font-size-21 {
    font-size: 21px;
}
.block.tnr-font.font-size-21 li::before {
    top: 15px;
}
.block.tnr-font.font-size-22 {
    font-size: 22px;
}
.block.tnr-font.font-size-22 li::before {
    top: 16px;
}
.block.tnr-font.font-size-23 {
    font-size: 23px;
}
.block.tnr-font.font-size-23 li::before {
    top: 17px;
}
.block.tnr-font.font-size-24 {
    font-size: 24px;
}
.block.tnr-font.font-size-24 li::before {
    top: 18px;
}
.block.frame-block-policy .inside-limit {
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #123e8d;
}
.block.bold-font-policy p,
.block.bold-font-policy li {
    font-size: inherit;
    font-weight: 600;
}


.block-map {
    padding-top: 50px;
}

.block-map .map_title {
    font-size: 32px;
    line-height: 39px;
    font-weight: 400;
    color: #343434;
    margin-bottom: 0;
    text-align: left;
}

.block-map .map_head {
    margin-top: 50px;
}

.block-map .map_head-controls {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    align-items: flex-end;
    justify-content: space-between;
    /* padding-bottom: 20px; */
    /* border-bottom: 1px solid #D7D5D1; */
}

.block-map .map_list-categories {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d5d1;
    flex-shrink: 0;
    border-bottom: 1px solid #d7d5d1;
}

.block-map .map_list-category {
    font-size: 18px;
    line-height: 22px;
    color: #333;
    user-select: none;
    position: relative;
}

.block-map .map_list-category.active {
    font-weight: 700;
    pointer-events: none;
}

.block-map .map_list-category:not(.active) {
    cursor: pointer;
}

.block-map .map_list-category.active::after {
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    display: block;
    background-color: #113f91;
    height: 2px;
    content: "";
}

.block-map .map_list-category:not(:last-child) {
    margin-right: 30px;
}
.block-map .map_list-category.map-category-departments,
.block-map .map_list-category.map-category-day-night {
    padding-left: 24px;
}
.block-map .map_list-category.map-category-departments::before,
.block-map .map_list-category.map-category-day-night::before {
    display: block;
    content: "";
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.block-map .map_list-category.map-category-departments::before {
    background-image: url("../img/map/marker-atm-red.svg");
}
.block-map .map_list-category.map-category-day-night::before {
    background-image: url("../img/map/marker-uni-blue.svg");
}

.block-map .map_view-switchers {
    display: flex;
    align-items: center;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    color: #333;
    font-size: 15px;
    line-height: 18px;
    user-select: none;
    border-bottom: 1px solid #d7d5d1;
    flex-grow: 1;
    justify-content: flex-end;
}

.block-map .map_view-switchers span {
    color: inherit;
}

.block-map .map_view-nearby {
    margin-right: 20px;
    cursor: pointer;
    color: #de1e23;
}

.block-map .map_view-nearby svg path {
    fill: currentColor;
}

.block-map .map_view-switcher {
    display: flex;
    align-items: center;
    user-select: none;
}

.block-map .map_view-switcher.active {
    color: #113f91;
    pointer-events: none;
}

.block-map .map_view-switcher:not(.active) {
    cursor: pointer;
}

.block-map .map_view-switcher:not(:last-child) {
    margin-right: 20px;
}

.block-map .map_view-switcher svg {
    display: block;
}

.block-map .map_view-switcher span {
    margin-left: 5px;
}

.block-map .map_head-checkboxes {
    display: flex;
    align-items: center;
    padding-top: 30px;
    width: 100%;
}

.block-map .map_checkbox-label {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0;
}

.block-map .map_checkbox-label:not(:last-child) {
    margin-right: 20px;
}

.block-map .map_checkbox-custom {
    width: 14px;
    height: 14px;
    border: 1px solid #113f91;
    border-radius: 3px;
    flex-shrink: 0;
    display: block;
    margin-right: 5px;
    position: relative;
}

.block-map .map_checkbox-custom::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent url("../img/icon-check-small-blue.svg") center
        no-repeat;
    background-size: 12px 9px;
    opacity: 0;
    transition: opacity 0.3s;
}

.block-map input:checked + .map_checkbox-custom::before {
    opacity: 1;
}

.block-map .map_tab-frame {
    position: relative;
    margin-top: 30px;
}

.block-map #map-frame {
    background-color: #ccc;
    width: 100%;
    height: 710px;
}

.block-map .map_search-form_wrapper {
    width: 100%;
    max-width: 570px;
    z-index: 2;
    overflow: hidden;
    border-radius: 7px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.block-map .map_tab-frame .map_search-form_wrapper {
    position: absolute;
    right: 20px;
    top: 20px;
}

.block-map .map_search-form {
    display: flex;
    align-items: center;
    position: relative;
}

.block-map .map_search-input {
    width: 100%;
    height: 50px;
    flex-grow: 1;
    background: #fff;
    font-size: 18px;
    border: 0;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 50px;
    color: #919191;
}

.block-map .map_search-input::placeholder {
    opacity: 1;
}

.block-map .map_search-reset {
    width: 50px;
    height: 50px;
    border: 0;
    background: transparent url("../img/icon-close-blue.svg") center no-repeat;
    background-size: 18px;
    flex-shrink: 0;
    position: absolute;
    right: 35px;
    top: 0;
    z-index: 2;
    padding: 0;
}

.block-map .map_search-submit {
    width: 50px;
    height: 50px;
    border: 0;
    background: transparent url("../img/icon-search.svg") center no-repeat;
    background-size: 18px;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 0;
}

.block-map .map_search-results {
    max-height: 204px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #d7d5d1;
    background-color: #fff;
}
.block-map .map_search-results:empty {
    display: none;
}

.block-map .map_search-item {
    font-size: 18px;
    line-height: 42px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;

    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 6px center;
}
.block-map .map_search-item-noresults {
    font-size: 18px;
    line-height: 42px;
    padding-left: 30px;
}

.block-map .map_search-item:hover {
    background-color: rgba(18, 65, 145, 0.05);
}

.block-map .map_tab {
    display: none;
}

.block-map .map_tab.open {
    display: flex;
}

.block-map .map_tab-list {
    /* width: 100%; */
    /* display: flex; */
    flex-direction: column;
    align-items: flex-end;
    padding-top: 50px;
}

.block-map .map_list-items {
    margin-top: 20px;
    padding-bottom: 60px;
    width: 100%;
}

.block-map .map_list-item {
    display: flex;
    align-items: flex-start;
    width: 100%;
    border-top: 1px solid #d7d5d1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.block-map .map_list-item_column:nth-child(1) {
    width: 30%;
}

.block-map .map_list-item_column:nth-child(2) {
    width: 20%;
}

.block-map .map_list-item_column:nth-child(3) {
    width: 50%;
}
.block-map .map_list-item_column:not(:last-child) {
    padding-right: 15px;
}

.block-map .map_list-item_group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.block-map .map_list-item_group:not(:last-child) {
    margin-bottom: 20px;
}

.block-map .map_list-item_group-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    color: #8f8f8f;
    position: relative;
}

.block-map .map_list-item_group-title .duty-department {
    display: inline-block;
    padding: 0px 4px;
    /* background: #DE1E23; */
    background: #031F70;
    /* todo
    background: $brand-red; */
    border-radius: 4px;
    color: #fff;
}

.block-map .map_list-item_group-title .air_alarm-department {
    display: inline-block;
    padding: 0px 4px;
    background: #DE1E23;
    border-radius: 4px;
    color: #fff;
}

.block-map .map_list-item_group-title .open-department {
    display: inline-block;
    padding: 0px 4px;
    background: green;
    border-radius: 4px;
    color: #fff;
}

.block-map .map_list-item_group-title .closed-department {
    display: inline-block;
    padding: 0px 4px;
    background: gray;
    border-radius: 4px;
    color: #fff;
}
.block-map .departament-popup {
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    box-shadow: 7px 9px 22px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 16px 24px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ECF0F1;
    /* width: 188px; */
    width: 220px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 16px);
    z-index: 2;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.56;
    color: rgba(0,0,0,.7);
}
.block-map .departament-popup::before,
.block-map .departament-popup::after {
    content: '';
    /* right: calc(100% - 1px); */
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.block-map .departament-popup::before {
    border-width: 8px 9px 8px 0;
    border-color: transparent #ECF0F1 transparent transparent;
}
.block-map .departament-popup::after {
    border-width: 7px 8px 7px 0;
    border-color: transparent #fff transparent transparent;
}

@media screen and (max-width: 767px) {
    .block-map .departament-popup {
        top: calc(100% + 16px);
        transform: initial;
        left: calc(100% - 100px);
    }
    .block-map .departament-popup::before,
    .block-map .departament-popup::after{
        right: initial;
        top: initial;
        transform: initial;
        bottom: 100%;
    }
    .block-map .departament-popup::before {
        border-width: 0 8px 9px 8px;
        border-color: transparent transparent #ECF0F1 transparent;
        left: 55px;
    }
    .block-map .departament-popup::after {
        border-width: 0 7px 8px 7px;
        border-color: transparent transparent #fff transparent;
        left: 56px;
    }
}

.block-map .map_list-item_group-title .duty-department:hover + .departament-popup ,
.block-map .map_list-item_group-title .open-department:hover + .departament-popup ,
.block-map .map_list-item_group-title .closed-department:hover + .departament-popup {
    opacity: 1;
    pointer-events: auto;
}

.block-map .map_list-item_group-value {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
}

.block-map .map_list-item_group-value[address] mark {
    padding: 0;
    background-color: yellow;
}

.block-map mark {
    padding: 0;
    color: inherit;
    background-color: transparent;
}

.block-map .map_list-item_services {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 15px;
}

.block-map .map_list-item_service {
    padding-left: 26px;
    position: relative;
    background-color: transparent;
    background-position: left top;
    background-size: 20px;
    background-repeat: no-repeat;
}

/* .block-map .map_list-item_service::before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.block-map .map_list-item_service-commercial::before {
    background-image: url('../img/map-list-icon-1.svg');
}

.block-map .map_list-item_service-disabilities::before {
    background-image: url('../img/map-list-icon-2.svg');
}

.block-map .map_list-item_service-cashier::before,
.block-map .map_list-item_service-atm::before {
    background-image: url('../img/map-list-icon-3.svg');
}

.block-map .map_list-item_service-ibox::before {
    background-image: url('../img/map-list-icon-4.svg');
} */

/* mobile filters group */
.map_mobile-filters_button {
    color: #113f91;
    display: none;
    align-items: center;
    border: 0;
    background-color: transparent;
    padding: 0;
}

.map_mobile-filters_button svg {
    display: block;
}

.map_mobile-filters_button span {
    margin-left: 6px;
    color: inherit;
}

/* mobile filters popup */
.map_mobile-filters_popup {
    background-color: #fff;
    width: 100vw;
    height: calc(100vh - 100px);
    position: fixed;
    right: -100vh;
    top: 100px;
    /* z-index 5000 header */
    z-index: 4999;
    padding: 20px 15px;
    /* display: flex; */
    display: none;
    flex-direction: column;
    pointer-events: none;
    opacity: 0;
    transition: 0.3s;
}

.map_mobile-filters_popup.open {
    right: 0;
    pointer-events: auto;
    opacity: 1;
}

/* .map_mobile-filters_popup-return {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 1.3;
    color: #113f91;
    position: relative;
    border: 0;
    background-color: transparent;
    align-self: flex-start;
}
.map_mobile-filters_popup-return::before {
    display: block;
    content: '';
    background: transparent url('../img/icon-return-blue.svg') center no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.map_mobile-filters_popup-return span {
    padding-top: 2px;
} */
.map_mobile-filters_popup-close {
    width: 17px;
    height: 17px;
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 15px;
    border: 0;
    padding: 0;
    background: transparent url("../img/icon-close-blue.svg") center no-repeat;
    background-size: contain;
}

.map_mobile-filters_popup-title {
    font-size: 30px;
    line-height: 37px;
    /* margin-top: 10px; */
}

.map_mobile-filters_popup-checkboxes {
    margin-bottom: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.map_mobile-filters_popup-checkbox {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    line-height: 18px;
    color: #333;
    user-select: none;
}

.map_mobile-filters_popup-checkbox:not(:last-child) {
    margin-bottom: 14px;
}

.map_mobile-filters_popup-checkbox .checkbox-custom {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #d7d5d1;
    flex-shrink: 0;
    margin-right: 6px;
    position: relative;
}

.map_mobile-filters_popup-checkbox .checkbox-custom::before {
    opacity: 0;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent url("../img/icon-check-small-blue.svg") center
        no-repeat;
    background-size: 12px 9px;
    transition: 0.3s;
}

.map_mobile-filters_popup-checkbox input:checked ~ .checkbox-custom {
    border-color: #113f91;
}

.map_mobile-filters_popup-checkbox input:checked ~ .checkbox-custom::before {
    opacity: 1;
}

.map_mobile-filters_popup-controls {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.map_mobile-filters_popup-control {
    width: 100%;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #113f91;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.map_mobile-filters_popup-control:not(:last-child) {
    margin-bottom: 10px;
}

.map_mobile-filters_popup-apply {
    color: #fff;
    background-color: #113f91;
}

.map_mobile-filters_popup-reset {
    color: #113f91;
    background-color: #fff;
}

/* end mobile filters group */

/* map info popup */
.map_info-popup {
    /* width: 280px; */
    width: 320px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 22.8244px rgba(0, 0, 0, 0.1);
    padding: 20px 0 50px;
    z-index: 2;
}

.map_info-popup::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: calc(50% - 6px);
}

/* .map_info-popup_return {
    display: none;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 1.3;
    color: #113f91;
    position: relative;
    border: 0;
    background-color: transparent;
    align-self: flex-start;
}
.map_info-popup_return::before {
    display: block;
    content: '';
    background: transparent url('../img/icon-return-blue.svg') center no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.map_info-popup_return span {
    padding-top: 2px;
} */
.map_info-popup_close {
    position: absolute;
    padding: 0;
    width: 25px;
    height: 25px;
    top: 0;
    right: 4px;
    background: transparent url("../img/icon-close-small-black.svg") center
        no-repeat;
    background-size: 9px;
    border: 0;
}

.map_info-popup_title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #113f91;
    padding: 0 15px;
}

.map_info-popup_address {
    padding: 0 15px;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    margin-top: 5px;
}

.map_info-popup_address span {
    display: none;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: #8f8f8f;
}

.map_info-popup_params {
    margin-top: 14px;
    border-top: 1px solid #d7d5d1;
    padding: 12px 15px 0;
}

.map_info-popup_params-group {
    display: flex;
    align-items: baseline;
}

.map_info-popup_params-group:not(:last-child) {
    margin-bottom: 20px;
}

.map_info-popup_params-group.services-group {
    align-items: flex-start;
}

.map_info-popup_params-title {
    font-size: 13px;
    line-height: 16px;
    color: #8f8f8f;
    width: 50%;
    flex-shrink: 0;
}

.map_info-popup_params-value {
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    display: flex;
    flex-direction: column;
    /* width: 50%; */
}

.map_info-popup_services {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: repeat(auto-fill, minmax(20px, 1fr));
    grid-row-gap: 12px;
    grid-column-gap: 10px;
    width: 100%;
    justify-content: start;
}

.map_info-popup_service-item {
    display: flex;
}

.map_info-popup_service-item .icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    display: block;
}

/* .map_info-popup_service-item:not(:last-child) {
    margin-right: 20px;
} */
/* .map_info-popup_service-item .commercial {
    background-image: url('../img/map-list-icon-1.svg');
}

.map_info-popup_service-item .disabilities {
    background-image: url('../img/map-list-icon-2.svg');
}

.map_info-popup_service-item .cashier,
.map_info-popup_service-item .atm {
    background-image: url('../img/map-list-icon-3.svg');
}

.map_info-popup_service-item .ibox {
    background-image: url('../img/map-list-icon-4.svg');
} */

.map_info-popup_service-item .text {
    display: none;
    font-size: 16px;
    line-height: 1.2;
    margin-left: 5px;
}

.block-map #map-frame .gm-style {
    font: inherit;
}
.block-map #map-frame .gm-style .gm-style-iw {
    padding: 0;
    box-shadow: initial;
}
.block-map #map-frame .gm-ui-hover-effect {
    position: absolute;
    padding: 0;
    width: 25px !important;
    height: 25px !important;
    top: 0 !important;
    right: 4px !important;
    background: transparent url("../img/icon-close-small-black.svg") center
        no-repeat !important;
    background-size: 9px !important;
    border: 0 !important;
    outline: none !important;
    opacity: 1;
}
.block-map #map-frame .gm-ui-hover-effect * {
    display: none !important;
}
.block-map #map-frame .gm-style .gm-style-iw span {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}
.block-map #map-frame .gm-style .gm-style-iw .map_info-popup_address span {
    font-size: 15px;
    color: #8f8f8f;
    line-height: 18px;
}

/* end map info popup */

.block-remote-payments {
    padding-top: 70px;
    padding-bottom: 80px;
    border-top: 1px solid #d7d5d1;
}

.block-remote-payments .block-title {
    font-size: 32px;
    line-height: 39px;
    color: #343434;
    opacity: 1;
}

.block-remote-payments .payment-columns {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.block-remote-payments .payment-column-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #113f91;
}

.block-remote-payments .payment-column-content {
    display: flex;
    margin-top: 24px;
}

.block-remote-payments .payment-group:not(:last-child) {
    margin-right: 40px;
}

.block-remote-payments .payment-group-app {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 22px;
    color: #333;
}

.block-remote-payments .payment-group-app img {
    max-width: 30px;
    margin-right: 5px;
}

.block-remote-payments .payment-group-app span {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.block-remote-payments .payment-group-qr {
    max-width: 156px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0px 0.821477px 8.21477px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-top: 12px;
}

.block-remote-payments .payment-group-qr img {
    width: 100%;
}

.block-remote-payments .atm-column {
    text-align: right;
}

.block-remote-payments .atm-column .payment-column-content {
    padding-top: 60px;
}

.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    top: 80px;
    right: 50px !important;
}



@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes trees {
    0% { opacity: 0; }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes lights {
    0% { opacity: 0; }
    1% {
        opacity: 1;
    }
    1.5% {
        opacity: 0.5;
    }
    2% {
        opacity: 1;
    }
    2.5% {
        opacity: 0;
    }
    3% {
        opacity: 1;
    }
    3.5% {
        opacity: 0;
    }
    4% {
        opacity: 1;
    }
    4.5% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    5.5% {
        opacity: 0;
    }
    6% {
        opacity: 1;
    }
    6.5% {
        opacity: 0;
    }
    7% {
        opacity: 1;
    }
    7.5% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    8.5% {
        opacity: 0;
    }
    9% {
        opacity: 1;
    }
    9.5% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    10.5% {
        opacity: 0;
    }
    11% {
        opacity: 1;
    }
    11.5% {
        opacity: 0;
    }
    12% {
        opacity: 1;
    }
    12.5% {
        opacity: 0;
    }
    13% {
        opacity: 1;
    }
    13.5% {
        opacity: 0;
    }
    14% {
        opacity: 1;
    }
    14.5% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    15.5% {
        opacity: 0;
    }
    16% {
        opacity: 1;
    }
    16.5% {
        opacity: 0;
    }
    17% {
        opacity: 1;
    }
    17.5% {
        opacity: 0;
    }
    18% {
        opacity: 1;
    }
    18.5% {
        opacity: 0;
    }
    19% {
        opacity: 1;
    }
    19.5% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    20.5% {
        opacity: 0;
    }
    21% {
        opacity: 1;
    }
    21.5% {
        opacity: 0;
    }
    22% {
        opacity: 1;
    }
    22.5% {
        opacity: 0;
    }
    23% {
        opacity: 1;
    }
    23.5% {
        opacity: 0;
    }
    24% {
        opacity: 1;
    }
    24.5% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    25.5% {
        opacity: 0;
    }
    26% {
        opacity: 1;
    }
    26.5% {
        opacity: 0;
    }
    27% {
        opacity: 1;
    }
    27.5% {
        opacity: 0;
    }
    28% {
        opacity: 1;
    }
    28.5% {
        opacity: 0;
    }
    29% {
        opacity: 1;
    }
    29.5% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    30.5% {
        opacity: 0;
    }
    31% {
        opacity: 1;
    }
    31.5% {
        opacity: 0;
    }
    32% {
        opacity: 1;
    }
    32.5% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    33.5% {
        opacity: 0;
    }
    34% {
        opacity: 1;
    }
    34.5% {
        opacity: 0;
    }
    35% {
        opacity: 1;
    }
    35.5% {
        opacity: 0;
    }
    36% {
        opacity: 1;
    }
    36.5% {
        opacity: 0;
    }
    37% {
        opacity: 1;
    }
    37.5% {
        opacity: 0;
    }
    38% {
        opacity: 1;
    }
    38.5% {
        opacity: 0;
    }
    39% {
        opacity: 1;
    }
    39.5% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    40.5% {
        opacity: 0;
    }
    41% {
        opacity: 1;
    }
    41.5% {
        opacity: 0;
    }
    42% {
        opacity: 1;
    }
    42.5% {
        opacity: 0;
    }
    43% {
        opacity: 1;
    }
    43.5% {
        opacity: 0;
    }
    44% {
        opacity: 1;
    }
    44.5% {
        opacity: 0;
    }
    45% {
        opacity: 1;
    }
    45.5% {
        opacity: 0;
    }
    46% {
        opacity: 1;
    }
    46.5% {
        opacity: 0;
    }
    47% {
        opacity: 1;
    }
    47.5% {
        opacity: 0;
    }
    48% {
        opacity: 1;
    }
    48.5% {
        opacity: 0;
    }
    49% {
        opacity: 1;
    }
    49.5% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    50.5% {
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
    51.5% {
        opacity: 0;
    }
    52% {
        opacity: 1;
    }
    52.5% {
        opacity: 0;
    }
    53% {
        opacity: 1;
    }
    53.5% {
        opacity: 0;
    }
    54% {
        opacity: 1;
    }
    54.5% {
        opacity: 0;
    }
    55% {
        opacity: 1;
    }
    55.5% {
        opacity: 0;
    }
    56% {
        opacity: 1;
    }
    56.5% {
        opacity: 0;
    }
    57% {
        opacity: 1;
    }
    57.5% {
        opacity: 0;
    }
    58% {
        opacity: 1;
    }
    58.5% {
        opacity: 0;
    }
    59% {
        opacity: 1;
    }
    59.5% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    60.5% {
        opacity: 0;
    }
    61% {
        opacity: 1;
    }
    61.5% {
        opacity: 0;
    }
    62% {
        opacity: 1;
    }
    62.5% {
        opacity: 0;
    }
    63% {
        opacity: 1;
    }
    63.5% {
        opacity: 0;
    }
    64% {
        opacity: 1;
    }
    64.5% {
        opacity: 0;
    }
    65% {
        opacity: 1;
    }
    65.5% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    66.5% {
        opacity: 0;
    }
    67% {
        opacity: 1;
    }
    67.5% {
        opacity: 0;
    }
    68% {
        opacity: 1;
    }
    68.5% {
        opacity: 0;
    }
    69% {
        opacity: 1;
    }
    69.5% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    70.5% {
        opacity: 0;
    }
    71% {
        opacity: 1;
    }
    71.5% {
        opacity: 0;
    }
    72% {
        opacity: 1;
    }
    72.5% {
        opacity: 0;
    }
    73% {
        opacity: 1;
    }
    73.5% {
        opacity: 0;
    }
    74% {
        opacity: 1;
    }
    74.5% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    75.5% {
        opacity: 0;
    }
    76% {
        opacity: 1;
    }
    76.5% {
        opacity: 0;
    }
    77% {
        opacity: 1;
    }
    77.5% {
        opacity: 0;
    }
    78% {
        opacity: 1;
    }
    78.5% {
        opacity: 0;
    }
    79% {
        opacity: 1;
    }
    79.5% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    80.5% {
        opacity: 0;
    }
    81% {
        opacity: 1;
    }
    81.5% {
        opacity: 0;
    }
    82% {
        opacity: 1;
    }
    82.5% {
        opacity: 0;
    }
    83% {
        opacity: 1;
    }
    83.5% {
        opacity: 0;
    }
    84% {
        opacity: 1;
    }
    84.5% {
        opacity: 0;
    }
    85% {
        opacity: 1;
    }
    85.5% {
        opacity: 0;
    }
    86% {
        opacity: 1;
    }
    86.5% {
        opacity: 0;
    }
    87% {
        opacity: 1;
    }
    87.5% {
        opacity: 0;
    }
    88% {
        opacity: 1;
    }
    88.5% {
        opacity: 0;
    }
    89% {
        opacity: 1;
    }
    89.5% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    90.5% {
        opacity: 0;
    }
    91% {
        opacity: 1;
    }
    91.5% {
        opacity: 0;
    }
    92% {
        opacity: 1;
    }
    92.5% {
        opacity: 0;
    }
    93% {
        opacity: 1;
    }
    93.5% {
        opacity: 0;
    }
    94% {
        opacity: 1;
    }
    94.5% {
        opacity: 0;
    }
    95% {
        opacity: 1;
    }
    95.5% {
        opacity: 0;
    }
    96% {
        opacity: 1;
    }
    96.5% {
        opacity: 0;
    }
    97% {
        opacity: 1;
    }
    97.5% {
        opacity: 0;
    }
    98% {
        opacity: 1;
    }
    98.5% {
        opacity: 0;
    }
    99% {
        opacity: 1;
    }
    99.5% {
        opacity: 0;
    }
}
@keyframes scale-flakes {
    0% {
        /* transform: scale(1); */
        bottom: calc(30%);
        margin-left: 0;
    }
    10% {
        /* transform: scale(.94); */
        bottom: calc(30% + 15px);
        margin-left: 10px;
    }
    20% {
        /* transform: scale(1.02); */
        bottom: calc(30% + 5px);
        margin-left: -10px;
    }
    30% {
        /* transform: scale(.98); */
        bottom: calc(30% + 10px);
        margin-left: 20px;
    }
    40% {
        /* transform: scale(1); */
        bottom: calc(30% - 5px);
        margin-left: 0px;
    }
    50% {
        /* transform: scale(1); */
        bottom: calc(30% + 5px);
        margin-left: -10px;
    }
    60% {
        /* transform: scale(1); */
        bottom: calc(30% - 10px);
        margin-left: 20px;
    }
    70% {
        /* transform: scale(1); */
        bottom: calc(30% + 10px);
    }
    80% {
        /* transform: scale(1); */
        bottom: calc(30% -10px);
    }
    90% {
        /* transform: scale(1); */
        bottom: calc(30% + 5px);
        margin-left: -10px;
    }
    10% {
        /* transform: scale(1); */
        bottom: calc(30%);
        margin-left: 0
    }
}
@keyframes snow-dots {
    0% {
        top: -100%;
        opacity: 0;
    }
    25% {
        top: 0;
        opacity: .75;
    }
    50% {
        top: 50%;
        opacity: 1;
    }
    75% {
        top: 100%;
        opacity: .5;
    }
    100% {
        top: 150%;
        opacity: 0;
    }
}
@keyframes santa-move {
    0% {
        opacity: 0;
        left: -50%;
        transform: rotate(-15deg);
        bottom: 125px;
    }
    20% {
        opacity: 1;
        left: 0;
        transform: rotate(5deg);
        bottom: 150px;
        opacity: 1;
    }
    40% {
        left: 33%;
        transform: rotate(-10deg);
        bottom: 110px;
        opacity: 1;

    }
    60% {
        left: 66%;
        transform: rotate(10deg);
        bottom: 100px;
        opacity: 1;
    }
    80% {
        left: 100%;
        transform: rotate(-15deg);
        bottom: 120px;
        opacity: 1;
    }
    100% {
        left: 133%;
        transform: rotate(0%);
        bottom: 100px;
    }

}

.new-year-figures {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    animation: fadein .5s linear;
    overflow: hidden;
    pointer-events: none;
}
.new-year-figures .snowflakes-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.new-year-figures img {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}
.new-year-figures .bg {
    margin: auto;
    animation: fadein .25s linear;
    animation-delay: .5s;
}
.new-year-figures .trees {
    width: 100%;
    position: relative;
    animation: trees 2s linear;
    animation-delay: .75s;
}
.new-year-figures .lights {
    width: 100%;
    animation-name: lights;
    animation-duration: 50s;
    animation-timing-function: linear infinite;
    opacity: 0;
}
.new-year-figures .lights.left {
    animation-delay: 2.4s;
}
.new-year-figures .lights.center {
    animation-delay: 2.85s;
}
.new-year-figures .lights.right {
    animation-delay: 3.3s;
}
.new-year-figures .flakes {
    animation-delay: 1s;
    animation: scale-flakes 8s linear infinite;
    bottom: 30%;
}
.new-year-figures .dots {
    animation-delay: 1.25s;
    animation: snow-dots 8s linear;
    /* bottom: 20%; */
    opacity: 0;
}
.new-year-figures-santa {
    opacity: 0;
    animation-name: santa-move;
    animation-duration: 16s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    position: absolute;
    z-index: 100;
    mix-blend-mode: lighten;
    filter: invert(1);
}

@media only screen and (max-width: 640px) {
    .new-year-figures-santa {
        display: none;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1440px) {
    .nav-item:not(:first-child) {
        margin-left: 4%;
    }
}

@media screen and (max-width: 1350px) {
    .block-deposit-calculator .col {
        width: calc(50% - 28px);
    }
}
@media screen and (max-width: 1280px) {
    .block-map .map_list-item_column:nth-child(1) {
        width: 35%;
    }

    .block-map .map_list-item_column:nth-child(2) {
        width: 25%;
    }

    .block-map .map_list-item_column:nth-child(3) {
        width: 40%;
    }

    .block-map .map_list-item_services {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1199px) {
    .page-link-block {
        height: 240px;
        padding: 30px;
    }

    .page-link-title {
        font-size: 24px;
        margin-bottom: 0px;
    }

    .content-wrapper .bottom-slide-text {
        margin-left: 0;
        padding-left: 30px;
        margin-top: 15px;
    }

    .content-wrapper .slide-text {
        width: 100%;
    }

    .content-wrapper .slide-title-link {
        padding-left: 30px;
    }

    .content-wrapper .btn-link {
        left: 30px;
    }

    .content-wrapper .date {
        padding-left: 30px;
    }

    .page-link-block .page-link-group {
        bottom: 30px;
        left: 30px;
    }

    .page-link-block:not(.quarter) .page-link-title {
        font-size: 30px;
    }

    .page-link-block img {
        max-height: 190px;
    }

    .content-wrapper .blog-link-block .blog-slider-banner img {
        max-width: 250px;
    }

    .content-wrapper .page-link-block.blog-link-block,
    .content-wrapper .cell.slider-box {
        width: calc(50% - 10px);
    }

    .content-wrapper .blog-link-block .blog-slider-banner {
        left: initial;
    }

    .content-wrapper .blog-link-block .blog-link-text {
        width: 100%;
        padding-right: 0px;
    }

    .content-wrapper .blog-link-block.quarter .page-link-title {
        padding-right: 0;
    }

    .menu-bottom-wrapper .link {
        font-size: 14px;
    }

    .menu-bottom-wrapper .menu-bottom.four .link {
        font-size: 16px;
    }

    .block-details-three-columns .details-selectors {
        /* grid-gap: 16px; */
        grid-column-gap: 16px;
    }
    .block-details-three-columns .column-group {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    /* .block-details-three-columns .column-group.open {
        padding-left: 40px;
        padding-right: 40px;
    } */
    .block-details-three-columns .column-group-title {
        font-size: 32px;
        line-height: 1.25;
    }

    .block-deposit-calculator .calculator-container {
        flex-direction: column;
        align-items: center;
    }
    .block-deposit-calculator .col {
        width: 100%;
        max-width: 768px;
    }
    .block-deposit-calculator .col.left-column {
        padding-top: 0;
        max-width: 768px;
    }
    .block-deposit-calculator .col.right-column {
        margin-top: 30px;
        max-width: 768px;
    }
}

@media screen and (max-width: 1130px) {
    .carreer-vacancy-link {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .carreer-vacancy-link {
        padding-left: 21px;
    }

    .banking-link {
        padding-left: 19px;
    }
    .block-details-three-columns .details-selectors {
        grid-template-columns: 1fr;
    }
    .block-details-three-columns .column-group {
        align-items: center;
        grid-row: initial;
    }
    .block-details-three-columns .column-group-title {
        min-height: initial;
        font-size: 32px;
        line-height: 1.2;
    }
    .block-details-three-columns .column-group.open:nth-child(1) + .details-tab {
        grid-row: 2;
    }
    .block-details-three-columns .column-group.open:nth-child(3) + .details-tab {
        grid-row: 3;
    }
    .block-details-three-columns .column-group.open:nth-child(5) + .details-tab {
        grid-row: 4;
    }
    .block-details-three-columns .details-tab {
        grid-column: 1;
        grid-row: initial;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .content-wrapper .blog-link-block .blog-slider-banner img {
        max-width: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .page-link-block .page-link-title {
        max-width: 100%;
    }

    .content-wrapper .blog-link-block .blog-slider-banner {
        left: 0;
        padding-top: 100px;
    }
}

@media screen and (max-width: 991px) {
    .content-wrapper .bottom-list {
        justify-content: space-between;
    }

    .content-wrapper .cell.slider-box {
        width: calc(50% - 10px);
    }

    .page-link-block.quarter {
        width: calc(50% - 10px);
    }

    .content-wrapper .rate-table {
        width: calc(50% - 10px);
        position: static;
    }

    .content-wrapper .currencies-list .page-link-block.quarter {
        width: calc(50% - 10px);
    }

    .content-wrapper
        .currencies-list
        .rate-table:last-child:not(:nth-child(-n + 2)) {
        width: 100%;
        margin-top: 20px;
    }

    .bottom-list .slick-next {
        right: 36px;
    }

    .bottom-list .slick-prev {
        right: 106px;
    }

    .content-wrapper .all-mobile {
        display: inline-block !important;
        position: absolute !important;
        bottom: 30px !important;
        left: 35px !important;
        margin-bottom: 0 !important;
        width: auto;
        right: calc(100% - 110px);
        white-space: nowrap;
        margin-right: 0 !important;
    }

    /*.link-item:nth-child(5) {
        display: none !important;
    }*/
    .menu-bottom .link {
        padding: 0 !important;
        padding-left: 20px !important;
        display: flex;
        align-items: center;
    }

    .menu-bottom .link > div {
        display: flex;
        width: 100%;
    }

    .menu-bottom-wrapper .link-item span.branches {
        width: 60px;
        height: 60px;
        background-size: auto 25px;
    }

    .menu-bottom .link-item-text {
        max-width: calc(100% - 60px);
        word-break: break-word;
    }

    .content-wrapper .title-rate {
        margin-top: 0;
    }

    .home-banner {
        padding-top: 100px;
        min-height: auto;
    }

    .slider-banner .slide-info {
        padding-top: 120px;
    }

    .content-wrapper .slide-title-link {
        max-width: 100%;
    }

    .content-wrapper .date {
        margin-bottom: 0;
    }

    .footer .block.clearfix,
    .menu-bottom-wrapper + .block {
        padding-bottom: 0;
    }

    .page-link-block:not(.quarter) .page-link-title {
        font-size: 28px;
    }

    .content-wrapper .blog-link-block .slider {
        margin-top: 25px;
    }

    .content-wrapper .blog-link-block .blog-link {
        flex-direction: column-reverse;
    }

    .content-wrapper .blog-link-block .blog-item-photo {
        width: 100%;
        justify-content: flex-start;
    }

    .content-wrapper .blog-link-block .blog-link img {
        max-width: 300px;
        max-height: initial;
        width: 100%;
    }

    .content-wrapper .blog-link-block.quarter .page-link-title {
        padding-right: 0;
        margin-top: 0px;
        max-width: 100%;
        width: 100%;
    }

    .content-wrapper .blog-link-block .blog-link-text {
        width: 100%;
    }

    .carreer-vacancy-link {
        padding-left: 31px;
    }

    .banking-link {
        padding-left: 27px;
        white-space: nowrap;
    }

    .block-deposit-calculator .proposed-deposit-container {
        flex-direction: column;
    }

    .block-deposit-calculator
        .proposed-deposit-container
        .proposed-deposit-img {
        max-width: 320px;
        margin-top: 30px;
    }
    .block-details-three-columns .column-group-link .text {
        font-size: 15px;
        line-height: 1.86;
    }
}

@media screen and (max-width: 959px) {
    .block-remote-payments .payment-columns {
        flex-wrap: wrap;
        justify-content: center;
    }

    .block-remote-payments .payment-column {
        width: 50%;
        text-align: center;
    }

    .block-remote-payments .payment-column:not(:last-child) {
        margin-bottom: 50px;
    }

    .block-remote-payments .atm-column {
        text-align: center;
    }

    .block-remote-payments .payment-column-content {
        justify-content: center;
    }

    .block-remote-payments .atm-column .payment-column-content {
        padding-top: 0;
    }

    .block-remote-payments .payment-group-app {
        justify-content: center;
    }
}

@media screen and (max-width: 870px) {
    .phone-block > div {
        padding-right: 20px !important;
    }

    /* .header-inner .phone-block {
        width: 20% !important;
    } */

    .header-inner .internet-banking {
        width: 30% !important;
    }

    .body-inside .inside,
    .grid-list {
        padding-top: 100px;
    }
}

@media screen and (max-width: 767px) {
    .block-deposit-calculator .deposit-value-triggers {
        flex-direction: column;
        align-items: center;
    }

    .block-deposit-calculator .deposit-parameter-container {
        width: 100%;
        max-width: 320px;
    }

    .block-deposit-calculator .calculator-title {
        line-height: normal;
    }
    .block-details-three-columns .inside-limit {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .block-details-three-columns .column-group {
        padding-left: 20px;
        padding-right: 20px;
    }
    .block-details-three-columns .column-group:first-child {
        padding-top: 40px;
    }
    .block-details-three-columns .column-group:last-child {
        padding-bottom: 40px;
    }
    .block-details-three-columns .column-group-title {
        font-size: 28px;
    }
    .block-details-three-columns .column-group-link {
        margin-top: 15px;
        padding-left: 20px;
        width: 100%;
        justify-content: flex-start;
        text-align: left;
    }
    .block-details-three-columns .details-tab {
        padding: 30px 20px;
    }
    .block-deposit-calculator .proposed-deposit-container {
        text-align: center;
    }
    .block-deposit-calculator .selected-deposit-profit {
        text-align: center !important;
        align-items: center;
    }
    .content-wrapper .cell.slider-box {
        width: 100%;
    }

    .page-link-block.quarter,
    .content-wrapper .page-link-block.blog-link-block,
    .content-wrapper .cell.slider-box {
        width: 100%;
        max-width: 100%;
    }

    .content-wrapper .page-link-block.blog-link-block {
        padding-left: 30px;
    }

    .content-wrapper .currencies-list .page-link-block.quarter {
        width: 100%;
        margin-bottom: 20px;
    }

    .content-wrapper
        .currencies-list
        .rate-table:last-child:not(:nth-child(-n + 2)) {
        margin-top: 0;
    }

    .content-wrapper .cell.slider-box:nth-child(1) {
        margin-bottom: 20px;
    }

    .content-wrapper .rate-table {
        width: 100%;
        position: static;
    }

    .content-wrapper .rate-table:not(:last-child) {
        margin-bottom: 20px;
    }

    .content-wrapper .bottom-list {
        display: block;
    }

    .page-link-block:not(.quarter) .page-link-title {
        font-size: 24px;
    }

    .page-link-block.quarter .page-link-title {
        font-size: 24px;
    }

    .content-wrapper .slider-box .slider-title {
        padding-left: 30px;
        max-width: 100%;
    }

    .content-wrapper .blog-link-block .slider-title {
        padding-left: 0;
        max-width: 100%;
    }

    .page-link-block:not(.quarter).block-right-img {
        width: 100%;
    }

    .page-link-block:not(.quarter).block-right-img .page-link-title {
        font-size: 28px;
    }

    .menu-bottom-wrapper .link-item span.branches {
        width: 50px;
        height: 50px;
        background-size: auto 20px;
    }

    .menu-bottom-wrapper .menu-bottom.four .link {
        font-size: 14px;
    }
    .block-deposit-calculator .col {
        max-width: 320px;
    }
    .block-deposit-calculator .controls-group {
        grid-gap: 12px;
    }
    .block-deposit-calculator .input-custom {
        font-size: 15px;
    }
    .block-deposit-calculator .controls-group.six-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .block-deposit-calculator .deposit-parameters-column {
        max-width: 100%;
        width: 100%;
        padding-right: 0;
    }
    .block-deposit-calculator .deposit-parameters-column::after {
        content: initial;
    }
    .block-deposit-calculator .selected-deposit-profit {
        margin-top: 30px;
        width: 100%;
    }
    .block-deposit-calculator .block-selected-deposit-inner {
        padding: 16px 24px 50px;
    }
    .block-icons-two-columns .icons {
        grid-template-columns: 1fr;
        margin-top: 30px;
    }
    .block-map {
        padding-top: 40px;
    }

    .block-map .inside-limit {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .block-remote-payments .inside-limit {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .block-map .map_title {
        font-size: 30px;
        line-height: 37px;
        padding: 0 15px;
    }

    .block-map .map_head {
        border-bottom: 0;
        padding-bottom: 0;
        margin-top: 18px;
        flex-direction: column;
        align-items: stretch;
    }

    .block-map .map_list-categories {
        padding: 0 15px 10px;
        border-bottom: 1px solid #d7d5d1;
    }

    .block-map .map_list-category.active::after {
        bottom: -12px;
    }

    .block-map .map_view-switchers {
        /* height: 50px; */
        height: auto;
        align-items: flex-end;
        /* justify-content: space-between; */
        justify-content: flex-end;
        /* padding: 0 15px; */
        padding: 0 15px 10px;
    }

    .block-map .map_view-switcher.active {
        display: none;
    }

    .block-map .map_view-switcher:not(:last-child) {
        margin-right: 0;
    }
    .block-map .map_head-checkboxes {
        padding: 20px 15px;
    }

    .block-map .map_tab-frame {
        margin-top: 0;
    }

    /* .map_mobile-filters_button {
        display: flex;
    }
    .map_mobile-filters_popup {
        display: flex;
    } */
    .block-map .map_tab-list {
        padding: 15px 15px 0 !important;
    }

    .block-map .map_list-items {
        margin-top: 0;
        padding-bottom: 50px;
    }

    .block-map .map_list-item {
        display: block;
    }

    .block-map .map_list-item:nth-child(1) {
        border-top: 0;
    }

    .block-map .map_list-item_column:nth-child(1) {
        width: 100%;
    }

    .block-map .map_list-item_column:nth-child(2) {
        width: 100%;
    }

    .block-map .map_list-item_column:nth-child(3) {
        width: 100%;
    }

    .block-map .map_list-item_column:not(:last-child) {
        margin-bottom: 20px;
        padding-right: 0;
    }

    .block-map .map_list-item_group-title {
        font-size: 15px;
        line-height: 18px;
    }

    .block-map .map_list-item_group-value {
        font-size: 18px;
        line-height: 1.3;
    }

    .block-map .map_list-item_services {
        grid-gap: 9px;
        font-size: 16px;
        line-height: 1.2;
    }

    .map_info-popup {
        /* width: 100vw;
        height: calc(100vh - 100px);
        position: fixed !important;
        top: 100px !important;
        left: 0 !important; */
        padding: 20px 15px;
        width: 100%;
        max-width: 479px;
        /* z-index: 4999; */
    }

    /* .map_info-popup_return {
        display: flex;
    } */
    .map_info-popup_title {
        font-size: 24px;
        line-height: 29px;
        font-weight: 400;
        /* margin-top: 20px; */
        margin-top: 0;
        padding: 0;
    }

    .map_info-popup_close {
        width: 19px;
        height: 18px;
        top: 20px;
        right: 15px;
        background-image: url("../img/icon-close-blue.svg");
        background-size: contain;
    }

    .map_info-popup_address {
        margin-top: 15px;
        font-size: 18px;
        /* font-size: 16px; */
        line-height: 1.2;
        padding: 0;
        color: #333;
    }

    .map_info-popup_address span,
    .block-map #map-frame .gm-style .gm-style-iw .map_info-popup_address span {
        display: block;
        margin-bottom: 5px;
        /* font-size: 16px; */
        font-size: 15px;
        line-height: 18px;
        color: #8f8f8f;
    }

    .map_info-popup_params {
        padding: 0;
        margin-top: 20px;
        border: 0;
    }

    .map_info-popup_params-group {
        display: block;
    }

    .map_info-popup_params-title {
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
        width: 100%;
    }

    .map_info-popup_params-value {
        /* width: 100%; */
        font-size: 18px;
        /* font-size: 16px; */
        line-height: 1.3;
        /* line-height: 1.2; */
        margin-top: 5px;
    }

    .map_info-popup_services {
        grid-template-columns: 1fr;
        /* grid-row-gap: 9px; */
        grid-row-gap: 14px;
    }

    .map_info-popup_service-item .text {
        display: block;
    }

    /* .block-map .map_list-item_service-commercial::before {
        background-image: url('../img/map-list-icon-5.svg');
    }
    .block-map .map_list-item_service-disabilities::before {
        background-image: url('../img/map-list-icon-6.svg');
    }
    .block-map .map_list-item_service-cashier::before,
    .block-map .map_list-item_service-atm::before {
        background-image: url('../img/map-list-icon-7.svg');
    }
    .block-map .map_list-item_service-ibox::before {
        background-image: url('../img/map-list-icon-8.svg');
    } */
    .block-map .map_search-results {
        padding-top: 10px;
        padding-bottom: 10px;
        max-height: 216px;
    }

    .block-map .map_search-item {
        font-size: 16px;
        /* padding-left: 20px; */
    }

    .block-remote-payments {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .map_info-popup_service-item .icon {
        width: 100%;
        height: auto;
        background-position: left top;
        background-size: 20px;
        padding-left: 28px;
        border-radius: 0;
        min-height: 20px;
    }
    .map_info-popup_service-item .icon::after {
        display: block;
        content: attr(title);
        font-size: 16px;
        line-height: 1.2;
        color: #333;
    }
    .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
        top: 70px;
        right: 45px !important;
    }
    .block-deposit-calculator .deposit-parameter-container.deposit-replenishment ~ .deposit-amount-container:not(:last-child),
    .block-deposit-calculator .deposit-parameter-container.deposit-not-possibility-replenishment ~ .deposit-amount-container:not(:last-child) {
        margin-bottom: 36px;
    }
    .block-deposit-calculator .deposit-parameter-container.deposit-replenishment ~ .deposit-period-container,
    .block-deposit-calculator .deposit-parameter-container.deposit-not-possibility-replenishment ~ .deposit-period-container {
        margin-top: 0;
    }

}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .slider-banner .slide-info {
        width: 50%;
    }

    .home-banner .slide-title {
        font-size: 35px;
    }

    .home-banner .slide-descr {
        font-size: 24px;
        margin-top: 40px;
    }

    .page-link-title {
        font-size: 20px;
    }

    .page-link-block {
        height: 160px;
    }

    .content-wrapper .slide-text {
        max-width: 100%;
    }

    .page-link-block:not(.quarter) .page-link-title {
        font-size: 20px;
        line-height: normal;
    }

    .page-link-block.quarter .page-link-title {
        font-size: 20px;
    }

    .page-link-block img {
        max-height: 190px;
    }

    .page-link-block.quarter img {
        max-height: 200px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .content-wrapper .blog-link-block .slider {
        margin-top: 70px;
    }

    .content-wrapper .blog-link-block .blog-link-text {
        padding-right: 250px;
    }

    .content-wrapper .blog-link-block .blog-slider-banner {
        left: initial;
    }
}

@media screen and (max-width: 700px) {
    .carreer-vacancy-link {
        margin-right: 10px;
    }

    .logo-box {
        padding-right: 10px !important;
    }
    .internet-banking .banking .banking-link {
        width: 30px;
        height: 30px;
        overflow: hidden;
        background-position: center;
        padding: 0;
        text-indent: -1000px;
    }

    .carreer-vacancy-link {
        width: 30px;
        height: 30px;
        background-position: center center;
        padding-left: 0;
        text-indent: -1000px;
        margin-right: 15px;
        background-position-y: center;
    }

    .header-links-container-inner {
        flex-direction: row;
        /* margin-top: 5px; */
    }

    .internet-banking {
        width: 90px !important;
    }

    .banking {
        /* margin-top: 20px !important; */
        margin-top: 14px !important;
    }

    .header-inner .internet-banking {
        width: 20% !important;
    }

    .header-inner .phone-block {
        width: 30% !important;
    }
}

@media screen and (max-width: 639px) {
    /* .header-links-container-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    } */



    .internet-banking {
        text-align: left;
        width: 25% !important;
    }

    .internet-banking .banking .banking-link {
        /* width: auto; */
        height: 30px;
        overflow: hidden;
        text-indent: 0;
        background-position: center;
        margin-top: 0;
        /* background-position: left center; */
        background-position: center;
        padding-left: 30px;
        /* background-position-y: 3px; */
    }

    .block-deposit-calculator .deposit-percent-value,
    .block-deposit-calculator .deposit-parameter-value .percent-number,
    .block-deposit-calculator .block-selected-deposit-inner .profit-number,
    .block-deposit-calculator .block-selected-deposit-inner .profit-preffix {
        font-size: 30px;
    }

    .block-deposit-calculator .block-selected-deposit-inner {
        padding: 30px 15px 20px;
    }

    .block-deposit-calculator .selected-deposit-parameters {
        margin-top: 10px;
    }

    .block-deposit-calculator .deposit-details-button,
    .block-deposit-calculator .deposit-order-button {
        /* margin-top: 15px; */
        /* margin-top: 25px; */
        margin-top: 10px;
    }

    .block-deposit-calculator .calculator-container .nice-select .list li {
        text-align: left;
    }
    .block-details-three-columns .details-tab li {
        padding-top: 0;
        text-align: left;
        font-size: 15px;
        line-height: 1.4;
    }
    .block-details-three-columns .details-tab ul li::before {
        left: 0 !important;
        margin-left: 0;
        top: 6px;
    }
    .block-details-three-columns .details-tab li span {
        font-size: 17px;
        line-height: normal;
    }

    .block-details-three-columns .column-group-link .icon-wrapper {
        width: calc(16.6667% - 10px);
        /* height: 100%; */
        margin-right: 20px;
        flex-shrink: 0;
    }
    .block-details-three-columns .column-group-link .icon {
        width: 100%;
        padding-bottom: 100%;
        display: flex;
        align-items: center;
        position: relative;
        height: initial;
    }

    .block-details-three-columns .column-group-link .icon svg {
        max-width: 28px;
        height: 28px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .block-deposit-calculator .download-info-link {
        justify-content: center;
    }
    .menu-bottom .link-item {
        width: 50% !important;
    }

    .menu-bottom .link-item:nth-child(2n + 1):before {
        content: none;
    }

    .menu-bottom .link-item:nth-child(-n + 4) {
        border-bottom: 0;
    }

    .menu-bottom .link-item:nth-child(5) {
        width: 100% !important;
    }

    .content-wrapper .slick-dots li {
        margin-bottom: 0;
    }

    .menu-bottom .link-item-text {
        max-width: calc(100% - 40px);
        font-size: 14px;
    }

    .content-wrapper .date {
        margin-bottom: 15px;
    }

    .page-link-block {
        width: 100%;
        height: auto;
        padding: 30px 15px;
        display: flex;
        align-items: center;
    }

    .page-link-block.quarter {
        padding: 30px 15px;
    }

    .page-link-block.quarter img {
        max-width: 60%;
        max-height: 170px;
    }

    .page-link-block.quarter .page-link-title {
        font-size: 18px;
        line-height: normal;
    }

    .page-link-block:not(.quarter) .page-link-title {
        font-size: 18px;
        margin-top: 0px;
        min-height: 1px;
        line-height: normal;
        padding-right: 0;
    }

    .page-link-block:not(:last-child) {
        margin-bottom: 15px;
    }

    .slider-banner .slide {
        flex-direction: column;
        align-items: center;
        padding-left: 0;
    }

    .slider-banner .slide-info {
        text-align: center;
        max-width: 100%;
        padding: 100px 10px 50px;
    }

    .slider-banner .slick-dots,
    .slider-banner .slick-arrow {
        display: none !important;
    }

    .menu-bottom .link-item {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .content-wrapper {
        padding: 20px 0;
    }

    .slider-banner .slide img {
        max-width: 70%;
        margin-right: 0;
    }

    .content-wrapper .date {
        padding-left: 15px;
    }

    .content-wrapper .slide-title-link,
    .content-wrapper .slider-box .slider-title,
    .content-wrapper .page-link-block.blog-link-block {
        padding-left: 15px;
    }

    .content-wrapper .btn-link {
        left: 15px;
    }

    .content-wrapper .bottom-slide-text {
        padding-left: 15px;
    }

    .content-wrapper .all-mobile {
        left: 15px !important;
    }

    .content-wrapper .rate-table {
        padding: 20px 15px;
    }

    .menu-bottom-wrapper {
        height: 183px !important;
    }

    .bottom-list .slick-next {
        right: 15px;
    }

    .bottom-list .slick-prev {
        right: 85px;
    }

    .link-item:nth-child(3),
    .link-item:nth-child(4) {
        display: block;
    }

    .page-link-block .page-link-group {
        bottom: 30px;
        left: 15px;
    }

    .body-inside .inside {
        padding-top: 60px;
    }

    .block-map .map_search-form_wrapper {
        max-width: 100%;
    }

    .block-map .map_tab-frame .map_search-form_wrapper {
        right: 15px;
        left: 15px;
        top: 15px;
        width: initial;
    }

    .block-map .map_list-item {
        text-align: left;
    }

    /* .map_mobile-filters_popup,
    .map_info-popup {
        height: calc(100vh - 60px);
        top: 60px !important;
    } */

    .block-remote-payments .block-title {
        font-size: 30px;
        line-height: 37px;
        text-align: left;
    }

    .block-remote-payments .payment-column {
        width: 100%;
        text-align: left;
    }

    .block-remote-payments .payment-column:not(:last-child) {
        margin-bottom: 35px;
    }

    .block-remote-payments .payment-column-title {
        color: #343434;
    }

    .block-remote-payments .payment-column-content {
        justify-content: flex-start;
        margin-top: 20px;
    }

    .block-remote-payments .payment-group-app {
        font-size: 24px;
        line-height: 29px;
        color: #545454;
    }

    .block-remote-payments .payment-group-app img {
        max-width: initial;
        width: 38px;
        margin-right: 6px;
    }

    .block-remote-payments .payment-group-qr {
        display: none;
    }
    .block-map .map_list-categories {
        width: 100%;
        order: 1;
    }
    .block-map .map_view-switchers {
        height: 50px;
        padding: 0 15px;
        order: 3;
        width: 100%;
        border-bottom: 0;
        align-items: center;
    }
    .block-map .map_head-checkboxes {
        order: 2;
        border-bottom: 1px solid #d7d5d1;
        height: 50px;
        padding: 0 15px;
    }
    .blog-article .blog-item-author,
    .blog-article .blog-item-date {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .blog-article .blog-item-views {
        margin-top: 10px;
    }

    .blog-article .blog-item-date::before,
    .blog-article .blog-item-views::before {
        content: none;
    }

    .blog-article .article-info {
        flex-direction: column;
    }

    .blog-article .article-publication {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .nav-mobile .nav-item .nav-link + .nav-sub::before {
        top: 26px;
    }

    .nav-mobile .nav-item .nav-sub .nav-item .nav-link {
        padding-left: 40px !important;
    }

    .logo-box {
        width: 30% !important;
    }

    .header .phone-link {
        margin-bottom: 0 !important;
    }

    .banking {
        margin-top: 0 !important;
    }

    .phone-block > div {
        margin-top: 0 !important;
        padding-top: 12px !important;
    }

    .header,
    .grid-top {
        height: 60px !important;
    }
}

@media screen and (max-width: 559px) {
    .internet-banking {
        width: 30% !important;
    }

    .block-deposit-calculator .proposed-deposit-container .selected-deposit-info-inner {
        flex-direction: column;
        align-items: center;
    }

    .block-deposit-calculator .deposit-parameters-column {
        max-width: 320px;
        padding-right: 0;
    }

    .block-deposit-calculator .deposit-parameters-column:after {
        content: none;
    }
}

@media screen and (max-width: 520px) {
    .phone-block {
        display: block;
        height: auto;
    }

    .phone-block * {
        margin: 0 !important;
        padding: 0 !important;
    }

    .phone-block .phone-link {
        background: url(/themes/universalbank/assets/img/icon-phone-top-hover2.svg)
            no-repeat center;
        line-height: 1.042;
        min-height: 22px;
        font-size: 19px;
        margin-top: -3px !important;
        display: inline-block;
        text-indent: -1000px;
        width: 30px;
        height: 30px;
        overflow: hidden;
    }

    .safari-mobile .phone-block .phone-link {
        margin-top: 0px !important;
    }

    .internet-banking {
        display: block;
        height: auto;
    }

    .internet-banking .banking {
        margin-top: 0 !important;
    }

    /* .internet-banking .banking .banking-link {
        width: 30px;
        height: 30px;
        overflow: hidden;
        padding: 0;
        text-indent: -1000px;
        background-position: center;
    } */

    .header {
        height: 60px;
    }

    .header-links-container-inner {
        margin-top: 0;
    }

    .header-inner .phone-block {
        width: 10% !important;
    }

    .logo-box {
        width: 40% !important;
    }
}

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

    .internet-banking {
        width: 35% !important;
    }
    .block-icons-two-columns .info {
        padding-left: 16px;
    }
    .menu-bottom .link-item-text {
        width: calc(100% - 40px);
        padding-right: 5px;
    }

    .menu-bottom-wrapper .link-item span.branches {
        width: 40px;
        background-size: auto 20px;
    }

    .footer .block.clearfix .row-list,
    .menu-bottom-wrapper + .block .row-list {
        padding-left: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .home-banner .slide-title {
        font-size: 32px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-banner .slide-descr {
        font-size: 18px;
    }

    .slider-banner .slide {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .slider-banner .slide img {
        max-width: 100%;
        width: 90%;
    }

    .home-banner {
        height: 600px;
    }

    .content-wrapper .blog-link-block .slider {
        padding-bottom: 130px;
    }

    .content-wrapper .blog-link-block .blog-slider-banner {
        left: 0;
        z-index: 1;
    }

    .content-wrapper .blog-link-block .blog-slider-banner img {
        align-self: flex-end;
        margin-bottom: 70px;
        max-width: 200px;
    }

    .content-wrapper .page-link-block.blog-link-block .slider-container {
        position: relative;
        z-index: 2;
    }

    .content-wrapper .page-link-block.blog-link-block .slick-dots {
        bottom: -33px;
        right: 20px;
    }

    .content-wrapper .slider-box .slick-dots {
        right: 15px;
    }

    .content-wrapper .blog-link-block .blog-link-text {
        padding-right: 0;
    }

    .menu-bottom .link-item-text,
    .menu-bottom-wrapper .menu-bottom.four .link {
        font-size: 12px;
    }


    .block-map #map-frame .gm-style .gm-style-iw {
        max-width: 320px !important;
    }
    .block-map .map_list-category {
        font-size: 14px;
        line-height: 1.4;
    }
    .block-map .map_list-category:not(:last-child) {
        margin-right: 18px;
    }

    .blog-categories {
        flex-direction: column;
    }

    .blog-category-link {
        margin-bottom: 0;
    }

    .blog-category-link:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .blog-item-head {
        flex-direction: column-reverse;
    }

    .blog-item-head .left-block {
        margin-top: 10px;
    }
}

@media screen and (max-width: 400px) {
    .logo-box {
        width: 45% !important;
    }

    .header-inner .internet-banking {
        width: 25% !important;
    }

    .header-inner .phone-block {
        width: 10% !important;
    }
}

body:has(#pdf-main) .pdf-header {
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    body:has(#pdf-main) .pdf-header {
        flex-direction: column;
        padding-top: 10px !important;
        padding-bottom: 16px !important;
    }
    body:has(#pdf-main) .pdf-header span {
        margin-right: 0 !important;
        font-size: 14px;
    }
    body:has(#pdf-main) .select-wrapper {
        max-width: 100%;
        margin-top: 8px;
    }
    body:has(#pdf-main) select {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 32px;
        background: #fff;
        border: 1px solid #000;
        padding-left: 12px;
        padding-right: 12px;
    }
}