/* Start:/local/templates/vtb_main/assets//css/index.css?177876246017475*/
.top_carousel {
  position: relative;
}
.top_carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  height: 350px;
  overflow: clip;
}
.top_carousel .slides .slide {
  grid-area: 1 / 1;
  display: flex;
  position: relative;
  background: linear-gradient(to right, var(--left, transparent), var(--right, transparent));
}
.top_carousel .slides .slide.animating {
  transition: all 0.5s;
}
.top_carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.top_carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(100%);
}
.top_carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(-100%);
}
.top_carousel .slides .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top_carousel .controls {
  position: relative;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  z-index: 3;
}
@media (max-width: 700px) {
  .top_carousel .controls {
    justify-content: flex-start;
    overflow: clip;
    padding-inline: 20px;
  }
}
.top_carousel .controls .control {
  padding: 20px;
  background: #fff;
  flex-basis: 190px;
  flex-shrink: 0;
  height: 170px;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
}
.top_carousel .controls .control.active {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  flex-basis: 350px;
  height: 185px;
  z-index: 2;
}
@media (max-width: 700px) {
  .top_carousel .controls .control.active {
    flex-basis: 250px;
  }
}
.top_carousel .controls .control.active .icon {
  margin-top: -70px;
  margin-bottom: 20px;
  opacity: 0;
}
.top_carousel .controls .control.active .text h3 {
  font-size: 18px;
}
.top_carousel .controls .control.active .text .button {
  margin-top: auto;
  display: block;
}
.top_carousel .controls .control .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  margin-top: 0;
  transition: all 0.5s;
  opacity: 1;
}
.top_carousel .controls .control .icon img {
  width: 100%;
  height: 100%;
}
.top_carousel .controls .control .text {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.top_carousel .controls .control .text h3 {
  font-size: 14px;
  font-family: "VTB Group Book", sans-serif;
  font-weight: 400;
}
.top_carousel .controls .control .text .button {
  margin-top: auto;
  display: none;
  padding: 14px 47px;
  border-radius: var(--border-radius);
  font-size: 16px;
}
@media (max-width: 700px) {
  .top_carousel .controls .control .text .button {
    padding: 9px 50px;
  }
}
.services {
  display: grid;
  gap: 25px 50px;
  grid-template-columns: repeat(4, 300px);
  margin: 0 auto 100px auto;
  justify-content: center;
}
@media (max-width: 700px) {
  .services {
    grid-template-columns: repeat(2, 1fr);
    justify-content: unset;
    grid-template-rows: min-content;
    gap: 25px;
    padding-inline: 20px;
    margin-bottom: 45px;
  }
}
.services .service {
  background: #fff;
  padding: 10px 24px;
  display: grid;
  grid-template-rows: 100px 1fr 30px;
  gap: 5px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
}
@media (max-width: 700px) {
  .services .service {
    grid-template-rows: 1fr 100px;
    padding: 10px;
  }
}
.services .service:hover {
  box-shadow: var(--box-shadow-dark);
}
.services .service:hover .link svg path {
  fill: var(--hover-text);
}
.services .service.span_3 {
  grid-column: span 3;
  grid-template-rows: 1fr 30px;
  grid-template-columns: 1fr 200px;
}
@media (max-width: 700px) {
  .services .service.span_3 {
    grid-column: unset;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 100px;
  }
}
.services .service.span_3 .icon {
  grid-column: 2;
  grid-row: 1 / 3;
}
@media (max-width: 700px) {
  .services .service.span_3 .icon {
    grid-row: 2 / 2;
    grid-column: 1 / 1;
  }
}
.services .service.span_3 .icon img {
  height: 200px;
}
@media (max-width: 700px) {
  .services .service.span_3 .icon img {
    height: 100px;
  }
}
.services .service.span_3 .text {
  grid-column: 1;
}
.services .service.span_3 .text h3 {
  font-size: 24px;
  margin-top: 30px;
}
@media (max-width: 700px) {
  .services .service.span_3 .text h3 {
    font-size: 16px;
    margin-top: 0;
  }
}
.services .service.span_3 .text p,
.services .service.span_3 .text ul {
  font-size: 18px;
}
@media (max-width: 700px) {
  .services .service.span_3 .text p,
  .services .service.span_3 .text ul {
    display: none;
  }
}
.services .service .icon {
  grid-row: 1;
  text-align: center;
}
@media (max-width: 700px) {
  .services .service .icon {
    grid-row-start: 2;
  }
}
.services .service .icon img {
  height: 100px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 700px) {
  .services .service .text {
    text-align: center;
  }
}
.services .service .text h3 {
  margin-bottom: 18px;
  font-size: 20px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .services .service .text h3 {
    grid-row-start: 1;
    font-size: 16px;
    font-family: "VTB Group Book", sans-serif;
    margin-bottom: 0;
  }
}
.services .service .text p,
.services .service .text ul {
  font-size: 16px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .services .service .text p,
  .services .service .text ul {
    display: none;
  }
}
@media (max-width: 700px) {
  .services .service .link {
    display: none;
  }
}
.services .service .link svg path {
  transition: all 0.5s;
}
.msb {
  width: 1024px;
  margin: 0 auto 80px auto;
}
@media (max-width: 700px) {
  .msb {
    width: 100%;
    padding-inline: 20px;
    margin-bottom: 40px;
  }
}
.msb h2 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 35px;
}
@media (max-width: 700px) {
  .msb h2 {
    font-size: 24px;
  }
}
.msb .carousel {
  overflow: clip;
  overflow-clip-margin: 10px;
}
.msb .carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  margin-bottom: 20px;
}
.msb .carousel .slides .slide {
  grid-area: 1 / 1 / 1 / 1;
  position: relative;
}
.msb .carousel .slides .slide.animating {
  transition: all 0.5s;
}
.msb .carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.msb .carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(calc(100% + 20px));
}
.msb .carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(calc(-100% - 20px));
}
.msb .carousel .slides .slide .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 50px;
  justify-content: center;
}
@media (max-width: 700px) {
  .msb .carousel .slides .slide .grid {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
.msb .carousel .slides .slide .grid .card {
  background: #fff;
  padding: 25px 30px 5px 30px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  position: relative;
}
.msb .carousel .slides .slide .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.msb .carousel .slides .slide .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.msb .carousel .slides .slide .grid .card[href='#'] .link {
  visibility: hidden;
}
.msb .carousel .slides .slide .grid .card h3 {
  font-size: 20px;
  margin-bottom: 16px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .msb .carousel .slides .slide .grid .card h3 {
    font-size: 18px;
  }
}
.msb .carousel .slides .slide .grid .card ul {
  font-size: 15px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .msb .carousel .slides .slide .grid .card ul {
    font-size: 13px;
  }
}
.msb .carousel .slides .slide .grid .card .icon {
  width: 135px;
  height: 150px;
  position: absolute;
  bottom: 35px;
  right: 15px;
}
@media (max-width: 700px) {
  .msb .carousel .slides .slide .grid .card .icon {
    display: none;
  }
}
.msb .carousel .slides .slide .grid .card .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.msb .carousel .slides .slide .grid .card .link {
  margin-top: auto;
}
@media (max-width: 700px) {
  .msb .carousel .slides .slide .grid .card .link {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
.msb .carousel .slides .slide .grid .card .link svg path {
  transition: all 0.5s;
}
.msb .carousel .controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
.msb .carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
  transition: all 0.5s;
}
.msb .carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
.msb_actions {
  display: grid;
  gap: 20px;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  margin: 0 35px 60px 35px;
  justify-content: center;
}
@media (max-width: 700px) {
  .msb_actions {
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    margin-inline: 25px;
    margin-bottom: 40px;
  }
}
.msb_actions .card {
  background: #fff;
  padding: 25px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  overflow: hidden;
  height: var(--height, 175px);
  position: relative;
}
@media (max-width: 700px) {
  .msb_actions .card {
    display: flex;
    gap: 10px;
    height: auto;
    align-items: center;
  }
}
.msb_actions .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.msb_actions .card h3 {
  font-family: "VTB Group Demi Bold", sans-serif;
  text-align: center;
  width: 100%;
}
@media (max-width: 700px) {
  .msb_actions .card h3 {
    order: 2;
    width: unset;
  }
}
.msb_actions .card .icon {
  width: 150px;
  height: 150px;
}
@media (max-width: 700px) {
  .msb_actions .card .icon {
    order: 1;
    width: 70px;
    height: 70px;
  }
}
.msb_actions .card .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.msb_actions .card .icon img[src*="msb.png"] {
  transform: translateY(-35px);
}
@media (max-width: 700px) {
  .msb_actions .card .icon img[src*="msb.png"] {
    transform: unset;
  }
}
.msb_actions .card .link {
  display: none;
}
@media (max-width: 700px) {
  .msb_actions .card .link {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
.msb_actions .card .link svg path {
  transition: all 0.5s;
}
.private {
  position: relative;
  height: 250px;
  margin-bottom: 70px;
}
@media (max-width: 700px) {
  .private {
    margin-bottom: 45px;
  }
}
.private .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--left, transparent), var(--right, transparent));
}
.private .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.private .text {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 52px 80px;
}
@media (max-width: 700px) {
  .private .text {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px;
    height: 100%;
  }
}
.private .text h3 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 40px;
  margin-bottom: 64px;
}
@media (max-width: 700px) {
  .private .text h3 {
    font-size: 24px;
    margin-bottom: auto;
  }
}
.private .text .button {
  display: inline-block;
  padding: 12px 40px;
  border-radius: var(--border-radius);
}
@media (max-width: 700px) {
  .private .text .button {
    text-align: center;
  }
}
.news,
.simple_grid {
  width: 1024px;
  margin: 0 auto 60px auto;
}
@media (max-width: 700px) {
  .news,
  .simple_grid {
    width: 100%;
    padding-inline: 25px;
  }
}
.news h2,
.simple_grid h2 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 32px;
  margin-bottom: 46px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .news h2,
  .simple_grid h2 {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
.news .grid,
.simple_grid .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  justify-content: center;
}
@media (max-width: 700px) {
  .news .grid,
  .simple_grid .grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.news .grid .card,
.simple_grid .grid .card {
  background: #fff;
  padding: 25px 18px 6px 18px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 700px) {
  .news .grid .card,
  .simple_grid .grid .card {
    padding: 15px 10px;
  }
}
.news .grid .card.big,
.simple_grid .grid .card.big {
  grid-row: 1 / span 2;
  grid-column: -2;
  padding-bottom: 20px;
}
@media (max-width: 700px) {
  .news .grid .card.big,
  .simple_grid .grid .card.big {
    grid-column: unset;
    grid-row: unset;
    padding: 20px;
  }
  .news .grid .card.big p,
  .simple_grid .grid .card.big p {
    font-size: 14px;
  }
}
.news .grid .card time,
.simple_grid .grid .card time,
.news .grid .card p,
.simple_grid .grid .card p {
  color: var(--secondary-text);
  margin-bottom: 24px;
}
@media (max-width: 700px) {
  .news .grid .card time,
  .simple_grid .grid .card time,
  .news .grid .card p,
  .simple_grid .grid .card p {
    margin-bottom: 10px;
  }
}
.news .grid .card > .icon,
.simple_grid .grid .card > .icon {
  width: 250px;
  align-self: center;
  margin: -30px 0 -20px 0;
}
@media (max-width: 700px) {
  .news .grid .card > .icon,
  .simple_grid .grid .card > .icon {
    margin-top: 0;
    margin-bottom: -100px;
  }
}
.news .grid .card > .icon img,
.simple_grid .grid .card > .icon img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.news .grid .card:hover,
.simple_grid .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.news .grid .card:hover .link svg path,
.simple_grid .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.news .grid .card .link,
.simple_grid .grid .card .link {
  margin-top: auto;
}
@media (max-width: 700px) {
  .news .grid .card .link,
  .simple_grid .grid .card .link {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
.news .grid .card .link svg path,
.simple_grid .grid .card .link svg path {
  transition: all 0.5s;
}
.news .grid .card h3:last-child,
.simple_grid .grid .card h3:last-child {
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  .news .grid .card h3,
  .simple_grid .grid .card h3 {
    font-size: 18px;
  }
}
.news .grid .card p,
.simple_grid .grid .card p {
  margin-top: 18px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .news .grid .card p,
  .simple_grid .grid .card p {
    margin-top: 15px;
  }
}
.news .grid .card .button,
.simple_grid .grid .card .button {
  padding: 13px 49px;
  border-radius: var(--border-radius);
  align-self: center;
}
@media (max-width: 700px) {
  .news .grid .card .button,
  .simple_grid .grid .card .button {
    align-self: unset;
    text-align: center;
  }
}
.bottom_carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  height: 250px;
  overflow: clip;
}
.bottom_carousel .slides .slide {
  grid-area: 1 / 1;
  position: relative;
  background: linear-gradient(to right, var(--left, transparent), var(--right, transparent));
}
.bottom_carousel .slides .slide.animating {
  transition: all 0.5s;
}
.bottom_carousel .slides .slide.active {
  transform: translateX(0);
  opacity: 1;
  z-index: 2;
}
.bottom_carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(100%);
}
.bottom_carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(-100%);
}
.bottom_carousel .slides .slide .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bottom_carousel .slides .slide .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bottom_carousel .slides .slide .text {
  width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  justify-content: center;
  height: 100%;
  padding: 50px 0 40px 0;
}
@media (max-width: 700px) {
  .bottom_carousel .slides .slide .text {
    width: 100%;
    padding: 30px 30px 50px 30px;
  }
}
.bottom_carousel .slides .slide .text h3 {
  font-size: 32px;
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .bottom_carousel .slides .slide .text h3 {
    font-size: 24px;
  }
}
.bottom_carousel .slides .slide .text p {
  font-size: 22px;
  color: var(--primary-text);
}
@media (max-width: 700px) {
  .bottom_carousel .slides .slide .text p {
    display: none;
  }
}
.bottom_carousel .slides .slide .text .button {
  margin-top: auto;
  padding: 11px 41px;
  border-radius: var(--border-radius);
  font-size: 16px;
  align-self: flex-start;
}
@media (max-width: 700px) {
  .bottom_carousel .slides .slide .text .button {
    align-self: unset;
    text-align: center;
  }
}
.bottom_carousel .controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transform: translateY(-25px);
  z-index: 3;
  position: relative;
}
.bottom_carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
  transition: all 0.5s;
}
.bottom_carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
/*# sourceMappingURL=index.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/otdeleniya_i_bankomaty.css?177876249611351*/
main {
  width: 1024px;
  margin: 0 auto;
}
@media (max-width: 700px) {
  main {
    width: 100%;
  }
}
main h1 {
  font-size: 32px;
  color: var(--secondary-text);
  margin: 75px 0 30px 0;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  main h1 {
    margin-top: 30px;
    margin-inline: 25px;
  }
}
main .inline_select {
  font-size: 16px;
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 700px) {
  main .inline_select {
    margin-inline: 25px;
  }
}
main .inline_select .info {
  color: var(--hover-text);
}
main .inline_select .select {
  position: relative;
  z-index: 2;
}
main .inline_select .select:hover .popup {
  display: flex;
  animation: header_actions_show_popup_language 0.3s forwards;
}
main .inline_select .select:hover .popup .text:hover {
  color: var(--hover-text);
}
main .inline_select .select:hover > .text {
  color: var(--hover-text);
}
main .inline_select .select span {
  color: var(--primary-text);
}
main .inline_select .select > .text {
  color: var(--hover-text);
}
main .inline_select .select .text {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  line-height: 16px;
  cursor: pointer;
  transition: all 0.5s;
}
main .inline_select .select .popup {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  padding: 8px 16px 10px 16px;
  border-radius: var(--border-radius);
  flex-direction: column;
  gap: 10px;
  box-shadow: var(--box-shadow-light);
}
main .toggle {
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 700px) {
  main .toggle {
    margin-inline: 10px;
    margin-bottom: 20px;
  }
}
main .toggle .toggle_button {
  padding: 10px 20px;
  font-size: 16px;
  border-top: 1px solid var(--secondary-text);
  border-bottom: 1px solid var(--secondary-text);
  cursor: pointer;
}
@media (max-width: 700px) {
  main .toggle .toggle_button {
    font-size: 14px;
    padding-inline: 15px;
  }
}
main .toggle .toggle_button:first-child {
  border-left: 1px solid var(--secondary-text);
}
main .toggle .toggle_button:last-child {
  border-right: 1px solid var(--secondary-text);
}
main .toggle .toggle_button.active {
  background-color: #fff;
  border: 2px solid var(--primary-blue);
}
main .toggle_target > * {
  display: none;
}
main .toggle_target > *.active {
  display: block;
  animation: show_toggle_target 0.5s forwards;
}
main .map {
  width: 100%;
  position: relative;
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  main .map {
    margin-bottom: 20px;
  }
}
main .map .overlay {
  position: absolute;
  top: 32px;
  left: 32px;
  background: #fff;
  padding: 18px 13px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  width: 300px;
}
@media (max-width: 700px) {
  main .map .overlay {
    position: relative;
    top: unset;
    left: unset;
    background: unset;
    box-shadow: unset;
    padding-inline: 25px;
  }
}
main .map .map_container {
  height: 600px;
  background: gray;
}
@media (max-width: 700px) {
  main .map .map_container {
    height: 350px;
  }
}
main .input label {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
main .input label > span {
  margin-bottom: 5px;
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 14px;
  color: var(--secondary-text);
}
main .input label input:not([type=range]),
main .input label select {
  padding: 10px 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  font-size: 16px;
  outline: none;
}
main .input label input:not([type=range]):focus,
main .input label select:focus {
  border-color: var(--primary-blue);
}
main .input label input {
  font-family: "VTB Group Demi Bold", sans-serif;
}
main .input label select {
  font-family: "VTB Group Book", sans-serif;
}
main .input label .detail {
  margin-top: 5px;
  font-size: 0.85em;
}
main .input label .range {
  display: flex;
  flex-direction: column;
}
main .input label .range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: calc(100% - 10px);
  background: transparent;
  --thumb-position: 50%;
  --fill-color: var(--hover-text);
  --track-color: var(--placeholder-gray);
  align-self: center;
}
main .input label .range input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
main .input label .range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
main .input label .range input[type="range"]::-moz-range-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
main .input label .range input[type="range"]::-moz-range-thumb {
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
main .input label .range .detail {
  display: flex;
  justify-content: space-between;
}
main .input label .range .detail span {
  font-size: 12px;
}
main .input .checkbox {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;
}
main .input .checkbox:has(:checked) .checkmark::before {
  border-color: var(--hover-text);
}
main .input .checkbox:has(:checked) .checkmark::after {
  opacity: 1;
}
main .input .checkbox .checkmark {
  width: 20px;
  height: 20px;
  position: relative;
}
main .input .checkbox .checkmark::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}
main .input .checkbox .checkmark::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
  border-radius: var(--border-radius);
  background: var(--hover-text);
  transition: all 0.5s;
}
main .input .checkbox span {
  font-size: 16px;
  font-family: "VTB Group Light", sans-serif;
}
main .offices {
  width: 1024px;
  margin: 42px auto 60px auto;
}
@media (max-width: 700px) {
  main .offices {
    width: 100%;
    margin-top: 20px;
    overflow: clip;
  }
}
main .offices h2 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 35px;
}
main .offices .carousel {
  overflow: clip;
  overflow-clip-margin: 10px;
}
main .offices .carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  margin-bottom: 20px;
}
main .offices .carousel .slides .slide {
  grid-area: 1 / 1;
  position: relative;
}
main .offices .carousel .slides .slide.animating {
  transition: all 0.5s;
}
main .offices .carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
main .offices .carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(calc(100% + 20px));
}
main .offices .carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(calc(-100% - 20px));
}
main .offices .carousel .slides .slide .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 50px;
  justify-content: center;
}
@media (max-width: 700px) {
  main .offices .carousel .slides .slide .grid {
    grid-template-columns: 1fr;
    padding-inline: 25px;
  }
}
main .offices .carousel .slides .slide .grid .card {
  background: #fff;
  padding: 20px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  gap: 20px;
  position: relative;
}
@media (max-width: 700px) {
  main .offices .carousel .slides .slide .grid .card:nth-child(n+2) {
    display: none;
  }
}
main .offices .carousel .slides .slide .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
main .offices .carousel .slides .slide .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
main .offices .carousel .slides .slide .grid .card.big {
  grid-row: span 2;
}
main .offices .carousel .slides .slide .grid .card .text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
main .offices .carousel .slides .slide .grid .card .text h3 {
  font-size: 22px;
  margin-bottom: 16px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
main .offices .carousel .slides .slide .grid .card .text h4 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--secondary-text);
}
main .offices .carousel .slides .slide .grid .card .text p {
  font-size: 15px;
  color: var(--secondary-text);
  line-height: 24px;
}
main .offices .carousel .slides .slide .grid .card .text p:not(:last-child) {
  margin-bottom: 20px;
}
main .offices .carousel .slides .slide .grid .card .text p a:not(:hover) {
  color: var(--secondary-text);
}
main .offices .carousel .controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 700px) {
  main .offices .carousel .controls {
    padding-inline: 25px;
  }
}
main .offices .carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
  transition: all 0.5s;
}
main .offices .carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
@media (max-width: 700px) {
  main .contact {
    padding-inline: 25px;
  }
}
main .contact h2 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 32px;
  margin-bottom: 60px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  main .contact h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
main .contact .table {
  display: grid;
  grid-template-columns: repeat(var(--columns, 4), 1fr);
  margin: 60px 0 20px 0;
}
@media (max-width: 700px) {
  main .contact .table {
    margin-block: 30px;
    grid-template-columns: 1fr;
  }
}
main .contact .table.nbsp * {
  white-space: nowrap;
}
main .contact .table .thead,
main .contact .table .tcell {
  padding: 20px 20px 20px 0;
  border-bottom: 2px solid var(--placeholder-gray);
}
@media (max-width: 700px) {
  main .contact .table .thead strong,
  main .contact .table .tcell strong {
    font-weight: normal;
  }
}
main .contact .table .thead {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 18px;
}
@media (max-width: 700px) {
  main .contact .table .thead {
    font-size: 12px;
  }
}
main .contact .table .tcell {
  font-size: 18px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  main .contact .table .tcell {
    font-size: 12px;
  }
  main .contact .table .tcell:nth-child(odd) {
    color: var(--primary-text);
    border: none;
    padding-bottom: 0;
  }
}
main .contact .table .tcell.col_span_all {
  grid-column: 1 / -1;
}
main .contact .table .table {
  margin: -20px 0;
}
main .contact .table .table .tcell {
  border: none;
}
main .contact .table span.lower {
  font-size: 0.75em;
}
/*# sourceMappingURL=otdeleniya_i_bankomaty.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/deposit_kalkulyator.css?177876244612671*/
.top_carousel {
  position: relative;
}
.top_carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  height: 350px;
  overflow: clip;
}
.top_carousel .slides .slide {
  grid-area: 1 / 1;
  display: flex;
  position: relative;
}
.top_carousel .slides .slide.animating {
  transition: all 0.5s;
}
.top_carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.top_carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(100%);
}
.top_carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(-100%);
}
.top_carousel .slides .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top_carousel .controls {
  position: relative;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  height: 200px;
}
@media (max-width: 700px) {
  .top_carousel .controls {
    justify-content: flex-start;
    overflow: clip;
    padding-inline: 20px;
  }
}
.top_carousel .controls .control {
  padding: 20px;
  background: #fff;
  flex-basis: 190px;
  flex-shrink: 0;
  height: 170px;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
}
.top_carousel .controls .control.active {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  flex-basis: 350px;
  height: 185px;
  z-index: 2;
}
@media (max-width: 700px) {
  .top_carousel .controls .control.active {
    flex-basis: 250px;
  }
}
.top_carousel .controls .control.active .icon {
  margin-top: -70px;
  margin-bottom: 20px;
  opacity: 0;
}
.top_carousel .controls .control.active .text h3 {
  font-size: 18px;
}
.top_carousel .controls .control.active .text .button {
  margin-top: auto;
  display: block;
}
.top_carousel .controls .control .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  margin-top: 0;
  transition: all 0.5s;
  opacity: 1;
}
.top_carousel .controls .control .icon img {
  width: 100%;
  height: 100%;
}
.top_carousel .controls .control .text {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.top_carousel .controls .control .text h3 {
  font-size: 14px;
  font-family: "VTB Group Book", sans-serif;
  font-weight: 400;
}
.top_carousel .controls .control .text .button {
  margin-top: auto;
  display: none;
  padding: 14px 47px;
  border-radius: var(--border-radius);
  font-size: 16px;
}
@media (max-width: 700px) {
  .top_carousel .controls .control .text .button {
    padding: 9px 50px;
  }
}
.calculator {
  width: 1024px;
  margin: 0 auto 60px auto;
}
@media (max-width: 700px) {
  .calculator {
    width: 100%;
    margin-top: -50px;
    padding-inline: 25px;
  }
}
.calculator h1 {
  font-size: 32px;
  color: var(--secondary-text);
  margin: 0 0 44px 0;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .calculator h1 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.calculator .calculator_container {
  background: #fff;
  padding: 44px 40px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
}
@media (max-width: 700px) {
  .calculator .calculator_container {
    padding: 20px 30px;
  }
}
.calculator .calculator_container .columns {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .calculator .calculator_container .columns {
    display: block;
  }
}
.calculator .calculator_container .columns .column:first-child {
  flex: 1;
}
.calculator .calculator_container .columns .column:last-child {
  flex-basis: 300px;
  flex-shrink: 0;
}
.calculator .calculator_container .columns .column .details {
  border: 2px solid var(--primary-blue);
  padding: 22px 36px;
  border-radius: var(--border-radius);
}
.calculator .calculator_container .columns .column .details p {
  font-size: 12px;
  margin-bottom: 4px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .calculator .calculator_container .columns .column .details p {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.calculator .calculator_container .columns .column .details h3 {
  font-size: 22px;
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 19px;
}
@media (max-width: 700px) {
  .calculator .calculator_container .columns .column .details h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.calculator .calculator_container .columns .column .details .button {
  margin-top: 44px;
  padding: 13px 10px 13px 30px;
  border-radius: var(--border-radius);
  font-size: 16px;
  gap: 10px;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .calculator .calculator_container .columns .column .details .button {
    font-size: 14px;
    margin-top: 20px;
  }
}
.calculator .calculator_container .columns .column .details .button span {
  transform: translateY(-2px);
}
.calculator .calculator_container .input label {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  .calculator .calculator_container .input label {
    margin-bottom: 15px;
  }
}
.calculator .calculator_container .input label > span {
  margin-bottom: 10px;
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 16px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .calculator .calculator_container .input label > span {
    font-size: 14px;
  }
}
.calculator .calculator_container .input label input:not([type=range]),
.calculator .calculator_container .input label select {
  padding: 10px 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  font-size: 16px;
  outline: none;
}
@media (max-width: 700px) {
  .calculator .calculator_container .input label input:not([type=range]),
  .calculator .calculator_container .input label select {
    font-size: 12px;
    font-family: "VTB Group Book", sans-serif;
  }
}
.calculator .calculator_container .input label input:not([type=range]):focus,
.calculator .calculator_container .input label select:focus {
  border-color: var(--primary-blue);
}
.calculator .calculator_container .input label input {
  font-family: "VTB Group Demi Bold", sans-serif;
}
.calculator .calculator_container .input label select {
  font-family: "VTB Group Book", sans-serif;
}
.calculator .calculator_container .input label .detail {
  margin-top: 5px;
  font-size: 0.85em;
}
.calculator .calculator_container .input label .range {
  display: flex;
  flex-direction: column;
}
.calculator .calculator_container .input label .range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: calc(100% - 10px);
  background: transparent;
  --thumb-position: 50%;
  --fill-color: var(--hover-text);
  --track-color: var(--placeholder-gray);
  align-self: center;
}
.calculator .calculator_container .input label .range input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
.calculator .calculator_container .input label .range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
.calculator .calculator_container .input label .range input[type="range"]::-moz-range-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
.calculator .calculator_container .input label .range input[type="range"]::-moz-range-thumb {
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
.calculator .calculator_container .input label .range .detail {
  display: flex;
  justify-content: space-between;
}
.calculator .calculator_container .input label .range .detail span {
  font-size: 12px;
}
.calculator .calculator_container .input label .select {
  background: #fff;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  padding: 10px 20px;
  font-size: 16px;
  font-family: "VTB Group Book", sans-serif;
  color: var(--primary-text);
  position: relative;
}
.calculator .calculator_container .input label .select.expanded {
  z-index: 2;
}
.calculator .calculator_container .input label .select.expanded .options {
  border: 1px solid var(--secondary-text);
  overflow: auto;
}
.calculator .calculator_container .input label .select.expanded .selected .icon img {
  transform: rotate(180deg);
}
.calculator .calculator_container .input label .select .selected {
  display: flex;
  justify-content: space-between;
}
.calculator .calculator_container .input label .select .selected .icon {
  display: flex;
  align-items: center;
}
.calculator .calculator_container .input label .select .selected .icon img {
  transition: all 0.5s;
}
.calculator .calculator_container .input label .select .options {
  overflow: clip;
  position: absolute;
  top: calc(100% + 1px);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 1;
  left: 0;
  width: 100%;
  max-height: 200px;
  height: 0;
  border-radius: var(--border-radius);
  border: 1px solid transparent;
}
.calculator .calculator_container .input label .select .options .option {
  padding: 10px 20px;
  font-size: 16px;
  font-family: "VTB Group Book", sans-serif;
  transition: all 0.5s;
  cursor: pointer;
}
.calculator .calculator_container .input label .select .options .option:hover {
  color: var(--hover-text);
}
.calculator .calculator_container .input .checkbox {
  display: flex;
  align-items: center;
  gap: 15px;
}
.calculator .calculator_container .input .checkbox:has(:checked) .checkmark::before {
  border-color: var(--hover-text);
}
.calculator .calculator_container .input .checkbox:has(:checked) .checkmark::after {
  opacity: 1;
}
.calculator .calculator_container .input .checkbox .checkmark {
  width: 20px;
  height: 20px;
  position: relative;
}
.calculator .calculator_container .input .checkbox .checkmark::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}
.calculator .calculator_container .input .checkbox .checkmark::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
  border-radius: var(--border-radius);
  background: var(--hover-text);
  transition: all 0.5s;
}
.calculator .calculator_container .input .checkbox input {
  display: none;
}
.calculator .calculator_container .input .checkbox span {
  font-size: 16px;
  font-family: "VTB Group Light", sans-serif;
}
.calculator .calculator_container .chart {
  background: gray;
  height: 350px;
}
@media (max-width: 700px) {
  .calculator .calculator_container .chart {
    display: none;
  }
}
.get_help {
  width: 1024px;
  margin: 0 auto 80px auto;
  padding: 44px 44px 20px 44px;
  background: linear-gradient(to right, #5141C2 0%, #00AAFF 71%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 700px) {
  .get_help {
    width: 100%;
    flex-direction: column;
    padding: 30px;
    margin-bottom: 50px;
  }
}
.get_help .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .get_help .text {
    text-align: center;
  }
}
.get_help .text h2 {
  font-size: 24px;
  color: #fff;
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .get_help .text h2 {
    font-size: 22px;
    width: 100%;
  }
}
.get_help .text p {
  font-size: 17px;
  color: #fff;
  margin-bottom: 22px;
}
.get_help .text .button {
  border-radius: var(--border-radius);
  font-size: 20px;
  padding: 15px 30px;
}
@media (max-width: 700px) {
  .get_help .text .button {
    font-size: 16px;
    align-self: center;
    margin-top: 175px;
  }
}
.get_help .icon {
  width: 200px;
  height: 200px;
}
@media (max-width: 700px) {
  .get_help .icon {
    position: absolute;
    bottom: 75px;
  }
}
.get_help .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
/*# sourceMappingURL=deposit_kalkulyator.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/kreditnyy_kalkulyator.css?177876247212688*/
.top_carousel {
  position: relative;
}
.top_carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  height: 350px;
  overflow: clip;
}
.top_carousel .slides .slide {
  grid-area: 1 / 1;
  display: flex;
  position: relative;
}
.top_carousel .slides .slide.animating {
  transition: all 0.5s;
}
.top_carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.top_carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(100%);
}
.top_carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(-100%);
}
.top_carousel .slides .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top_carousel .controls {
  position: relative;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  height: 200px;
}
@media (max-width: 700px) {
  .top_carousel .controls {
    justify-content: flex-start;
    overflow: clip;
    padding-inline: 20px;
  }
}
.top_carousel .controls .control {
  padding: 20px;
  background: #fff;
  flex-basis: 190px;
  flex-shrink: 0;
  height: 170px;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
}
.top_carousel .controls .control.active {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  flex-basis: 350px;
  height: 185px;
  z-index: 2;
}
@media (max-width: 700px) {
  .top_carousel .controls .control.active {
    flex-basis: 250px;
  }
}
.top_carousel .controls .control.active .icon {
  margin-top: -70px;
  margin-bottom: 20px;
  opacity: 0;
}
.top_carousel .controls .control.active .text h3 {
  font-size: 18px;
}
.top_carousel .controls .control.active .text .button {
  margin-top: auto;
  display: block;
}
.top_carousel .controls .control .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  margin-top: 0;
  transition: all 0.5s;
  opacity: 1;
}
.top_carousel .controls .control .icon img {
  width: 100%;
  height: 100%;
}
.top_carousel .controls .control .text {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.top_carousel .controls .control .text h3 {
  font-size: 14px;
  font-family: "VTB Group Book", sans-serif;
  font-weight: 400;
}
.top_carousel .controls .control .text .button {
  margin-top: auto;
  display: none;
  padding: 14px 47px;
  border-radius: var(--border-radius);
  font-size: 16px;
}
@media (max-width: 700px) {
  .top_carousel .controls .control .text .button {
    padding: 9px 50px;
  }
}
.calculator {
  width: 1024px;
  margin: 0 auto 60px auto;
}
@media (max-width: 700px) {
  .calculator {
    width: 100%;
    margin-top: -50px;
    padding-inline: 25px;
  }
}
.calculator h1 {
  font-size: 32px;
  color: var(--secondary-text);
  margin: 0 0 44px 0;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .calculator h1 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.calculator .calculator_container {
  background: #fff;
  padding: 44px 40px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
}
@media (max-width: 700px) {
  .calculator .calculator_container {
    padding: 20px 30px;
  }
}
.calculator .calculator_container .columns {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .calculator .calculator_container .columns {
    display: block;
  }
}
.calculator .calculator_container .columns .column:first-child {
  flex: 1;
}
.calculator .calculator_container .columns .column:last-child {
  flex-basis: 300px;
  flex-shrink: 0;
}
.calculator .calculator_container .columns .column .details {
  border: 2px solid var(--primary-blue);
  padding: 22px 36px;
  border-radius: var(--border-radius);
}
.calculator .calculator_container .columns .column .details p {
  font-size: 12px;
  margin-bottom: 4px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .calculator .calculator_container .columns .column .details p {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.calculator .calculator_container .columns .column .details h3 {
  font-size: 22px;
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 19px;
}
@media (max-width: 700px) {
  .calculator .calculator_container .columns .column .details h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.calculator .calculator_container .columns .column .details .button {
  margin-top: 44px;
  padding: 13px 10px 13px 30px;
  border-radius: var(--border-radius);
  font-size: 16px;
  gap: 10px;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .calculator .calculator_container .columns .column .details .button {
    font-size: 14px;
    margin-top: 20px;
  }
}
.calculator .calculator_container .columns .column .details .button span {
  transform: translateY(-2px);
}
.calculator .calculator_container .input label {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  .calculator .calculator_container .input label {
    margin-bottom: 15px;
  }
}
.calculator .calculator_container .input label > span {
  margin-bottom: 10px;
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 16px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .calculator .calculator_container .input label > span {
    font-size: 14px;
  }
}
.calculator .calculator_container .input label input:not([type=range]),
.calculator .calculator_container .input label select {
  padding: 10px 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  font-size: 16px;
  outline: none;
  width: 100%;
}
@media (max-width: 700px) {
  .calculator .calculator_container .input label input:not([type=range]),
  .calculator .calculator_container .input label select {
    font-size: 12px;
    font-family: "VTB Group Book", sans-serif;
  }
}
.calculator .calculator_container .input label input:not([type=range]):focus,
.calculator .calculator_container .input label select:focus {
  border-color: var(--primary-blue);
}
.calculator .calculator_container .input label input {
  font-family: "VTB Group Demi Bold", sans-serif;
}
.calculator .calculator_container .input label select {
  font-family: "VTB Group Book", sans-serif;
}
.calculator .calculator_container .input label .detail {
  margin-top: 5px;
  font-size: 0.85em;
}
.calculator .calculator_container .input label .range {
  display: flex;
  flex-direction: column;
}
.calculator .calculator_container .input label .range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: calc(100% - 10px);
  background: transparent;
  --thumb-position: 50%;
  --fill-color: var(--hover-text);
  --track-color: var(--placeholder-gray);
  align-self: center;
}
.calculator .calculator_container .input label .range input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
.calculator .calculator_container .input label .range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
.calculator .calculator_container .input label .range input[type="range"]::-moz-range-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
.calculator .calculator_container .input label .range input[type="range"]::-moz-range-thumb {
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
.calculator .calculator_container .input label .range .detail {
  display: flex;
  justify-content: space-between;
}
.calculator .calculator_container .input label .range .detail span {
  font-size: 12px;
}
.calculator .calculator_container .input label .select {
  background: #fff;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  padding: 10px 20px;
  font-size: 16px;
  font-family: "VTB Group Book", sans-serif;
  color: var(--primary-text);
  position: relative;
}
.calculator .calculator_container .input label .select.expanded {
  z-index: 2;
}
.calculator .calculator_container .input label .select.expanded .options {
  border: 1px solid var(--secondary-text);
  overflow: auto;
}
.calculator .calculator_container .input label .select.expanded .selected .icon img {
  transform: rotate(180deg);
}
.calculator .calculator_container .input label .select .selected {
  display: flex;
  justify-content: space-between;
}
.calculator .calculator_container .input label .select .selected .icon {
  display: flex;
  align-items: center;
}
.calculator .calculator_container .input label .select .selected .icon img {
  transition: all 0.5s;
}
.calculator .calculator_container .input label .select .options {
  overflow: clip;
  position: absolute;
  top: calc(100% + 1px);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 1;
  left: 0;
  width: 100%;
  max-height: 200px;
  height: 0;
  border-radius: var(--border-radius);
  border: 1px solid transparent;
}
.calculator .calculator_container .input label .select .options .option {
  padding: 10px 20px;
  font-size: 16px;
  font-family: "VTB Group Book", sans-serif;
  transition: all 0.5s;
  cursor: pointer;
}
.calculator .calculator_container .input label .select .options .option:hover {
  color: var(--hover-text);
}
.calculator .calculator_container .input .checkbox {
  display: flex;
  align-items: center;
  gap: 15px;
}
.calculator .calculator_container .input .checkbox:has(:checked) .checkmark::before {
  border-color: var(--hover-text);
}
.calculator .calculator_container .input .checkbox:has(:checked) .checkmark::after {
  opacity: 1;
}
.calculator .calculator_container .input .checkbox .checkmark {
  width: 20px;
  height: 20px;
  position: relative;
}
.calculator .calculator_container .input .checkbox .checkmark::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}
.calculator .calculator_container .input .checkbox .checkmark::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
  border-radius: var(--border-radius);
  background: var(--hover-text);
  transition: all 0.5s;
}
.calculator .calculator_container .input .checkbox input {
  display: none;
}
.calculator .calculator_container .input .checkbox span {
  font-size: 16px;
  font-family: "VTB Group Light", sans-serif;
}
.calculator .calculator_container .chart {
  background: gray;
  height: 350px;
}
@media (max-width: 700px) {
  .calculator .calculator_container .chart {
    display: none;
  }
}
.get_help {
  width: 1024px;
  margin: 0 auto 80px auto;
  padding: 44px 44px 20px 44px;
  background: linear-gradient(to right, #5141C2 0%, #00AAFF 71%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 700px) {
  .get_help {
    width: 100%;
    flex-direction: column;
    padding: 30px;
    margin-bottom: 50px;
  }
}
.get_help .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .get_help .text {
    text-align: center;
  }
}
.get_help .text h2 {
  font-size: 24px;
  color: #fff;
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .get_help .text h2 {
    font-size: 22px;
    width: 100%;
  }
}
.get_help .text p {
  font-size: 17px;
  color: #fff;
  margin-bottom: 22px;
}
.get_help .text .button {
  border-radius: var(--border-radius);
  font-size: 20px;
  padding: 15px 30px;
}
@media (max-width: 700px) {
  .get_help .text .button {
    font-size: 16px;
    align-self: center;
    margin-top: 175px;
  }
}
.get_help .icon {
  width: 200px;
  height: 200px;
}
@media (max-width: 700px) {
  .get_help .icon {
    position: absolute;
    bottom: 75px;
  }
}
.get_help .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
/*# sourceMappingURL=kreditnyy_kalkulyator.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/kreditovanie_biznes_klientov.css?177876247810170*/
.top_carousel {
  position: relative;
}
.top_carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  height: 350px;
  overflow: clip;
}
.top_carousel .slides .slide {
  grid-area: 1 / 1;
  display: flex;
  position: relative;
}
.top_carousel .slides .slide.animating {
  transition: all 0.5s;
}
.top_carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.top_carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(100%);
}
.top_carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(-100%);
}
.top_carousel .slides .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top_carousel .controls {
  position: relative;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  height: 200px;
}
@media (max-width: 700px) {
  .top_carousel .controls {
    justify-content: flex-start;
    overflow: clip;
    padding-inline: 20px;
  }
}
.top_carousel .controls .control {
  padding: 20px;
  background: #fff;
  flex-basis: 190px;
  flex-shrink: 0;
  height: 170px;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
}
.top_carousel .controls .control.active {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  flex-basis: 350px;
  height: 185px;
  z-index: 2;
}
@media (max-width: 700px) {
  .top_carousel .controls .control.active {
    flex-basis: 250px;
  }
}
.top_carousel .controls .control.active .icon {
  margin-top: -70px;
  margin-bottom: 20px;
  opacity: 0;
}
.top_carousel .controls .control.active .text h3 {
  font-size: 18px;
}
.top_carousel .controls .control.active .text .button {
  margin-top: auto;
  display: block;
}
.top_carousel .controls .control .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  margin-top: 0;
  transition: all 0.5s;
  opacity: 1;
}
.top_carousel .controls .control .icon img {
  width: 100%;
  height: 100%;
}
.top_carousel .controls .control .text {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.top_carousel .controls .control .text h3 {
  font-size: 14px;
  font-family: "VTB Group Book", sans-serif;
  font-weight: 400;
}
.top_carousel .controls .control .text .button {
  margin-top: auto;
  display: none;
  padding: 14px 47px;
  border-radius: var(--border-radius);
  font-size: 16px;
}
@media (max-width: 700px) {
  .top_carousel .controls .control .text .button {
    padding: 9px 50px;
  }
}
.products {
  width: 1024px;
  margin: 0 auto 80px auto;
}
@media (max-width: 700px) {
  .products {
    width: 100%;
    padding-inline: 25px;
    margin-top: -50px;
  }
}
.products h2 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 35px;
}
@media (max-width: 700px) {
  .products h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.products .carousel {
  overflow: clip;
  overflow-clip-margin: 10px;
}
.products .carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  margin-bottom: 20px;
}
.products .carousel .slides .slide {
  grid-area: 1 / 1;
  position: relative;
}
.products .carousel .slides .slide.animating {
  transition: all 0.5s;
}
.products .carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.products .carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(calc(100% + 20px));
}
.products .carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(calc(-100% - 20px));
}
.products .carousel .slides .slide .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 50px;
  justify-content: center;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.products .carousel .slides .slide .grid .card {
  background: #fff;
  padding: 25px 30px 5px 30px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card {
    padding: 20px;
  }
  .products .carousel .slides .slide .grid .card:nth-child(n+2) {
    display: none;
  }
}
.products .carousel .slides .slide .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.products .carousel .slides .slide .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.products .carousel .slides .slide .grid .card.big {
  grid-row: span 2;
}
.products .carousel .slides .slide .grid .card h3 {
  font-size: 20px;
  margin-bottom: 16px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.products .carousel .slides .slide .grid .card h4 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card h4 {
    font-size: 12px;
    color: var(--primary-text);
    margin-bottom: 5px;
  }
}
.products .carousel .slides .slide .grid .card ul {
  font-size: 15px;
  color: var(--secondary-text);
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card ul {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .products .carousel .slides .slide .grid .card ul li {
    margin-bottom: 5px;
  }
}
.products .carousel .slides .slide .grid .card > .icon {
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: -50px;
  right: -50px;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card > .icon {
    font-size: 24px;
    bottom: 0;
    right: -25px;
    width: 100px;
    height: 100px;
  }
}
.products .carousel .slides .slide .grid .card > .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.products .carousel .slides .slide .grid .card .link {
  margin-top: auto;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card .link {
    position: absolute;
    top: 5px;
    right: 5px;
  }
}
.products .carousel .slides .slide .grid .card .link svg path {
  transition: all 0.5s;
}
.products .carousel .controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
.products .carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
  transition: all 0.5s;
}
.products .carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
.get_help {
  width: 1024px;
  margin: 0 auto 80px auto;
  padding: 44px 44px 20px 44px;
  background: linear-gradient(to right, #5141C2 0%, #00AAFF 71%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 700px) {
  .get_help {
    width: 100%;
    flex-direction: column;
    padding: 30px;
    margin-bottom: 50px;
  }
}
.get_help .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .get_help .text {
    text-align: center;
  }
}
.get_help .text h2 {
  font-size: 24px;
  color: #fff;
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .get_help .text h2 {
    font-size: 22px;
    width: 100%;
  }
}
.get_help .text p {
  font-size: 17px;
  color: #fff;
  margin-bottom: 22px;
}
.get_help .text .button {
  border-radius: var(--border-radius);
  font-size: 20px;
  padding: 15px 30px;
}
@media (max-width: 700px) {
  .get_help .text .button {
    font-size: 16px;
    align-self: center;
    margin-top: 175px;
  }
}
.get_help .icon {
  width: 200px;
  height: 200px;
}
@media (max-width: 700px) {
  .get_help .icon {
    position: absolute;
    bottom: 75px;
  }
}
.get_help .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.advantages {
  margin-bottom: 120px;
}
@media (max-width: 700px) {
  .advantages {
    padding-inline: 25px;
    margin-bottom: 50px;
  }
}
.advantages h2 {
  width: 1024px;
  margin: 0 auto 44px auto;
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .advantages h2 {
    width: 100%;
    font-size: 24px;
    margin-bottom: 18px;
  }
}
.advantages .services {
  display: grid;
  grid-template-columns: repeat(4, 300px);
  gap: 25px 50px;
  margin: 0 auto 100px auto;
  justify-content: center;
}
@media (max-width: 700px) {
  .advantages .services {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 0;
  }
}
.advantages .services .service {
  background: #fff;
  padding: 15px 24px;
  display: grid;
  grid-template-rows: 100px 1fr 30px;
  gap: 5px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  position: relative;
}
@media (max-width: 700px) {
  .advantages .services .service {
    grid-template-rows: 1fr;
    grid-template-columns: min-content 1fr;
    align-items: center;
  }
}
.advantages .services .service:hover {
  box-shadow: var(--box-shadow-dark);
}
.advantages .services .service:hover .link svg path {
  fill: var(--hover-text);
}
.advantages .services .service .icon {
  grid-row: 1;
  text-align: center;
}
.advantages .services .service .icon img {
  height: 100px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 700px) {
  .advantages .services .service .icon img {
    height: 70px;
  }
}
.advantages .services .service .text h3 {
  margin-bottom: 18px;
  font-size: 20px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .advantages .services .service .text h3 {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (max-width: 700px) {
  .advantages .services .service .link {
    position: absolute;
    top: 5px;
    right: 5px;
  }
}
.advantages .services .service .link svg path {
  transition: all 0.5s;
}
/*# sourceMappingURL=kreditovanie_biznes_klientov.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/kreditovanie_fizikov.css?17787624826595*/
.hero {
  width: 1024px;
  margin: 44px auto 80px auto;
  overflow: clip;
}
@media (max-width: 700px) {
  .hero {
    width: 100%;
    margin-top: 30px;
    padding-left: 25px;
    margin-bottom: 40px;
  }
}
.hero .columns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 700px) {
  .hero .columns .column {
    overflow: clip;
  }
  .hero .columns .column:first-child {
    flex: 1;
  }
  .hero .columns .column:last-child {
    flex-basis: 100px;
  }
}
.hero .columns .column img {
  max-width: 500px;
}
.hero .columns h1 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  .hero .columns h1 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.hero .columns p,
.hero .columns ul,
.hero .columns ol {
  color: var(--secondary-text);
  font-size: 16px;
}
@media (max-width: 700px) {
  .hero .columns p,
  .hero .columns ul,
  .hero .columns ol {
    font-size: 14px;
  }
  .hero .columns p li,
  .hero .columns ul li,
  .hero .columns ol li {
    margin-bottom: 5px;
  }
}
.hero .columns p {
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .hero .columns p {
    margin-bottom: 5px;
  }
}
.hero .columns .icon {
  width: 400px;
  height: 400px;
}
@media (max-width: 700px) {
  .hero .columns .icon {
    width: 100px;
    height: 200px;
    position: absolute;
    transform: translateY(-50%);
    overflow: clip;
  }
}
.hero .columns .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 700px) {
  .hero .columns .icon img {
    width: 200px;
    height: 200px;
  }
}
.hero .columns .button {
  padding: 15px 20px;
  display: inline-block;
  margin-top: 25px;
  border-radius: var(--border-radius);
}
@media (max-width: 700px) {
  .hero .columns .button {
    font-size: 14px;
  }
}
.products {
  width: 1024px;
  margin: 0 auto 120px auto;
}
@media (max-width: 700px) {
  .products {
    width: 100%;
    padding-inline: 25px;
  }
}
.products h2 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 35px;
}
@media (max-width: 700px) {
  .products h2 {
    font-size: 24px;
  }
}
.products .carousel .slides {
  grid-template: 1fr / 1fr;
  margin-bottom: 20px;
}
.products .carousel .slides .slide {
  grid-area: 1 / 1;
  position: relative;
}
.products .carousel .slides .slide.animating {
  transition: all 0.5s;
}
.products .carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.products .carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(calc(100% + 20px));
}
.products .carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(calc(-100% - 20px));
}
.products .carousel .slides .slide .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 50px;
  justify-content: center;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid {
    grid-template-columns: 1fr;
  }
}
.products .carousel .slides .slide .grid .card {
  background: #fff;
  padding: 25px 30px 5px 30px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.products .carousel .slides .slide .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.products .carousel .slides .slide .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.products .carousel .slides .slide .grid .card.big {
  grid-row: span 2;
}
.products .carousel .slides .slide .grid .card h3 {
  font-size: 20px;
  margin-bottom: 16px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
.products .carousel .slides .slide .grid .card h4 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--secondary-text);
}
.products .carousel .slides .slide .grid .card ul {
  font-size: 15px;
  color: var(--secondary-text);
  margin-bottom: 20px;
}
.products .carousel .slides .slide .grid .card > .icon {
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card > .icon {
    width: 100px;
    height: 100px;
  }
}
.products .carousel .slides .slide .grid .card > .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.products .carousel .slides .slide .grid .card .link {
  margin-top: auto;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card .link {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
.products .carousel .slides .slide .grid .card .link svg path {
  transition: all 0.5s;
}
.products .carousel .controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
.products .carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
}
.products .carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
.get_help {
  width: 1024px;
  margin: 0 auto 80px auto;
  padding: 44px 44px 20px 44px;
  background: linear-gradient(to right, #5141C2 0%, #00AAFF 71%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 700px) {
  .get_help {
    width: 100%;
    flex-direction: column;
    padding: 30px;
    margin-bottom: 50px;
  }
}
.get_help .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .get_help .text {
    text-align: center;
    position: relative;
    z-index: 2;
  }
}
.get_help .text h2 {
  font-size: 24px;
  color: #fff;
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .get_help .text h2 {
    font-size: 22px;
    width: 100%;
  }
}
.get_help .text p {
  font-size: 17px;
  color: #fff;
  margin-bottom: 22px;
}
.get_help .text .button {
  border-radius: var(--border-radius);
  font-size: 20px;
  padding: 15px 30px;
}
@media (max-width: 700px) {
  .get_help .text .button {
    font-size: 16px;
    align-self: center;
    margin-top: 175px;
  }
}
.get_help .icon {
  width: 200px;
  height: 200px;
}
@media (max-width: 700px) {
  .get_help .icon {
    position: absolute;
    bottom: 75px;
  }
}
.get_help .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
/*# sourceMappingURL=kreditovanie_fizikov.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/malyy_i_sredniy_biznes.css?17787624849255*/
.top_carousel {
  position: relative;
}
.top_carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  height: 350px;
  overflow: clip;
}
.top_carousel .slides .slide {
  grid-area: 1 / 1;
  display: flex;
  position: relative;
}
.top_carousel .slides .slide.animating {
  transition: all 0.5s;
}
.top_carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.top_carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(100%);
}
.top_carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(-100%);
}
.top_carousel .slides .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top_carousel .controls {
  position: relative;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  height: 200px;
}
@media (max-width: 700px) {
  .top_carousel .controls {
    justify-content: flex-start;
    overflow: clip;
    padding-inline: 20px;
  }
}
.top_carousel .controls .control {
  padding: 20px;
  background: #fff;
  flex-basis: 190px;
  height: 170px;
  flex-shrink: 0;
  position: relative;
  transition: all 0.5s;
  overflow: hidden;
}
.top_carousel .controls .control.active {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  flex-basis: 350px;
  height: 185px;
  z-index: 2;
}
@media (max-width: 700px) {
  .top_carousel .controls .control.active {
    flex-basis: 250px;
  }
}
.top_carousel .controls .control.active .icon {
  margin-top: -70px;
  margin-bottom: 20px;
  opacity: 0;
}
.top_carousel .controls .control.active .text h3 {
  font-size: 18px;
}
.top_carousel .controls .control.active .text .button {
  margin-top: auto;
  display: block;
}
.top_carousel .controls .control .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
  margin-top: 0;
  transition: all 0.5s;
  opacity: 1;
}
.top_carousel .controls .control .icon img {
  width: 100%;
  height: 100%;
}
.top_carousel .controls .control .text {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.top_carousel .controls .control .text h3 {
  font-size: 14px;
  font-family: "VTB Group Book", sans-serif;
  font-weight: 400;
}
.top_carousel .controls .control .text .button {
  margin-top: auto;
  display: none;
  padding: 14px 47px;
  border-radius: var(--border-radius);
  font-size: 16px;
}
@media (max-width: 700px) {
  .top_carousel .controls .control .text .button {
    padding: 9px 50px;
  }
}
.products {
  width: 1024px;
  margin: 0 auto 80px auto;
}
@media (max-width: 700px) {
  .products {
    width: 100%;
    margin-top: -50px;
    padding-inline: 20px;
    margin-bottom: 45px;
  }
}
.products h2 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 35px;
}
.products .carousel {
  overflow: clip;
  overflow-clip-margin: 10px;
}
.products .carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  margin-bottom: 20px;
}
.products .carousel .slides .slide {
  grid-area: 1 / 1;
  position: relative;
}
.products .carousel .slides .slide.animating {
  transition: all 0.5s;
}
.products .carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.products .carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(calc(100% + 20px));
}
.products .carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(calc(-100% - 20px));
}
.products .carousel .slides .slide .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 50px;
  justify-content: center;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.products .carousel .slides .slide .grid .card {
  background: #fff;
  padding: 25px 30px 5px 30px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card {
    padding: 20px;
  }
}
.products .carousel .slides .slide .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.products .carousel .slides .slide .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.products .carousel .slides .slide .grid .card.big {
  grid-row: span 2;
}
.products .carousel .slides .slide .grid .card h3 {
  font-size: 20px;
  margin-bottom: 16px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
.products .carousel .slides .slide .grid .card h4 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card h4 {
    margin-bottom: 0;
    font-size: 12px;
  }
}
.products .carousel .slides .slide .grid .card ul {
  font-size: 15px;
  color: var(--secondary-text);
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card ul {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
.products .carousel .slides .slide .grid .card > .icon {
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: -50px;
  right: -50px;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card > .icon {
    display: none;
  }
}
.products .carousel .slides .slide .grid .card > .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.products .carousel .slides .slide .grid .card .link {
  margin-top: auto;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card .link {
    position: absolute;
    top: 5px;
    right: 5px;
  }
}
.products .carousel .slides .slide .grid .card .link svg path {
  transition: all 0.5s;
}
.products .carousel .controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
.products .carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
  transition: all 0.5s;
}
.products .carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
.get_help {
  width: 1024px;
  margin: 0 auto 80px auto;
}
@media (max-width: 700px) {
  .get_help {
    width: 100%;
    margin-bottom: 40px;
  }
}
.get_help .columns {
  display: flex;
  justify-content: space-between;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .get_help .columns {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
}
.get_help .columns .right {
  text-align: right;
}
@media (max-width: 700px) {
  .get_help .columns .right {
    text-align: center;
  }
}
.get_help .columns .right a[href^="tel"] {
  color: var(--secondary-text);
  font-size: 20px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
.get_help .columns .right a[href^="tel"]:hover {
  color: var(--background-darkblue);
}
.advantages {
  margin-bottom: 120px;
}
@media (max-width: 700px) {
  .advantages {
    margin-bottom: 45px;
  }
}
.advantages h2 {
  width: 1024px;
  margin: 0 auto 44px auto;
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .advantages h2 {
    width: 100%;
    padding-inline: 25px;
    font-size: 24px;
    margin-bottom: 18px;
  }
}
.advantages .services {
  display: grid;
  grid-template-columns: repeat(4, 300px);
  gap: 25px 50px;
  margin: 0 auto 100px auto;
  justify-content: center;
}
@media (max-width: 700px) {
  .advantages .services {
    grid-template-columns: 1fr;
    margin-inline: 25px;
    gap: 10px;
    margin-bottom: 0;
  }
}
.advantages .services .service {
  background: #fff;
  padding: 15px 24px;
  display: grid;
  grid-template-rows: 100px 1fr 30px;
  gap: 5px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  position: relative;
}
@media (max-width: 700px) {
  .advantages .services .service {
    grid-template-rows: 1fr;
    grid-template-columns: min-content 1fr;
    align-items: center;
    padding: 15px;
  }
}
.advantages .services .service:hover {
  box-shadow: var(--box-shadow-dark);
}
.advantages .services .service:hover .link svg path {
  fill: var(--hover-text);
}
.advantages .services .service .icon {
  grid-row: 1;
  text-align: center;
}
.advantages .services .service .icon img {
  height: 100px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 700px) {
  .advantages .services .service .icon img {
    height: 70px;
  }
}
.advantages .services .service .text h3 {
  margin-bottom: 18px;
  font-size: 20px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .advantages .services .service .text h3 {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (max-width: 700px) {
  .advantages .services .service .link {
    position: absolute;
    top: 5px;
    right: 5px;
  }
}
.advantages .services .service .link svg path {
  transition: all 0.5s;
}
/*# sourceMappingURL=malyy_i_sredniy_biznes.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/msb.css?17787624886837*/
main {
  width: 1024px;
  margin: 60px auto 90px auto;
}
@media (max-width: 700px) {
  main {
    width: 100%;
    margin-top: 30px;
    padding-inline: 25px;
  }
}
main h1,
main h2 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  main h1,
  main h2 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
main .toggle {
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 700px) {
  main .toggle {
    margin-bottom: 35px;
  }
}
main .toggle .toggle_button {
  padding: 10px 20px;
  font-size: 16px;
  border-top: 1px solid var(--secondary-text);
  border-bottom: 1px solid var(--secondary-text);
  cursor: pointer;
  transition: background-color 0.5s;
}
@media (max-width: 700px) {
  main .toggle .toggle_button {
    font-size: 12px;
  }
}
main .toggle .toggle_button:first-child {
  border-left: 1px solid var(--secondary-text);
}
main .toggle .toggle_button:last-child {
  border-right: 1px solid var(--secondary-text);
}
main .toggle .toggle_button.active {
  background-color: #fff;
  border: 2px solid var(--primary-blue);
}
main .products {
  width: 1024px;
  margin: 0 auto 80px auto;
}
@media (max-width: 700px) {
  main .products {
    width: 100%;
    margin-bottom: 40px;
  }
}
main .products h2 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 35px;
}
main .products .toggle_target > * {
  display: none;
}
main .products .toggle_target > *.active {
  display: block;
  animation: show_toggle_target 0.5s forwards;
}
main .products .carousel {
  overflow: clip;
  overflow-clip-margin: 10px;
}
main .products .carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  margin-bottom: 20px;
}
main .products .carousel .slides .slide {
  grid-area: 1 / 1;
  position: relative;
}
main .products .carousel .slides .slide.animating {
  transition: all 0.5s;
}
main .products .carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
main .products .carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(calc(100% + 20px));
}
main .products .carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(calc(-100% - 20px));
}
main .products .carousel .slides .slide .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 50px;
  justify-content: center;
}
@media (max-width: 700px) {
  main .products .carousel .slides .slide .grid {
    grid-template-columns: 1fr;
  }
}
main .products .carousel .slides .slide .grid .card {
  background: #fff;
  padding: 20px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  gap: 20px;
  position: relative;
}
@media (max-width: 700px) {
  main .products .carousel .slides .slide .grid .card:nth-child(n+2) {
    display: none;
  }
}
main .products .carousel .slides .slide .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
main .products .carousel .slides .slide .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
main .products .carousel .slides .slide .grid .card.big {
  grid-row: span 2;
}
main .products .carousel .slides .slide .grid .card .text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
main .products .carousel .slides .slide .grid .card .text h3 {
  font-size: 22px;
  margin-bottom: 16px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  main .products .carousel .slides .slide .grid .card .text h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
main .products .carousel .slides .slide .grid .card .text h4 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  main .products .carousel .slides .slide .grid .card .text h4 {
    font-size: 12px;
    color: var(--primary-text);
    margin-bottom: 5px;
  }
}
main .products .carousel .slides .slide .grid .card .text p {
  font-size: 15px;
  color: var(--secondary-text);
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  main .products .carousel .slides .slide .grid .card .text p {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
main .products .carousel .slides .slide .grid .card > .icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 700px) {
  main .products .carousel .slides .slide .grid .card > .icon {
    align-self: center;
  }
}
main .products .carousel .slides .slide .grid .card > .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
main .products .carousel .slides .slide .grid .card .link {
  position: absolute;
  left: 16px;
  bottom: 5px;
}
@media (max-width: 700px) {
  main .products .carousel .slides .slide .grid .card .link {
    left: unset;
    bottom: unset;
    top: 5px;
    right: 5px;
  }
}
main .products .carousel .slides .slide .grid .card .link svg path {
  transition: all 0.5s;
}
main .products .carousel .controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
main .products .carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
  transition: all 0.5s;
}
main .products .carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
main .get_help {
  width: 1024px;
  margin: 0 auto 80px auto;
  padding: 44px 44px 20px 44px;
  background: linear-gradient(to right, #5141C2 0%, #00AAFF 71%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 700px) {
  main .get_help {
    width: 100%;
    flex-direction: column;
    padding: 30px;
    margin-bottom: 50px;
  }
}
main .get_help .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 700px) {
  main .get_help .text {
    text-align: center;
  }
}
main .get_help .text h2 {
  font-size: 24px;
  color: #fff;
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  main .get_help .text h2 {
    font-size: 22px;
    width: 100%;
  }
}
main .get_help .text p {
  font-size: 17px;
  color: #fff;
  margin-bottom: 22px;
}
main .get_help .text .button {
  border-radius: var(--border-radius);
  font-size: 20px;
  padding: 15px 30px;
}
@media (max-width: 700px) {
  main .get_help .text .button {
    font-size: 16px;
    align-self: center;
    margin-top: 175px;
  }
}
main .get_help .icon {
  width: 200px;
  height: 200px;
}
@media (max-width: 700px) {
  main .get_help .icon {
    position: absolute;
    bottom: 75px;
  }
}
main .get_help .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
/*# sourceMappingURL=msb.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/o_banke.css?17787624921026*/
main {
  width: 1024px;
  margin: 60px auto 100px auto;
}
@media (max-width: 700px) {
  main {
    width: 100%;
    padding-inline: 25px;
    margin-top: 30px;
  }
}
main h1 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  main h1 {
    margin-bottom: 30px;
  }
}
main .columns {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (max-width: 700px) {
  main .columns {
    flex-direction: column;
    gap: 30px;
  }
  main .columns .column:last-child {
    order: -1;
  }
}
main h2 {
  font-size: 20px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin: 60px 0 44px 0;
}
@media (max-width: 700px) {
  main h2 {
    margin-block: 30px;
  }
}
main > p,
main ul,
main ol {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 700px) {
  main > p,
  main ul,
  main ol {
    font-size: 16px;
  }
}
/*# sourceMappingURL=o_banke.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/primer_stranicy_produkta.css?17787625003335*/
main {
  width: 1024px;
  margin: 60px auto 100px auto;
}
@media (max-width: 700px) {
  main {
    width: 100%;
    margin-top: 30px;
    padding-inline: 25px;
  }
}
main h1 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  main h1 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
main .summary {
  background: #fff;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  padding: 30px 40px 10px 40px;
  display: flex;
  gap: 10px;
  margin-bottom: 80px;
  position: relative;
}
@media (max-width: 700px) {
  main .summary {
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 50px;
  }
}
main .summary .text {
  position: relative;
  z-index: 2;
}
main .summary .text h3 {
  font-size: 20px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  main .summary .text h3 {
    font-size: 16px;
    color: var(--primary-text);
  }
}
main .summary .text p {
  font-size: 16px;
  color: var(--secondary-text);
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  main .summary .text p {
    font-size: 14px;
  }
}
main .summary .text .button {
  display: inline-block;
  padding: 14px 35px;
  border-radius: var(--border-radius);
}
@media (max-width: 700px) {
  main .summary .text .button {
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-top: 50px;
  }
}
main .summary .icon {
  flex-shrink: 0;
  flex-basis: 200px;
  height: 200px;
}
@media (max-width: 700px) {
  main .summary .icon {
    position: absolute;
    bottom: -75px;
    left: 0;
    right: 0;
    width: 200px;
    margin: auto;
  }
}
main .summary .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
main h2 {
  font-size: 30px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  main h2 {
    font-size: 24px;
  }
}
main .table {
  display: grid;
  grid-template-columns: repeat(var(--columns, 4), 1fr);
  margin: 60px 0 20px 0;
}
@media (max-width: 700px) {
  main .table {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    margin-top: 40px;
  }
}
main .table.nbsp * {
  white-space: nowrap;
}
main .table .thead,
main .table .tcell {
  padding: 20px 20px 20px 0;
  border-bottom: 2px solid var(--placeholder-gray);
}
main .table .thead {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 18px;
  background-color: var(--background-lightgray);
}
@media (max-width: 700px) {
  main .table .thead {
    grid-column-start: 1;
  }
}
main .table .tcell {
  font-size: 18px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  main .table .tcell {
    grid-column-start: 2;
  }
}
main .table .tcell.col_span_all {
  grid-column: 1 / -1;
}
main .table .table {
  margin: -20px 0;
}
main .table .table .tcell {
  border: none;
}
main .table span.lower {
  font-size: 0.75em;
}
main > p {
  font-size: 16px;
  color: var(--secondary-text);
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  main > p {
    /*text-align: center;*/
    font-size: 12px;
  }
}
main > p strong {
  color: var(--primary-text);
}
/*# sourceMappingURL=primer_stranicy_produkta.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/tarify.css?17787625082501*/
main {
  width: 1024px;
  margin: 60px auto 90px auto;
}
@media (max-width: 700px) {
  main {
    width: 100%;
    padding-inline: 25px;
    margin-top: 30px;
  }
}
main h1,
main h2 {
  font-size: 32px;
  color: var(--secondary-text);
  font-family: "VTB Group Demi Bold", sans-serif;
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  main h1,
  main h2 {
    margin-bottom: 12px;
  }
}
main .toggle {
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 700px) {
  main .toggle {
    margin-bottom: 35px;
  }
}
main .toggle .toggle_button {
  padding: 10px 20px;
  font-size: 16px;
  border-top: 1px solid var(--secondary-text);
  border-bottom: 1px solid var(--secondary-text);
  cursor: pointer;
  transition: background-color 0.5s;
  text-align: center;
}
@media (max-width: 700px) {
  main .toggle .toggle_button {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
}
main .toggle .toggle_button:first-child {
  border-left: 1px solid var(--secondary-text);
}
main .toggle .toggle_button:last-child {
  border-right: 1px solid var(--secondary-text);
}
main .toggle .toggle_button.active {
  background-color: #fff;
  border: 2px solid var(--primary-blue);
}
main .toggle_target > * {
  display: none;
}
main .toggle_target > *.active {
  display: block;
  animation: show_toggle_target 0.5s forwards;
}
main .files {
  margin-bottom: 100px;
}
main .files .file {
  margin-bottom: 20px;
}
main .files .file .title {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 10px;
}
main .files .file .title .icon {
  width: 40px;
  height: 40px;
}
main .files .file .title .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
main .files .file .title p {
  font-size: 16px;
  color: var(--primary-blue);
}
@media (max-width: 700px) {
  main .files .file .title p {
    font-size: 14px;
  }
}
main .files .file .description {
  font-size: 16px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  main .files .file .description {
    font-size: 14px;
  }
}
main .archive .container {
  padding: 30px;
  background: var(--background-darkgray);
}
main .archive .container .archive_element {
  color: var(--secondary-text);
}
main .archive .container .archive_element:not(:last-child) {
  margin-bottom: 20px;
}
main .archive .container .archive_element a {
  transition: all 0.5s;
}
main .archive .container .archive_element a:hover {
  color: var(--hover-text);
}
/*# sourceMappingURL=tarify.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/vklady_i_sertifikat.css?17787625125937*/
.hero {
  width: 1024px;
  margin: 75px auto 0 auto;
}
@media (max-width: 700px) {
  .hero {
    width: 100%;
    margin-top: 30px;
    padding-inline: 25px;
  }
}
.hero h1 {
  font-size: 42px;
  color: var(--secondary-text);
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  .hero h1 {
    font-size: 24px;
  }
}
.hero .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  justify-content: center;
}
@media (max-width: 700px) {
  .hero .grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.hero .grid .card {
  background: #fff;
  padding: 25px 18px 6px 18px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 700px) {
  .hero .grid .card {
    padding: 20px 30px;
  }
}
.hero .grid .card.big {
  grid-row: 1 / span 2;
  grid-column: -2;
  padding-bottom: 20px;
}
@media (max-width: 700px) {
  .hero .grid .card.big {
    grid-column: 1 / 1;
    grid-row: unset;
  }
}
.hero .grid .card .icon {
  width: 200px;
  align-self: center;
}
@media (max-width: 700px) {
  .hero .grid .card .icon {
    display: none;
  }
}
.hero .grid .card .icon img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.hero .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.hero .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.hero .grid .card .link {
  margin-top: auto;
}
@media (max-width: 700px) {
  .hero .grid .card .link {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
.hero .grid .card .link .icon {
  width: auto;
}
.hero .grid .card .link svg path {
  transition: all 0.5s;
}
.hero .grid .card p {
  margin-top: 18px;
  color: var(--secondary-text);
}
.hero .grid .card h3 {
  margin-bottom: 10px;
}
.hero .grid .card .button {
  padding: 13px 49px;
  border-radius: var(--border-radius);
  align-self: center;
}
@media (max-width: 700px) {
  .hero .grid .card .button {
    margin-top: 15px;
  }
}
.products {
  width: 1024px;
  margin: 60px auto 0 auto;
}
@media (max-width: 700px) {
  .products {
    width: 100%;
    margin-top: 44px;
    padding-inline: 25px;
  }
}
.products h2 {
  font-size: 32px;
  color: var(--secondary-text);
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  .products h2 {
    margin-bottom: 30px;
    font-size: 24px;
  }
}
.products .carousel {
  overflow: clip;
  overflow-clip-margin: 10px;
}
.products .carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  margin-bottom: 20px;
}
.products .carousel .slides .slide {
  grid-area: 1 / 1;
  position: relative;
}
.products .carousel .slides .slide.animating {
  transition: all 0.5s;
}
.products .carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.products .carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(calc(100% + 20px));
}
.products .carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(calc(-100% - 20px));
}
.products .carousel .slides .slide .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 50px;
  justify-content: center;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.products .carousel .slides .slide .grid .card {
  background: #fff;
  padding: 25px 30px 5px 30px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card {
    padding: 20px;
  }
}
.products .carousel .slides .slide .grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.products .carousel .slides .slide .grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.products .carousel .slides .slide .grid .card.big {
  grid-row: span 2;
}
.products .carousel .slides .slide .grid .card h3 {
  font-size: 20px;
  margin-bottom: 16px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
.products .carousel .slides .slide .grid .card ul {
  font-size: 15px;
  color: var(--secondary-text);
}
.products .carousel .slides .slide .grid .card > .icon {
  width: 135px;
  height: 150px;
  position: absolute;
  bottom: 35px;
  right: 15px;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card > .icon {
    display: none;
  }
}
.products .carousel .slides .slide .grid .card > .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.products .carousel .slides .slide .grid .card .link {
  margin-top: auto;
}
@media (max-width: 700px) {
  .products .carousel .slides .slide .grid .card .link {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
.products .carousel .slides .slide .grid .card .link .icon {
  width: auto;
}
.products .carousel .slides .slide .grid .card .link svg path {
  transition: all 0.5s;
}
.products .carousel .controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
.products .carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
  transition: all 0.5s;
}
.products .carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
.kdif {
  width: 1024px;
  margin: 60px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .kdif {
    width: 100%;
    flex-direction: column;
    padding-inline: 25px;
    margin-top: 50px;
  }
}
@media (max-width: 700px) {
  .kdif .column {
    text-align: center;
    font-size: 12px;
  }
}
.kdif .column p {
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .kdif .column p {
    font-size: 12px;
  }
}
.kdif .column img {
  height: 90px;
}
/*# sourceMappingURL=vklady_i_sertifikat.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/zayavka.css?17787625168321*/
@keyframes required_input {
  from {
    left: 0;
  }
  to {
    left: 1rem;
  }
}
.form_container {
  width: 500px;
  margin: 50px auto;
  background: #fff;
  box-shadow: var(--box-shadow-light);
  border-radius: var(--border-radius);
  padding: 45px 40px;
}
@media (max-width: 700px) {
  .form_container {
    width: calc(100% - 50px);
    padding: 20px 30px;
    margin-block: 20px;
  }
}
.form_container h1,
.form_container h2 {
  font-size: 32px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .form_container h1,
  .form_container h2 {
    text-align: center;
    font-size: 24px;
  }
}
.form_container h1 {
  margin-bottom: 15px;
  margin-top: 0;
}
.form_container h2 {
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  .form_container h2 {
    margin-bottom: 25px;
  }
}
.form_container p {
  font-size: 16px;
  color: var(--secondary-text);
  margin-bottom: 44px;
}
@media (max-width: 700px) {
  .form_container p {
    text-align: center;
    margin-block: 10px;
  }
}
.form_container .input label {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.form_container .input label.required > span {
  animation: required_input 1s linear(0, 0.763 3.4%, 0.936 4.8%, 0.991 6.1%, 0.94 7.4%, 0.776 8.8%, -0.549 15.1%, -0.77 16.7%, -0.86 18.3%, -0.83 19.6%, -0.702 21%, 0.435 27.5%, 0.615 29.1%, 0.687 30.7%, 0.663 32%, 0.561 33.4%, -0.292 39.7%, -0.44 41.4%, -0.497 43%, -0.482 44.3%, -0.418 45.6%, 0.171 51.9%, 0.274 53.6%, 0.316 55.2%, 0.309 56.5%, 0.271 57.8%, -0.078 64%, -0.138 65.6%, -0.165 67.2%, -0.165 68.5%, -0.146 69.8%, 0.017 75.7%, 0.06 78.8%, 0.057 81.4%, 0.007 86.5%, -0.008 89.2%, 0);
  color: red;
  opacity: 0.75;
}
@media (max-width: 700px) {
  .form_container .input label {
    margin-bottom: 15px;
    font-size: 14px;
  }
}
.form_container .input label > span {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 16px;
  color: var(--secondary-text);
  position: relative;
}
.form_container .input label > span:first-child {
  margin-bottom: 19px;
}
@media (max-width: 700px) {
  .form_container .input label > span {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.form_container .input label input:not([type=range]),
.form_container .input label select,
.form_container .input label textarea {
  padding: 10px 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  font-size: 16px;
  outline: none;
}
@media (max-width: 700px) {
  .form_container .input label input:not([type=range]),
  .form_container .input label select,
  .form_container .input label textarea {
    font-size: 12px;
  }
}
.form_container .input label input:not([type=range]):focus,
.form_container .input label select:focus,
.form_container .input label textarea:focus {
  border-color: var(--primary-blue);
}
.form_container .input label input,
.form_container .input label textarea {
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .form_container .input label input,
  .form_container .input label textarea {
    font-family: "VTB Group Book", sans-serif;
  }
}
.form_container .input label select {
  font-family: "VTB Group Book", sans-serif;
}
.form_container .input label .detail {
  margin-top: 5px;
  font-size: 0.85em;
}
.form_container .input label .range {
  display: flex;
  flex-direction: column;
}
.form_container .input label .range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: calc(100% - 10px);
  background: transparent;
  --thumb-position: 50%;
  --fill-color: var(--hover-text);
  --track-color: var(--placeholder-gray);
  align-self: center;
}
.form_container .input label .range input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
.form_container .input label .range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
.form_container .input label .range input[type="range"]::-moz-range-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
.form_container .input label .range input[type="range"]::-moz-range-thumb {
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
.form_container .input label .range .detail {
  display: flex;
  justify-content: space-between;
}
.form_container .input label .range .detail span {
  font-size: 12px;
}
.form_container .input label .select {
  background: #fff;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  padding: 10px 20px;
  font-size: 16px;
  font-family: "VTB Group Book", sans-serif;
  color: var(--primary-text);
  position: relative;
  z-index: 1;
  transition: all 0.5s, z-index 0s 0.5s;
}
.form_container .input label .select.expanded {
  z-index: 3;
  transition: all 0.5s, z-index 0s;
}
.form_container .input label .select.expanded .options {
  border: 1px solid var(--secondary-text);
  overflow: auto;
}
.form_container .input label .select.expanded .selected .icon img {
  transform: rotate(180deg);
}
.form_container .input label .select .selected {
  display: flex;
  justify-content: space-between;
}
.form_container .input label .select .selected .icon {
  display: flex;
  align-items: center;
}
.form_container .input label .select .selected .icon img {
  transition: all 0.5s;
}
.form_container .input label .select .options {
  overflow: clip;
  position: absolute;
  top: calc(100% + 1px);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 1;
  left: 0;
  width: 100%;
  max-height: 200px;
  height: 0;
  border-radius: var(--border-radius);
  border: 1px solid transparent;
}
.form_container .input label .select .options .option {
  padding: 10px 20px;
  font-size: 16px;
  font-family: "VTB Group Book", sans-serif;
  transition: all 0.5s;
  cursor: pointer;
}
.form_container .input label .select .options .option:hover {
  color: var(--hover-text);
}
.form_container .input label textarea {
  resize: none;
  min-height: 100px;
}
.form_container .input .checkbox {
  display: flex;
  align-items: center;
  gap: 15px;
}
.form_container .input .checkbox:has(:checked) .checkmark::before {
  border-color: var(--hover-text);
}
.form_container .input .checkbox:has(:checked) .checkmark::after {
  opacity: 1;
}
.form_container .input .checkbox .checkmark {
  width: 20px;
  height: 20px;
  position: relative;
  flex-basis: 20px;
  flex-shrink: 0;
}
.form_container .input .checkbox .checkmark::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}
.form_container .input .checkbox .checkmark::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
  border-radius: var(--border-radius);
  background: var(--hover-text);
  transition: all 0.5s;
}
.form_container .input .checkbox .checkmark .initial_checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form_container .input .checkbox span {
  font-size: 16px;
  font-family: "VTB Group Light", sans-serif;
}
@media (max-width: 700px) {
  .form_container .input .checkbox span {
    font-size: 12px;
  }
}
.form_container .button {
  display: block;
  padding: 15px;
  width: 100%;
  font-size: 16px;
  border-radius: var(--border-radius);
  font-family: "VTB Group Book", sans-serif;
}
.form_container .button[disabled] {
  cursor: wait;
  opacity: 0.5;
  filter: grayscale(100%);
}
@media (max-width: 700px) {
  .form_container .button {
    font-size: 12px;
  }
}
/*# sourceMappingURL=zayavka.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/keyframes.css?1778762470522*/
@keyframes header_actions_show_popup_language {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes header_show_popup_menu {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes show_toggle_target {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*# sourceMappingURL=keyframes.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/animate.css?17787624461232*/
.pre_animate_show {
  opacity: 0;
}
.pre_animate_show > * {
  opacity: 0;
}
.animate_show.bottom {
  overflow: hidden;
}
.animate_show.bottom > * {
  opacity: 0;
  display: inline-block;
  animation: text_show_bottom 0.75s var(--delay, 0s) ease forwards;
}
@keyframes text_show_bottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.animate_show.top {
  overflow: hidden;
}
.animate_show.top > * {
  opacity: 0;
  display: inline-block;
  animation: text_show_top 0.75s var(--delay, 0s) ease forwards;
}
@keyframes text_show_top {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.animate_show.fade {
  opacity: 0;
  display: inline-block;
  animation: text_show_fade 0.75s var(--delay, 0s) ease forwards;
}
@keyframes text_show_fade {
  to {
    opacity: 1;
  }
}
.animate_show.rotate img {
  opacity: 0;
  display: block;
  animation: image_show_rotate 1.75s var(--delay, 0s) ease forwards;
}
@keyframes image_show_rotate {
  from {
    transform: rotate(10deg) translateX(10rem) scale(0.9);
  }
  to {
    opacity: 1;
    transform: rotate(0) translateX(0) scale(1);
  }
}
/*# sourceMappingURL=animate.css.map */
/* End */


/* Start:/local/templates/vtb_main/assets//css/globals.css?177868660034365*/
@charset "UTF-8";
@font-face {
  font-family: "VTB Group Light";
  src: url("/local/templates/vtb_main/assets//css/../fonts/VTB45.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VTB Group Book";
  src: url("/local/templates/vtb_main/assets//css/../fonts/VTB55.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "VTB Group Demi Bold";
  src: url("/local/templates/vtb_main/assets//css/../fonts/VTB65.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --primary-blue: #1E4BD2;
  --primary-private: #D3875F;
  --primary-text: #2F3441;
  --secondary-text: #6B7683;
  --hover-text: #00AAFF;
  --carousel-dot-gray: #ACB6C3;
  --placeholder-gray: #D9D9D9;
  --background-darkblue: #0A2896;
  --background-lightgray: #F3F7FA;
  --background-darkgray: #EAEDF5;
  --box-shadow-light: 0 0 10px rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 0 10px rgba(0, 0, 0, 0.3);
  --border-radius: 5px;
  --background-private: #000224;
}
html,
body {
  margin: 0;
  min-height: 100dvh;
  background: var(--background-lightgray);
  color: var(--primary-text);
  font-family: "VTB Group Book", sans-serif;
}
* {
  margin: 0;
  box-sizing: border-box;
  font-weight: normal;
}
strong {
  font-weight: bold;
}
strong * {
  font-weight: bold;
}
header {
  padding: 10px 22px;
  background: var(--background-lightgray);
  box-shadow: var(--box-shadow-light);
  display: flex;
  align-items: center;
  gap: 20px;
  position: sticky;
  top: 0;
  z-index: 10;
}
@media (max-width: 700px) {
  header .logo {
    margin-right: auto;
  }
}
header .logo img:last-child {
  display: none;
}
header .nav {
  margin-right: auto;
}
@media (max-width: 700px) {
  header .nav {
    display: none;
  }
}
header .nav .list {
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
}
header .nav .list li {
  margin: 0;
}
header .nav .list .link {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 12px;
  transition: all 0.5s;
}
header .nav .list .link:hover {
  color: var(--hover-text);
}
header .nav .popup_menu {
  position: absolute;
  top: 100%;
  left: 30px;
  right: 30px;
  background: #fff;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  padding: 15px 20px;
  display: none;
}
header .nav .popup_menu.show_popup_menu {
  display: block;
  animation: header_show_popup_menu 0.3s forwards;
}
header .nav .popup_menu .columns {
  display: flex;
  gap: 40px;
}
header .nav .popup_menu .columns .column:first-child {
  flex-shrink: 0;
}
header .nav .popup_menu .columns .column:last-child {
  flex: 1;
}
header .nav .popup_menu .columns .column .left_menu {
  background: var(--background-darkgray);
  padding: 10px 16px;
  border-radius: var(--border-radius);
  max-width: 350px;
  height: 100%;
}
header .nav .popup_menu .columns .column .left_menu ul {
  list-style: none;
  padding: 0;
}
header .nav .popup_menu .columns .column .left_menu ul li {
  font-size: 14px;
}
header .nav .popup_menu .columns .column .left_menu ul li:not(:last-child) {
  margin-bottom: 15px;
}
header .nav .popup_menu .columns .column .left_menu ul li a {
  transition: all 0.5s;
}
header .nav .popup_menu .columns .column .left_menu ul li a:hover {
  color: var(--hover-text);
}
header .nav .popup_menu .columns .column .detail_menus {
  display: grid;
  grid-template: 1fr / 1fr;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu {
  grid-area: 1 / 1 / 1 / 1;
  opacity: 0;
  z-index: -1;
  position: relative;
  transition: all 0.5s;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu.active {
  opacity: 1;
  z-index: 1;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .go_to_category {
  margin-bottom: 15px;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .go_to_category:hover a {
  color: var(--hover-text);
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .go_to_category:hover svg path {
  fill: var(--hover-text);
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .go_to_category a {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 5px;
  transition: all 0.5s;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .go_to_category a svg path {
  transition: all 0.5s;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details {
  display: flex;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .detail {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .detail h2 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--secondary-text);
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .detail a {
  font-size: 14px;
  transition: all 0.5s;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .detail a:hover {
  color: var(--hover-text);
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .card {
  flex: 1;
  background: var(--background-darkgray);
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--border-radius);
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .card p {
  font-size: 14px;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .card .icon {
  width: 80px;
  height: 80px;
  margin-block: 20px;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .card .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
header .nav .popup_menu .columns .column .detail_menus .detail_menu .details .card .button {
  display: inline-block;
  font-size: 12px;
  padding: 10px 23px;
  border-radius: var(--border-radius);
}
header .actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
header .actions .action {
  display: flex;
  gap: 5px;
  align-items: center;
  position: relative;
}
header .actions .action:hover .popup {
  display: flex;
  animation: header_actions_show_popup_language 0.3s forwards;
}
header .actions .action:hover .popup .text:hover {
  color: var(--hover-text);
}
header .actions .action:hover .icon svg path {
  fill: var(--hover-text) !important;
}
header .actions .action:hover > .text {
  color: var(--hover-text);
}
header .actions .action .icon {
  width: 16px;
  height: 16px;
  display: flex;
}
header .actions .action .icon svg {
  margin: auto;
}
header .actions .action .icon svg path {
  transition: all 0.5s;
}
header .actions .action .text {
  font-size: 12px;
  line-height: normal;
  transition: all 0.5s;
}
@media (max-width: 700px) {
  header .actions .action .text {
    font-size: 16px;
  }
}
header .actions .action .popup {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--background-lightgray);
  padding: 8px 16px 10px 16px;
  border-radius: var(--border-radius);
  flex-direction: column;
  gap: 10px;
  box-shadow: var(--box-shadow-light);
}
header .actions .action .popup_search {
  position: absolute;
  top: calc(100% + 20px);
  right: 0;
  background: #fff;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  padding: 15px 20px;
  display: none;
  cursor: default;
}
header .actions .action .popup_search.active {
  display: block;
  animation: header_actions_show_popup_language 0.3s forwards;
}
header .actions .action .popup_search .input label {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
@media (max-width: 700px) {
  header .actions .action .popup_search .input label {
    margin-bottom: 15px;
    font-size: 14px;
  }
}
header .actions .action .popup_search .input label > span {
  margin-bottom: 5px;
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 16px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  header .actions .action .popup_search .input label > span {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
header .actions .action .popup_search .input label input:not([type=range]),
header .actions .action .popup_search .input label select {
  padding: 10px 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  font-size: 16px;
  outline: none;
}
@media (max-width: 700px) {
  header .actions .action .popup_search .input label input:not([type=range]),
  header .actions .action .popup_search .input label select {
    font-size: 12px;
  }
}
header .actions .action .popup_search .input label input:not([type=range]):focus,
header .actions .action .popup_search .input label select:focus {
  border-color: var(--primary-blue);
}
header .actions .action .popup_search .input label input {
  font-family: "VTB Group Book", sans-serif;
}
header .actions .action .popup_search .input label select {
  font-family: "VTB Group Book", sans-serif;
}
header .actions .action .popup_search .input label .detail {
  margin-top: 5px;
  font-size: 0.85em;
}
header .actions .action .popup_search .input label .range {
  display: flex;
  flex-direction: column;
}
header .actions .action .popup_search .input label .range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: calc(100% - 10px);
  background: transparent;
  --thumb-position: 50%;
  --fill-color: var(--hover-text);
  --track-color: var(--placeholder-gray);
  align-self: center;
}
header .actions .action .popup_search .input label .range input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
header .actions .action .popup_search .input label .range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
header .actions .action .popup_search .input label .range input[type="range"]::-moz-range-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
header .actions .action .popup_search .input label .range input[type="range"]::-moz-range-thumb {
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
header .actions .action .popup_search .input label .range .detail {
  display: flex;
  justify-content: space-between;
}
header .actions .action .popup_search .input label .range .detail span {
  font-size: 12px;
}
header .actions .action .popup_search .input .checkbox {
  display: flex;
  align-items: center;
  gap: 15px;
}
header .actions .action .popup_search .input .checkbox:has(:checked) .checkmark::before {
  border-color: var(--hover-text);
}
header .actions .action .popup_search .input .checkbox:has(:checked) .checkmark::after {
  opacity: 1;
}
header .actions .action .popup_search .input .checkbox .checkmark {
  width: 20px;
  height: 20px;
  position: relative;
}
header .actions .action .popup_search .input .checkbox .checkmark::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}
header .actions .action .popup_search .input .checkbox .checkmark::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
  border-radius: var(--border-radius);
  background: var(--hover-text);
  transition: all 0.5s;
}
header .actions .action .popup_search .input .checkbox span {
  font-size: 16px;
  font-family: "VTB Group Light", sans-serif;
}
@media (max-width: 700px) {
  header .actions .action .popup_search .input .checkbox span {
    font-size: 12px;
  }
}
.popup_menu_mobile {
  display: none;
  position: fixed;
  bottom: 0;
  background: #fff;
  box-shadow: var(--box-shadow-light);
  z-index: 10;
  left: 0;
  width: 100%;
}
@media (max-width: 700px) {
  .popup_menu_mobile {
    display: block;
  }
}
.popup_menu_mobile .nav .list {
  background: #fff;
  padding: 5px 0 10px 0;
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: space-around;
  position: relative;
  z-index: 2;
}
.popup_menu_mobile .nav .list li {
  margin: 0;
}
.popup_menu_mobile .nav .list .link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "VTB Group Book", sans-serif;
  font-size: 16px;
  color: var(--primary-text);
}
.popup_menu_mobile .popup_menu {
  position: absolute;
  bottom: 100%;
  background: var(--background-lightgray);
  height: calc(100dvh - 150px);
  overflow: auto;
  padding: 20px;
  transform: translateY(100%);
  transition: all 0.5s;
}
.popup_menu_mobile .popup_menu.active {
  transform: translateY(0);
}
.popup_menu_mobile .popup_menu .menu > ul > li {
  margin-bottom: 25px;
}
.popup_menu_mobile .popup_menu .menu > ul > li.expand .icon img {
  transform: rotate(180deg);
}
.popup_menu_mobile .popup_menu .menu > ul > li .icon img {
  transition: all 0.5s;
}
.popup_menu_mobile .popup_menu .menu ul {
  padding: 0;
  list-style: none;
}
.popup_menu_mobile .popup_menu .menu ul p {
  display: flex;
  justify-content: space-between;
}
.popup_menu_mobile .popup_menu .menu ul .input label {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .popup_menu_mobile .popup_menu .menu ul .input label {
    margin-bottom: 15px;
    font-size: 14px;
  }
}
.popup_menu_mobile .popup_menu .menu ul .input label > span {
  margin-bottom: 5px;
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 16px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .popup_menu_mobile .popup_menu .menu ul .input label > span {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.popup_menu_mobile .popup_menu .menu ul .input label input:not([type=range]),
.popup_menu_mobile .popup_menu .menu ul .input label select {
  padding: 10px 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  font-size: 16px;
  outline: none;
}
@media (max-width: 700px) {
  .popup_menu_mobile .popup_menu .menu ul .input label input:not([type=range]),
  .popup_menu_mobile .popup_menu .menu ul .input label select {
    font-size: 16px;
  }
}
.popup_menu_mobile .popup_menu .menu ul .input label input:not([type=range]):focus,
.popup_menu_mobile .popup_menu .menu ul .input label select:focus {
  border-color: var(--primary-blue);
}
.popup_menu_mobile .popup_menu .menu ul .input label input {
  font-family: "VTB Group Book", sans-serif;
}
.popup_menu_mobile .popup_menu .menu ul .input label select {
  font-family: "VTB Group Book", sans-serif;
}
.popup_menu_mobile .popup_menu .menu ul .input label .detail {
  margin-top: 5px;
  font-size: 0.85em;
}
.popup_menu_mobile .popup_menu .menu ul .input label .range {
  display: flex;
  flex-direction: column;
}
.popup_menu_mobile .popup_menu .menu ul .input label .range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: calc(100% - 10px);
  background: transparent;
  --thumb-position: 50%;
  --fill-color: var(--hover-text);
  --track-color: var(--placeholder-gray);
  align-self: center;
}
.popup_menu_mobile .popup_menu .menu ul .input label .range input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
.popup_menu_mobile .popup_menu .menu ul .input label .range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
.popup_menu_mobile .popup_menu .menu ul .input label .range input[type="range"]::-moz-range-track {
  background: linear-gradient(to right, var(--fill-color) 0%, var(--fill-color) var(--thumb-position), var(--track-color) var(--thumb-position), var(--track-color) 100%);
  border-radius: 4px;
  height: 4px;
}
.popup_menu_mobile .popup_menu .menu ul .input label .range input[type="range"]::-moz-range-thumb {
  background: #fff;
  border: 4px solid var(--hover-text);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: translateY(calc(-50% + 2px));
}
.popup_menu_mobile .popup_menu .menu ul .input label .range .detail {
  display: flex;
  justify-content: space-between;
}
.popup_menu_mobile .popup_menu .menu ul .input label .range .detail span {
  font-size: 12px;
}
.popup_menu_mobile .popup_menu .menu ul .input .checkbox {
  display: flex;
  align-items: center;
  gap: 15px;
}
.popup_menu_mobile .popup_menu .menu ul .input .checkbox:has(:checked) .checkmark::before {
  border-color: var(--hover-text);
}
.popup_menu_mobile .popup_menu .menu ul .input .checkbox:has(:checked) .checkmark::after {
  opacity: 1;
}
.popup_menu_mobile .popup_menu .menu ul .input .checkbox .checkmark {
  width: 20px;
  height: 20px;
  position: relative;
}
.popup_menu_mobile .popup_menu .menu ul .input .checkbox .checkmark::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-text);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}
.popup_menu_mobile .popup_menu .menu ul .input .checkbox .checkmark::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 2;
  border-radius: var(--border-radius);
  background: var(--hover-text);
  transition: all 0.5s;
}
.popup_menu_mobile .popup_menu .menu ul .input .checkbox input {
  display: none;
}
.popup_menu_mobile .popup_menu .menu ul .input .checkbox span {
  font-size: 16px;
  font-family: "VTB Group Light", sans-serif;
}
@media (max-width: 700px) {
  .popup_menu_mobile .popup_menu .menu ul .input .checkbox span {
    font-size: 12px;
  }
}
.popup_menu_mobile .popup_menu .menu ul .submenu {
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}
.popup_menu_mobile .popup_menu .menu ul .submenu ul {
  padding: 20px 0 20px 35px;
}
footer {
  margin-top: 60px;
  background: var(--background-darkblue);
  color: #fff;
}
footer .top {
  padding: 47px 44px 0 44px;
  margin-bottom: 22px;
}
@media (max-width: 700px) {
  footer .top {
    padding: 30px;
  }
}
footer .top .inner_container {
  padding: 0 0 30px 30px;
  border-bottom: rgba(255, 255, 255, 0.6) 1px solid;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 700px) {
  footer .top .inner_container {
    padding: 0;
    border: none;
  }
}
@media (max-width: 700px) {
  footer .top .inner_container {
    flex-direction: column;
    gap: 20px;
  }
}
footer .top .inner_container .column h4 {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 18px;
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  footer .top .inner_container .column h4 {
    margin-bottom: 10px;
  }
}
footer .top .inner_container .column h4 + p {
  margin-top: -20px;
  margin-bottom: 15px;
}
@media (max-width: 700px) {
  footer .top .inner_container .column h4 + p {
    margin: 0;
  }
}
footer .top .inner_container .column p,
footer .top .inner_container .column ul {
  font-size: 14px;
}
footer .top .inner_container .column a[href^="tel:"] {
  font-size: 20px;
  font-family: "VTB Group Demi Bold", sans-serif;
  display: inline-block;
  margin-bottom: 20px;
}
footer .top .inner_container .column .subcolumns {
  display: flex;
  gap: 45px;
}
@media (max-width: 700px) {
  footer .top .inner_container .column .subcolumns {
    gap: 10px;
  }
}
footer .top .inner_container .column .subcolumns .subcolumn ul {
  list-style: none;
  padding: 0;
}
footer .top .inner_container .column .subcolumns .subcolumn ul a {
  transition: all 0.5s;
}
footer .top .inner_container .column .subcolumns .subcolumn ul a:hover {
  color: rgba(255, 255, 255, 0.6);
}
footer .top .inner_container .column .buttons {
  display: grid;
  grid-template-columns: min-content;
  gap: 10px;
}
@media (max-width: 700px) {
  footer .top .inner_container .column .buttons {
    margin-top: 20px;
  }
}
footer .top .inner_container .column .buttons .button {
  padding: 6px 19px;
  font-size: 14px;
  border-radius: var(--border-radius);
  white-space: nowrap;
  text-align: center;
}
footer .bottom {
  display: flex;
  justify-content: space-between;
  padding: 0 15px 10px 15px;
}
@media (max-width: 700px) {
  footer .bottom {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 75px;
  }
}
footer .bottom p {
  color: rgba(255, 255, 255, 0.6);
}
footer .bottom .socials {
  display: flex;
  gap: 10px;
  align-items: center;
}
button {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}
a {
  color: inherit;
  text-decoration: none;
}
main > a[href],
main li a[href] {
  color: var(--hover-text);
  transition: all 0.5s;
}
main > a[href]:hover,
main li a[href]:hover {
  color: var(--primary-blue);
}
p a:not(.button),
span a:not(.button),
.table a:not(.button) {
  color: var(--hover-text);
  transition: all 0.5s;
}
p a:not(.button):hover,
span a:not(.button):hover,
.table a:not(.button):hover {
  color: var(--primary-blue);
}
.button {
  background: var(--primary-blue);
  color: #fff;
  transition: all 0.5s;
}
.button:hover {
  background: var(--hover-text);
}
.button.white {
  background: #fff;
  color: var(--background-darkblue);
}
.button.white:hover {
  opacity: 0.8;
}
.button.icon {
  display: flex;
  align-items: center;
}
ul {
  list-style: "\2014  ";
  padding-left: 1.5em;
}
ul li:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  [data-desktop] {
    display: none !important;
  }
}
.breadcrumb-list {
  display: flex;
  list-style: none;
  font-family: VTB Group Book, sans-serif;
  font-size: 14px;
  color: var(--secondary-text);
  padding: 0;
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .breadcrumb-list {
    display: none;
  }
}
.breadcrumb-list .breadcrumb-item:not(:last-child) {
  margin-right: 10px;
  color: var(--hover-text);
}
.breadcrumb-list .breadcrumb-item:not(:last-child)::after {
  content: "\00BB";
  display: inline-block;
  color: var(--secondary-text);
  margin-left: 10px;
}
.grid {
  display: grid;
  grid-template-columns: repeat(var(--columns, 3), 1fr);
  gap: 25px;
  justify-content: center;
}
@media (max-width: 700px) {
  .grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.grid .card {
  background: #fff;
  padding: 25px 18px 6px 18px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 700px) {
  .grid .card {
    padding: 20px 30px;
  }
}
.grid .card.big {
  grid-row: 1 / span 2;
  grid-column: -2;
  padding-bottom: 20px;
}
@media (max-width: 700px) {
  .grid .card.big {
    grid-column: 1 / 1;
    grid-row: unset;
  }
}
.grid .card.span_col {
  grid-row: 1 / span 2;
}
@media (max-width: 700px) {
  .grid .card.span_col {
    grid-row: unset;
  }
}
.grid .card.span_row {
  grid-column: 1 / span 2;
}
@media (max-width: 700px) {
  .grid .card.span_row {
    grid-column: unset;
  }
}
.grid .card > .icon {
  width: 200px;
  align-self: center;
}
@media (max-width: 700px) {
  .grid .card > .icon {
    display: none;
  }
}
.grid .card > .icon img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.grid .card .link {
  margin-top: auto;
}
@media (max-width: 700px) {
  .grid .card .link {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
.grid .card .link svg path {
  transition: all 0.5s;
}
.grid .card p {
  margin-top: 18px;
  color: var(--secondary-text);
}
.grid .card .text p {
  margin-top: 0;
}
.grid .card h3 {
  margin-bottom: 10px;
}
.grid .card .button {
  padding: 13px 49px;
  border-radius: var(--border-radius);
  align-self: center;
}
@media (max-width: 700px) {
  .grid .card .button {
    margin-top: 15px;
  }
}
.icon_grid {
  display: grid;
  gap: 25px 50px;
  grid-template-columns: repeat(var(--columns, 4), 300px);
  margin: 0 auto 100px auto;
  justify-content: center;
}
@media (max-width: 700px) {
  .icon_grid {
    grid-template-columns: repeat(2, 1fr);
    justify-content: unset;
    grid-template-rows: min-content;
    gap: 25px;
    padding-inline: 20px;
    margin-bottom: 45px;
  }
}
.icon_grid .card {
  background: #fff;
  padding: 10px 24px;
  display: grid;
  grid-template-rows: 100px 1fr 30px;
  gap: 5px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  transition: all 0.5s;
}
@media (max-width: 700px) {
  .icon_grid .card {
    grid-template-rows: 1fr 100px;
    padding: 10px;
  }
}
.icon_grid .card:hover {
  box-shadow: var(--box-shadow-dark);
}
.icon_grid .card:hover .link svg path {
  fill: var(--hover-text);
}
.icon_grid .card.span_3 {
  grid-column: span 3;
  grid-template-rows: 1fr 30px;
  grid-template-columns: 1fr 200px;
}
@media (max-width: 700px) {
  .icon_grid .card.span_3 {
    grid-column: unset;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 100px;
  }
}
.icon_grid .card.span_3 .icon {
  grid-column: 2;
  grid-row: 1 / 3;
}
@media (max-width: 700px) {
  .icon_grid .card.span_3 .icon {
    grid-row: 2 / 2;
    grid-column: 1 / 1;
  }
}
.icon_grid .card.span_3 .icon img {
  height: 200px;
}
@media (max-width: 700px) {
  .icon_grid .card.span_3 .icon img {
    height: 100px;
  }
}
.icon_grid .card.span_3 .text {
  grid-column: 1;
}
.icon_grid .card.span_3 .text h3 {
  font-size: 24px;
  margin-top: 30px;
}
@media (max-width: 700px) {
  .icon_grid .card.span_3 .text h3 {
    font-size: 16px;
    margin-top: 0;
  }
}
.icon_grid .card.span_3 .text p,
.icon_grid .card.span_3 .text ul {
  font-size: 18px;
}
@media (max-width: 700px) {
  .icon_grid .card.span_3 .text p,
  .icon_grid .card.span_3 .text ul {
    display: none;
  }
}
.icon_grid .card .icon {
  grid-row: 1;
  text-align: center;
}
@media (max-width: 700px) {
  .icon_grid .card .icon {
    grid-row-start: 2;
  }
}
.icon_grid .card .icon img {
  height: 100px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 700px) {
  .icon_grid .card .text {
    text-align: center;
  }
}
.icon_grid .card .text h3 {
  margin-bottom: 18px;
  font-size: 20px;
  font-family: "VTB Group Demi Bold", sans-serif;
}
@media (max-width: 700px) {
  .icon_grid .card .text h3 {
    grid-row-start: 1;
    font-size: 16px;
    font-family: "VTB Group Book", sans-serif;
    margin-bottom: 0;
  }
}
.icon_grid .card .text p,
.icon_grid .card .text ul {
  font-size: 16px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .icon_grid .card .text p,
  .icon_grid .card .text ul {
    display: none;
  }
}
@media (max-width: 700px) {
  .icon_grid .card .link {
    display: none;
  }
}
.icon_grid .card .link svg path {
  transition: all 0.5s;
}
.columns_row {
  width: 1024px;
  margin: 60px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .columns_row {
    width: 100%;
    flex-direction: column;
    padding-inline: 25px;
    margin-top: 50px;
  }
}
@media (max-width: 700px) {
  .columns_row .column {
    text-align: center;
    font-size: 12px;
  }
}
.columns_row .column p,
.columns_row .column ul,
.columns_row .column ol {
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .columns_row .column p,
  .columns_row .column ul,
  .columns_row .column ol {
    font-size: 12px;
  }
}
.table {
  display: grid;
  grid-template-columns: repeat(var(--columns, 4), 1fr);
  margin: 60px 0 20px 0;
}
@media (max-width: 700px) {
  .table {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    margin-top: 40px;
  }
}
.table.nbsp * {
  white-space: nowrap;
}
.table .thead,
.table .tcell {
  padding: 20px 20px 20px 0;
  border-bottom: 2px solid var(--placeholder-gray);
}
.table .thead {
  font-family: "VTB Group Demi Bold", sans-serif;
  font-size: 18px;
  position: sticky;
  top: 3rem;
}
.table .thead:has(.simple_flex) {
  display: grid;
  gap: 5px;
}
.table .thead:has(.simple_flex) .simple_flex {
  margin-top: auto;
}
@media (max-width: 700px) {
  .table .thead {
    grid-column-start: 1;
    position: static;
  }
}
.table .tcell p,
.table .tcell ul,
.table .tcell ol,
.table .tcell span {
  color: var(--secondary-text);
  font-size: 18px;
  margin-bottom: 0.5rem;
}
@media (max-width: 700px) {
  .table .tcell {
    grid-column-start: 2;
  }
}
.table .tcell.col_span_all {
  grid-column: 1 / -1;
}
.table .table {
  margin: -20px 0;
}
.table .table .tcell {
  border: none;
}
.table span.lower {
  font-size: 0.75em;
}
main h1,
main h2 {
  font-size: 26px;
}
main p,
main > ul,
main > ol,
main > ul li,
main > ol li,
main .details ul,
main .details ol {
  font-size: 16px;
  color: var(--primary-text);
}
@media (max-width: 700px) {
  main p,
  main > ul,
  main > ol,
  main > ul li,
  main > ol li,
  main .details ul,
  main .details ol {
    font-size: 14px;
  }
}
main .spoiler {
  background: #fff;
  box-shadow: var(--box-shadow-light);
  border-radius: var(--border-radius);
  transition: all 0.5s;
  margin-block: 1rem;
}
main .spoiler:hover {
  box-shadow: var(--box-shadow-dark);
}
main .spoiler.open .title .icon img {
  transform: rotate(0deg);
}
main .spoiler.open .details {
  grid-template-rows: 1fr;
}
main .spoiler.open .details .details_container {
  visibility: visible;
  padding: 1rem;
}
main .spoiler .title {
  padding: 1rem;
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s;
}
main .spoiler .title:hover {
  transform: translateX(0.5rem);
}
main .spoiler .title .icon {
  width: 2rem;
  height: 2rem;
}
main .spoiler .title .icon img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  transform: rotate(-90deg);
}
main .spoiler .details {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.5s;
}
main .spoiler .details .details_container {
  min-height: 0;
  transition: all 0.5s;
  visibility: hidden;
  padding: 0 1rem;
}
main h3 {
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  main img {
    float: unset !important;
    max-width: 100%;
  }
}
main > p {
  margin-bottom: 20px;
}
main strong {
  color: var(--primary-text);
}
main a.button {
  display: inline-block;
  padding: 13px 49px;
  border-radius: var(--border-radius);
  align-self: center;
  margin-block: 10px;
}
@media (max-width: 700px) {
  main a.button {
    margin-top: 15px;
  }
}
main .simple_flex {
  display: flex;
  gap: 5px;
}
main .simple_flex > * {
  flex: 1;
}
.files {
  margin-bottom: 100px;
}
.files .file {
  margin-bottom: 20px;
}
.files .file .title {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 10px;
}
.files .file .title .icon {
  width: 40px;
  height: 40px;
}
.files .file .title .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.files .file .title p {
  font-size: 16px;
  color: var(--primary-blue);
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .files .file .title p {
    font-size: 14px;
  }
}
.files .file .description {
  font-size: 16px;
  color: var(--secondary-text);
}
@media (max-width: 700px) {
  .files .file .description {
    font-size: 14px;
  }
}
.news-detail .news-date {
  color: var(--secondary-text);
  margin-bottom: 1rem;
}
.news-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
.news-pagination .button {
  padding: 0.5rem 1rem;
}
.news-pagination .button.prev img {
  transform: rotate(180deg);
}
.news-pagination .button.active {
  background: none;
  border: 1px solid var(--primary-blue);
  color: var(--primary-blue);
}
.news-pagination .button img {
  display: block;
}
.gallery_with_info {
  display: flex;
  gap: 1rem;
}
@media (max-width: 768px) {
  .gallery_with_info {
    flex-direction: column;
  }
}
.gallery_with_info .gallery {
  flex: 0 0 300px;
}
@media (max-width: 768px) {
  .gallery_with_info .gallery {
    flex: 0 0 100%;
  }
}
.gallery_with_info .gallery .carousel {
  overflow: clip;
  overflow-clip-margin: 10px;
}
.gallery_with_info .gallery .carousel .slides {
  display: grid;
  grid-template: 1fr / 1fr;
  margin-bottom: 20px;
}
.gallery_with_info .gallery .carousel .slides .slide {
  grid-area: 1 / 1 / 1 / 1;
  position: relative;
}
.gallery_with_info .gallery .carousel .slides .slide.animating {
  transition: all 0.5s;
}
.gallery_with_info .gallery .carousel .slides .slide.active {
  transform: translateX(0);
  z-index: 2;
  opacity: 1;
}
.gallery_with_info .gallery .carousel .slides .slide.next {
  opacity: 0;
  transform: translateX(calc(100% + 20px));
}
.gallery_with_info .gallery .carousel .slides .slide.prev {
  opacity: 0;
  transform: translateX(calc(-100% - 20px));
}
.gallery_with_info .gallery .carousel .slides .slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
.gallery_with_info .gallery .carousel .controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
.gallery_with_info .gallery .carousel .controls .control {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--carousel-dot-gray);
  cursor: pointer;
  transition: all 0.5s;
}
.gallery_with_info .gallery .carousel .controls .control.active {
  background: var(--primary-blue);
  width: 60px;
}
/*# sourceMappingURL=globals.css.map */
/* End */
/* /local/templates/vtb_main/assets//css/index.css?177876246017475 */
/* /local/templates/vtb_main/assets//css/otdeleniya_i_bankomaty.css?177876249611351 */
/* /local/templates/vtb_main/assets//css/deposit_kalkulyator.css?177876244612671 */
/* /local/templates/vtb_main/assets//css/kreditnyy_kalkulyator.css?177876247212688 */
/* /local/templates/vtb_main/assets//css/kreditovanie_biznes_klientov.css?177876247810170 */
/* /local/templates/vtb_main/assets//css/kreditovanie_fizikov.css?17787624826595 */
/* /local/templates/vtb_main/assets//css/malyy_i_sredniy_biznes.css?17787624849255 */
/* /local/templates/vtb_main/assets//css/msb.css?17787624886837 */
/* /local/templates/vtb_main/assets//css/o_banke.css?17787624921026 */
/* /local/templates/vtb_main/assets//css/primer_stranicy_produkta.css?17787625003335 */
/* /local/templates/vtb_main/assets//css/tarify.css?17787625082501 */
/* /local/templates/vtb_main/assets//css/vklady_i_sertifikat.css?17787625125937 */
/* /local/templates/vtb_main/assets//css/zayavka.css?17787625168321 */
/* /local/templates/vtb_main/assets//css/keyframes.css?1778762470522 */
/* /local/templates/vtb_main/assets//css/animate.css?17787624461232 */
/* /local/templates/vtb_main/assets//css/globals.css?177868660034365 */