@charset "UTF-8";
@font-face {
  font-family: 'VTB Group UI Web';
  src: url("../fonts/VTBGroupUI-Medium.woff2") format("woff2"), url("../fonts/VTBGroupUI-Medium.woff") format("woff"), url("../fonts/VTBGroupUI-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VTB Group UI Web';
  src: url("../fonts/VTBGroupUI-Regular.woff2") format("woff2"), url("../fonts/VTBGroupUI-Regular.woff") format("woff"), url("../fonts/VTBGroupUI-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'VTB Group UI Web';
  src: url("../fonts/VTBGroupUI-Light.woff2") format("woff2"), url("../fonts/VTBGroupUI-Light.woff") format("woff"), url("../fonts/VTBGroupUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  color: #0A2896;
}

a:hover {
  text-decoration: none;
  color: #0084FF;
}

img {
  max-width: 100%;
}

svg {
  -webkit-transition: fill .15s ease-out;
  transition: fill .15s ease-out;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'VTB Group UI Web', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #606981;
  background: #F3F7FA;
}

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

h1 {
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -3px;
  margin-bottom: 16px;
  color: #2F3441;
}

h2, .h2 {
  font-size: 50px;
  line-height: 64px;
  margin-bottom: 38px;
  color: #B6C1DD;
}

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

h2.blue {
  color: #0A2896;
  letter-spacing: -3px;
}

h3 {
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #2F3441;
}

.h3 {
  margin-bottom: 32px;
  margin-top: 56px;
}

p {
  letter-spacing: -0.4px;
}

p:not(:last-child) {
  margin-bottom: 24px;
}

p.limited-900 {
  max-width: 900px;
}

p.small {
  font-weight: 300;
  font-size: 13px;
  color: #606981;
}

.small a {
  font-size: inherit;
}

main .text-small, main .text-small li a {
  font-size: inherit;
}

p.dark {
  color: #2F3441;
}

/*.site-header__phone {
  width: 20%;
}
*/
.container {
  width: 100%;
  max-width: 1440px;
 margin: 0 auto;
 padding: 0 125px;
}

.section {
  background: #F3F7FA;
}

.section-text p:not(:last-child) {
  margin-bottom: 16px;
}

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

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

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

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

.vtb-section--limited {
  max-width: 676px;
}

.block-text {
  margin-top: 48px;
}

.block-text p {
  margin-bottom: 16px;
}

.block-limited {
  max-width: 900px;
}

.block-limited--mb48 {
  margin-bottom: 48px;
}

.block-small {
  max-width: 676px;
}

.title-margin h3 {
  margin: 56px 0 32px;
}

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

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

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

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

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

.vtb-button--light {
  background: #F3F7FA;
  font-weight: normal;
  color: #0A2896;
  padding: 17px 40px;
}

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

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

.vtb-button--border {
  border: 1px solid #0A2896;
}

.vtb-button--outline {
  color: #0A2896;
  padding: 17px 40px;
  border: 1px solid #B6C1DD;
  background: #F3F7FA;
}

.vtb-button--left {
  padding: 40px;
  width: 100%;
  max-width: 500px;
  margin-top: 40px;
}

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

.vtb-button--left svg {
  margin-left: 0;
  margin-right: 15px;
}

.vtb-button--large {
  padding: 30px 70px;
}

.vtb-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0A2896;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.4px;
  -webkit-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
}

.vtb-link:visited {
  color: #0A2896;
}

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

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

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

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

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

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

.vtb-link-arrow a {
  display: block;
  color: #0A2896;
  margin-bottom: 8px;
  -webkit-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
}

.vtb-link-arrow a:visited {
  color: #0A2896;
}

.vtb-link-arrow a::after {
  content: '';
  width: 24px;
  height: 24px;
  background: url("../../images/arrow-down.svg") no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
}

.vtb-link-arrow--mb a:not(:last-child) {
  margin-bottom: 26px;
}

.vtb-link-arrow--mr a {
  margin-right: 140px;
}

.vtb-link-arrow--dib a {
  display: inline-block;
}

@media (min-width: 768px) {
  .inner-box ul {
  min-height: 115px;
	}
}



@media (max-width: 1024px) {
  .vtb-link-arrow--mr a {
    margin-right: 100px;
  }
}

@media (max-width: 768px) {
  .vtb-link-arrow--mr a {
    margin-right: 0;
  }
  .vtb-hero__background {
  height: 100% !important;
}
}

.warning {
  position: relative;
  display: block;
  color: #19AEDE;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  padding: 2px 19px;
  margin: 24px 0 16px;
}

.warning--mt0 {
  margin-top: 0;
}

.warning::before {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  border-radius: 4px 0px 0px 4px;
  background: #19AEDE;
  left: 0;
  top: 0;
}

.line {
  width: 100%;
  height: 1px;
  background: #D4D7DF;
}

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

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

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

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

.header-logo path:first-child {
  fill: #00AAFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

.header-down {
  fill: #606981;
}

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

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

.header-bottom-menu-item .link {
  color: #2F3441;
  transition: color 0.2s;
  will-change: color;
}

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

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

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

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

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

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

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

.header .vtb-online-button .text {
  font-size: 18px;
  letter-spacing: -0.4px;
  /*color: #0084FF;*/
}
.header .vtb-online-button:hover .text {
  color: #0a2896;
  
}
.header .vtb-online-button:hover {
  color: #0a2896;
  border: 2px solid #0a2896;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*.header-outer.theme-transparent .vtb-online-button .icon {
  fill: #0084FF;
}*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-wrapper svg {
  fill: #606981;
}

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

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

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

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

.input-field {
  width: 100%;
}

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .header .menu-burger {
    display: block;
    margin-left: 16px;
  }
  .header .search-icon {
    display: none;
  }
  .header-inner {
    height: 60px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
  }
  .header-top-menu-inner {
    display: none;
  }
  .header-top-menu-outer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header-top-menu-outer::before {
    display: none;
  }
  .header-bottom-menu {
    display: none;
  }
  .header-outer {
    border-bottom: none;
  }
  .header-outer.theme-transparent {
    border-bottom: none;
  }
  .header-logo {
    width: 60px;
    margin-top: 0;
  }
  .header-search-panel {
    position: relative;
    margin-right: 0;
  }
  .header .vtb-online-button .text {
    font-size: 14px;
  }
  .header .vtb-online-button .icon {
    width: 16px;
  }
}

.modal-menu {
  display: none;
}

@media (max-width: 1024px) {
  .modal-menu {
    display: none;
    position: fixed;
    z-index: 10000;
    right: 0;
    bottom: 0;
    left: 0;
    background: none;
    height: 100%;
  }
  .modal-menu-overlay {
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto;
  }
  .modal-menu-dialog {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #fff;
    border-radius: 24px 24px 0 0;
    height: calc(100% - 60px);
    padding: 44px 24px 0;
  }
  .modal-menu-dialog::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 35px;
    height: 4px;
    background: #D4D7DF;
    opacity: 0.5;
    border-radius: 50px;
  }
  .modal-menu-content {
    height: 100%;
  }
  .modal-menu-content-header .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 16px;
  }
  .modal-menu-content-header .top h2,
  .modal-menu-content-header .top .h2  {
    font-weight: normal;
    font-size: 34px;
    line-height: 100%;
    letter-spacing: -2px;
    color: #2F3441;
  }
  .modal-menu-content-header .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal-menu-content-header .buttons-icon {
    background: #F3F7FA;
    border-radius: 8px;
    border: none;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 8px;
  }
  .modal-menu-content-header .buttons-icon svg {
    fill: #0A2896;
    width: 16px;
    height: 16px;
  }
  .modal-menu-content-header .bottom {
    margin-bottom: 48px;
  }
  .modal-menu-content-header .bottom .link {
    color: #0A2896;
  }
  .modal-menu-content-header .bottom .link-back, .modal-menu-content-header .bottom .search-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #0A2896;
  }
  .modal-menu-content-header .bottom .link-back svg, .modal-menu-content-header .bottom .search-back svg {
    margin-right: 8px;
  }
  .modal-menu-content-header .bottom .link-back {
    display: none;
  }
  .modal-menu-content-main {
    overflow-y: auto;
    max-height: calc(100% - 140px);
  }
  .modal-menu-content-main .menu > li {
    margin-bottom: 32px;
  }
  .modal-menu-content-main .submenu > li {
    margin-bottom: 16px;
  }
  .modal-menu-content-main .submenu > li > a {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.5px;
    color: #000000;
  }
  .modal-menu-content-main .submenu-submenu {
    display: none;
  }
  .modal-menu .super-big-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #0A2896;
    margin-bottom: 24px;
  }
  .modal-menu .super-big-link h2,
  .modal-menu .super-big-link .h2  {
    font-size: 22px;
	line-height: 1.4;
  }
  .modal-menu .super-big-link svg {
    fill: #0A2896;
    width: 24px;
    height: 24px;
  }
  .modal-menu .header-menu-panel-group-name {
    font-size: 11px;
  }
  .modal-menu .header-menu-panel-group-item span {
    font-size: 16px;
    pointer-events: none;
  }
  .modal-menu-search {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 48px;
  }
  .modal-menu-search-main {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal-menu-search-main .search-button {
    margin-top: auto;
    width: 100%;
    border: 1px solid #d4d7df;
    color: #d4d7df;
    background: rgba(255, 255, 255, 0);
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.025em;
    padding: 21.5px 40px;
    color: #acb6c3;
    border-radius: 8px;
    cursor: pointer;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
  }
  .modal-menu-search-main-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #d4d7df;
    padding-bottom: 16px;
  }
}

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

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

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

.breadcrumb .bread__item:last-child {
  opacity: 0.4;
}

.breadcrumb--light {
  color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-hero-image-block-text p {
  margin-bottom: 36px;
}

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

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

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

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

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

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

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

.vtb-hero-default--pb0 {
  padding-bottom: 0;
}

.vtb-hero-default--bottom {
  padding-bottom: 120px;
}

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

.vtb-hero-default-block--center .vtb-hero-default-block-image {
  margin-top: 60px;
}

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

.vtb-hero-default-block-text--max {
  width: 100%;
}

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

.vtb-hero-default-block-text p {
  max-width: 600px;
  margin-bottom: 24px;
  color: #606981;
}

.vtb-hero-default-block-text--middle {
  width: 55%;
}

.vtb-hero-default-block-text--middle p {
  max-width: 700px;
}

.vtb-hero-default-block-text--light h1 {
  color: #B6C1DD;
}

.vtb-hero-default-block-text--white h1, .vtb-hero-default-block-text--white p {
  color: #fff;
}

.vtb-hero-default-block-text--large {
  width: 60%;
}

.vtb-hero-default-block-image {
  line-height: 0;
}

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

.vtb-hero-default-button--mt {
  margin-top: 80px;
}

.vtb-about-us-info-wrap {
  max-width: 670px;
}

@media screen and (max-width: 768px) {
  .vtb-hero-default-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
  }
  .vtb-hero-default-block--center .vtb-hero-default-block-image {
    margin-top: 0;
  }
  .vtb-hero-default-block-text {
    width: 100%;
  }
  .vtb-hero-default-block-text p {
    margin-bottom: 30px;
  }
  .vtb-hero-default-block-image {
    width: 100%;
  }
  .vtb-hero-default-block-image img {
    width: 100%;
    max-width: 100%;
    -webkit-transform: none;
            transform: none;
  }
}

.markdown-list {
  list-style: none;
}

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

.markdown-list ul {
  list-style: none;
}

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

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

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

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

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

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

.markdown-list--dark li {
  color: #2F3441;
}

.markdown-list--lastmb0 li:last-child {
  margin-bottom: 0;
}

.two-column-list > ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.two-column-list > ul > li {
  width: 45%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 24px;
}

.two-column-list > ul > li > ul {
  list-style: none;
}

.two-column-list > ul > li > ul > li {
  position: relative;
  color: #2F3441;
  padding-left: 28px;
  margin-bottom: 16px;
}

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

.two-column-list > ul > li > ul > li.vtb-link-arrow, .two-column-list > ul > li > ul > li.inner-list {
  padding-left: 0;
}

.two-column-list > ul > li > ul > li.vtb-link-arrow::before, .two-column-list > ul > li > ul > li.inner-list::before {
  display: none;
}

.two-column-list > ul > li > ul > li span {
  display: block;
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
}

.two-column-list > ul > li > ul > li ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 44px;
}

.two-column-list > ul > li > ul > li ul li {
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #0A2896;
}

.two-column-list > ul > li > ul > li ul li span {
  display: block;
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
}

.two-column-list--border > ul {
  border-bottom: 1px solid #D4D7DF;
}

.two-column-list--lastBorder > ul:last-child {
  border: none;
}

.two-column-list--mb48 > ul:not(:last-child) {
  margin-bottom: 48px;
}

.two-column-list--mb48 > ul:last-child {
  margin-bottom: 0;
}

.two-column-list--mbwithLast > ul {
  margin-bottom: 48px;
}

@media (max-width: 992px) {
  .two-column-list > ul > li > ul > li ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px 0;
  }
}

@media (max-width: 540px) {
  .two-column-list > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .two-column-list > ul > li {
    width: 100%;
  }
}

.table-list {
  margin-bottom: 24px;
}

.table-list table {
  width: 100%;
  margin-bottom: 24px;
}

.table-list table td {
  padding: 48px 24px 24px 0;
  border-bottom: 1px solid #D4D7DF;
}

.table-list table td a {
  display: block;
}

.table-list table td a:not(:last-child) {
  margin-bottom: 16px;
}

.table-list table td ul li:last-child {
  margin-bottom: 0;
}

.table-list table td span {
  display: block;
  font-weight: 300;
  font-size: 13px;
}

.table-list table tr td:first-child {
  padding-right: 24px;
  width: 45%;
}

.table-list--big table tr td {
  padding: 48px 24px 48px 0;
}

.table-list--big table tr td:first-child {
  padding-right: 96px;
}

.table-list--border table tr:last-child td {
  border: none;
}

@media (max-width: 768px) {
  .table-list table td {
    padding: 32px 0 24px;
  }
  .table-list table tr td:first-child {
    width: auto;
  }
  .table-list--big table tr td {
    padding: 32px 24px 32px 0;
  }
  .table-list--big table tr td:first-child {
    padding-right: 24px;
  }
}

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

.vtb-suggestions .container {
  position: relative;
}

.vtb-suggestions__slider {
  width: 100%;
}

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

.vtb-suggestions__slide-img {
  text-align: center;
  margin: 0 auto 44px;
  max-width: 140px;
}

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

.vtb-suggestions__slide h3 {
  color: #0A2896;
  margin-bottom: 24px;
}

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

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

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

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

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

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

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

.vtb-suggestions-button span {
  font-weight: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-news-card .card-date--right {
  text-align: right;
}

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

.vtb-news-card .card-descr {
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #0A2896;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

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

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

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

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

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

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

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

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

.jq-selectbox {
  z-index: 10;
}

.jq-selectbox__select {
  position: relative;
}

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

.jq-selectbox__dropdown {
  position: absolute;
}

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

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

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

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

.jq-number {
  display: inline-block;
}

.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left;
  /* для Opera Presto */
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  /* в каких-то браузерах присутствует отступ */
  -webkit-appearance: none;
}

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

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

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

.jq-selectbox__select:active {
  background: #F5F5F5;
}

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

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

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

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

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

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

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

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

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

.jq-selectbox li.selected {
  background-color: #A3ABB1;
  color: #FFF;
}

.jq-selectbox li:hover {
  background-color: #0084FF;
  color: #FFF;
}

.jq-selectbox li.disabled {
  color: #AAA;
}

.jq-selectbox li.disabled:hover {
  background: none;
}

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

.usd,
.usd .jq-selectbox__select {
  background: url("/sites/all/themes/custom/images/new_design/dollar.svg") no-repeat 23px center/23px;
}

.eur,
.eur .jq-selectbox__select {
  background: url("/sites/all/themes/custom/images/new_design/euro.svg") no-repeat 23px center/23px;
}

.rub,
.rub .jq-selectbox__select {
  background: url("/sites/all/themes/custom/images/new_design/ruble.svg") no-repeat 23px center/23px;
}
.byr,
.byr .jq-selectbox__select {
  background: url("/sites/all/themes/custom/images/new_design/byn.svg") no-repeat 23px center/23px;
}

.vtb-select {
  width: 100%;
  max-width: 392px;
  margin-right: 16px;
  height: 56px;
}

.vtb-select--min {
  max-width: 276px;
}

.vtb-select-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
}

.vtb-select .jq-selectbox__select {
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  border: none;
  padding: 0;
  font-size: 18px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
  color: #606981;
  padding-left: 40px;
}

.vtb-select .jq-selectbox__select .jq-selectbox__trigger-arrow {
  background: url("../images/common/ExpandMore.svg") no-repeat center/contain;
  width: 24px;
  height: 22px;
  border: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}

.vtb-select .jq-selectbox__select .jq-selectbox__trigger {
  width: 96px;
}

.vtb-select-btn {
  padding: 0 10px;
  width: 100%;
  max-width: 252px;
}

@media (max-width: 1024px) {
  .vtb-select .jq-selectbox__select {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .vtb-select {
    max-width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }
  .vtb-select-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .vtb-select .jq-selectbox__select {
    font-size: 14px;
  }
  .vtb-select-btn {
    max-width: 100%;
  }
}

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

.info--margin {
  margin-top: 0;
}

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

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

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

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

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

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

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

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

.info-header-tab:hover, .info-header-tab--link:hover {
  color: #2F3441;
}

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

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

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

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

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

.info-tabcontent-title--dark {
  color: #2F3441;
}

.info-tabcontent.limited {
  max-width: 900px;
}

.info-tabcontent h3 {
  margin-bottom: 24px;
}

.info-tabcontent.title-mt h3:not(:first-of-type) {
  margin-top: 48px;
}

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

.info-tabcontent-table--mt {
  margin-top: 48px;
}

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

.info-tabcontent-table-row--without-border {
  border: none;
}

.info-tabcontent-table-row--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

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

.info-tabcontent-table-row .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.info-tabcontent-table-row .row .marked {
  position: relative;
  width: 50%;
  color: #2F3441;
  padding-left: 28px;
}

.info-tabcontent-table-row .row .marked::before {
  content: "\2014";
  font-size: 14px;
  left: 0;
  letter-spacing: -0.3px;
  line-height: 120%;
  position: absolute;
  top: 2px;
}

.info-tabcontent-table-row .row .blue {
  width: 50%;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #0A2896;
  margin-bottom: 8px;
}

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

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

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

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

.info-tabcontent-table-row .row-right .single-value-title.info-link {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.info-tabcontent-table-row .row-right .single-value-title.info-link:hover {
  color: #0084FF;
}

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

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

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

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

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

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

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

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

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

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

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

.info-tabcontent-description--regular {
  font-weight: 400;
}

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

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

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

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

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

.info .hide {
  display: none;
}

.info .show {
  display: block;
}

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

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

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

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

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

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

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

.info-vertical-header-tab:hover,
.info-vertical-header-tab--link:hover {
  color: #2F3441;
}

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

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

.info-vertical-tabcontent {
           flex: 1;
}

.info-vertical .hide {
  display: none;
}

.info-vertical .show {
  display: block;
}

.filter {
  position: relative;
  margin-top: 45px;
  margin-bottom: 48px;
}

.filter-item a {
  color: inherit;
}

.vtb-exchange {
  padding-bottom: 60px;
}

.vtb-exchange .container {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.converter-input {
  height: 80px;
  background: #FFFFFF;
  border: 1px solid #D4D7DF;
  border-radius: 8px 0 0 8px;
  padding: 26px;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
  width: calc(100% - 136px);
  outline: #0A2896;
}
.converter-input:focus {
	border-color: #0A2896;
}
.converter-currency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 32px 0 24px;
}

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

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

.converter-currency-result {
  font-weight: normal;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: -2px;
  color: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-apps-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/*
.vtb-apps-wrap:before {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#0037ff), color-stop(75%, #0085ff));
  background: linear-gradient(90deg, #0037ff 0%, #0085ff 75%);
  margin-bottom: 100px;
  width: 100%;
}
*/
.vtb-apps-wrap:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#0037ff), color-stop(75%, #0085ff));
  background: linear-gradient(90deg, #0037ff 0%, #0085ff 75%);
  margin-top: 120px;
  width: 100%;
}

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

.vtb-apps-wrap .image {
  width: 40%;
  margin-bottom: -24px;
}

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

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

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

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

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

.vtb-apps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 24px;
}

.vtb-apps-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vtb-apps-item img {
  width: 175px;
  height: 175px;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

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

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

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

@media (max-width: 1024px) {
  .vtb-apps-item img {
    width: 160px;
    height: 160px;
  }
}

@media (max-width: 768px) {
  .vtb-apps-item {
    width: 32%;
  }
  .vtb-apps-item a {
    width: 100%;
    padding: 0;
  }
  .vtb-apps-item img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (max-width: 576px) {
  .vtb-apps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .vtb-apps-item {
    width: 100%;
  }
}

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

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

.vtb-grid-light-item--flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

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

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

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

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

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

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

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

.vtb-grid-light-item-100 .left h3, .vtb-grid-light-item-100 .left p {
  margin-right: 48px;
}

.vtb-grid-light-item h3 {
  margin-bottom: 16px;
}

.vtb-grid-light-item p.limited {
  max-width: 492px;
}

.vtb-grid-light-item--pmt p {
  margin-top: 16px;
}

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

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

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

.vtb-grid-light-item .big-link {
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #0A2896;
}

.vtb-grid-links .vtb-grid-light-item {
  position: relative;
}

.vtb-grid-links .vtb-grid-light-item span {
  -webkit-transition: color .15s ease-out;
  transition: color .15s ease-out;
}

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

.vtb-grid-links .vtb-grid-light-item:hover::before {
  z-index: 10;
  opacity: 1;
}

.vtb-grid-links .vtb-grid-light-item:hover span, .vtb-grid-links .vtb-grid-light-item:hover p, .vtb-grid-links .vtb-grid-light-item:hover h3 {
  color: #0084FF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-grid-with-accordeon-item .description li span:first-child {
  font-weight: normal;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.6px;
  color: #2F3441;
  margin-bottom: 4px;
}

.vtb-grid-with-accordeon-item .description li span:last-child {
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
}

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

.accordeon-conditions-item {
  position: relative;
  background: #FFFFFF;
  border-radius: 8px;
  margin-bottom: 24px;
}

.accordeon-conditions-item .header-acc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accordeon-conditions-item .header-acc .descr {
  margin-right: 16px;
}

.accordeon-conditions-item .header-acc h3 {
  margin-bottom: 16px;
}

.accordeon-conditions-item .header-acc .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.accordeon-conditions-item .header-acc .buttons a {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.accordeon-conditions-item .header-acc .buttons .primary {
  width: 100%;
  max-width: 256px;
  margin-left: 30px;
}

.accordeon-conditions-item .header-conditions {
  padding: 40px;
  border-top: 1px solid #E9ECEF;
}

.accordeon-conditions-item .header-conditions ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accordeon-conditions-item .header-conditions ul li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #2F3441;
}

.accordeon-conditions-item .header-conditions ul li span {
  display: block;
  font-weight: 300;
  font-size: 13px;
  color: #606981;
}

.accordeon-conditions-item .header-conditions ul li a {
  display: block;
}

.accordeon-conditions-item .header-conditions--large ul li {
  width: 24%;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.6px;
}

.accordeon-conditions-item .description {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
}

.accordeon-conditions-item .description.table-list table {
  margin-bottom: 0;
}

.accordeon-conditions-item .description.table-list table tr td {
  padding: 40px;
  border: none;
  border-top: 1px solid #E9ECEF;
}

@media (max-width: 1200px) {
  .accordeon-conditions-item .header-conditions--large ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .accordeon-conditions-item .header-conditions--large ul li {
    width: auto;
  }
}

@media (max-width: 992px) {
  .accordeon-conditions-item .header-acc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding: 24px;
  }
  .accordeon-conditions-item .header-acc .buttons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
  .accordeon-conditions-item .header-conditions--large ul li {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .accordeon-conditions-item .header-acc .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
  .accordeon-conditions-item .header-acc .buttons .primary {
    max-width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-left: 0;
    margin-bottom: 16px;
  }
  .accordeon-conditions .header-conditions {
    padding: 24px;
  }
  .accordeon-conditions .header-conditions ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .accordeon-conditions .header-conditions ul li {
    width: 48%;
    margin-bottom: 16px;
  }
  .accordeon-conditions .description.table-list table tr td {
    padding: 24px 12px;
  }
}

@media (max-width: 576px) {
  .accordeon-conditions .header-conditions ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .accordeon-conditions .header-conditions ul li {
    width: 100%;
  }
  .accordeon-conditions .header-conditions ul li:last-child {
    margin-bottom: 0;
  }
  .accordeon-conditions .description.markdown-list li {
    padding-left: 20px;
  }
}

.vtb-table-wrap {
  border: 1px solid #D4D7DF;
  border-radius: 8px;
  margin-bottom: 48px;
  overflow: auto;
}

.vtb-table-wrap table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #D4D7DF;
  border-radius: 8px;
  overflow: hidden;
  min-width: 500px;
}

.vtb-table-wrap table thead {
  color: #2F3441;
}

.vtb-table-wrap table td, .vtb-table-wrap table th {
  border: 1px solid #D4D7DF;
  padding: 24px;
  text-align: left;
}

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

.vtb-table-wrap table td span, .vtb-table-wrap table th span {
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  color: #606981;
}

.vtb-table-wrap table th {
  font-weight: normal;
  font-size: 22px;
  line-height: 100%;
  color: #2F3441;
}

.vtb-table-small table {
  font-size: 16px;
}

.vtb-table-dark-column table tr td:first-child {
  color: #2F3441;
  max-width: 388px;
}

.vtb-table--adaptive table {
  min-width: 100%;
}

.vtb-table-mt30 {
  margin-top: 30px;
}

@media (max-width: 1024px) {
  .vtb-table-wrap table td, .vtb-table-wrap table th {
    font-size: 14px;
  }
  .vtb-table-wrap table td:first-child, .vtb-table-wrap table th:first-child {
    padding-left: 24px;
  }
  .vtb-table-wrap table th {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .vtb-table-wrap table td, .vtb-table-wrap table th {
    padding: 16px;
  }
}

.pagination {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
}

.pagination li {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pagination li 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: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #606981;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.pagination-item {
  position: relative;
}

.pagination-item::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 8px;
  border: 2px solid #0084FF;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  z-index: 1;
}

.pagination-item:hover {
  color: #0084FF;
}

.pagination-item:hover a {
  color: inherit;
}

.pagination-item:hover::before {
  opacity: 1;
  visibility: visible;
}

.pagination-current {
  color: #0A2896;
  -webkit-transition: color .15s ease-out;
  transition: color .15s ease-out;
}

.pagination-current::before {
  opacity: 1;
  visibility: visible;
  border: 2px solid #0A2896;
}

.pagination-current:hover::before {
  border: 2px solid #0084FF;
}

.pagination-btn svg {
  stroke: #0A2896;
  -webkit-transition: stroke 0.15s ease-out;
  transition: stroke 0.15s ease-out;
}

.pagination-btn:hover svg {
  stroke: #0084FF;
}

.pagination-btn.disabled svg {
  stroke: #D4D7DF;
}

.pagination-previous {
  border-radius: 8px 0px 0px 8px;
  border-right: 1px solid #D4D7DF;
}

.pagination-next {
  border-radius: 0px 8px 8px 0px;
  border-left: 1px solid #D4D7DF;
}

.pagination-first {
  border-radius: 8px 0px 0px 8px;
}

.pagination-last {
  border-radius: 0px 8px 8px 0px;
}

@media (max-width: 768px) {
  .pagination li {
    width: 40px;
    height: 40px;
  }
}

.post-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
  margin-top: 80px;
}

.post-template--mt {
  margin-top: 80px;
}

.post-template-block-text {
  max-width: 773px;
  margin-right: 24px;
}

.post-template-block-text--wide {
  max-width: 100%;
}

.post-template-block-text--wide p {
  max-width: 750px;
}

.post-template-block-text h1 {
  font-weight: normal;
  font-size: 32px;
  line-height: 100%;
  color: #2F3441;
  margin-bottom: 24px;
  letter-spacing: 0px;
}

.post-template-block-text .date {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #B6C1DD;
  margin-bottom: 24px;
}

.post-template-block-image {
  width: 280px;
  height: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.post-template-block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.post-info {
  border: 1px solid #D4D7DF;
  border-radius: 8px;
  padding: 40px;
  margin-bottom: 48px;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #2F3441;
}

.post-info-title {
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.02em;
  color: #2F3441;
}

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

.post-info-wrap .col {
  width: 48%;
}

.post-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-bottom: 18px;
}

.post-info-item:last-child {
  margin-bottom: 0;
}

.post-info-item .phones a {
  display: block;
}

.post-info-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: #0A2896;
  margin-right: 8px;
}

.post-info-icon--stroke {
  stroke: #0A2896;
}

@media (max-width: 1024px) {
  .post-template--mt {
    margin-top: 30px;
  }
  .post-template-block-text {
    margin-right: 0;
  }
  .post-template-block-text h1 {
    font-size: 26px;
  }
  .post-template-block-text .date {
    font-size: 14px;
  }
  .post-template-block-image {
    width: 200px;
    height: 200px;
  }
  .post-info {
    font-size: 14px;
    margin-bottom: 32px;
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .post-template {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .post-template-block-text h1 {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .post-template-block-text .date {
    margin-bottom: 16px;
  }
  .post-template-block-image {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }
  .post-info-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .post-info-wrap .col {
    width: 100%;
  }
  .post-info-wrap .col:not(:last-child) {
    margin-bottom: 18px;
  }
}

.switch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.switch input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  position: absolute;
  top: 0;
  left: 153px;
  width: 45px;
  height: 26px;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.switch a, .switch label {
  position: relative;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.4px;
  cursor: pointer;
}

.switch a:last-of-type {
  margin-left: 95px;
}

.switch .jq-radio + a {
  color: #B6C1DD;
}

.switch .jq-radio.checked + a {
  color: #002BAB;
}

.switch .toggle-outside {
  position: absolute;
  left: 225px;
  padding: 2px;
  width: 48px;
  height: 24px;
  background: #002BAB;
  border-radius: 12px;
  overflow: hidden;
}

.switch .toggle-inside {
  position: absolute;
  top: 4px;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 4;
}

.switch #radio-a-styler.checked ~ .toggle-outside .toggle-inside {
  left: 4px;
  right: auto;
}

.switch #radio-b-styler.checked ~ .toggle-outside .toggle-inside {
  left: auto;
  right: 4px;
}

@media (max-width: 1024px) {
  .switch label {
    font-size: 18px;
  }
  .switch .toggle-outside {
    left: 175px;
  }
}

@media (max-width: 540px) {
  .switch label {
    font-size: 14px;
  }
  .switch a:last-of-type {
    margin-left: 60px;
  }
  .switch .toggle-outside {
    left: 127px;
    top: 7px;
    width: 40px;
    height: 20px;
  }
  .switch .toggle-outside .toggle-inside {
    top: 4px;
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 4;
  }
}

.vtb-contacts-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 40px;
  max-width: 900px;
}

.vtb-contacts-list ul:not(:last-of-type) {
  margin-bottom: 16px;
}

.vtb-contacts-list ul li a {
  font-size: 25px;
  line-height: 100%;
  letter-spacing: -1.5px;
}

.vtb-contacts-list ul li span {
  display: block;
  font-weight: 300;
  font-size: 13px;
  color: #606981;
}

@media (max-width: 1024px) {
  .vtb-contacts-list ul {
    gap: 16px 32px;
    max-width: 80%;
  }
  .vtb-contacts-list ul li a {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .vtb-contacts-list ul {
    max-width: 100%;
    margin-bottom: 24px;
  }
}

.light-block {
  border: 1px solid #D4D7DF;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px;
  margin-bottom: 40px;
}

.light-block .left {
  width: 50%;
}

.light-block .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.light-block-qr {
  text-align: center;
  margin-left: 35px;
  color: #2F3441;
}

.light-block-qr img {
  margin-bottom: 24px;
}

.light-block--one-img .left {
  width: 70%;
}

.light-block--one-img .right {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 768px) {
  .light-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px;
  }
  .light-block .left {
    width: 100%;
    margin-bottom: 24px;
  }
  .light-block .right {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .light-block-qr {
    margin-left: 0;
    margin: 0 12px;
  }
}

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

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

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

.vtb-suggestions-link-list a img {
  margin-right: 16px;
  max-width: 48px;
  height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-commission .result .plan {
  width: 100%;
  height: 80px;
  padding: 28px;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
  background: #FFFFFF;
  border: 1px solid #D4D7DF;
  border-radius: 8px;
  margin-bottom: 8px;
}

.vtb-commission .result-btn {
  width: 100%;
  margin-top: 48px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-steps-item .text-subtitle {
  display: block;
  margin-bottom: 16px;
}

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

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

.vtb-cost--mt0 {
  margin-top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-grid-item--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.vtb-grid-item--border {
  border: 1px solid #B6C1DD;
  background: transparent;
}

.vtb-grid-item--color {
  background: -webkit-gradient(linear, left top, left bottom, from(#0045CF), to(#007EE9));
  background: linear-gradient(180deg, #0045CF 0%, #007EE9 100%);
}

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

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

.vtb-grid-item--h208 {
  min-height: 208px;
}

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

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

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

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

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

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

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

.vtb-grid-item h3 {
  margin-bottom: 16px;
}

.vtb-grid-item h3.light {
  color: #fff;
}

.vtb-grid-item .title--light {
  color: #fff;
}

.vtb-grid-item p {
  margin-bottom: 30px;
}

.vtb-grid-item.limited p {
  max-width: 651px;
}

.vtb-grid-item--withoutBtn p {
  margin-bottom: 0;
}

.vtb-grid-item--links p {
  margin-bottom: 16px;
}

.vtb-grid-item img {
  position: absolute;
  top: 40px;
  right: 40px;
  /*max-width: 35%;*/
  max-width: 130px;
  height: auto;
}

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

.vtb-grid-item-30--vertical {
  min-height: 506px;
}

.vtb-grid-item-30--vertical img {
  position: relative;
  top: auto;
  right: auto;
  margin: 0 auto;
  margin-top: auto;
  max-width: 100%;
}

.vtb-grid-item--big-photo h3, .vtb-grid-item--big-photo p {
  max-width: calc(100% - 180px);
}

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

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

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

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

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

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

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

.vtb-grid-item .vtb-link {
  max-width: 62%;
  display: block;
}

.vtb-grid-item .vtb-link svg {
  margin-left: 2px;
  vertical-align: top;
}

.vtb-grid-item.resident:before, .vtb-grid-item.neresident:before {
  content: 'резидентам';
  position: absolute;
  top: -12px;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#0037FF), color-stop(75%, #0085FF));
  background: linear-gradient(90deg, #0037FF 0%, #0085FF 75%);
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  line-height: 120%;
  text-transform: uppercase;
  padding: 4px 18px;
  border-radius: 12px 15px 15px 0;
}

.vtb-grid-item.neresident:before {
  content: 'нерезидентам';
}

.vtb-grid-item.img100 img {
  width: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tarif-table-body {
  color: #2F3441;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-rko-tarify h3 {
  margin: 48px 0;
}

.vtb-rko-tarify p {
  max-width: 925px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vtb-info {
  background: #F3F7FA;
}

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

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

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

.vtb-about-contacts {
  margin-bottom: 24px;
}

.vtb-about-contacts .vtb-grid-light-item {
  position: relative;
}

.vtb-about-contacts .vtb-grid-light-item span {
  -webkit-transition: color .15s ease-out;
  transition: color .15s ease-out;
}

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

.vtb-about-contacts .vtb-grid-light-item:hover::before {
  z-index: 10;
  opacity: 1;
}

.vtb-about-contacts .vtb-grid-light-item:hover span {
  color: #0084FF;
}

.vtb-about-us .vtb-hero-default {
  padding-bottom: 0;
}

.vtb-about-us-info-wrap {
  max-width: 670px;
}

@media screen and (max-width: 1024px) {
  .h3 {
    font-size: 22px;
    margin-bottom: 24px;
    margin-top: 40px;
  }
}

.vtb-hero-management {
  padding-bottom: 0;
  background: #2A52FC url("../images/executives/rukovodstvo-bg.png") no-repeat center center/cover;
}

.vtb-hero-management-block-text {
  width: 50%;
}

.vtb-hero-management-block-text h1 {
  color: #fff;
}

.vtb-hero-management-block-text p {
  color: #fff;
}

.vtb-hero-management-block-image {
  line-height: 0;
}

@media screen and (max-width: 768px) {
  .vtb-hero-management-block {
    margin-bottom: 0 !important;
  }
}

.vtb-grid-managment img {
  width: 172px;
  height: 192px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.director-hero .vtb-hero-default-block-image {
  max-width: 396px;
  border-radius: 8px;
  overflow: hidden;
}

.press-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

.press-photo img {
  width: 74px;
  height: 87px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .director-hero .vtb-hero-default-block-image {
    max-width: 100%;
  }
}

.vtb-grid-sovet {
  padding-bottom: 96px;
}

.vtb-grid-sovet p {
  max-width: 650px;
  margin-bottom: 40px;
}

.komplaens-hero-block {
  margin-bottom: -75px;
}

.komplaens-text p {
  max-width: 820px;
}

.komplaens-text-max p {
  max-width: 650px;
}

.komplaens-btn {
  margin-top: 30px;
}

.vtb-grid-otchet .vtb-document-info:last-child {
  margin-bottom: 0;
}

.vtb-grid-otchet .otchet-links {
  min-width: 50%;
}

.financial-form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
}

.financial-select {
  width: 100%;
  max-width: 392px;
  margin-right: 16px;
  height: 56px;
}

.financial-select .jq-selectbox__select {
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  border: none;
  padding: 0;
  font-size: 24px;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.6px;
  color: #606981;
  padding-left: 40px;
}

.financial-select .jq-selectbox__trigger-arrow {
  background: url("../images/common/ExpandMore.svg") no-repeat center/contain;
  width: 24px;
  height: 22px;
  border: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}

.financial-select .jq-selectbox__trigger {
  width: 96px;
}

.financial-select .jq-selectbox__trigger::before {
  content: '';
  width: 1px;
  height: 26.13px;
  position: absolute;
  left: 0;
  top: 14.93px;
  background: #B6C1DD;
}

.financial-select .jq-selectbox__trigger::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 52px;
  width: 20px;
  height: 22px;
  background: url("../images/common/Calendar.svg") no-repeat center/contain;
}

.financial-select .jq-selectbox__dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 20px rgba(11, 67, 218, 0.08);
          box-shadow: 0px 0px 20px rgba(11, 67, 218, 0.08);
  border-radius: 0px 0px 8px 8px;
  margin: 0;
  margin-top: -2px;
  padding-top: 10px;
  border: none;
  top: 100%;
}

.financial-select .jq-selectbox__dropdown ul::-webkit-scrollbar {
  width: 4px;
}

.financial-select .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {
  background: #D4D7DF;
}

.financial-select .jq-selectbox__dropdown li {
  padding: 24px !important;
  font-size: 18px;
}

.financial-select .jq-selectbox__dropdown li.selected {
  background: #fff !important;
  color: #0A2896;
  border: 1px solid #0A2896;
}

.financial-select .jq-selectbox__search input {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  padding: 24px;
  color: #0A2896;
}

.financial-btn {
  padding: 0 10px;
  width: 100%;
  max-width: 252px;
}

.financial .vtb-link {
  margin-bottom: 26px;
}

@media (max-width: 576px) {
  .financial-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .financial-select {
    max-width: 100%;
    margin-bottom: 16px;
  }
  .financial-btn {
    max-width: 100%;
  }
}

.raskrytie-info p {
  max-width: 900px;
}

.raskrytie-info p:last-of-type {
  margin-bottom: 48px;
}

.raskrytie-info .vtb-link {
  margin-bottom: 25px;
  display: block;
}

.raskrytie-info .vtb-link svg {
  vertical-align: top;
  margin-top: 2px;
  margin-left: 0;
}

.rating-block p {
  max-width: 900px;
}

.contacts-list li span {
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.contacts-list li div {
  margin: 8px 0;
}

.contacts-list li div:first-child {
  margin-top: 16px;
}

.contacts-list li div:last-child {
  margin-bottom: 16px;
}

.contacts-list li div a:hover svg {
  fill: #0084FF;
}

.contacts-list li div a svg {
  fill: #0A2896;
  vertical-align: middle;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.social-icons svg {
  fill: #0A2896;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.social-icons svg:hover {
  fill: #0084FF;
}

.vtb-press-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 48px;
}

.vtb-press-news .vtb-news-card {
  -ms-flex-preferred-size: calc(100% / 3);
      flex-basis: calc(100% / 3);
}

@media (max-width: 768px) {
  .vtb-press-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .vtb-press-news .vtb-news-card {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-height: 200px;
  }
}

.vtb-branches-wrap {
  margin-bottom: 48px;
}

.vtb-branches-card {
  display: block;
  margin-bottom: 48px;
  max-width: 740px;
}

.vtb-branches-card .card-date {
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
}

.vtb-branches-card .card-title {
  font-weight: normal;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #0A2896;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

@media (hover: hover) and (pointer: fine), (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .vtb-branches-card:hover .card-title {
    color: #0084FF;
  }
}

@media screen and (max-width: 768px) {
  .vtb-branches-card {
    margin-bottom: 32px;
  }
  .vtb-branches-card .card-date {
    font-size: 14px;
  }
  .vtb-branches-card .card-title {
    font-size: 18px;
  }
}

.socials-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.socials-block-item {
  position: relative;
  height: 350px;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.socials-block-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.socials-block-item .txt {
  position: relative;
  bottom: 0;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  color: #fff;
  padding: 24px;
}

.socials-block-item .txt-title {
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -1.5px;
}

.socials-block-item .txt p {
  display: none;
  margin-bottom: 0;
}

.socials-block-item:hover, .socials-block-item.selected {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}

.socials-block-item:hover .txt, .socials-block-item.selected .txt {
  min-height: 177px;
  -webkit-backdrop-filter: blur(203px);
          backdrop-filter: blur(203px);
}

.socials-block-item:hover .txt-title, .socials-block-item.selected .txt-title {
  font-size: 32px;
}

.socials-block-item:hover .txt p, .socials-block-item.selected .txt p {
  display: block;
  margin-top: 8px;
}

@media (max-width: 1024px) {
  .socials-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .socials-block-item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .socials-block-item:hover, .socials-block-item.selected {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .socials-block-item:hover .txt-title, .socials-block-item.selected .txt-title {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .socials-block-item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: auto;
    min-height: 174px;
  }
  .socials-block-item:hover, .socials-block-item.selected {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-height: 317px;
  }
}

.view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.views-field {
  width: calc(100% / 3);
  border: 1px solid #D4D7DF;
  border-radius: 8px;
  padding: 20px;
}

.views-field img {
  width: 100%;
  height: auto;
}

.views .wall-links {
  position: relative;
  padding-left: 32px;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.views .wall-links::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  width: 24px;
  height: 24px;
  background: url("../images/Download.svg") no-repeat center/contain;
}

.views .wall-links a {
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
}

.views .wall-links a:not(:last-child) {
  margin-right: 8px;
}

.jq-radio {
  top: -1px;
  width: 25px;
  height: 25px;
  border: 1px solid #d1d1d1;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  display: none;
}

@media (max-width: 1024px) {
  .views-field {
    width: 50%;
  }
  .views .wall-links {
    margin-top: 16px;
  }
  .views .wall-links a {
    font-size: 14px;
  }
}

@media (max-width: 540px) {
  .views-field {
    width: 100%;
  }
}

.factoring-hero-block {
  margin-bottom: -60px;
}

.cash-services .vtb-hero-default-block {
  margin-bottom: -65px;
}

.cash-services .vtb-hero-default-buttons a {
  margin-right: 24px;
}

.cash-services-limited h3, .cash-services-limited ul {
  max-width: 544px;
}

.cash-services-text {
  max-width: 900px;
  margin-top: 24px;
}

@media (max-width: 1024px) {
  .cash-services .vtb-hero-default-block {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .cash-services .vtb-hero-default-buttons a {
    margin-top: 16px;
  }
}

.fatca .two-column-list--border > ul:last-of-type {
  border: none;
}

.corporate-cards {
  padding-bottom: 60px;
}

.corporate-cards-block {
  margin-bottom: -40px;
}

@media (max-width: 992px) {
  .corporate-cards-block {
    margin-bottom: 0;
  }
}

.vtb-tarif {
  padding-bottom: 120px;
}

.vtb-tarif h1 {
  margin-bottom: 48px;
}

.vtb-tarif .vtb-hero-default-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

@media (max-width: 1024px) {
  .vtb-tarif h1 {
    margin-bottom: 32px;
  }
  
}

@media (max-width: 768px) {
  .vtb-tarif h1 {
    margin-bottom: 32px;
  }
  .vtb-hero-default-buttons a {
    font-size: 14px;
  }
  .vtb-tarif .vtb-hero-default-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-tarif .vtb-hero-default-buttons a {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .vtb-tarif .vtb-hero-default-buttons a span {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.payroll-block {
  margin-bottom: -80px;
}

.payroll-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
}

.payroll-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px;
}

.payroll-row img {
  margin-right: 64px;
}

.payroll-row ul {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: list;
}

.payroll-row ul li {
  position: relative;
  padding-left: 82px;
  margin-bottom: 24px;
}

.payroll-row ul li::before {
  content: "0" counter(list);
  counter-increment: list;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -3px;
  color: #D4D7DF;
}

.payroll-row ul li h3 {
  margin-bottom: 16px;
}

.payroll-row ul li p {
  max-width: 763px;
}

@media (max-width: 1200px) {
  .payroll-block {
    margin-bottom: 0;
  }
}

@media (max-width: 992px) {
  .payroll-mbanking {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .payroll-mbanking .left {
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  .payroll-row img {
    margin-right: 24px;
  }
  .payroll-mbanking {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
    text-align: left !important;
  }
}

@media (max-width: 576px) {
  .payroll-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .payroll-row img {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.property-page {
  padding-top: 100px;
  overflow: hidden;
}

.property-page-block {
  margin-top: 80px;
}

.property-page-block h1 {
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #2F3441;
  margin-bottom: 16px;
}

.property-page-block .description {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
}

.property-page-block .description li {
  width: 50%;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.6px;
  color: #2F3441;
}

.property-page-block .description li span {
  display: block;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #606981;
}

.property-page-block .gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (100px)[4];
      grid-template-columns: repeat(4, 100px);
  -ms-grid-rows: (76px)[3];
      grid-template-rows: repeat(3, 76px);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-left: 24px;
}

.property-page-block .gallery-item {
  border: 3px solid #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
}

.property-page-block .gallery-item a {
  width: 100%;
  height: 100%;
}

.property-page-block .gallery-item a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.property-page-block .gallery-item:first-child {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 1 / 1 / 4 / 4;
}

.property-page-grid a {
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .property-page-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .property-page-block h1 {
    font-size: 28px;
  }
  .property-page-block .left {
    width: 100%;
    margin-bottom: 24px;
  }
  .property-page-block .gallery {
    margin-left: 0;
  }
}

@media (max-width: 576px) {
  .property-page-block h1 {
    font-size: 24px;
  }
  .property-page-block .description li {
    font-size: 20px;
  }
  .property-page-block .gallery {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: (76px)[4];
        grid-template-rows: repeat(4, 76px);
  }
  .property-page-block .gallery:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: 1 / 1 / 4 / 4;
  }
}

.personal-partners-block {
  margin-bottom: -60px;
}

.personal-page-card .vtb-hero-default-block-image {
  max-width: 292px;
  max-height: 185px;
  border-radius: 12px;
  overflow: hidden;
}

.vtb-cards-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}

.vtb-cards-list ul li {
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -3px;
  color: #0A2896;
}

.vtb-cards-list ul li span {
  font-size: 18px;
  letter-spacing: -0.4px;
  display: block;
  color: #606981;
}

@media (max-width: 1024px) {
  .personal-partners-block {
    margin-bottom: 0;
  }
  .vtb-cards-list ul li {
    font-size: 32px;
  }
  .vtb-cards-list ul li span {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .personal-page-card .vtb-hero-default-block-image {
    max-width: 100%;
    max-height: none;
  }
  .vtb-cards-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-cards-list ul li {
    margin-bottom: 16px;
  }
}

.personal-cards .vtb-grid-item-50 img {
  width: 160px;
  -webkit-transform: rotate(-13deg);
          transform: rotate(-13deg);
}

.personal-cards-services .vtb-grid-light-item {
  padding-right: 144px;
  min-height: 238px;
}

.personal-cards-services .vtb-grid-light-item h3 {
  color: #0A2896;
}

.personal-cards-services .vtb-grid-light-item p {
  color: #606981;
  opacity: 0.8;
  margin-bottom: 0;
}

.personal-cards-services .vtb-grid-light-item img {
  position: absolute;
  top: 24px;
  right: 24px;
  max-width: 35%;
}

@media (max-width: 1024px) {
  .personal-cards-services .vtb-grid-light-item {
    padding-right: 80px;
    min-height: 200px;
  }
}

@media (max-width: 768px) {
  .personal-cards .vtb-grid-item-50 img {
    width: 210px;
    margin-bottom: 30px;
  }
  .personal-cards-services .vtb-grid-light-item {
    padding-right: 24px;
    min-height: auto;
  }
  .personal-cards-services .vtb-grid-light-item img {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 24px;
  }
}

.personal-vklad-hero img {  
  border-radius: 8px;
}

.personal-vklad-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}

.personal-vklad-list ul li {
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -3px;
  color: #0A2896;
}

.personal-vklad-list ul li span {
  font-size: 20px;
  letter-spacing: -0.4px;
  display: block;
  color: #606981;
}

.personal-vklad-table tr td:first-child {
  color: #2F3441;
  padding-left: 24px;
}

@media (max-width: 1024px) {
  .personal-vklad-list ul li {
    font-size: 28px;
  }
  .personal-vklad-list ul li span {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .personal-vklad-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .personal-vklad-list ul li {
    margin-bottom: 16px;
  }
}

.personal-credits-hero img {
  max-width: 334px;
  border-radius: 8px;
}

.personal-credits-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}

.personal-credits-list ul li {
  font-size: 36px;
  line-height: 100%;
  letter-spacing: -3px;
  color: #0A2896;
}

.personal-credits-list ul li span {
  font-size: 18px;
  letter-spacing: -0.4px;
  display: block;
  color: #606981;
}

.personal-credits-table tr td:first-child {
  color: #2F3441;
  padding-left: 24px;
}

@media (max-width: 1024px) {
  .personal-vklad-list ul li {
    font-size: 28px;
  }
  .personal-vklad-list ul li span {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .personal-vklad-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .personal-vklad-list ul li {
    margin-bottom: 16px;
  }
}

.privilege-header .header-top-border-decor {
  background: #D00078;
}

.privilege-header .header-top-menu-item--active.link--white {
  color: #D00078;
}

.privilege-header .vtb-online-button {
  color: #D00078;
  border: 2px solid #D00078;
}

.privilege-header .vtb-online-button .icon {
  fill: #D00078;
}

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

.privilege-header .vtb-online-button:hover .icon {
  fill: #900258;
}

.privilege-hero {
  background: url("../images/personal/privilege/privelege-bg.jpg") no-repeat center/cover;
}

.privilege-hero-block {
  margin-top: -70px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.privilege-hero-block-text {
  margin-top: 0;
}

.privilege-cost .vtb-cost-trigger {
  margin-top: 96px;
}

.privilege-grid-color {
  background: -webkit-gradient(linear, left top, left bottom, from(#021B79), to(#2A37AD));
  background: linear-gradient(180deg, #021B79 0%, #2A37AD 100%);
}

.privilege-grid-color .vtb-button span {
  color: #900258;
}

.privilege-grid-color .vtb-button:hover span {
  color: #D00078;
}

.privilege-grid-color .vtb-button:hover:before, .privilege-grid-color .vtb-button:hover::after {
  display: none;
}

.privilege-form h2 {
  letter-spacing: -3px;
  color: #2F3441;
  line-height: 100%;
}

.privilege-form .vtb-bankpartner-block-text {
  width: 50%;
}

.privilege-form .vtb-bankpartner-block-text p {
  max-width: 430px;
}

.privilege-form .order-block__wrapper__item__video a {
  position: relative;
  display: inline-block;
  line-height: 0;
  border-radius: 8px;
  overflow: hidden;
}

.privilege-form .order-block__wrapper__item__video a::before {
  content: '';
  background: url(../images/play.png) no-repeat center/contain;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.privilege-form .vtb-bankpartner-block-form p {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #2F3441;
}

.privilege-form .vtb-form-submit {
  background: linear-gradient(88.48deg, #03277F 1.29%, #2333B5 98.71%);
}

@media (max-width: 1024px) {
  .privilege-cost .vtb-cost-trigger {
    margin-top: 56px;
  }
  .privilege-form .vtb-bankpartner-block-text {
    width: 100%;
    margin-bottom: 32px;
  }
  .privilege-form .vtb-bankpartner-block-text p {
    max-width: 100%;
  }
  .privilege-form .order-block__wrapper__item__video {
    text-align: center;
  }
  .privilege-form .vtb-bankpartner-block-form p {
    font-size: 20px;
  }
}

.new-pagination ul.pager {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-pagination ul.pager li {
  background: #fff !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.new-pagination ul.pager li::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  border-radius: 8px;
  border: 1px solid #0084FF;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  z-index: 1;
}

.new-pagination ul.pager li:hover {
  color: #0084FF;
}

.new-pagination ul.pager li:hover a {
  color: inherit;
}

.new-pagination ul.pager li:hover::before {
  opacity: 1;
  visibility: visible;
}

.new-pagination ul.pager li 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: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #606981;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.new-pagination ul.pager li.pager-current {
  color: #0A2896;
  -webkit-transition: color .15s ease-out;
  transition: color .15s ease-out;
}

.new-pagination ul.pager li.pager-current a {
  color: inherit;
}

.new-pagination ul.pager li.pager-current::before {
  opacity: 1;
  visibility: visible;
  border: 1px solid #0A2896;
}

.new-pagination ul.pager li.pager-current:hover {
  color: #0084FF;
}

.new-pagination ul.pager li.pager-current:hover::before {
  border: 1px solid #0084FF;
}

.new-pagination ul.pager li.first {
  border-radius: 8px 0px 0px 8px;
}

.new-pagination ul.pager li.last {
  border-radius: 0px 8px 8px 0px;
}

.new-pagination ul.pager .pager-next a:before, .new-pagination ul.pager .pager-previous a:before, .new-pagination ul.pager .pager-last a:before, .new-pagination ul.pager .pager-first a:before {
  content: '';
  width: 100%;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.new-pagination ul.pager .pager-next {
  border-left: 1px solid #D4D7DF;
}

.new-pagination ul.pager .pager-next a:before {
  background-image: url("../images/pagination-next.svg");
}

.new-pagination ul.pager .pager-previous {
  border-right: 1px solid #D4D7DF;
}

.new-pagination ul.pager .pager-previous a:before {
  background-image: url("../images/pagination-next.svg");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.new-pagination ul.pager .pager-last a:before, .new-pagination ul.pager .pager-first a:before {
  background-image: url("../images/pagination-last.svg");
}

.new-pagination ul.pager .pager-first a:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.new-pagination ul.pager .pager-next:hover a:before, .new-pagination ul.pager .pager-previous:hover a:before {
  background-image: url("../images/pagination-next-hover.svg");
}

.new-pagination ul.pager .pager-last:hover a:before, .new-pagination ul.pager .pager-first:hover a:before {
  background-image: url("../images/pagination-last-hover.svg");
}

.new-pagination ul.pager .pager-next::before, .new-pagination ul.pager .pager-previous::before, .new-pagination ul.pager .pager-ellipsis::before, .new-pagination ul.pager .pager-last::before, .new-pagination ul.pager .pager-first::before {
  display: none;
}

@media (max-width: 768px) {
  .new-pagination ul.pager li {
    width: 40px;
    height: 40px;
  }
  .new-pagination ul.pager .pager-next a:before, .new-pagination ul.pager .pager-previous a:before, .new-pagination ul.pager .pager-last a:before, .new-pagination ul.pager .pager-first a:before {
    height: 14px;
  }
}

.new-filter .view-filters {
  margin-bottom: 48px;
}

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

.new-filter .jq-selectbox__select {
  height: 54px;
  width: 276px;
  border: none;
  border-radius: 8px;
  padding: 0;
  font-size: 18px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
  color: #606981;
  padding-left: 40px;
  font-style: normal;
}

.new-filter .jq-selectbox li {
  border-radius: 8px;
  border: 1px solid #fff;
}

.new-filter .jq-selectbox li:hover {
  background: #fff !important;
  color: #0084FF;
  border: 1px solid #0084FF;
}

.new-filter .jq-selectbox__dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 20px rgba(11, 67, 218, 0.08);
          box-shadow: 0px 0px 20px rgba(11, 67, 218, 0.08);
  border-radius: 0px 0px 8px 8px;
  margin: 0;
  margin-top: -2px;
  padding-top: 10px;
  border: none;
  top: 100%;
}

.new-filter .jq-selectbox__dropdown ul::-webkit-scrollbar {
  width: 4px;
}

.new-filter .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {
  background: #D4D7DF;
}

.new-filter .jq-selectbox__dropdown li {
  padding: 24px !important;
  font-size: 18px;
}

.new-filter .jq-selectbox__dropdown li.selected {
  background: #fff !important;
  color: #0A2896;
  border: 1px solid #0A2896;
}

.new-filter .jq-selectbox__search input {
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.4px;
  padding: 24px;
  color: #0A2896;
}

.new-filter input[type="submit"], .new-filter .btn-stl {
  color: #fff !important;
  background: -webkit-gradient(linear, left top, right top, from(#0037FF), color-stop(75%, #0085FF));
  background: linear-gradient(90deg, #0037FF 0%, #0085FF 75%);
  text-align: center;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none !important;
  font-size: 18px;
  line-height: 120%;
  padding: 0 75px !important;
  width: 100%;
  height: 54px;
  max-width: 252px;
}

.new-filter input[type="submit"]:hover, .new-filter .btn-stl:hover {
  background: -webkit-gradient(linear, left top, right top, from(#1134b5), color-stop(75%, #2353e0));
  background: linear-gradient(90deg, #1134b5 0%, #2353e0 75%);
}

.new-filter .jq-selectbox:hover .jq-selectbox__trigger-arrow {
  border-top: 5px solid #0A2896;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.new-filter .views-exposed-widget.views-submit-button {
  margin-top: 0;
}

.new-filter .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 0;
}

.new-filter .views-exposed-form .views-exposed-widget {
  padding: 0;
}

.new-filter .form-type-select {
  margin-right: 24px;
}

@media (max-width: 768px) {
  .new-filter .view-filters {
    margin-bottom: 32px;
  }
  .new-filter .views-exposed-form .views-exposed-widget,
  .new-filter .container-inline-date .form-item .form-item,
  .new-filter .container-inline-date .date-padding {
    float: none;
  }
  .new-filter .container-inline-date > .form-item {
    width: 100%;
  }
  .new-filter .container-inline-date {
    display: block;
  }
  .new-filter .form-type-select {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .new-filter .jq-selectbox {
    width: 100%;
  }
  .new-filter .jq-selectbox__select {
    width: 100%;
    padding-left: 24px;
  }
  .new-filter .jq-selectbox__dropdown li {
    font-size: 14px;
  }
  .new-filter input[type="submit"], .new-filter .btn-stl {
    max-width: 100%;
  }
}

.corporate-main-slider .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.corporate-main-slider .swiper-slide .vtb-suggestions-button {
  margin-top: auto;
}

@media (max-width: 1024px) {
  .corporate-main-slider .swiper-slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .corporate-main-slider .swiper-slide .vtb-suggestions-button {
    margin-top: 32px;
  }
}

@media (max-width: 768px) {
  .corporate-main-slider .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .corporate-main-slider .swiper-slide .vtb-suggestions-button {
    width: 100%;
    margin-top: 32px;
  }
  .corporate-main-slider .vtb-suggestions__slide-img {
    margin: 0 auto 32px;
  }
}

.corporate-raschet-hero .vtb-hero-default-buttons a {
  margin-right: 24px;
}

.corporate-raschet-services h3, .corporate-raschet-services ul, .corporate-raschet-services p {
  max-width: 650px;
}

.corporate-raschet-services .vtb-document-info {
  max-width: 576px;
  margin-left: auto;
  margin-top: 48px;
}

@media (max-width: 768px) {
  .corporate-raschet-hero .vtb-hero-default-buttons a {
    margin-top: 16px;
  }
  .corporate-raschet-services .vtb-document-info {
    margin-top: 32px;
  }
}

.footer {
  background: #fff;
}

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

.footer-menu li {
  margin-bottom: 12px;
}

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

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

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

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

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

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

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

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

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

.footer-top .contacts-link {
  font-size: 27px;
  line-height: 100%;
  letter-spacing: -1.5px;
  color: #2F3441;
  margin-bottom: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-top .pages-social-link svg {
  fill: #606980;
}

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

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

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

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

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

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

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

.footer-bottom-develop a {
  color: inherit;
  font-size: inherit;
}

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

@media screen and (max-width: 1024px) {
  .footer-menu li a {
    font-size: 14px;
    letter-spacing: -0.3px;
  }
  .footer-top .contacts-mobile {
    margin-bottom: 24px;
  }
  .footer-top .contacts-mobile a {
    font-size: 22px;
  }
  .footer-top .contacts-mobile span {
    font-size: 10px;
  }
  .footer-top .contacts-link {
    font-size: 22px;
  }
  .footer-top .contacts-bank {
    font-size: 14px;
  }
  .footer-top .offices .eye-link {
    font-size: 14px;
  }
  .footer-bottom {
    padding: 32px 0;
  }
  .footer-bottom-logo-icon {
    width: 38px;
    height: 38px;
    margin-right: 16px;
  }
  .footer-bottom-logo .title {
    font-size: 22px;
  }
  .footer-bottom-logo .descr {
    font-size: 10px;
  }
  .footer-bottom-copyright {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .footer-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer-top .contacts-bank {
    margin-top: 24px;
  }
  .footer-top .offices {
    margin-top: 48px;
  }
  .footer-top .pages {
    margin-top: 48px;
    width: 100%;
    max-width: 100%;
  }
  .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer-bottom-logo {
    border: 1px solid #d4d7df;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 24px;
    width: 100%;
  }
  .footer-bottom-copyright {
    margin-bottom: 16px;
  }
}

@media (hover: hover) and (pointer: fine), (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .breadcrumb .bread__item span:hover {
    color: #0084FF;
  }
  .vtb-button:hover:before {
    opacity: 1;
  }
  .vtb-button:hover span {
    color: #fff;
  }
  .vtb-button--light:hover {
    color: #fff;
  }
  .vtb-button--white:hover {
    color: #fff;
  }
  .vtb-button--white:hover svg {
    fill: #fff;
  }
  .vtb-button--outline:hover {
    color: #fff;
  }
  .vtb-button--border:hover {
    border-color: transparent;
  }
  .vtb-link:hover {
    color: #0084FF;
  }
  .vtb-link:hover svg {
    fill: #0084FF;
  }
  .vtb-link-arrow a:hover {
    color: #0084FF;
  }
  .vtb-link-arrow a:hover::after {
    background: url("../../images/arrow-down-hover.svg") no-repeat center/contain;
  }
  .vtb-news-card--link:hover {
    z-index: 10;
  }
  .vtb-news-card--link:hover::before {
    opacity: 1;
  }
  .vtb-news-card--link:hover .card-title, .vtb-news-card--link:hover .card-descr {
    color: #0084FF;
  }
  .vtb-news-card--link:hover .card-icon {
    fill: #0084FF;
  }
  .vtb-news-card--big:hover {
    z-index: 10;
  }
  .vtb-news-card--big:hover::before {
    opacity: 1;
  }
  .vtb-news-card--big .card-list li a:hover {
    color: #0084FF;
  }
  .vtb-news-card--big .card-bottom:hover .card-icon {
    fill: #0084FF;
  }
  .vtb-document-info:hover {
    border: 1px solid #0084FF;
  }
  .vtb-document-info:hover .vtb-document-info-title {
    color: #0084FF;
  }
  .vtb-document-info:hover svg {
    fill: #0084FF;
  }
  .vtb-condition-block-video-play:hover {
    border: 1px solid #0084FF;
  }
  .vtb-condition-block-video-play:hover svg {
    fill: #0084FF;
  }
  .vtb-accordion-icon:hover svg {
    fill: #2F3441;
  }
}

@media screen and (min-width: 0\0) {
  .vtb-hero__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
  }
  .vtb-hero__slide--first {
    max-width: 685px;
    padding: 40px;
    background: #fff;
    -webkit-transition: max-width 0.8s;
    transition: max-width 0.8s;
  }
  .vtb-hero__slide--first .vtb-hero__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    height: 186px;
  }
  .vtb-hero__slide .vtb-hero__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    height: 220px;
  }
  .vtb-hero__slide .vtb-hero__card p {
    max-width: 100%;
  }
  .vtb-hero__slide--first .vtb-hero__card img {
    display: none;
  }
  .vtb-hero__slide--first .vtb-hero__card p {
    color: #002BAB;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -1.5px;
    font-weight: normal;
    margin-top: 0;
  }
  .vtb-hero__slide--first .vtb-hero__card p a {
    color: #0056FF;
  }
  .vtb-hero__slide .vtb-hero__card .vtb-hero-button {
    margin-top: auto;
    width: 100%;
    padding: 10px 20px;
  }
  .vtb-hero__slide:hover .vtb-hero__card .vtb-hero-button {
    opacity: 1;
    visibility: visible;
  }
  .vtb-hero__slide--first .vtb-hero__card .vtb-hero-button {
    opacity: 1;
    visibility: visible;
    margin-top: auto;
    padding: 30px 40px;
    width: auto;
  }
  .vtb-suggestions__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
  }
  .vtb-suggestions__slide {
    width: 25%;
  }
  .vtb-suggestions__slide:first-child {
    background: #fff;
    -webkit-filter: drop-shadow(0px 1px 20px rgba(39, 74, 146, 0.05)) drop-shadow(0px 16px 40px rgba(39, 74, 146, 0.05));
            filter: drop-shadow(0px 1px 20px rgba(39, 74, 146, 0.05)) drop-shadow(0px 16px 40px rgba(39, 74, 146, 0.05));
    border-radius: 8px;
  }
  .vtb-suggestions__slide .vtb-suggestions-button {
    opacity: 1;
    visibility: visible;
  }
  .vtb-suggestions__button {
    display: none;
  }
  .vtb-suggestions__slide:hover {
    background: #fff;
    -webkit-filter: drop-shadow(0px 1px 20px rgba(39, 74, 146, 0.05)) drop-shadow(0px 16px 40px rgba(39, 74, 146, 0.05));
            filter: drop-shadow(0px 1px 20px rgba(39, 74, 146, 0.05)) drop-shadow(0px 16px 40px rgba(39, 74, 146, 0.05));
    border-radius: 8px;
  }
  .vtb-banner .container {
    height: 430px;
  }
  .vtb-information-slider .swiper-slide {
    width: calc(100%/3);
  }
  .vtb-news-card--link {
    height: 298px;
  }
  .vtb-information-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
  }
  .vtb-information-slider-work .swiper-slide {
    width: calc(100%/3);
  }
  .vtb-news-card--link {
    height: 298px;
  }
  .vtb-information-slider-work .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
  }
  .vtb-grid-light-item {
    display: block;
  }
  .vtb-grid-light-item-30 {
    width: calc(100%/3 - 1px);
    margin-right: 0;
  }
  .tarif-table-cell-content {
    display: block;
  }
  .vtb-contacts-list ul li {
    margin-right: 40px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1450px) and (min-width: 1025px) {
	.breadcrumbs {
		padding-top: 30px;
	}
}
		
@media screen and (max-width: 1440px) {
  .container {
    padding: 0 40px;
  }
  .vtb-banner {
    background: url("../images/banner-card.png") no-repeat center right 5%/48%, url("../images/banner-bg.jpg") no-repeat center center/cover;
  }
  .vtb-exchange-link {
	  right :40px;
  }
}

@media screen and (max-width: 1280px) {
  .container {
    padding: 0 44px;
  }
  .vtb-hero-block-text h1, .vtb-hero-image-block-text h1, .vtb-hero-packages-block-text h1 {
    font-size: 46px;
  }
  .vtb-suggestions__visible {
	  display: flex;
	  align-items: flex-start;
  }
  .vtb-banner-sme h2 {
    max-width: 80%;
  }
  .info-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .info-vertical-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: 0;
    margin-bottom: 32px;
  }
  .info-vertical-header-tab {
    margin-right: 16px;
  }
  .info-vertical-header-tab span {
    position: relative;
    z-index: 2;
    pointer-events: none;
  }
  .info-vertical-header-tab:before, .info-vertical-header-tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
    border-radius: 8px;
    z-index: 1;
    opacity: 0;
  }
  .info-vertical-header-tab::before {
    background: -webkit-gradient(linear, left top, right top, from(#0037ff), color-stop(75%, #0085ff));
    background: linear-gradient(90deg, #0037ff 0%, #0085ff 75%);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
  }
  .info-vertical-header-tab::after {
    border: 2px solid #fff;
    background-clip: content-box;
    background-color: #f3f7fa;
    border-color: rgba(255, 255, 255, 0);
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
  }
  .info-vertical-header-tab:hover {
    color: #2F3441;
  }
  .info-vertical-header-tab.active {
    color: #0084ff;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .info-vertical-header-tab.active::before, .info-vertical-header-tab.active::after {
    opacity: 1;
  }
  .vtb-exchange-link {
    position: relative;
    right: 0;
    margin-top: 48px;
	top: auto;
  }
  .vtb-news-card {
    padding: 30px;
  }
  .vtb-news-card .card-heading {
    font-size: 24px;
  }
  .vtb-news-card .card-info {
    font-size: 28px;
  }
  .vtb-banner h2 {
    max-width: 49%;
  }
  .vtb-grid-with-accordeon-item .header-acc {
    padding: 24px;
  }
  .vtb-grid-with-accordeon-item .header-acc img {
    margin-right: 24px;
  }
  .vtb-grid-with-accordeon-item .header-acc h3 {
    font-size: 28px;
  }
  .vtb-grid-with-accordeon-item .description ul {
    padding: 24px 24px 0 24px;
  }
  .vtb-grid-with-accordeon-item .description li {
    margin-bottom: 24px;
  }
  .vtb-commission .result, .calculator-rko .result {
    width: 50%;
  }
  .vtb-commission .result ul, .calculator-rko .result ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-commission .result ul li, .calculator-rko .result ul li {
    margin-bottom: 48px;
  }
  .vtb-commission .result-button, .calculator-rko .result-button {
    margin-top: 0;
  }
  .vtb-suggestions__slide {   
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #fff;
    -webkit-filter: none;
            filter: none;
    border-radius: 8px;
  }
  .vtb-suggestions__slide-img {  
    margin-bottom: 0;
    margin-right: 16px;
	flex-shrink: 0;
  }
  .vtb-suggestions__slide-img img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%!important;
  }
  .vtb-suggestions__slide .line {
    display: none;
  }
  .vtb-suggestions-button {
    width: 49%;
    opacity: 1;
    visibility: visible;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 24px;
  }
  .vtb-suggestions-button--light {
    margin-top: 24px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 8px;
  }
}

@media screen and (max-width: 1024px) {
  body {
    font-size: 14px;
  }
  p, li {
    font-size: 14px;
  }
  h2 {
    font-size: 34px;
    line-height: 120%;
    margin-bottom: 24px;
  }
  h3 {
    font-size: 22px;
  }
  .container {
    padding: 0 32px;
  }
  .vtb-hero__slide.swiper-slide-thumb-active {
    max-width: 284px;
    padding: 16px;
  }
  .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card {
    height: 100%;
	min-width: 252px;
  }
  .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card p {
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -1px;
  }
  .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card .vtb-hero-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card .vtb-hero-button {
    padding: 21px 39px;
    width: 100%;
    margin-bottom: 8px;
  }
  .vtb-hero__slide-image {
    min-height: 630px;
  }
  .vtb-hero-qr-block, .vtb-hero-image-block {
    margin-bottom: 0;
  }
  .vtb-section {
    padding: 40px 0;
  }
  .vtb-section--top {
    padding-top: 80px;
  }
  .vtb-section--bottom {
    padding-bottom: 80px;
  }
  .vtb-button {
    font-size: 16px;
    padding: 15px;
  }
  .vtb-button--left {
    padding: 32px 24px;
  }
  .markdown-list li span {
    font-size: 16px;
  }
  .vtb-news-grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .vtb-news-card--big {
    width: 100%;
  }
  .vtb-news-card--full h3 {
    font-size: 34px;
    line-height: 120%;
  }
  .vtb-news-card--full .button {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .vtb-suggestions__slide {
    padding: 24px;   
  }
  .vtb-suggestions__slide-img {
    width: 64px;
    height: 64px;    
  }  
  
  .vtb-suggestions__slide h3 {
    margin-bottom: 0;
    max-width: 80%;
  }
  .vtb-suggestions__slide h3 br {
    display: none;
  }
  .vtb-suggestions__slide.swiper-slide-active {
    -webkit-filter: none;
            filter: none;
  }  
  .vtb-suggestions__button {
    top: 0;
  }
  .vtb-suggestions-button {
    width: 48%;
    padding: 15px 37px;
    font-size: 14px;
    line-height: 120%;
  }
  .vtb-suggestions-button span {
    font-weight: normal;
  }
  .vtb-suggestions-link-list a {
    font-size: 14px;
    padding: 16px;
  }
  .vtb-suggestions-link-list a img {
    margin-right: 8px;
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .vtb-banner-sme {
    padding: 48px 0;
  }
  .vtb-banner-sme .container {
    min-height: 352px;
  }
  .vtb-banner-sme h2 {
    font-size: 34px;
    line-height: 100%;
    letter-spacing: -2px;
  }
  .vtb-banner-sme-btn {
    width: 48%;
  }
  .info-vertical-header-tab,
  .info-vertical-header-tab--link {
    font-size: 14px;
    line-height: 120%;
    margin-right: 8px;
  }
  .rate-block {
    padding: 24px;
  }
  .rate-block p {
    font-size: 12px;
  }
  .rate-block .info {
    margin-top: 24px;
  }
  .rate-block .info-header-tab {
    font-size: 14px;
    line-height: 120%;
    padding: 12px 20px;
  }
  .rate-block .info-header-tab svg {
    width: 16px;
  }
  .rate-block .info-tabcontent {
    padding-top: 24px;
  }
  .rate-list-header {
    margin-bottom: 13px;
    font-size: 12px;
  }
  .rate-list-content {
    font-size: 20px;
    line-height: 25px;
  }
  /*.rate-list-content span:first-child {
    font-size: 12px;
  }*/
  .rate-list li span {
    width: 29%;
  }
  .converter h3 {
    margin-bottom: 24px;
  }
  .converter-input {
    height: 60px;
    width: calc(100% - 114px);
  }
  .converter .jq-selectbox__select {
    height: 60px;
    width: 114px;
    padding: 20px 30px 20px 40px;
  }
  .converter .jq-selectbox__trigger-arrow {
    right: 20px;
  }
  .converter .usd, .converter .usd .jq-selectbox__select, .converter .eur, .converter .eur .jq-selectbox__select, .converter .rub, .converter .rub .jq-selectbox__select {
    background-position: 15px center;
  }
  .converter-currency {
    margin: 24px 0;
  }
  .converter-currency-name {
    font-size: 14px;
  }
  .converter-currency-result {
    font-size: 22px;
  }
  .vtb-banner {
    padding: 48px 0;
  }
  .vtb-banner .container {
    min-height: 352px;
  }
  .vtb-banner h2 {
    font-size: 34px;
    line-height: 100%;
    letter-spacing: -2px;
  }
  .vtb-banner-btn {
    width: 48%;
  }
  .vtb-information {
    padding-top: 80px;
  }
  .vtb-information-link {
    top: 7px;
    max-width: 350px;
    width: 40%;
  }
  .vtb-apps-wrap::before {
    margin-bottom: 48px;
  }
  .vtb-apps-wrap::after {
    margin-top: 48px;
  }
  .vtb-apps-wrap .text {
    width: 50%;
  }
  .vtb-apps-wrap .image {
    width: 50%;
  }
  .vtb-apps-wrap .image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .vtb-apps-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 48px;
    width: 100%;
  }
  .vtb-apps-link a {
    margin-bottom: 8px;
    max-width: 224px;
    height: 60px;
  }
  .vtb-apps-link--mobile-mt {
    margin-top: 0;
  }
  .vtb-grid-item, .vtb-grid-light-item {
    padding: 24px;
  }
  .vtb-grid-item .big-link, .vtb-grid-light-item .big-link {
    font-size: 24px;
  }
  .vtb-grid-item-50 h3, .vtb-grid-item-50 p, .vtb-grid-light-item-50 h3, .vtb-grid-light-item-50 p {
    margin-right: 100px;
  }
  .vtb-grid-item-50 .buttons, .vtb-grid-light-item-50 .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-grid-item-50 .buttons .vtb-grid-button, .vtb-grid-light-item-50 .buttons .vtb-grid-button {
    width: 100%;
    margin-bottom: 8px;
  }
  .vtb-grid-item-100 h3, .vtb-grid-item-100 p, .vtb-grid-light-item-100 h3, .vtb-grid-light-item-100 p {
    margin-right: 160px;
  }
  .vtb-grid-item-heightsmall, .vtb-grid-light-item-heightsmall {
    min-height: 245px;
  }
  .vtb-grid-item .list a, .vtb-grid-light-item .list a {
    font-size: 24px;
  }
  .vtb-grid-item img, .vtb-grid-light-item img {
    max-width: 80px;
    top: 24px;
  }
  .vtb-grid-item--big-photo, .vtb-grid-light-item--big-photo {
    min-height: 255px;
  }
  .vtb-grid-item--big-photo img, .vtb-grid-light-item--big-photo img {
    top: 24px;
    right: 24px;
  }
  .vtb-grid-item-30--vertical, .vtb-grid-light-item-30--vertical {
    min-height: 350px;
  }
  .vtb-grid-item-30--vertical img, .vtb-grid-light-item-30--vertical img {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto;
    margin-top: auto;
    max-width: 100%;
  }
  .vtb-apps-item img {
    width: 160px;
    height: 160px;
  }
  .vtb-grid-with-accordeon-item .header-acc {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .vtb-grid-with-accordeon-item .header-acc img {
    margin-bottom: 24px;
  }
  .vtb-grid-with-accordeon-item .header-acc .descr {
    width: calc(100% - 120px);
    margin-bottom: 24px;
  }
  .vtb-grid-with-accordeon-item .header-acc .price {
    margin-left: 0;
    width: 58%;
  }
  .vtb-grid-with-accordeon-item .header-acc .buttons .primary {
    margin-bottom: 8px;
  }
  .vtb-grid-with-accordeon-item .description li {
    width: 48%;
  }
  .vtb-commission-wrap, .calculator-rko-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
	border-radius: 24px;
  }
  .vtb-commission-item, .calculator-rko-item {
    margin-left: 0;
    padding: 32px 64px;
  }
  .vtb-commission .result, .calculator-rko .result {
    max-width: 100%;
    width: 100%;
  }
  .vtb-commission .result ul, .calculator-rko .result ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 32px;
  }
  .vtb-commission .result ul li, .calculator-rko .result ul li {
    margin-right: 32px;
    margin-bottom: 32px;
  }
  .vtb-commission .result ul li .result-span, .calculator-rko .result ul li .result-span {
    font-size: 34px;
  }
  .vtb-commission .result-button, .calculator-rko .result-button {
    padding: 21px 32px;
  }
  .vtb-commission .result-btn, .calculator-rko .result-btn {
    margin-top: 32px;
  }
  .vtb-commission span.descr, .calculator-rko span.descr {
    font-size: 10px;
  }
  .calculator-rko-form-subtitle {
    font-size: 18px;
    margin-top: 32px;
  }
  .calculator-rko-form-group-radio {
    margin-bottom: 32px;
  }
  .calculator-rko-form-group-checkbox {
    padding: 16px 0;
  }
  .calculator-rko-form-group-range label {
    font-size: 10px;
  }
  .calculator-rko-form-group-range .range-result {
    font-size: 22px;
    margin-bottom: 16px;
  }
  .calculator-rko-form-group-range span {
    font-size: 10px;
  }
  .calculator-rko-form .switch {
    font-size: 14px;
  }
  .calculator-rko-form .radio__text {
    padding: 16px;
  }
  .vtb-steps-item {
    padding: 24px;
  }
  .vtb-steps-item .text {
    max-width: 70%;
  }
  .vtb-steps-item .text h3 {
    font-size: 28px;
  }
  .vtb-bankpartner-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-bankpartner-block-form {
    max-width: 100%;
  }
  .rko h3 {
    margin-bottom: 32px;
  }
  .tarif-table-header .price {
    font-size: 16px;
  }
  .tarif-table-header .descr {
    font-size: 10px;
    margin-bottom: 32px;
  }
  .tarif-table-cell {
    font-size: 14px;
  }
  .tarif-table-body .tarif-table-cell-content .descr {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    padding: 0 24px;
  }
  h1 {
    font-size: 34px;
  }
  h2.color {
    max-width: 100%;
  }
  .vtb-hero-qr-block, .vtb-hero-image-block, .vtb-hero-default-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
  }
  .vtb-hero-qr-block-text, .vtb-hero-image-block-text, .vtb-hero-default-block-text {
    width: 100%;
  }
  .vtb-hero-qr-block-text h1, .vtb-hero-image-block-text h1, .vtb-hero-default-block-text h1 {
    font-size: 34px;
    line-height: 100%;
    margin-bottom: 16px;
  }
  .vtb-hero-qr-block-text p, .vtb-hero-image-block-text p, .vtb-hero-default-block-text p {
    margin-bottom: 30px;
  }
  .vtb-hero-qr-block-image, .vtb-hero-image-block-image, .vtb-hero-default-block-image {
    width: 100%;
  }
  .vtb-hero-qr-block-image img, .vtb-hero-image-block-image img, .vtb-hero-default-block-image img {
    width: 100%;
    max-width: 100%;
    -webkit-transform: none;
            transform: none;
  }
  .vtb-hero-qr-button, .vtb-hero-image-button, .vtb-hero-default-button {
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
  .vtb-hero-packages h1 {
    font-size: 36px;
  }
  .vtb-hero-default-button--mt {
    margin-top: 60px;
  }
  .vtb-info-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-info-button {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .vtb-info-button span {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .vtb-suggestions__slide-img {
    width: 53px;
    height: 53px;   
  }
  .vtb-suggestions__slide h3 {
    max-width: 100%;
    width: calc(100% - 60px);
  }
  .vtb-suggestions__button {
    display: none;
  }
  .vtb-suggestions-button {
    width: 48%;
    padding: 15px 37px;
    font-size: 14px;
    line-height: 120%;
  }
  .vtb-suggestions-button span {
    font-weight: normal;
  }
  .info-vertical-header {
    margin-bottom: 16px;
  }
  .info-vertical-tabcontent {
    width: 100%;
  }
  .vtb-exchange-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-exchange-link {
    margin-top: 0;
    width: 100%;
  }
  .rate-block {
    width: 100%;
    margin-bottom: 16px;
  }
  .vtb-banner {
    padding: 48px 0 24px;
    background: url("../images/banner-card.png") no-repeat center/60%, url("../images/banner-bg.jpg") no-repeat center center/cover;
  }
  .vtb-banner .container {
    min-height: 372px;
  }
  .vtb-banner h2 {
    max-width: 100%;
  }
  .vtb-banner-btn {
    width: 100%;
  }
  .vtb-banner-sme {
    padding: 48px 0 24px;
  }
  .vtb-banner-sme .container {
    min-height: 372px;
  }
  .vtb-banner-sme h2 {
    max-width: 100%;
  }
  .vtb-banner-sme-btn {
    width: 100%;
  }
  .vtb-information-link {
    position: relative;
    margin-top: 20px;
  }
  .vtb-information-slider .swiper-slide, .vtb-information-slider-work .swiper-slide {
    padding-bottom: 16px;
  }
  .vtb-information-slider .swiper-slide::after, .vtb-information-slider-work .swiper-slide::after {
    background: transparent;
    border: 1px solid #d4d7df;
    border-radius: 0 0 8px 8px;
    border-top: 0 none;
    height: 16px;
    left: 0;
    bottom: 0;
    content: "";
    margin: 0 16px;
    position: absolute;
    width: calc(100% - 32px);
    z-index: 0;
  }
  .vtb-information-pagination, .vtb-information-pagination-work, .vtb-information-pagination-press {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vtb-news-card {
	  padding: 24px;
  }
  .vtb-news-card .card-title {
    font-size: 20px;
    line-height: 100%;
  }
  .vtb-news-card .card-descr {
    font-size: 14px;
    line-height: 120%;
  }
  .vtb-news-card .card-icon {
    width: 16px;
    height: 16px;
  }
  .vtb-news-card--full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    align-items: start;
  }
  .vtb-news-card--full::after {
    display: none;
  }
  .vtb-news-card--full .buttons {
    margin-top: 24px;
	width: 100%;
  }
  .vtb-news-card--full .buttons a {
	  width: 100%;
  }
  .vtb-instagram-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .vtb-instagram-wrap a {
    width: 49%;
    margin-bottom: 16px;
  }
  .vtb-apps-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .vtb-apps-wrap .text {
    width: 100%;
  }
  .vtb-apps-wrap .image {
    width: 100%;
    text-align: center;
  }
  .vtb-apps-link {
    margin-bottom: 40px;
  }
  .vtb-apps-link a {
    max-width: 100%;
    margin-right: 0;
  }
  .vtb-grid-mobile-auto-height .vtb-grid-item, .vtb-grid-light-mobile-auto-height .vtb-grid-item {
    min-height: auto;
  }
  .vtb-grid-item--row, .vtb-grid-light-item--row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-grid-item--row a, .vtb-grid-light-item--row a {
    width: 100%;
  }
  .vtb-grid-item--flex, .vtb-grid-light-item--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .vtb-grid-item-30, .vtb-grid-light-item-30 {
    width: 100%;
  }
  .vtb-grid-item-60, .vtb-grid-light-item-60 {
    width: 100%;
  }
  .vtb-grid-item-50, .vtb-grid-light-item-50 {
    width: 100%;
  }
  .vtb-grid-item-50 h3, .vtb-grid-item-50 p, .vtb-grid-light-item-50 h3, .vtb-grid-light-item-50 p {
    margin-right: 0;
  }
  .vtb-grid-item-100 h3, .vtb-grid-item-100 p, .vtb-grid-light-item-100 h3, .vtb-grid-light-item-100 p {
    margin-right: 0;
  }
  .vtb-grid-item img, .vtb-grid-light-item img {
    position: relative;
    top: 0;
    right: 0;
    -webkit-transform: none;
            transform: none;
    margin: 0 auto 24px;
    min-width: 90px;
    width: auto;
    max-width: 100%;
  }
  .vtb-grid-item img.bottom, .vtb-grid-light-item img.bottom {
    bottom: 0;
  }
  .vtb-grid-item--big-photo, .vtb-grid-light-item--big-photo {
    min-height: auto;
  }
  .vtb-grid-item--big-photo h3, .vtb-grid-item--big-photo p, .vtb-grid-light-item--big-photo h3, .vtb-grid-light-item--big-photo p {
    max-width: 100%;
  }
  .vtb-grid-item--withoutBtn p, .vtb-grid-light-item--withoutBtn p {
    margin-bottom: 16px;
  }
  .vtb-grid-item .buttons, .vtb-grid-light-item .buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .vtb-grid-item .buttons .vtb-grid-button, .vtb-grid-light-item .buttons .vtb-grid-button {
    width: 49%;
    margin-bottom: 8px;
  }
  .vtb-grid-item .buttons--one .vtb-grid-button, .vtb-grid-light-item .buttons--one .vtb-grid-button {
    width: 100%;
  }
  .vtb-grid-item .vtb-link {
    max-width: 100%;
  }
  .vtb-grid-light-item .big-link {
    margin-bottom: 24px;
  }
  .vtb-grid-with-accordeon-item .header-acc img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }
  .vtb-grid-with-accordeon-item .header-acc h3 {
    font-size: 22px;
    margin-bottom: 8px;
  }
  .vtb-grid-with-accordeon-item .header-acc p {
    font-size: 14px;
  }
  .vtb-grid-with-accordeon-item .header-acc .descr {
    width: calc(100% - 60px);
    margin-bottom: 24px;
  }
  .vtb-grid-with-accordeon-item .header-acc .price {
    margin-left: 0;
    width: 100%;
  }
  .vtb-grid-with-accordeon-item .header-acc .buttons {
    width: 100%;
    max-width: 100%;
    margin-top: 16px;
    margin-left: 0;
  }
  .vtb-grid-with-accordeon-item .header-acc .buttons .primary {
    width: 100%;
    margin-bottom: 8px;
  }
  .vtb-grid-with-accordeon-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .vtb-tarify-button {
    position: relative;
  }
  .vtb-commission-item, .calculator-rko-item {
    padding: 32px 47px;
  }
  .vtb-commission-item ul li, .calculator-rko-item ul li {
    margin-bottom: 32px;
  }
  .vtb-commission .result-block, .calculator-rko .result-block {
    padding: 32px 47px;
  }
  .vtb-commission .result ul li, .calculator-rko .result ul li {
    margin-bottom: 32px;
  }
  .vtb-steps-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .vtb-steps-item .text {
    max-width: 100%;
  }
  .vtb-cost-content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-cost-content p {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .tarif-table-header .descr {
    margin-bottom: 0;
  }
  .tarif-table-header .vtb-button {
    display: none;
  }
  .tarif-table-row-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tarif-table-row-mobile .tarif-table-cell-content {
    width: 0;
  }
  .tarif-table-row-mobile .tarif-table-cell-content:first-child {
    width: 100%;
  }
  .tarif-table-row-mobile .tarif-table-cell-content:first-child .vtb-button {
    width: 100%;
  }
  .tarif-table-cell {
    width: calc(100% / 5);
    min-width: 300px;
    padding: 8px;
  }
  .tarif-table-cell-content {
    width: 46%;
    padding: 8px;
  }
  .tarif-table-cell-content:first-child {
    font-weight: 500;
    width: 54%;
  }
  .info-tabcontent-table-row .row .blue {
    font-size: 24px;
  }
  .privilege-hero-block {
    margin: 0;
  }
  .privilege-hero-block-image {
    text-align: center;
  }
  .privilege-hero-block-image img {
    max-width: 400px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 540px) {
  .vtb-button {
    font-size: 14px;
  }
  .vtb-link {
    font-size: 16px;
  }
  h2 {
    font-size: 30px;
  }
  .vtb-hero__slide.swiper-slide-thumb-active {
    max-width: 240px;
  }
  .vtb-hero__slide.swiper-slide-thumb-active .vtb-hero__card { 
	  min-width: 208px;
	}
  .vtb-hero__slide-image {
    min-height: 532px;
  }
  .vtb-suggestions-link-list li, .vtb-suggestions-link-list a {
    width: 100%;
  }
  .vtb-info-button {
    font-size: 18px;
  }
  .vtb-news-grid-block .vtb-news-card {
    width: 100%;
  }
  .vtb-news-card {
    min-height: 225px;
  }
  .info-header-tab, .info-header-tab--link {
    font-size: 16px;
    padding: 12px;
  }
  .info-tabcontent {
    font-size: 14px;
  }
  .info-tabcontent-table--mt {
    margin-top: 32px;
  }
  .info-tabcontent-table-title {
    font-size: 28px;
  }
  .info-tabcontent-table-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .info-tabcontent-table-row:not(:first-child) {
    padding-top: 35px;
  }
  .info-tabcontent-table-row .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .info-tabcontent-table-row .row p {
    margin-bottom: 16px;
  }
  .info-tabcontent-table-row .row .marked {
    width: 100%;
  }
  .info-tabcontent-table-row .row .blue {
    width: 100%;
  }
  .info-tabcontent-table-row .row-left, .info-tabcontent-table-row .row-right {
    width: 100%;
  }
  .info-tabcontent-table-row .row-right--col {
    width: auto;
  }
  .info-tabcontent-table-row .row-right--col .single-value-title {
    font-size: 30px;
  }
  .info-tabcontent-table-mcc td {
    padding: 20px;
    padding-left: 30px;
  }
  .info-tabcontent-table-mcc thead td {
    padding: 30px;
  }
  .info-tabcontent-description {
    font-size: 10px;
  }
  .info-vertical-header-tab {
    padding: 8px;
    margin-right: 2px;
  }
  .rate-block .info-header-tab {
    padding: 8px 15px;
  }
  .rate-list span {
    font-size: 16px;
  }
  /*.rate-list-content span:first-child {
    font-size: 10px;
  }*/
  .rate-list-header span {
    font-size: 10px;
  }
  .vtb-banner {
    background: url("../images/banner-card.png") no-repeat top 60% center/80%, url("../images/banner-bg.jpg") no-repeat center center/cover;
  }
  .vtb-banner .container {
    min-height: 396px;
  }
  .vtb-banner-sme .container {
    min-height: 396px;
  }
  .vtb-information-link {
    width: 100%;
    max-width: 100%;
  }
  .vtb-news-card--full .button {
    width: 100%;
  }
  .vtb-instagram-wrap a {
    width: 100%;
  }
  .vtb-instagram-link {
    margin-top: 32px;
    min-width: 100%;
  }
  .vtb-grid-item .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vtb-grid-item .buttons .vtb-grid-button {
    width: 100%;
  }
  .vtb-tarify-button {
    width: 100%;
  }
  .vtb-form-item {
    margin-bottom: 24px;
  }
  .vtb-form-item--phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .vtb-form-item--phone .input-clear {
    bottom: 50%;
  }
  .vtb-form-item--phone input {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: auto;
  }
  .vtb-form-item--phone span {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.6px;
    padding-left: 20px;
  }
  .vtb-form-item--phone .prefix {
    padding: 20px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.5px;
    max-height: 60px;
  }
  .vtb-form-text {
    padding: 27px 20px 15px;
    font-size: 16px;
    line-height: 130%;
    min-height: 60px;
  }
  .vtb-form-text:focus + .platon-form-label {
    font-size: 10px;
    top: 17px;
  }
  .vtb-form-text.filled, .vtb-form-text.error {
    font-size: 14px;
  }
  .vtb-form-text.filled + .platon-form-label, .vtb-form-text.error + .platon-form-label {
    font-size: 10px;
    top: 17px;
  }
  .vtb-form-text--phone {
    padding: 22px 5px 18px 85px;
    min-height: 60px;
  }
  .vtb-form-text--phone.filled {
    font-size: 16px;
  }
  .vtb-form-label {
    top: 23px;
    left: 20px;
    font-size: 16px;
    letter-spacing: -0.3px;
  }
  .vtb-form-type-checkbox {
    margin-bottom: 24px;
    font-size: 14px;
  }
  .vtb-commission-item, .calculator-rko-item {
    padding: 32px 24px;
  }
  .vtb-commission-item .plan, .calculator-rko-item .plan {
    padding: 27px 20px 15px;
    font-size: 16px;
    line-height: 130%;
    height: 60px;
  }
  .vtb-commission .result-block, .calculator-rko .result-block {
    padding: 32px 24px;
  }
  .vtb-commission .result ul li, .calculator-rko .result ul li {
    margin-bottom: 32px;
  }
  .vtb-commission .result ul li:first-child, .calculator-rko .result ul li:first-child {
    margin-right: 24px;
  }
}

@media screen and (max-width: 374px) {
  .container {
    padding: 0 16px;
  }
  .vtb-banner {
    background: url("../images/banner-card.png") no-repeat top 60% center/90%, url("../images/banner-bg.jpg") no-repeat center center/cover;
  }
  .info-header-tab {
    padding: 14px 6px;
  }
  .info-tabcontent-table-mcc td {
    padding: 10px;
    padding-left: 20px;
  }
  .info-tabcontent-table-mcc thead td {
    padding: 20px;
  }
  .vtb-commission .result ul li .result-span {
    font-size: 26px;
  }
}


/*10.11.23*/
.confirmation #edit-submit {
  max-width: fit-content;
}
.confirmation #edit-actions {
  margin-bottom: 60px;
}

/**/