.vtb-section {
    padding: 60px 0;
    background: #f3f7fa
}

.vtb-section--top {
    padding-top: 120px
}

.vtb-section--bottom {
    padding-bottom: 120px
}

.vtb-section--light {
    background: #fff
}

.vtb-section-title {
    font-size: 50px;
    line-height: 64px;
    margin-bottom: 38px;
    color: #b6c1dd
}

.vtb-section-title--color {
    line-height: 100%;
    letter-spacing: -3px;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 576px
}

.markdown-list {
    list-style: none
}

.markdown-list--limit {
    max-width: 676px
}

.markdown-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px
}

.markdown-list li::before {
    content: "\2014";
    font-size: 14px;
    left: 0;
    letter-spacing: -.3px;
    line-height: 120%;
    position: absolute;
    top: 2px
}

.markdown-list li span {
    display: block;
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    color: #606981;
    margin-top: 8px
}

.markdown-list li ul {
    margin-top: 8px
}

.markdown-list li ul li {
    list-style: disc;
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    color: #606981;
    padding-left: 0;
    margin-bottom: 8px
}

.markdown-list li ul li::before {
    display: none
}

.vtb-button {
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.3px;
    color: #fff;
    padding: 19px 32px;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
    border-radius: 8px
}

.vtb-button span {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vtb-button:after,.vtb-button:before {
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.vtb-button::before {
    background: -webkit-gradient(linear,left top,right top,from(#1134b5),color-stop(75%,#2353e0));
    background: linear-gradient(90deg,#1134b5 0,#2353e0 75%);
    z-index: 1
}

.vtb-button::after {
    background: #0a2896;
    z-index: 2
}

.vtb-button--light {
    background: #f3f7fa;
    font-weight: 400;
    color: #0a2896;
    padding: 17px 40px
}

.vtb-button--white {
    font-size: 18px;
    letter-spacing: 0;
    color: #0a2896;
    background: #fff;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.vtb-button--white svg {
    fill: #0a2896;
    margin-left: 15px;
    -webkit-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out
}

.vtb-button--outline {
    color: #0a2896;
    padding: 17px 40px;
    border: 1px solid #b6c1dd;
    background: #f3f7fa
}

.vtb-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0a2896;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 25px;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.vtb-link:visited {
    color: #0a2896
}

.vtb-link svg {
    fill: #0a2896;
    margin-left: 8px;
    -webkit-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vtb-link.active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.vtb-document-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    color: #0a2896;
    border: 1px solid #d4d7df;
    border-radius: 8px;
    padding: 16px 8px;
    margin-bottom: 16px;
    -webkit-transition: all .25s;
    transition: all .25s
}

.vtb-document-info-title {
    letter-spacing: -.4px;
    display: block;
    margin-bottom: 8px;
    -webkit-transition: all .25s;
    transition: all .25s
}

.vtb-document-info-descr {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    -webkit-transition: all .25s;
    transition: all .25s
}

.vtb-document-info svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #0a2896;
    margin-right: 8px;
    -webkit-transition: all .25s;
    transition: all .25s
}

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

.header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 8px;
    width: 100%
}

.header-menu {
    width: inherit;
    margin-left: 19px
}

.header-logo {
    margin-top: 24px
}

.header-logo path:first-child {
    fill: #0af
}

.header-logo path:last-child {
    fill: #0a2896
}

.header-top-border-decor {
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 3px;
    border-radius: 8px;
    margin: 0;
    width: 0;
    will-change: transform
}

.header-top-menu-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 12px;
    position: relative
}

.header-top-menu-outer::before {
    content: "";
    position: absolute;
    bottom: 1px;
    width: 100vw;
    border-bottom: 1px solid #d4d7df;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out
}

.header-top-menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-top-menu-animation-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    will-change: width;
    -webkit-transition: width .15s ease-out;
    transition: width .15s ease-out
}

.header-top-menu-item {
    cursor: pointer;
    position: relative;
    opacity: .6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
    height: 100%;
    padding: 16px 0;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.header-top-menu-item.link--white {
    color: #606981
}

.header-top-menu-item:hover {
    opacity: 1
}

.header-top-menu-item--active {
    opacity: 1
}

.header-top-menu-item--active.link--white {
    color: #0084ff
}

.header-top-menu-item .size-small-medium {
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0
}

.header-down {
    fill: #606981
}

.header-bottom-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 0 6px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.5px
}

.header-bottom-menu-item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 10px;
    margin-right: 14px
}

.header-bottom-menu-item .link {
    color: #606981
}

.header-bottom-menu-item:hover .link {
    color: #0084ff
}

.header-search-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 12px
}

.header .search-icon {
    cursor: pointer;
    margin-left: 84px;
    fill: #606981
}

.header .search-icon:hover {
    fill: #0a2896
}

.header .vtb-online-button {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3px 8px;
    border-radius: 8px;
    border: 2px solid #0084ff;
    color: #0084ff;
    -webkit-transition: color .15s ease-out,border-color .15s ease-out;
    transition: color .15s ease-out,border-color .15s ease-out;
    text-transform: uppercase
}

.header .vtb-online-button>:first-child {
    margin-right: 6px
}

.header .vtb-online-button .icon {
    fill: #0084ff;
    -webkit-transition: fill .15s ease-out;
    transition: fill .15s ease-out
}

.header .vtb-online-button .text {
    font-size: 18px;
    letter-spacing: -.4px
}

.header .vtb-online-button:hover {
    color: #0a2896;
    border: 2px solid #0a2896
}

.header .vtb-online-button:hover .icon {
    fill: #0a2896
}

.header .menu-burger {
    display: none;
    fill: #606981
}

.header-outer {
    background: #fff;
    border-bottom: 1px solid #d4d7df;
    overflow-x: hidden;
   /* -webkit-transition: background-color .25s ease-in-out,border-color .25s ease-in-out;
    transition: background-color .25s ease-in-out,border-color .25s ease-in-out;*/
    width: 100%
}

.header-outer.theme-transparent {
    background: 0 0;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.header-outer.theme-transparent .header-logo path:first-child {
    fill: #fff
}

.header-outer.theme-transparent .header-logo path:last-child {
    fill: #fff
}

.header-outer.theme-transparent .header-top-border-decor {
    background: #fff
}

.header-outer.theme-transparent .header-top-menu-outer::before {
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.header-outer.theme-transparent .header-top-menu-item--active {
    color: #0084ff
}

.header-outer.theme-transparent .header-top-menu-item.link--white {
    color: #fff
}

.header-outer.theme-transparent .header-down {
    fill: #fff;
    opacity: .6
}

.header-outer.theme-transparent .header-bottom-menu-item .link {
    color: #fff
}

.header-outer.theme-transparent .search-icon {
    fill: #fff
}

.header-outer.theme-transparent .vtb-online-button {
    border: 2px solid #fff;
    color: #fff
}

.header-outer.theme-transparent .vtb-online-button .icon {
    fill: #fff
}

.header-outer.theme-transparent .menu-burger {
    fill: #fff
}

.header-menu-panel-outer {
    position: absolute;
    z-index: 1;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #d4d7df;
    overflow: hidden;
    display: none
}

.header-menu-panel-inner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 48px 44px 48px 132px;
    width: 100%;
    max-width: 1440px
}

.header-menu-panel-inner .super-big-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-menu-panel-inner .super-big-link h2 {
    font-size: 32px;
    line-height: 100%;
    color: #0a2896;
    -webkit-transition: color .15s ease-out;
    transition: color .15s ease-out
}

.header-menu-panel-inner .super-big-link svg {
    fill: #0a2896;
    margin-left: 16px;
    -webkit-transition: fill .15s ease-out;
    transition: fill .15s ease-out
}

.header-menu-panel-inner .super-big-link:hover h2 {
    color: #0084ff
}

.header-menu-panel-inner .super-big-link:hover svg {
    fill: #0084ff
}

.header-menu-panel-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px
}

.header-menu-panel-left-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 376px;
    flex: 0 0 376px;
    margin-right: 24px
}

.header-menu-panel-right-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 376px;
    flex: 0 0 376px
}

.header-menu-panel-group-name {
    margin-bottom: 16px;
    opacity: .6;
    text-transform: uppercase
}

.header-menu-panel-group-item {
    margin-bottom: 16px;
    line-height: 22px;
    display: block;
    color: #000
}

.header-menu-panel-group-item span {
    font-size: 18px;
    letter-spacing: -.4
}

.header-menu-panel-group-item:hover {
    color: #0084ff
}

.icon-wrapper {
    position: absolute;
    top: 48px;
    right: 32px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.icon-wrapper svg {
    fill: #606981
}

.icon-wrapper:hover svg {
    fill: #0a2896
}

.input-search {
    background: #fff;
    border: none;
    outline: 0;
    max-height: 49px;
    width: 100%;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.input-search-wrapper-outer {
    display: none;
    width: 100%;
    overflow-x: hidden;
    background: #fff
}

.input-search-wrapper-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: 0 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1440px;
    padding: 11px 12px 11px 34px
}

.input-field {
    width: 100%
}

.input-field:focus-within .input-search {
    color: #0a2896;
    caret-color: #0a2896
}

.icons-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.icons-field .search-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0a2896;
    font-size: 18px;
    letter-spacing: -.4px
}

.icons-field .search-link svg {
    fill: #0a2896
}

.icons-field .search-link:hover {
    color: #0084ff
}

.icons-field .search-link:hover svg {
    fill: #0084ff
}

.icons-field .search-close {
    cursor: pointer;
    fill: #606981;
    margin-left: 84px
}

.icons-field .search-close:hover {
    fill: #0a2896
}

@media (max-width: 1024px) {
    .header .menu-burger {
        display:block;
        margin-left: 16px
    }

    .header .search-icon {
        display: none
    }

    .header-inner {
        height: 60px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 16px
    }

    .header-top-menu-inner {
        display: none
    }

    .header-top-menu-outer {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .header-top-menu-outer::before {
        display: none
    }

    .header-bottom-menu {
        display: none
    }

    .header-outer {
        border-bottom: none
    }

    .header-outer.theme-transparent {
        border-bottom: none
    }

    .header-logo {
        width: 60px;
        margin-top: 0
    }

    .header-search-panel {
        position: relative;
        margin-right: 0
    }

    .header .vtb-online-button .text {
        font-size: 14px
    }

    .header .vtb-online-button .icon {
        width: 16px
    }
}

.modal-menu {
    display: none
}

@media (max-width: 1024px) {
    .modal-menu {
        display:none;
        position: fixed;
        z-index: 10000;
        right: 0;
        bottom: 0;
        left: 0;
        background: 0 0;
        height: 100%
    }

    .modal-menu-overlay {
        background: rgba(0,0,0,.4);
        z-index: -1;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        left: 0;
        pointer-events: none;
        -webkit-tap-highlight-color: transparent;
        pointer-events: auto
    }

    .modal-menu-dialog {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #fff;
        border-radius: 24px 24px 0 0;
        height: calc(100% - 60px);
        padding: 44px 24px 0
    }

    .modal-menu-dialog::before {
        content: '';
        position: absolute;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 35px;
        height: 4px;
        background: #d4d7df;
        opacity: .5;
        border-radius: 50px
    }

    .modal-menu-content {
        height: 100%
    }

    .modal-menu-content-header .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 16px
    }

    .modal-menu-content-header .top h2 {
        font-weight: 400;
        font-size: 34px;
        line-height: 100%;
        letter-spacing: -2px;
        color: #2f3441
    }

    .modal-menu-content-header .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .modal-menu-content-header .buttons-icon {
        background: #f3f7fa;
        border-radius: 8px;
        border: none;
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 8px
    }

    .modal-menu-content-header .buttons-icon svg {
        fill: #0a2896;
        width: 16px;
        height: 16px
    }

    .modal-menu-content-header .bottom {
        margin-bottom: 48px
    }

    .modal-menu-content-header .bottom .link {
        color: #0a2896
    }

    .modal-menu-content-header .bottom .link-back,.modal-menu-content-header .bottom .search-back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #0a2896
    }

    .modal-menu-content-header .bottom .link-back svg,.modal-menu-content-header .bottom .search-back svg {
        margin-right: 8px
    }

    .modal-menu-content-header .bottom .link-back {
        display: none
    }

    .modal-menu-content-main {
        overflow-y: auto;
        max-height: calc(100% - 140px)
    }

    .modal-menu-content-main .menu>li {
        margin-bottom: 32px
    }

    .modal-menu-content-main .submenu>li {
        margin-bottom: 16px
    }

    .modal-menu-content-main .submenu>li>a {
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -.5px;
        color: #000
    }

    .modal-menu-content-main .submenu-submenu {
        display: none
    }

    .modal-menu .super-big-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #0a2896;
        margin-bottom: 24px
    }

    .modal-menu .super-big-link h2 {
        font-size: 22px
    }

    .modal-menu .super-big-link svg {
        fill: #0a2896;
        width: 24px;
        height: 24px
    }

    .modal-menu .header-menu-panel-group-name {
        font-size: 11px
    }

    .modal-menu .header-menu-panel-group-item span {
        font-size: 16px;
        pointer-events: none
    }

    .modal-menu-search {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 48px
    }

    .modal-menu-search-main {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-menu-search-main .search-button {
        margin-top: auto;
        width: 100%;
        border: 1px solid #d4d7df;
        color: #d4d7df;
        background: rgba(255,255,255,0);
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: -.025em;
        padding: 21.5px 40px;
        color: #acb6c3;
        border-radius: 8px;
        cursor: pointer;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: background-color .15s ease-out;
        transition: background-color .15s ease-out
    }

    .modal-menu-search-main-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #d4d7df;
        padding-bottom: 16px
    }
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #002bb2;
    font-size: 13px;
    line-height: 120%;
    margin: 24px 0 27px
}

.breadcrumb .bread__item span {
    color: #002bb2;
    -webkit-transition: all .25s;
    transition: all .25s;
    padding: 2px
}

.breadcrumb .bread__item:first-child span {
    padding-left: 0
}

.breadcrumb .bread__item:last-child {
    opacity: .4
}

.breadcrumb--light {
    color: #fff
}

.breadcrumb--light .bread__item span {
    color: #fff
}

.vtb-hero {
    position: relative;
    overflow: hidden
}

.vtb-hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 350px;
    z-index: 1;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(94,148,255,0)),color-stop(73.44%,rgba(68,119,220,.75)),to(#2a5dc4));
    background: linear-gradient(rgba(94,148,255,0) 0,rgba(68,119,220,.75) 73.44%,#2a5dc4 100%)
}

.vtb-hero__slider {
    position: absolute;
    bottom: 8px;
    width: 100%;
    max-width: 1547px;
    padding-left: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100
}

.vtb-hero__slide {
    max-width: 200px;
    height: 266px;
    color: #fff;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 8px;
    -webkit-transition: max-width .8s;
    transition: max-width .8s
}

.vtb-hero__slide:hover {
    cursor: pointer;
    border: 1px solid #fff
}

.vtb-hero__slide.swiper-slide-thumb-active {
    max-width: 685px;
    padding: 40px;
    background: #fff;
    -webkit-transition: max-width .8s;
    transition: max-width .8s
}

.vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card {
    min-height: 186px
}

.vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card img {
    display: none
}

.vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card p {
    color: #002bab;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -1.5px;
    font-weight: 400;
    margin-top: 0
}

.vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card p a,.vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card p span {
    color: #0056ff
}

.vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card .vtb-hero-button {
    opacity: 1;
    visibility: visible
}

.vtb-hero__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    height: 100%
}

.vtb-hero__card p {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -1px;
    margin-top: 16px
}

.vtb-hero__card p a {
    color: #fff
}

.vtb-hero__card .vtb-hero-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.vtb-hero__card .vtb-hero-button {
    opacity: 0;
    visibility: hidden;
    padding: 30px 40px;
    margin-right: 16px;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    min-width: 198px
}

.vtb-hero__slide-image {
    width: 100%;
    height: 100%;
    min-height: 764px
}

.vtb-hero__slide-image picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.vtb-hero__slide-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.vtb-hero-image {
    padding-top: 100px;
    padding-bottom: 54px;
    overflow: hidden;
    background: #f3f7fa
}

.vtb-hero-image-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 50px;
    margin-bottom: -120px
}

.vtb-hero-image-block-text {
    width: 40%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vtb-hero-image-block-text h1 {
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    margin-bottom: 16px
}

.vtb-hero-image-block-text p {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    margin-bottom: 36px
}

.vtb-hero-image-block-image img {
    width: 100%
}

.vtb-hero-image-button {
    padding: 40px;
    width: 50%;
    max-width: 400px
}

.vtb-hero-image-button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-hero-image-button svg {
    fill: #fff
}

.vtb-hero-image-light .vtb-hero-text h1 {
    color: #fff
}

.vtb-hero-image-light .vtb-hero-text p {
    color: #fff
}

.vtb-suggestions {
    padding-top: 120px
}

.vtb-suggestions .container {
    position: relative
}

.vtb-suggestions__slider {
    width: 100%
}

.vtb-suggestions__slide {
    padding: 40px 24px 24px;
    cursor: pointer
}

.vtb-suggestions__slide-img {
    text-align: center;
    margin-bottom: 44px
}

.vtb-suggestions__slide .line {
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
    height: 1px;
    width: 100%;
    margin-bottom: 15px;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.vtb-suggestions__slide h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #0a2896;
    margin-bottom: 24px
}

.vtb-suggestions__slide h3 span {
    color: #1e4bd2
}

.vtb-suggestions__slide.swiper-slide-active {
    background: #fff;
  /*  -webkit-filter: drop-shadow(0 1px 20px rgba(39, 74, 146, .05)) drop-shadow(0 16px 40px rgba(39, 74, 146, .05));
    filter: drop-shadow(0 1px 20px rgba(39, 74, 146, .05)) drop-shadow(0 16px 40px rgba(39, 74, 146, .05));*/
    border-radius: 8px
}

.vtb-suggestions__slide.swiper-slide-active .vtb-suggestions-button {
    opacity: 1;
    visibility: visible
}

.vtb-suggestions__button {
    position: absolute;
    top: 16px;
    right: 125px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #606981;
    cursor: pointer
}

.vtb-suggestions__button--prev {
    right: 185px
}

.vtb-suggestions-button {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    padding: 17px 40px
}

.vtb-suggestions-button--light {
    margin-top: 8px
}

.vtb-suggestions-button span {
    font-weight: 400
}

.vtb-features {
    padding: 28px 0 60px
}

.vtb-features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-features-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vtb-features-item .title-item {
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #0a2896;
    margin-bottom: 8px
}

.vtb-features-item .text-item {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.vtb-news {
    padding-top: 80px
}

.vtb-news-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vtb-news-grid-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: -1px
}

.vtb-news-grid-block .vtb-news-card {
    width: 50%
}

.vtb-news-card {
    border: 1px solid #d4d7df;
    border-radius: 8px;
    padding: 40px;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-right: -1px;
    min-height: 208px
}

.vtb-news-card--link {
    min-height: 298px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.vtb-news-card--link::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: inherit;
    border: 2px solid #0084ff;
    opacity: 0;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.vtb-news-card--link-important::after {
    content: 'Важная новость';
    position: absolute;
    top: -12px;
    left: 0;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    text-transform: uppercase;
    padding: 4px 18px;
    border-radius: 12px 15px 15px 0
}

.vtb-news-card--full {
    margin-top: 48px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vtb-news-card--full h3 {
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #0a2896;
    margin-bottom: 16px
}

.vtb-news-card--full p {
    color: #606981;
    letter-spacing: -.4px;
    max-width: 504px
}

.vtb-news-card .card-date {
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    color: #b6c1dd
}

.vtb-news-card .card-title {
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #0a2896;
    margin-top: 24px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.vtb-news-card .card-descr {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #0a2896;
    -webkit-transition: all .5s;
    transition: all .5s
}

.vtb-news-card .card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: auto
}

.vtb-news-card .card-icon {
    fill: #0a2896;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-select-multiple,.jq-selectbox {
    position: relative;
    display: inline-block
}

.jq-select-multiple select,.jq-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-select-multiple li,.jq-selectbox li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer
}

.jq-selectbox__select {
    height: 80px;
    width: 136px;
    padding: 30px 30px 30px 50px;
    background: #fff;
    border: 1px solid #d4d7df;
    border-width: 1px 1px 1px 0;
    border-radius: 0 8px 8px 0;
    color: #2f3441;
    font-size: 16px;
    line-height: 20px
}

.jq-selectbox__select:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e6e6e6));
    background: linear-gradient(#f6f6f6,#e6e6e6)
}

.jq-selectbox__select:active {
    background: #f5f5f5
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #ccc;
    background: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    width: 100%!important
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    right: 32px;
    width: 0;
    height: 0;
    border-top: 5px solid #d4d7df;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #aaa
}

.jq-selectbox__dropdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: -1px 0 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #fff
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    padding: 15px 10px 15px 50px;
    color: #231f20
}

.jq-selectbox li.selected {
    background-color: #a3abb1;
    color: #fff
}

.jq-selectbox li:hover {
    background-color: #0084ff;
    color: #fff
}

.jq-selectbox li.disabled {
    color: #aaa
}

.jq-selectbox li.disabled:hover {
    background: 0 0
}

.jq-selectbox li.option {
    padding-left: 25px
}

.usd,.usd .jq-selectbox__select {
    background: url(../images/dollar.svg) no-repeat 23px center/23px
}

.eur,.eur .jq-selectbox__select {
    background: url(../images/euro.svg) no-repeat 23px center/23px
}

.rub,.rub .jq-selectbox__select {
    background: url(../images/ruble.svg) no-repeat 23px center/23px
}

.info {
    position: relative;
    margin-top: 45px
}

.info-header {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    border-radius: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-height: 58px
}

.info-header::after {
    border: 1px solid #d4d7df;
    border-radius: 8px;
    content: "";
    display: block;
    height: calc(100% - 4px);
    left: 2px;
    position: absolute;
    top: 2px;
    width: calc(100% - 4px);
    z-index: 0
}

.info-header .background-decoration,.info-header .border-decoration {
    border-radius: 8px;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    /*min-width: 100px;*/
    pointer-events: none;
    position: absolute;
    transition: width .25s ease-in-out,-webkit-transform .25s ease-in-out;
    -webkit-transition: width .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: width .25s ease-in-out,transform .25s ease-in-out;
    transition: width .25s ease-in-out,transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
    width: auto
}

.info-header .border-decoration {
    border: 3px solid #0a2896;
    z-index: 2
}

.info-header .background-decoration {
    background-color: #fff;
    z-index: 0
}

.info-header-wrap {
    margin: -3px;
    overflow-x: auto;
    overflow-y: visible;
    padding: 3px;
    width: calc(100% + 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info-header-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606981;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -.4px;
    border: 3px solid transparent;
    border-radius: 8px;
    padding: 16px 24px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.info-header-tab svg {
    fill: #606981
}

.info-header-tab:hover {
    color: #2f3441
}

.info-header-tab:hover svg {
    fill: #2f3441
}

.info-header-tab.active {
    color: #0a2896
}

.info-header-tab.active svg {
    fill: #0a2896
}

.info-tabcontent {
    width: 100%;
    padding-top: 48px;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.info-tabcontent-title {
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    margin-bottom: 24px
}

.info-tabcontent-table {
    list-style: none;
    margin-bottom: 24px
}

.info-tabcontent-table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #d4d7df
}

.info-tabcontent-table-row:not(:first-child) {
    padding-top: 48px
}

.info-tabcontent-table-row p {
    margin-bottom: 24px
}

.info-tabcontent-table-row .row-left {
    width: 45%
}

.info-tabcontent-table-row .row-right {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px;
    color: #2f3441
}

.info-tabcontent-table-row .row-right--col {
    width: 48%
}

.info-tabcontent-table-row .row-right--col .single-value-title {
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #0a2896;
    margin-bottom: 8px
}

.info-tabcontent-table-row .row-right--col .single-value-subtitle {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.info-tabcontent-table-row .row-right .vtb-document-info {
    width: 100%
}

.info-tabcontent-table-mcc {
    width: 100%;
    border-collapse: collapse
}

.info-tabcontent-table-mcc tr td:nth-child(2) {
    color: #606981
}

.info-tabcontent-table-mcc thead td {
    font-size: 22px;
    line-height: 100%;
    padding: 40px 28px 40px 40px;
    color: #2f3441
}

.info-tabcontent-table-mcc td {
    padding: 24px;
    padding-left: 40px;
    letter-spacing: -.4px;
    border: 1px solid #d4d7df;
    color: #2f3441
}

.info-tabcontent-description {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px
}

.info-tabcontent-description p {
    margin-bottom: 24px
}

.info-tabcontent-description ul {
    padding-left: 20px;
    margin-bottom: 24px;
    margin-top: -20px
}

.info-tabcontent-description ul li {
    list-style-type: disc
}

.info-tabcontent .markdown-list {
    list-style: none
}

.info-tabcontent .markdown-list--limit {
    max-width: 676px
}

.info-tabcontent .markdown-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px
}

.info-tabcontent .markdown-list li::before {
    content: "\2014";
    font-size: 14px;
    left: 0;
    letter-spacing: -.3px;
    line-height: 120%;
    position: absolute;
    top: 2px
}

.info-tabcontent .markdown-list li span {
    display: block;
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    color: #606981;
    margin-top: 8px
}

.info .hide {
    display: none
}

.info .show {
    display: block
}

.info-vertical {
    margin-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.info-vertical-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 74px;
    margin-left: -16px
}

.info-vertical-header-tab {
    position: relative;
    color: #b6c1dd;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 8px 16px;
    margin-bottom: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.info-vertical-header-tab span {
    position: relative;
    z-index: 2;
    pointer-events: none
}

.info-vertical-header-tab::after,.info-vertical-header-tab:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: 0 0;
    border-radius: 8px;
    z-index: 1;
    opacity: 0
}

.info-vertical-header-tab::before {
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.info-vertical-header-tab::after {
    border: 2px solid #fff;
    background-clip: content-box;
    background-color: #f3f7fa;
    border-color: rgba(255,255,255,0);
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.info-vertical-header-tab:hover {
    color: #2f3441
}

.info-vertical-header-tab.active {
    color: #0084ff;
    -webkit-transform: translateX(16px);
    transform: translateX(16px)
}

.info-vertical-header-tab.active::after,.info-vertical-header-tab.active::before {
    opacity: 1
}

.info-vertical-tabcontent {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.info-vertical .hide {
    display: none
}

.info-vertical .show {
    display: block
}

.vtb-exchange {
    padding-bottom: 120px
}

.vtb-exchange .container {
    position: relative
}

.vtb-exchange-link {
    position: absolute;
    top: 0;
    right: 125px;
    min-width: 288px;
    padding: 18px 40px
}

.vtb-exchange-link span {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.vtb-exchange-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rate-block {
    background: #fff;
    border-radius: 24px;
    width: 49%;
    padding: 40px
}

.rate-block p {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.rate-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.rate-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rate-list li span {
    width: 25%
}

.rate-list-header {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #0084ff;
    margin-bottom: 16px
}

.rate-list-content {
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #2f3441
}

/*.rate-list-content span:first-child {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #606981
}*/

.converter h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #2f3441;
    margin-bottom: 48px
}

.converter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.converter-input {
    height: 80px;
    background: #fff;
    border: 1px solid #d4d7df;
    border-radius: 8px 0 0 8px;
    padding: 26px;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    width: calc(100% - 136px)
}

.converter-currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 48px 0 27px
}

.converter-currency-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.converter-currency-name {
    font-weight: 300;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.6px;
    color: #606981;
    margin-bottom: 8px
}

.converter-currency-result {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -2px;
    color: #000
}

.vtb-banner {
    padding: 120px 0;
    background: url(../images/virtual-card.jpg) no-repeat center/cover
}

.vtb-banner .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    min-height: 430px
}

.vtb-banner h2 {
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #fff
}

.vtb-banner-btn {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    padding: 30px 67px
}

.vtb-information {
    padding-top: 120px
}

.vtb-information-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    max-width: 389px
}

.vtb-information-link span {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-information-slider,.vtb-information-slider-work {
    padding-right: 1px;
    padding-top: 14px
}

.vtb-information-pagination,.vtb-information-pagination-work {
    position: relative;
    margin-top: 34px;
    display: none
}

.vtb-information-pagination .swiper-pagination-bullet,.vtb-information-pagination-work .swiper-pagination-bullet {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 4px;
    border-radius: 50px;
    background: #d4d7df
}

.vtb-information-pagination .swiper-pagination-bullet-active,.vtb-information-pagination-work .swiper-pagination-bullet-active {
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%)
}

.vtb-instagram-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-instagram-wrap a {
    width: 24%;
    margin-bottom: 16px
}

.vtb-instagram-wrap a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.vtb-instagram-link {
    margin-top: 32px;
    min-width: 388px
}

.vtb-instagram-link span {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.vtb-apps-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vtb-apps-wrap:after {
    content: "";
    display: block;
    height: 4px;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
    margin-top: 120px;
    width: 100%
}

.vtb-apps-wrap .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 60%
}

.vtb-apps-wrap .image {
    width: 40%
}

.vtb-apps-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.vtb-apps-link a {
    padding: 0 24px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #0084ff;
    border-radius: 8px;
    margin-right: 16px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.vtb-apps-link a svg {
    fill: #0084ff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.vtb-apps-link a:hover {
    background: #0084ff
}

.vtb-apps-link a:hover svg {
    fill: #fff
}

.vtb-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-grid-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    padding: 40px;
    min-height: 290px;
    margin-bottom: 24px
}

.vtb-grid-item-heightsmall {
    min-height: 268px
}

.vtb-grid-item-hauto {
    min-height: auto
}

.vtb-grid-item--high {
    min-height: 344px
}

.vtb-grid-item-30 {
    width: 32%
}

.vtb-grid-item-30 .vtb-grid-button {
    width: 100%
}

.vtb-grid-item-50 {
    width: 49%
}

.vtb-grid-item-50 .title,.vtb-grid-item-50 p {
    margin-right: 140px
}

.vtb-grid-item-100 {
    width: 100%
}

.vtb-grid-item-100 .title,.vtb-grid-item-100 p {
    margin-right: 200px
}

.vtb-grid-item .title {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #2f3441;
    margin-bottom: 16px
}

.vtb-grid-item p {
    letter-spacing: -.4px;
    color: #606981;
    margin-bottom: 30px
}

.vtb-grid-item img {
    position: absolute;
    top: 40px;
    right: 40px
}

.vtb-grid-item img.bottom {
    top: auto;
    bottom: 40px
}

.vtb-grid-item .buttons {
    margin-top: auto
}

.vtb-grid-item .buttons .primary {
    margin-right: 16px;
    padding: 17px 40px
}

.vtb-grid-item .buttons .light {
    padding: 17px 40px
}

.vtb-grid-item .list {
    list-style: none;
    padding: 0;
    margin: 0
}

.vtb-grid-item .list li {
    margin-bottom: 24px
}

.vtb-grid-item .list a {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #0a2896
}

.vtb-grid-item .list a:hover {
    color: #0084ff
}

.vtb-grid-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-grid-light-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-radius: 8px;
    padding: 40px;
    border: 1px solid #d4d7df;
    margin-right: -1px;
    margin-bottom: -1px
}

.vtb-grid-light-item-30 {
    width: calc(100%/3 + 1px)
}

.vtb-grid-light-item-60 {
    width: calc(100%/3*2 + 1px)
}

.vtb-grid-light-item-60 img {
    position: absolute;
    right: 48px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vtb-grid-light-item-60 .title,.vtb-grid-light-item-60 p {
    max-width: 60%
}

.vtb-grid-light-item-50 {
    width: calc(50% + 1px)
}

.vtb-grid-light-item-100 {
    width: 100%
}

.vtb-grid-light-item-100 .title,.vtb-grid-light-item-100 p {
    margin-right: 200px
}

.vtb-grid-light-item .title {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -2px;
    color: #2f3441;
    margin-bottom: 16px
}

.vtb-grid-light-item p {
    letter-spacing: -.4px;
    color: #606981
}

.vtb-grid-light-item .number {
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #d4d7df;
    margin-bottom: 16px
}

.vtb-grid-light-item-small {
    padding: 24px
}

.vtb-grid-light-item-small .title {
    font-size: 28px
}

.vtb-grid-with-accordeon-item {
    position: relative;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 24px
}

.vtb-grid-with-accordeon-item .header-acc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vtb-grid-with-accordeon-item .header-acc img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 64px;
    height: 64px;
    margin-right: 32px
}

.vtb-grid-with-accordeon-item .header-acc .descr {
    margin-right: 16px
}

.vtb-grid-with-accordeon-item .header-acc h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #2f3441;
    margin-bottom: 16px
}

.vtb-grid-with-accordeon-item .header-acc .price {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vtb-grid-with-accordeon-item .header-acc .price p {
    margin-bottom: 8px
}

.vtb-grid-with-accordeon-item .header-acc .price span {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.vtb-grid-with-accordeon-item .header-acc .price span.current {
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #0a2896;
    margin-right: 8px
}

.vtb-grid-with-accordeon-item .header-acc .price span.time {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    margin-right: 8px
}

.vtb-grid-with-accordeon-item .header-acc .price span.prev {
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -.4px;
    color: #d4d7df;
    text-decoration: line-through
}

.vtb-grid-with-accordeon-item .header-acc .buttons {
    max-width: 256px;
    margin-left: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vtb-grid-with-accordeon-item .header-acc .buttons .primary {
    width: 100%;
    margin-bottom: 24px
}

.vtb-grid-with-accordeon-item .description {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
}

.vtb-grid-with-accordeon-item .description ul {
    list-style: none;
    margin: 0;
    padding: 40px 40px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #e9ecef
}

.vtb-grid-with-accordeon-item .description li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 24%;
    margin-right: 8px;
    margin-bottom: 40px
}

.vtb-grid-with-accordeon-item .description-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -.6px;
    color: #2f3441;
    margin-bottom: 4px
}

.vtb-grid-with-accordeon-item .description-text {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.vtb-grid-with-accordeon-item.reccomend:before {
    content: 'Рекомендуем';
    position: absolute;
    top: -12px;
    left: 0;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    text-transform: uppercase;
    padding: 4px 18px;
    border-radius: 12px 15px 15px 0
}

.vtb-suggestions-link {
    padding-top: 120px
}

.vtb-suggestions-link-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vtb-suggestions-link-list a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 24px;
    border: 1px solid #d4d7df;
    color: #2f3441;
    margin-right: -1px;
    margin-bottom: -1px
}

.vtb-suggestions-link-list a img {
    margin-right: 16px
}

.vtb-suggestions-link-list a:before {
    content: "";
    opacity: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: inherit;
    border: 2px solid #0084ff;
    z-index: 5;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.vtb-suggestions-link-list a:hover {
    color: #0084ff
}

.vtb-suggestions-link-list a:hover::before {
    opacity: 1
}

.vtb-banner-sme {
    padding: 120px 0;
    background: url(../images/banner_1920.jpg) no-repeat center/cover
}

.vtb-banner-sme .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    min-height: 430px
}

.vtb-banner-sme h2 {
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #fff;
    max-width: 719px
}

.vtb-banner-sme-btn {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    padding: 30px 67px
}

.vtb-tarify-button {
    position: absolute;
    top: 0;
    right: 0
}

.vtb-hero-about {
    padding-top: 100px;
    padding-bottom: 48px;
    overflow: hidden;
    background: #f3f7fa
}

.vtb-hero-about-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
	justify-content: space-between;
    padding-top: 20px
}

.vtb-hero-about-block-text {
    width: 56%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 40px
}

.vtb-hero-about-block-text h1 {
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    margin-bottom: 16px;
    color: #2f3441
}

.vtb-hero-about-block-text p {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    margin-bottom: 24px;
    max-width: 600px
}

.vtb-hero-about-block-image img {
    width: 100%
}

.vtb-info {
    background: #f3f7fa
}

.vtb-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vtb-info-button {
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: -1.5px;
    margin-right: 24px;
    max-width: 376px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 33%
}

.vtb-info-button span {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-hero-qr {
    padding-top: 100px;
    padding-bottom: 54px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,43,171,.7)),color-stop(33.64%,rgba(0,43,171,0))),url(../images/pedestal-background.jpg) no-repeat center/cover;
    background: linear-gradient(180deg,rgba(0,43,171,.7) 0,rgba(0,43,171,0) 33.64%),url(../images/pedestal-background.jpg) no-repeat center/cover
}

.vtb-hero-qr-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding-top: 50px;
    margin-bottom: -60px
}

.vtb-hero-qr-block-text {
    width: 40%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vtb-hero-qr-block-text h1 {
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    margin-bottom: 16px;
    color: #fff
}

.vtb-hero-qr-block-text p {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #fff;
    margin-bottom: 36px
}

.vtb-hero-qr-block-image img {
    width: 100%
}

.vtb-commission-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 48px;
    border-radius: 48px
}

.vtb-commission-item {
    margin-right: 48px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.vtb-commission-item .vtb-form-item {
    margin-bottom: 0
}

.vtb-commission-item .plan {
    width: 100%;
    height: 80px;
    padding: 28px;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    background: #fff;
    border: 1px solid #d4d7df;
    border-radius: 8px;
    margin-bottom: 8px
}

.vtb-commission-item ul li {
    margin-top: 48px;
    margin-bottom: 0
}

.vtb-commission span.descr {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.vtb-commission .result {
    position: relative;
    max-width: 528px
}

.vtb-commission .result::before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),to(#0085ff));
    background: linear-gradient(90deg,#0037ff,#0085ff);
    border-radius: 24px;
    z-index: 0
}

.vtb-commission .result-block {
    position: relative;
    background: #fff;
    border-radius: 23px;
    height: 100%;
    padding: 48px
}

.vtb-commission .result ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0
}

.vtb-commission .result ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px
}

.vtb-commission .result ul li:first-child {
    margin-right: 48px
}

.vtb-commission .result ul li .result-span {
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #000;
    margin-top: 8px
}

.vtb-commission .result-button {
    width: 100%;
    padding: 40px;
    margin: 24px 0 16px
}

.vtb-commission .result-button span {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-commission .result-button svg {
    fill: #fff
}

.vtb-steps-item {
    background: #fff;
    border-radius: 8px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 24px
}

.vtb-steps-item .text {
    max-width: 50%
}

.vtb-steps-item .text h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #0a2896;
    margin-bottom: 24px
}

.vtb-steps-item .text h3 span {
    color: #0056ff
}

.vtb-connection-grid {
    margin-bottom: 48px
}

.vtb-cost {
    margin-top: 48px
}

.vtb-cost-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
}

.vtb-cost-content-wrap {
    padding-top: 24px;
    padding-bottom: 48px;
    border-top: 1px solid #d4d7df;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-cost-content p {
    color: #606981;
    margin-right: 24px
}

.vtb-cost-content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.vtb-cost-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.vtb-cost-content ul li span {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #0a2896
}

.vtb-cost-trigger {
    width: 100%;
    text-align: center;
    color: #0a2896;
    padding: 17px;
    border: 1px solid #d4d7df;
    border-radius: 8px;
    cursor: pointer
}

.vtb-bankpartner-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vtb-bankpartner-block-text {
    margin-right: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vtb-bankpartner-block img {
    width: 100%;
    max-width: 450px;
    max-height: 450px;
    -o-object-fit: contain;
    object-fit: contain
}

.vtb-bankpartner-block h2 {
    margin-bottom: 24px;
    line-height: 100%
}

.vtb-bankpartner-block-form {
    max-width: 576px
}

.tarif-table-wrap {
    overflow-x: auto;
    padding-bottom: 15px
}

.tarif-table-header {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #2f3441
}

.tarif-table-header .descr {
    font-weight: 300;
    font-size: 13px;
    line-height: 100%;
    color: #606981;
    margin-bottom: 48px
}

.tarif-table-header .price {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 8px
}

.tarif-table-header .vtb-button {
    padding: 16px 10px;
    width: 100%;
    margin-top: auto
}

.tarif-table-header .tarif-table-row:first-child .tarif-table-cell {
    border-radius: 8px 8px 0 0
}

.tarif-table-header .tarif-table-row:first-child .tarif-table-cell.active {
    border-top: 2px solid #0084ff
}

.tarif-table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.tarif-table-row-mobile {
    display: none
}

.tarif-table-cell {
    background-color: #fff;
    border-left: 1px solid #f3f7fa;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - 274px)/ 5);
    min-width: 180px
}

.tarif-table-cell:first-child {
    width: 274px
}

.tarif-table-cell.active {
    border-left: 2px solid #0084ff;
    border-right: 2px solid #0084ff
}

.tarif-table-cell-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    height: 100%;
    padding: 16px
}

.tarif-table-body {
    color: #2f3441
}

.tarif-table-body .tarif-table-row:last-child .tarif-table-cell {
    border-radius: 0 0 8px 8px
}

.tarif-table-body .tarif-table-row:last-child .tarif-table-cell.active {
    border-bottom: 2px solid #0084ff
}

.tarif-table-body .tarif-table-row.last_row .tarif-table-cell {
    border-radius: 0 0 8px 8px
}

.tarif-table-body .tarif-table-row.last_row .tarif-table-cell.active {
    border-bottom: 2px solid #0084ff
}

.tarif-table-body .tarif-table-cell-content {
    border-top: 1px solid #f3f7fa
}

.tarif-table-body .tarif-table-cell:first-child {
    font-weight: 500
}

.tarif-table-body .tarif-table-cell .descr {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    margin-top: 8px
}

.tarif-table-body .tarif-table-cell .none {
    width: 100%;
    text-align: center
}

.vtb-form-item {
    margin-bottom: 48px;
    position: relative
}

.vtb-form-item .input-clear {
    opacity: 0;
    position: absolute;
    right: 24px;
    bottom: 18px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.vtb-form-item .input-clear--bottom {
    bottom: 35%
}

.vtb-form-item--phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vtb-form-item--phone .input-clear {
    bottom: 50%
}

.vtb-form-item--phone input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto
}

.vtb-form-item--phone span {
    display: block;
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    padding-left: 28px;
    margin-top: 8px;
    width: 100%
}

.vtb-form-item--phone .prefix {
    position: absolute;
    top: 0;
    left: 0;
    padding: 26px;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -.6px;
    border-right: 1px solid #f3f7fa;
    color: #606981;
    height: 82px
}

.vtb-form-text {
    width: 100%;
    background: #fff;
    border: 1px solid #fff;
    padding: 32px 28px 15px;
    font-size: 24px;
    line-height: 130%;
    border-radius: 8px;
    outline: 0;
    color: #0a2896;
    min-height: 80px
}

.vtb-form-text:focus {
    border: 1px solid #0a2896;
    -webkit-box-shadow: 0 0 0 7px rgba(10,40,150,.1);
    box-shadow: 0 0 0 7px rgba(10,40,150,.1);
    padding-right: 52px
}

.vtb-form-text:focus+.vtb-form-label {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    top: 17px
}

.vtb-form-text:focus~div {
    opacity: 1
}

.vtb-form-text.error,.vtb-form-text.filled {
    border: 1px solid #fff;
    color: #000;
    font-size: 18px;
    line-height: 120%
}

.vtb-form-text.error+.vtb-form-label,.vtb-form-text.filled+.vtb-form-label {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    top: 17px
}

.vtb-form-text.error~div,.vtb-form-text.filled~div {
    opacity: 0
}

.vtb-form-text.error {
    border: 1px solid #d42c37
}

.vtb-form-text--phone {
    padding: 26px 28px 24px 121px;
    min-height: 80px
}

.vtb-form-text--phone::-webkit-input-placeholder {
    color: #606981;
    opacity: .3
}

.vtb-form-text--phone:-ms-input-placeholder {
    color: #606981;
    opacity: .3
}

.vtb-form-text--phone::-ms-input-placeholder {
    color: #606981;
    opacity: .3
}

.vtb-form-text--phone::placeholder {
    color: #606981;
    opacity: .3
}

.vtb-form-text--phone:focus+.prefix {
    border-right: 1px solid #0a2896
}

.vtb-form-text--phone:focus~span {
    color: #0a2896
}

.vtb-form-text--phone.error,.vtb-form-text--phone.filled {
    font-size: 24px
}

.vtb-form-text--phone.error+.prefix {
    border-right: 1px solid #d42c37
}

.vtb-form-text--phone.error~span {
    color: #d42c37
}

.vtb-form-label {
    position: absolute;
    top: 28px;
    left: 28px;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.vtb-form-submit {
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 26px 26px 26px 40px;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
    background: linear-gradient(90deg,#0037ff 0,#0085ff 75%)
}

.vtb-form-submit span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.vtb-form-submit svg {
    width: 48px;
    height: 48px
}

.vtb-form-type-checkbox {
    padding-top: 24px;
    border-top: 1px solid #d4d7df;
    margin-bottom: 48px;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vtb-form-type-checkbox input {
    opacity: 0;
    visibility: hidden
}

.vtb-form-type-checkbox input:checked+.option::before {
    background: url(../images/check.svg) no-repeat center/auto;
    border-color: #0a2896
}

.vtb-form-type-checkbox .option {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    margin-left: -13px
}

.vtb-form-type-checkbox .option::before {
    content: '';
    width: 24px;
    height: 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #d4d7df;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.vtb-form-type-checkbox .option a {
    color: #0a2896
}

.rko-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #2f3441;
    margin-bottom: 48px
}

.rko-text {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    margin: 48px 0;
    max-width: 925px
}

.vtb-hero-packages {
    padding-top: 100px;
    padding-bottom: 54px;
    overflow: hidden;
    background: #f3f7fa
}

.vtb-hero-packages-block-text h1 {
    font-size: 50px;
    line-height: 100%;
    letter-spacing: -3px;
    margin-bottom: 16px;
    margin-top: 88px
}

.calculator-rko {
    margin-top: 48px
}

.calculator-rko-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    background: #fff;
    padding: 48px;
    border-radius: 48px
}

.calculator-rko-item {
    margin-right: 48px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.calculator-rko-item .vtb-form-item {
    margin-bottom: 0
}

.calculator-rko-item .plan {
    width: 100%;
    height: 80px;
    padding: 28px;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    background: #fff;
    border: 1px solid #d4d7df;
    border-radius: 8px;
    margin-bottom: 8px
}

.calculator-rko-item ul li {
    margin-top: 48px;
    margin-bottom: 0
}

.calculator-rko span.descr {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.calculator-rko .result {
    position: relative;
    max-width: 528px
}

.calculator-rko .result::before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    background: -webkit-gradient(linear,left top,right top,from(#0037ff),to(#0085ff));
    background: linear-gradient(90deg,#0037ff,#0085ff);
    border-radius: 24px;
    z-index: 0
}

.calculator-rko .result-block {
    position: relative;
    background: #fff;
    border-radius: 23px;
    height: 100%;
    padding: 48px
}

.calculator-rko .result ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.calculator-rko .result ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px
}

.calculator-rko .result ul li:first-child {
    margin-right: 48px
}

.calculator-rko .result ul li .result-span {
    font-size: 46px;
    line-height: 100%;
    letter-spacing: -3px;
    color: #000;
    margin-top: 8px
}

.calculator-rko .result-info {
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    color: #000;
    margin-bottom: 48px
}

.calculator-rko .result-button {
    width: 100%;
    padding: 40px;
    margin: 16px 0
}

.calculator-rko .result-button span {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calculator-rko .result-button svg {
    fill: #fff
}

.calculator-rko-form-subtitle {
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -.6px;
    margin-top: 48px
}

.calculator-rko-form-group-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 48px
}

.calculator-rko-form-group-checkbox {
    padding: 25px 0;
    border-bottom: 1px solid #d4d7df
}

.calculator-rko-form-group-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 23px
}

.calculator-rko-form-group-range label {
    width: 100%;
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    margin-bottom: 8px
}

.calculator-rko-form-group-range .range-result {
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #0a2896;
    margin-bottom: 25px
}

.calculator-rko-form-group-range span {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981;
    margin-top: 17px
}

.calculator-rko-form .switch {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: #606981;
    font-size: 18px
}

.calculator-rko-form .switch svg {
    fill: #606981;
    vertical-align: bottom
}

.calculator-rko-form .form-checkbox {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.calculator-rko-form .slider-switch {
    position: relative;
    cursor: pointer;
    width: 48px;
    height: 24px;
    right: 0;
    bottom: 0;
    background-color: #d4d7df;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px
}

.calculator-rko-form .slider-switch:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.calculator-rko-form .slider-switch:hover {
    background-color: #606981
}

.calculator-rko-form input:checked+.switch .slider-switch {
    background-color: #0a2896
}

.calculator-rko-form input:focus+.switch .slider-switch {
    -webkit-box-shadow: 0 0 1px #0a2896;
    box-shadow: 0 0 1px #0a2896
}

.calculator-rko-form input:checked+.switch .slider-switch:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px)
}

.calculator-rko-form input:checked+.switch {
    color: #0a2896
}

.calculator-rko-form input:checked+.switch svg {
    fill: #0a2896
}

.calculator-rko-form .range {
    border-radius: 10px;
    height: 4px;
    background: #d4d7df;
    height: 4px;
    width: 100%;
    outline: 0;
    -webkit-transition: background 450ms ease-in;
    transition: background 450ms ease-in;
    -webkit-appearance: none
}

.calculator-rko-form .range::-webkit-slider-thumb {
    background: #fff;
    border: 4px solid #0084ff;
    border-radius: 27px;
    cursor: pointer;
    width: 31px;
    height: 22px;
    -webkit-appearance: none;
    margin-top: -2px
}

.calculator-rko-form .radio {
    opacity: 0;
    visablity: hidden;
    position: absolute
}

.calculator-rko-form .radio__label {
    width: 48%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.calculator-rko-form .radio__text {
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #d4d7df;
    text-align: left;
    color: #2f3441
}

.calculator-rko-form .radio__text span {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.calculator-rko-form .radio__text:hover {
    color: #fff
}

.calculator-rko-form .radio:checked+.radio__text {
    background: linear-gradient(139.27deg,#2678f3 6.54%,#2150c8 100%);
    color: #fff
}

.footer {
    background: #fff
}

.footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 32px
}

.footer-menu li {
    margin-bottom: 16px
}

.footer-menu li a {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px
}

.footer-menu li a:hover {
    color: #0084ff
}

.footer-top {
    padding: 48px 0;
    border-bottom: 1px solid #d4d7df;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-top .contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-top .contacts-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

.footer-top .contacts-mobile a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #2f3441;
    margin-right: 8px
}

.footer-top .contacts-mobile a:hover {
    color: #0084ff
}

.footer-top .contacts-mobile a img {
    margin-right: 16px
}

.footer-top .contacts-mobile span {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.footer-top .contacts-link {
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #2f3441
}

.footer-top .contacts-link span {
    font-weight: 300
}

.footer-top .contacts-link:hover {
    color: #0084ff
}

.footer-top .contacts-bank {
    margin-top: auto;
    margin-bottom: 0
}

.footer-top .offices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.footer-top .offices-menu a {
    color: #0a2896
}

.footer-top .offices .eye-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #0a2896;
    margin-top: auto
}

.footer-top .offices .eye-link svg {
    margin-right: 8px;
    fill: #0a2896
}

.footer-top .offices .eye-link:hover {
    color: #0084ff
}

.footer-top .offices .eye-link:hover svg {
    fill: #0084ff
}

.footer-top .pages {
    max-width: 490px
}

.footer-top .pages-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-top .pages-menu li {
    margin-right: 24px
}

.footer-top .pages-menu a {
    color: #606981
}

.footer-top .pages-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-top .pages-social-link {
    margin-right: 24px
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 48px 0
}

.footer-bottom-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-bottom-logo-icon {
    margin-right: 24px
}

.footer-bottom-logo .title {
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1.5px;
    color: #2f3441;
    margin-bottom: 8px
}

.footer-bottom-logo .descr {
    font-weight: 300;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.footer-bottom-copyright {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.4px;
    color: #606981
}

.footer-bottom-develop {
    font-weight: 300;
    font-size: 10px;
    line-height: 99.4%;
    color: #606981
}

.footer-bottom-develop a {
    color: inherit
}

@media screen and (max-width: 1280px) {
    .pages {
        width:32%
    }
}

@media screen and (max-width: 1024px) {
    .footer-menu li a {
        font-size:14px;
        letter-spacing: -.3px
    }

    .footer-top .contacts-mobile {
        margin-bottom: 24px
    }

    .footer-top .contacts-mobile a {
        font-size: 22px
    }

    .footer-top .contacts-mobile span {
        font-size: 10px
    }

    .footer-top .contacts-link {
        font-size: 22px
    }

    .footer-top .contacts-bank {
        font-size: 14px
    }

    .footer-top .offices .eye-link {
        font-size: 14px
    }

    .footer-bottom {
        padding: 32px 0
    }

    .footer-bottom-logo-icon {
        width: 38px;
        height: 38px;
        margin-right: 16px
    }

    .footer-bottom-logo .title {
        font-size: 22px
    }

    .footer-bottom-logo .descr {
        font-size: 10px
    }

    .footer-bottom-copyright {
        font-size: 14px
    }
}

@media screen and (max-width: 768px) {
    .footer-top {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-top .contacts-bank {
        margin-top: 24px
    }

    .footer-top .offices {
        margin-top: 48px
    }

    .footer-top .pages {
        margin-top: 48px;
        width: 100%;
        max-width: 100%
    }

    .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-bottom-logo {
        border: 1px solid #d4d7df;
        border-radius: 8px;
        margin-bottom: 16px;
        padding: 24px;
        width: 100%
    }

    .footer-bottom-copyright {
        margin-bottom: 16px
    }
}

@media (hover: hover) and (pointer:fine),(-ms-high-contrast:active),(-ms-high-contrast:none) {
    .breadcrumb .bread__item span:hover {
        color:#0084ff
    }

    .vtb-button:hover:before {
        opacity: 1
    }

    .vtb-button--light:hover {
        color: #fff
    }

    .vtb-button--white:hover {
        color: #fff
    }

    .vtb-button--white:hover svg {
        fill: #fff
    }

    .vtb-button--outline:hover {
        color: #fff
    }

    .vtb-link:hover {
        color: #0084ff
    }

    .vtb-link:hover svg {
        fill: #0084ff
    }

    .vtb-news-card--link:hover {
        z-index: 10
    }

    .vtb-news-card--link:hover::before {
        opacity: 1
    }

    .vtb-news-card--link:hover .card-descr,.vtb-news-card--link:hover .card-title {
        color: #0084ff
    }

    .vtb-news-card--link:hover .card-icon {
        fill: #0084ff
    }

    .vtb-news-card--big:hover {
        z-index: 10
    }

    .vtb-news-card--big:hover::before {
        opacity: 1
    }

    .vtb-news-card--big .card-list li a:hover {
        color: #0084ff
    }

    .vtb-news-card--big .card-bottom:hover .card-icon {
        fill: #0084ff
    }

    .vtb-document-info:hover {
        border: 1px solid #0084ff
    }

    .vtb-document-info:hover .vtb-document-info-title {
        color: #0084ff
    }

    .vtb-document-info:hover svg {
        fill: #0084ff
    }

    .vtb-condition-block-video-play:hover {
        border: 1px solid #0084ff
    }

    .vtb-condition-block-video-play:hover svg {
        fill: #0084ff
    }

    .vtb-accordion-icon:hover svg {
        fill: #2f3441
    }
}

@media screen and (min-width: 0\0) {
    .vtb-hero__slider .swiper-wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }

    .vtb-hero__slide--first {
        max-width: 685px;
        padding: 40px;
        background: #fff;
        -webkit-transition: max-width .8s;
        transition: max-width .8s
    }

    .vtb-hero__slide--first .vtb-hero__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        height: 186px
    }

    .vtb-hero__slide .vtb-hero__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        height: 220px
    }

    .vtb-hero__slide .vtb-hero__card p {
        max-width: 100%
    }

    .vtb-hero__slide--first .vtb-hero__card img {
        display: none
    }

    .vtb-hero__slide--first .vtb-hero__card p {
        color: #002bab;
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -1.5px;
        font-weight: 400;
        margin-top: 0
    }

    .vtb-hero__slide--first .vtb-hero__card p a {
        color: #0056ff
    }

    .vtb-hero__slide .vtb-hero__card .vtb-hero-button {
        margin-top: auto;
        width: 100%;
        padding: 10px 20px
    }

    .vtb-hero__slide:hover .vtb-hero__card .vtb-hero-button {
        opacity: 1;
        visibility: visible
    }

    .vtb-hero__slide--first .vtb-hero__card .vtb-hero-button {
        opacity: 1;
        visibility: visible;
        margin-top: auto;
        padding: 30px 40px;
        width: auto
    }

    .vtb-suggestions__slider .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }

    .vtb-suggestions__slide {
        width: 25%
    }

    .vtb-suggestions__slide:first-child {
        background: #fff;
       /* -webkit-filter: drop-shadow(0 1px 20px rgba(39, 74, 146, .05)) drop-shadow(0 16px 40px rgba(39, 74, 146, .05));
        filter: drop-shadow(0 1px 20px rgba(39, 74, 146, .05)) drop-shadow(0 16px 40px rgba(39, 74, 146, .05));*/
        border-radius: 8px
    }

    .vtb-suggestions__slide .vtb-suggestions-button {
        opacity: 1;
        visibility: visible
    }

    .vtb-suggestions__button {
        display: none
    }

    .vtb-suggestions__slide:hover {
        background: #fff;
       /* -webkit-filter: drop-shadow(0 1px 20px rgba(39, 74, 146, .05)) drop-shadow(0 16px 40px rgba(39, 74, 146, .05));
        filter: drop-shadow(0 1px 20px rgba(39, 74, 146, .05)) drop-shadow(0 16px 40px rgba(39, 74, 146, .05));*/
        border-radius: 8px
    }

    .vtb-banner .container {
        height: 430px
    }

    .vtb-information-slider .swiper-slide {
        width: calc(100%/3)
    }

    .vtb-news-card--link {
        height: 298px
    }

    .vtb-information-slider .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }

    .vtb-information-slider-work .swiper-slide {
        width: calc(100%/3)
    }

    .vtb-news-card--link {
        height: 298px
    }

    .vtb-information-slider-work .swiper-wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }

    .vtb-grid-light-item {
        display: block
    }

    .vtb-grid-light-item-30 {
        width: calc(100%/3 - 1px);
        margin-right: 0
    }

    .tarif-table-cell-content {
        display: block
    }
}

@media screen and (max-width: 1440px) {
    /*.container {
        padding:0 40px
    }*/

    .vtb-banner {
        background: url(../images/banner-card.png) no-repeat center right 5%/48%,url(../images/banner-bg.jpg) no-repeat center center/cover
    }
}

@media screen and (max-width: 1280px) {
    /*.container {
        padding:0 44px
    }*/

    .vtb-hero-block-text h1,.vtb-hero-image-block-text h1,.vtb-hero-packages-block-text h1 {
        font-size: 46px
    }

    .vtb-banner-sme h2 {
        max-width: 80%
    }

    .vtb-suggestions__slide {
        padding: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #fff;
        -webkit-filter: none;
        filter: none;
        border-radius: 8px
    }

    .vtb-suggestions__slide-img {
        width: 64px;
        height: 64px;
        margin-bottom: 0;
        margin-right: 16px
    }

    .vtb-suggestions__slide-img img {
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%;
        height: 100%
    }

    .vtb-suggestions__slide .line {
        display: none
    }

    .vtb-suggestions__slide h3 {
        margin-bottom: 0;
        max-width: 80%
    }

    .vtb-suggestions__slide h3 br {
        display: none
    }

    .vtb-suggestions__slide.swiper-slide-active {
        -webkit-filter: none;
        filter: none
    }

    .vtb-suggestions-button {
        width: 49%;
        opacity: 1;
        visibility: visible;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 24px
    }

    .vtb-suggestions-button--light {
        margin-top: 24px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 8px
    }

    .info-vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .info-vertical-header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 0;
        margin-bottom: 32px
    }

    .info-vertical-header-tab {
        margin-right: 16px
    }

    .info-vertical-header-tab span {
        position: relative;
        z-index: 2;
        pointer-events: none
    }

    .info-vertical-header-tab::after,.info-vertical-header-tab:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: 0 0;
        border-radius: 8px;
        z-index: 1;
        opacity: 0
    }

    .info-vertical-header-tab::before {
        background: -webkit-gradient(linear,left top,right top,from(#0037ff),color-stop(75%,#0085ff));
        background: linear-gradient(90deg,#0037ff 0,#0085ff 75%);
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

    .info-vertical-header-tab::after {
        border: 2px solid #fff;
        background-clip: content-box;
        background-color: #f3f7fa;
        border-color: rgba(255,255,255,0);
        -webkit-transition: all .15s ease-out;
        transition: all .15s ease-out
    }

    .info-vertical-header-tab:hover {
        color: #2f3441
    }

    .info-vertical-header-tab.active {
        color: #0084ff;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .info-vertical-header-tab.active::after,.info-vertical-header-tab.active::before {
        opacity: 1
    }

    .vtb-exchange-link {
        position: relative;
        right: 0;
        margin-top: 48px
    }

    .vtb-news-card {
        padding: 30px
    }

    .vtb-news-card .card-heading {
        font-size: 24px
    }

    .vtb-news-card .card-info {
        font-size: 28px
    }

    .vtb-banner h2 {
        max-width: 49%
    }

    .vtb-grid-with-accordeon-item .header-acc {
        padding: 24px
    }

    .vtb-grid-with-accordeon-item .header-acc img {
        margin-right: 24px
    }

    .vtb-grid-with-accordeon-item .header-acc h3 {
        font-size: 28px
    }

    .vtb-grid-with-accordeon-item .description ul {
        padding: 24px 24px 0 24px
    }

    .vtb-grid-with-accordeon-item .description li {
        margin-bottom: 24px
    }

    .calculator-rko .result,.vtb-commission .result {
        width: 50%
    }

    .calculator-rko .result ul,.vtb-commission .result ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .calculator-rko .result ul li,.vtb-commission .result ul li {
        margin-bottom: 48px
    }

    .calculator-rko .result-button,.vtb-commission .result-button {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
   .container {
        padding:0 32px
    }

    .vtb-hero__slide.swiper-slide-thumb-active {
        max-width: 284px;
        padding: 16px
    }

    .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card {
        height: 100%
    }

    .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card p {
        font-size: 18px;
        line-height: 100%;
        letter-spacing: -1px
    }

    .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card .vtb-hero-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card .vtb-hero-button {
        padding: 21px 39px;
        width: 100%;
        margin-bottom: 8px
    }

    .vtb-hero__slide-image {
        min-height: 630px
    }

    .vtb-hero-image-block,.vtb-hero-qr-block {
        margin-bottom: 0
    }

    .vtb-section {
        padding: 40px 0
    }

    .vtb-section-title {
        font-size: 34px;
        line-height: 120%;
        margin-bottom: 24px
    }

    .vtb-section--top {
        padding-top: 80px
    }

    .vtb-section--bottom {
        padding-bottom: 80px
    }

    .vtb-button {
        font-size: 16px;
        padding: 15px
    }

    .markdown-list li span {
        font-size: 16px
    }

    .vtb-news-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vtb-news-card--big {
        width: 100%
    }

    .vtb-news-card--full h3 {
        font-size: 34px;
        line-height: 120%
    }

    .vtb-news-card--full .button {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .vtb-suggestions__slide-img {
        width: 44px;
        height: 44px
    }

    .vtb-suggestions__slide h3 {
        font-size: 22px;
        line-height: 100%;
        margin-bottom: 0;
        max-width: 80%
    }

    .vtb-suggestions__slide h3 br {
        display: none
    }

    .vtb-suggestions__button {
        top: 0
    }

    .vtb-suggestions-button {
        width: 48%;
        padding: 15px 37px;
        font-size: 14px;
        line-height: 120%
    }

    .vtb-suggestions-button span {
        font-weight: 400
    }

    .vtb-suggestions-link-list a {
        font-size: 14px;
        padding: 16px
    }

    .vtb-suggestions-link-list a img {
        margin-right: 8px;
        width: 28px;
        height: 28px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .vtb-banner-sme {
        padding: 48px 0
    }

    .vtb-banner-sme .container {
        min-height: 352px
    }

    .vtb-banner-sme h2 {
        font-size: 34px;
        line-height: 100%;
        letter-spacing: -2px
    }

    .vtb-banner-sme-btn {
        width: 48%
    }

    .info-vertical-header-tab {
        font-size: 14px;
        line-height: 120%;
        margin-right: 8px
    }

    .rate-block {
        padding: 24px
    }

    .rate-block p {
        font-size: 12px
    }

    .rate-block .info {
        margin-top: 24px
    }

    .rate-block .info-header-tab {
        font-size: 14px;
        line-height: 120%;
        padding: 12px 20px
    }

    .rate-block .info-header-tab svg {
        width: 16px
    }

    .rate-block .info-tabcontent {
        padding-top: 24px
    }

    .rate-list-header {
        margin-bottom: 13px;
        font-size: 12px
    }

    .rate-list-content {
        font-size: 20px;
        line-height: 25px
    }

    /*.rate-list-content span:first-child {
        font-size: 12px
    }*/

    .rate-list li span {
        width: 29%
    }

    .converter h3 {
        font-size: 22px;
        margin-bottom: 24px
    }

    .converter-input {
        height: 60px;
        width: calc(100% - 114px)
    }

    .converter .jq-selectbox__select {
        height: 60px;
        width: 114px;
        padding: 20px 30px 20px 40px
    }

    .converter .jq-selectbox__trigger-arrow {
        right: 20px
    }

    .converter .eur,.converter .eur .jq-selectbox__select,.converter .rub,.converter .rub .jq-selectbox__select,.converter .usd,.converter .usd .jq-selectbox__select {
        background-position: 15px center
    }

    .converter-currency {
        margin: 24px 0
    }

    .converter-currency-name {
        font-size: 14px
    }

    .converter-currency-result {
        font-size: 22px
    }

    .vtb-banner {
        padding: 48px 0
    }

    .vtb-banner .container {
        min-height: 352px
    }

    .vtb-banner h2 {
        font-size: 34px;
        line-height: 100%;
        letter-spacing: -2px
    }

    .vtb-banner-btn {
        width: 48%
    }

    .vtb-information {
        padding-top: 80px
    }

    .vtb-information-link {
        top: 7px;
        max-width: 350px;
        width: 40%
    }

    .vtb-apps-wrap::after {
        margin-top: 48px
    }

    .vtb-apps-wrap .text {
        width: 50%
    }

    .vtb-apps-wrap .image {
        width: 50%
    }

    .vtb-apps-wrap .image img {
        -o-object-fit: contain;
        object-fit: contain
    }

    .vtb-apps-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 48px;
        width: 100%
    }

    .vtb-apps-link a {
        margin-bottom: 8px;
        max-width: 224px;
        height: 60px
    }

    .vtb-grid-item,.vtb-grid-light-item {
        padding: 24px
    }

    .vtb-grid-item-50 .title,.vtb-grid-item-50 p,.vtb-grid-light-item-50 .title,.vtb-grid-light-item-50 p {
        margin-right: 100px
    }

    .vtb-grid-item-50 .buttons,.vtb-grid-light-item-50 .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vtb-grid-item-50 .buttons .vtb-grid-button,.vtb-grid-light-item-50 .buttons .vtb-grid-button {
        width: 100%;
        margin-bottom: 8px
    }

    .vtb-grid-item-100 .title,.vtb-grid-item-100 p,.vtb-grid-light-item-100 .title,.vtb-grid-light-item-100 p {
        margin-right: 160px
    }

    .vtb-grid-item-heightsmall,.vtb-grid-light-item-heightsmall {
        min-height: 245px
    }

    .vtb-grid-item .title,.vtb-grid-light-item .title {
        font-size: 22px
    }

    .vtb-grid-item p,.vtb-grid-light-item p {
        font-size: 14px
    }

    .vtb-grid-item .list a,.vtb-grid-light-item .list a {
        font-size: 24px
    }

    .vtb-grid-item img,.vtb-grid-light-item img {
        width: 20%
    }

    .vtb-grid-with-accordeon-item .header-acc {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vtb-grid-with-accordeon-item .header-acc img {
        margin-bottom: 24px
    }

    .vtb-grid-with-accordeon-item .header-acc .descr {
        width: calc(100% - 120px);
        margin-bottom: 24px
    }

    .vtb-grid-with-accordeon-item .header-acc .price {
        margin-left: 0;
        width: 58%
    }

    .vtb-grid-with-accordeon-item .header-acc .buttons .primary {
        margin-bottom: 8px
    }

    .vtb-grid-with-accordeon-item .description li {
        width: 48%
    }

    .calculator-rko-wrap,.vtb-commission-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }

    .calculator-rko-item,.vtb-commission-item {
        margin-right: 0;
        padding: 32px 64px
    }

    .calculator-rko .result,.vtb-commission .result {
        max-width: 100%;
        width: 100%
    }

    .calculator-rko .result ul,.vtb-commission .result ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .calculator-rko .result ul li .result-span,.vtb-commission .result ul li .result-span {
        font-size: 34px
    }

    .calculator-rko .result-button,.vtb-commission .result-button {
        padding: 21px 32px
    }

    .calculator-rko span.descr,.vtb-commission span.descr {
        font-size: 10px
    }

    .calculator-rko-form-subtitle {
        font-size: 18px;
        margin-top: 32px
    }

    .calculator-rko-form-group-radio {
        margin-bottom: 32px
    }

    .calculator-rko-form-group-checkbox {
        padding: 16px 0
    }

    .calculator-rko-form-group-range label {
        font-size: 10px
    }

    .calculator-rko-form-group-range .range-result {
        font-size: 22px;
        margin-bottom: 16px
    }

    .calculator-rko-form-group-range span {
        font-size: 10px
    }

    .calculator-rko-form .switch {
        font-size: 14px
    }

    .calculator-rko-form .radio__text {
        padding: 16px
    }

    .vtb-steps-item {
        padding: 24px
    }

    .vtb-steps-item .text {
        max-width: 70%
    }

    .vtb-steps-item .text h3 {
        font-size: 28px
    }

    .vtb-bankpartner-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vtb-bankpartner-block-form {
        max-width: 100%
    }

    .rko-title {
        font-size: 22px;
        margin-bottom: 32px
    }

    .rko-text {
        font-size: 14px;
        margin: 32px 0
    }

    .tarif-table-header .price {
        font-size: 16px
    }

    .tarif-table-header .descr {
        font-size: 10px;
        margin-bottom: 32px
    }

    .tarif-table-cell {
        font-size: 14px
    }

    .tarif-table-body .tarif-table-cell-content .descr {
        font-size: 10px
    }
}

@media screen and (max-width: 768px) {
    .container {
        padding:0 24px
    }

    .vtb-section-title--color {
        max-width: 100%
    }

    .vtb-hero-about-block,.vtb-hero-image-block,.vtb-hero-qr-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }

    .vtb-hero-about-block-text,.vtb-hero-image-block-text,.vtb-hero-qr-block-text {
        width: 100%
    }

    .vtb-hero-about-block-text p,.vtb-hero-image-block-text p,.vtb-hero-qr-block-text p {
        margin-bottom: 30px
    }

    .vtb-hero-about-block-image,.vtb-hero-image-block-image,.vtb-hero-qr-block-image {
        width: 100%
    }

    .vtb-hero-about-block-image img,.vtb-hero-image-block-image img,.vtb-hero-qr-block-image img {
        width: 100%;
        max-width: 100%;
        -webkit-transform: none;
        transform: none
    }

    .vtb-hero-about-button,.vtb-hero-image-button,.vtb-hero-qr-button {
        width: 100%;
        text-align: center;
        max-width: 100%
    }

    .vtb-hero-packages h1 {
        font-size: 36px
    }

    .vtb-info-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vtb-info-button {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 8px
    }

    .vtb-info-button span {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .vtb-suggestions__slide h3 {
        max-width: 100%;
        width: calc(100% - 60px)
    }

    .vtb-suggestions__button {
        display: none
    }

    .vtb-suggestions-button {
        width: 48%;
        padding: 15px 37px;
        font-size: 14px;
        line-height: 120%
    }

    .vtb-suggestions-button span {
        font-weight: 400
    }

    .info-vertical-header {
        margin-bottom: 16px
    }

    .info-vertical-tabcontent {
        width: 100%
    }

    .vtb-exchange-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vtb-exchange-link {
        margin-top: 0;
        width: 100%
    }

    .rate-block {
        width: 100%;
        margin-bottom: 16px
    }

    .vtb-banner {
        padding: 48px 0 24px;
        background: url(../images/banner-card.png) no-repeat center/60%,url(../images/banner-bg.jpg) no-repeat center center/cover
    }

    .vtb-banner .container {
        min-height: 372px
    }

    .vtb-banner h2 {
        max-width: 100%
    }

    .vtb-banner-btn {
        width: 100%
    }

    .vtb-banner-sme {
        padding: 48px 0 24px
    }

    .vtb-banner-sme .container {
        min-height: 372px
    }

    .vtb-banner-sme h2 {
        max-width: 100%
    }

    .vtb-banner-sme-btn {
        width: 100%
    }

    .vtb-information-link {
        position: relative;
        margin-top: 20px
    }

    .vtb-information-slider .swiper-slide,.vtb-information-slider-work .swiper-slide {
        padding-bottom: 16px
    }

    .vtb-information-slider .swiper-slide::after,.vtb-information-slider-work .swiper-slide::after {
        background: 0 0;
        border: 1px solid #d4d7df;
        border-radius: 0 0 8px 8px;
        border-top: 0 none;
        height: 16px;
        left: 0;
        bottom: 0;
        content: "";
        margin: 0 16px;
        position: absolute;
        width: calc(100% - 32px);
        z-index: 0
    }

    .vtb-information-pagination,.vtb-information-pagination-work {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .vtb-news-card .card-title {
        font-size: 20px;
        line-height: 100%
    }

    .vtb-news-card .card-descr {
        font-size: 14px;
        line-height: 120%
    }

    .vtb-news-card .card-icon {
        width: 16px;
        height: 16px
    }

    .vtb-news-card--full {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vtb-news-card--full::after {
        display: none
    }

    .vtb-news-card--full .button {
        margin-top: 24px
    }

    .vtb-instagram-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vtb-instagram-wrap a {
        width: 49%;
        margin-bottom: 16px
    }

    .vtb-apps-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .vtb-apps-wrap .text {
        width: 100%
    }

    .vtb-apps-wrap .image {
        width: 100%;
        text-align: center
    }

    .vtb-apps-link {
        margin-bottom: 40px
    }

    .vtb-apps-link a {
        max-width: 100%
    }

    .vtb-grid-item-30,.vtb-grid-light-item-30 {
        width: 100%
    }

    .vtb-grid-item-60,.vtb-grid-light-item-60 {
        width: 100%
    }

    .vtb-grid-item-50,.vtb-grid-light-item-50 {
        width: 100%
    }

    .vtb-grid-item-50 .title,.vtb-grid-item-50 p,.vtb-grid-light-item-50 .title,.vtb-grid-light-item-50 p {
        margin-right: 0
    }

    .vtb-grid-item-100 .title,.vtb-grid-item-100 p,.vtb-grid-light-item-100 .title,.vtb-grid-light-item-100 p {
        margin-right: 0
    }

    .vtb-grid-item img,.vtb-grid-light-item img {
        position: relative;
        top: 0;
        right: 0;
        -webkit-transform: none;
        transform: none;
        margin: 0 auto 24px;
        min-width: 90px;
        width: auto
    }

    .vtb-grid-item img.bottom,.vtb-grid-light-item img.bottom {
        bottom: 0
    }

    .vtb-grid-item .buttons,.vtb-grid-light-item .buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .vtb-grid-item .buttons .vtb-grid-button,.vtb-grid-light-item .buttons .vtb-grid-button {
        width: 49%;
        margin-bottom: 8px
    }

    .vtb-grid-item .buttons--one .vtb-grid-button,.vtb-grid-light-item .buttons--one .vtb-grid-button {
        width: 100%
    }

    .vtb-grid-with-accordeon-item .header-acc img {
        width: 32px;
        height: 32px;
        margin-right: 8px
    }

    .vtb-grid-with-accordeon-item .header-acc h3 {
        font-size: 22px;
        margin-bottom: 8px
    }

    .vtb-grid-with-accordeon-item .header-acc p {
        font-size: 14px
    }

    .vtb-grid-with-accordeon-item .header-acc .descr {
        width: calc(100% - 60px);
        margin-bottom: 24px
    }

    .vtb-grid-with-accordeon-item .header-acc .price {
        margin-left: 0;
        width: 100%
    }

    .vtb-grid-with-accordeon-item .header-acc .buttons {
        width: 100%;
        max-width: 100%;
        margin-top: 16px;
        margin-left: 0
    }

    .vtb-grid-with-accordeon-item .header-acc .buttons .primary {
        width: 100%;
        margin-bottom: 8px
    }

    .vtb-grid-with-accordeon-link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .vtb-tarify-button {
        position: relative
    }

    .calculator-rko-item,.vtb-commission-item {
        padding: 32px 47px
    }

    .calculator-rko-item ul li,.vtb-commission-item ul li {
        margin-top: 32px
    }

    .calculator-rko .result-block,.vtb-commission .result-block {
        padding: 32px 47px
    }

    .calculator-rko .result ul li,.vtb-commission .result ul li {
        margin-bottom: 32px
    }

    .vtb-steps-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .vtb-steps-item .text {
        max-width: 100%
    }

    .vtb-cost-content-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vtb-cost-content p {
        margin-right: 0;
        margin-bottom: 24px
    }

    .tarif-table-header .descr {
        margin-bottom: 0
    }

    .tarif-table-header .vtb-button {
        display: none
    }

    .tarif-table-row-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tarif-table-row-mobile .tarif-table-cell-content {
        width: 0
    }

    .tarif-table-row-mobile .tarif-table-cell-content:first-child {
        width: 100%
    }

    .tarif-table-row-mobile .tarif-table-cell-content:first-child .vtb-button {
        width: 100%
    }

    .tarif-table-cell {
        width: calc(100% / 5);
        min-width: 300px;
        padding: 8px
    }

    .tarif-table-cell-content {
        width: 46%;
        padding: 8px
    }

    .tarif-table-cell-content:first-child {
        font-weight: 500;
        width: 54%
    }
}

@media screen and (max-width: 540px) {
    .vtb-button {
        font-size:14px
    }

    .vtb-link {
        font-size: 16px
    }

    .vtb-section-title {
        font-size: 30px
    }

    .vtb-hero__slide.swiper-slide-thumb-active {
        max-width: 240px
    }

    .vtb-hero__slide-image {
        min-height: 532px
    }

    .vtb-suggestions-link-list a,.vtb-suggestions-link-list li {
        width: 100%
    }

    .vtb-info-button {
        font-size: 18px
    }

    .vtb-news-grid-block .vtb-news-card {
        width: 100%
    }

    .vtb-news-card {
        min-height: 225px
    }

    .info-header-tab {
        font-size: 16px;
        padding: 12px
    }

    .info-tabcontent {
        font-size: 14px
    }

    .info-tabcontent-table-title {
        font-size: 28px
    }

    .info-tabcontent-table-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .info-tabcontent-table-row:not(:first-child) {
        padding-top: 35px
    }

    .info-tabcontent-table-row .row-left,.info-tabcontent-table-row .row-right {
        width: 100%
    }

    .info-tabcontent-table-row .row-right--col {
        width: auto
    }

    .info-tabcontent-table-row .row-right--col .single-value-title {
        font-size: 30px
    }

    .info-tabcontent-table-mcc td {
        padding: 20px;
        padding-left: 30px
    }

    .info-tabcontent-table-mcc thead td {
        padding: 30px
    }

    .info-tabcontent-description {
        font-size: 10px
    }

    .info-vertical-header-tab {
        padding: 8px;
        margin-right: 2px
    }

    .rate-block .info-header-tab {
        padding: 8px 15px
    }

    .rate-list span {
        font-size: 16px
    }

    /*.rate-list-content span:first-child {
        font-size: 10px
    }*/

    .rate-list-header span {
        font-size: 10px
    }

    .vtb-banner {
        background: url(../images/banner-card.png) no-repeat top 60% center/80%,url(../images/banner-bg.jpg) no-repeat center center/cover
    }

    .vtb-banner .container {
        min-height: 396px
    }

    .vtb-banner-sme .container {
        min-height: 396px
    }

    .vtb-information-link {
        width: 100%;
        max-width: 100%
    }

    .vtb-news-card--full .button {
        width: 100%
    }

    .vtb-instagram-wrap a {
        width: 100%
    }

    .vtb-instagram-link {
        margin-top: 32px;
        min-width: 100%
    }

    .vtb-grid-item .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vtb-grid-item .buttons .vtb-grid-button {
        width: 100%
    }

    .vtb-tarify-button {
        width: 100%
    }

    .vtb-form-item {
        margin-bottom: 24px
    }

    .vtb-form-item--phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vtb-form-item--phone .input-clear {
        bottom: 50%
    }

    .vtb-form-item--phone input {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto
    }

    .vtb-form-item--phone span {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: -.6px;
        padding-left: 20px
    }

    .vtb-form-item--phone .prefix {
        padding: 20px;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -.5px;
        max-height: 60px
    }

    .vtb-form-text {
        padding: 27px 20px 15px;
        font-size: 16px;
        line-height: 130%;
        min-height: 60px
    }

    .vtb-form-text:focus+.platon-form-label {
        font-size: 10px;
        top: 17px
    }

    .vtb-form-text.error,.vtb-form-text.filled {
        font-size: 14px
    }

    .vtb-form-text.error+.platon-form-label,.vtb-form-text.filled+.platon-form-label {
        font-size: 10px;
        top: 17px
    }

    .vtb-form-text--phone {
        padding: 22px 5px 18px 85px;
        min-height: 60px
    }

    .vtb-form-text--phone.filled {
        font-size: 16px
    }

    .vtb-form-label {
        top: 23px;
        left: 20px;
        font-size: 16px;
        letter-spacing: -.3px
    }

    .vtb-form-type-checkbox {
        margin-bottom: 24px;
        font-size: 14px
    }

    .calculator-rko-item,.vtb-commission-item {
        padding: 32px 24px
    }

    .calculator-rko-item ul li,.vtb-commission-item ul li {
        margin-top: 32px
    }

    .calculator-rko-item .plan,.vtb-commission-item .plan {
        padding: 27px 20px 15px;
        font-size: 16px;
        line-height: 130%;
        height: 60px
    }

    .calculator-rko .result-block,.vtb-commission .result-block {
        padding: 32px 24px
    }

    .calculator-rko .result ul li,.vtb-commission .result ul li {
        margin-bottom: 32px
    }

    .calculator-rko .result ul li:first-child,.vtb-commission .result ul li:first-child {
        margin-right: 24px
    }
}

@media screen and (max-width: 374px) {
    .container {
        padding:0 16px
    }

    .vtb-banner {
        background: url(../images/banner-card.png) no-repeat top 60% center/90%,url(../images/banner-bg.jpg) no-repeat center center/cover
    }

    .info-header-tab {
        padding: 14px 6px
    }

    .info-tabcontent-table-mcc td {
        padding: 10px;
        padding-left: 20px
    }

    .info-tabcontent-table-mcc thead td {
        padding: 20px
    }
}