@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 300;
  src: local("Exo 2 Light"), url("/themes/vorotastav/fonts/Exo2-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 400;
  src: local("Exo 2 Regular"), url("/themes/vorotastav/fonts/Exo2-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 500;
  src: local("Exo 2 Medium"), url("/themes/vorotastav/fonts/Exo2-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 600;
  src: local("Exo 2 SemiBold"), url("/themes/vorotastav/fonts/Exo2-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  src: local("Exo 2 Bold"), url("/themes/vorotastav/fonts/Exo2-Bold.ttf") format("truetype");
}

* {
  box-sizing: border-box;
}

*::after,
*::before {
  box-sizing: border-box;
}

body {
  font-family: "Exo 2", sans-serif;
  font-size: calc(14px + 2 * (100vw - 360px) / 1560);
  line-height: 150%;
  font-weight: 400;
  letter-spacing: 0.1px;
  color: var(--color-content-neutral-200, #767B7F);
  font-feature-settings: "pnum" on, "lnum" on;
  overflow-x: hidden;
}

.body--lock {
  overflow: hidden;
}

ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: flex-start;
}

.footer {
  margin-top: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  color: var(--color-content-neutral-300, #5C6063);
  font-family: "Exo 2", sans-serif;
  text-wrap: balance;
}

h1,
.h1 {
  margin: 0 0 1em 0;
  font-size: calc(32px + 28 * (100vw - 360px) / 1560);
  font-weight: 700;
  line-height: 120%;
}

h2,
.h2 {
  margin: 0 0 24px 0;
  font-size: calc(32px + 8 * (100vw - 360px) / 1560);
  font-weight: 700;
  line-height: 110%;
}

h3,
.h3 {
  margin: 0 0 0.67em 0;
  font-size: calc(22px + 10 * (100vw - 360px) / 1560);
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.25px;
}

h4,
.h4 {
  margin: 0 0 0.76em 0;
  font-size: calc(18px + 6 * (100vw - 360px) / 1560);
  font-weight: normal;
  line-height: 120%;
}

h5,
.h5 {
  margin: 0 0 8px 0;
  font-size: calc(16px + 4 * (100vw - 360px) / 1560);
  font-weight: 600;
  line-height: 120%;
}

.title--light {
  color: var(--color-content-white, #FFF);
}

.title-limit {
  max-width: 544px;
}

a {
  display: block;
  color: var(--color-content-neutral-200, #767B7F);
  text-decoration: none;
  cursor: pointer;
}

input {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border: none;
  background-color: var(--color-content-white);
  font-size: 16px;
}

input__wrap {
  position: relative;
}

input[type=text],
input[type=tel],
input[type=password] {
  background-image: url("../images/icons/form/textfield.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 10px;
}

input.checkbox,
input[type=checkbox],
input[type=radio] {
  display: none;
}

input.checkbox~label,
input[type=checkbox]~label,
input[type=radio]~label {
  position: relative;
  padding-left: 28px;
  display: grid;
  font-size: 14px;
  line-height: 1.5;
  align-items: center;
}

input.checkbox~label:after,
input[type=checkbox]~label:after,
input[type=radio]~label:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-content-accent);
}

input.checkbox.white~label:after,
input[type=checkbox].white~label:after,
input[type=radio].white~label:after {
  border-color: var(--color-content-white);
  background-color: var(--color-content-white);
}

input.checkbox.white:checked~label:before,
input[type=checkbox].white:checked~label:before,
input[type=radio].white:checked~label:before {
  filter: brightness(0) saturate(100%) invert(74%) sepia(21%) saturate(2752%) hue-rotate(335deg) brightness(100%) contrast(102%);
}

input:checked~label:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  z-index: 2;
  background-image: url("../images/icons/form/arrow-white__check.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}

input:checked~label:after {
  background-color: var(--color-base-primary-400);
}

p {
  display: block;
  margin: 0 0 1em 0;
}

p:last-child {
  margin: 0;
}

p a {
  display: inline;
  color: var(--color-content-primary);
}

section {
  padding: var(--size-space-8x) 0;
}

section:first-child {
  padding: 8px 0 var(--size-space-8x) 0;
}

.section_bottom {
  padding-bottom: var(--size-space-14x);
}

.section_both {
  padding: var(--size-space-14x) 0;
}

.section_top {
  padding-top: var(--size-space-14x);
}

section:last-child {
  margin-bottom: 0;
}

.page-title h1 {
  margin-bottom: 16px;
  font-size: calc(32px + 8 * (100vw - 360px) / 1560);
}

.colorbox {
  outline: none;
}

.colorbox #cboxClose {
  outline: none;
}

.mx-6 {
  max-width: 656px;
}

main {
  margin-top: 140px;
}

.button {
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
  min-width: 116px;
  height: 44px;
  margin: 0;
  padding: 0 24px;
  background-color: var(--color-content-primary, #1CB5E3);
  display: grid;
  align-items: center;
  justify-content: center;
  color: var(--color-content-white);
  gap: 8px;
  grid-auto-flow: column;
  cursor: pointer;
  border: 2px solid var(--color-content-primary);
}

.button_orange {
  color: var(--color-content-white);
  border-color: var(--color-content-accent);
  background-color: var(--color-content-accent);
}

.button_orange.button_outlined {
  border-color: var(--color-content-white);
  color: var(--color-content-white);
}

.button_outlined {
  border: 2px solid var(--color-content-white, #FFF);
  background-color: transparent;
}

.button_more {
  font-weight: 600;
  color: var(--color-content-primary);
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 13px;
  align-items: center;
}

.button_big {
  height: 64px;
  padding: 12px var(--size-padding-300, 32px);
}

.button_full {
  height: 64px;
  width: 100%;
}

.button.button-card {
  height: 64px;
  padding: 0 16px;
}

.button_animate {
  position: relative;
  box-shadow: 0 0 0 rgba(175, 153, 107, 0.8);
  animation: button--pulse 3.4s infinite;
}

.button_animate-bordered {
  position: relative;
  box-shadow: 0 0 0 rgba(175, 153, 107, 0.8);
  animation: button-bordered--pulse 3.4s infinite;
}

@keyframes button--pulse {
  0% {
    box-shadow: 0 0 0 0 #77d2ed;
  }

  50% {
    box-shadow: 0 0 0 10px rgba(212, 98, 98, 0);
    background-color: var(--color-base-primary-600, #0b90c4);
    border-color: var(--color-base-primary-600, #0b90c4);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(212, 98, 98, 0);
  }
}

@keyframes button-bordered--pulse {
  0% {
    box-shadow: 0 0 0 0 #FFF;
  }

  50% {
    box-shadow: 0 0 0 10px rgba(212, 98, 98, 0);
    background-color: var(--color-content-white, #FFF);
    color: var(--color-content-accent, #FF9F2D);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(212, 98, 98, 0);
  }
}

table {
  border-collapse: collapse;
  width: 100%;
}

table thead tr:nth-child(odd) {
  background-color: var(--color-table-neutral-default, #F7F7F7);
}

table thead tr:nth-child(even) {
  background-color: var(--color-table-light-default, #FFF);
}

table tr {
  border-top: 1px solid var(--color-border-md, #DFE1E2);
}

table tr:last-child {
  border-bottom: 1px solid var(--color-border-md, #DFE1E2);
}

table tr td,
table tr th {
  text-align: center;
  vertical-align: middle;
  padding: var(--size-space-base-4x, 16px);
  border-right: 1px solid var(--color-border-md, #DFE1E2);
}

table tr td:first-child,
table tr th:first-child {
  border-left: 1px solid var(--color-border-md, #DFE1E2);
}

table tr td.active,
table tr th.active {
  background-color: var(--color-table-light-hover-secondary, #EBECED);
  cursor: pointer;
}

table tr td.active-target,
table tr th.active-target {
  background-color: var(--color-table-light-hover-primary, #C5C8CA);
}

table tr:nth-child(odd) {
  background-color: var(--color-table-light-default, #FFF);
}

table tr:nth-child(even) {
  background-color: var(--color-table-neutral-default, #F7F7F7);
}

table tr.active {
  background-color: var(--color-table-light-hover-secondary, #EBECED) !important;
}

table:hover tr {
  background-color: unset;
}

table__td-descriptor {
  display: block;
  font-size: 12px;
}

table .table__check {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-image: url("/themes/vorotastav/images/icons/check-round.svg");
  background-repeat: no-repeat;
  background-position: center;
}

table .table__color {
  color: var(--color-content-white);
  text-align: left;
}

table .table__color_ral9016 {
  background-color: #f9f9f9;
  color: var(--color-content-neutral-200);
}

table .table__color_ral8014 {
  background-color: #4a3526;
}

table .table__color_ral9006 {
  background-color: #a8a9ad;
}

table .table__color_ral8017 {
  background-color: #442f29;
}

table .table__color_ral7016 {
  background-color: #1d3138;
}

table .table__color_ral6005 {
  background-color: #00543d;
}

table .table__color_ral5010 {
  background-color: #004f7c;
}

table .table__color_ral3004 {
  background-color: #6b1c23;
}

table .table__color_ral1015 {
  background-color: #e6d2b5;
}

table .table__color_ral703 {
  background-color: #19353a;
}

table .table__color_ral9007 {
  background-color: #818286;
}

table .table__color_ral9006 {
  background-color: #a8a9ad;
}

table .table__color_ral8003 {
  background-color: #885b48;
}

table .table__color_ral8028 {
  background-color: #452b12;
}

table .table__color_ral8001 {
  background-color: #996a3c;
}

table .table__color_ral7040 {
  background-color: #869598;
}

table .table__color_ral7035 {
  background-color: #c6ccc8;
}

table .table__color_ral7030 {
  background-color: #878e87;
}

table .table__color_ral7016 {
  background-color: #1d3138;
}

table .table__color_ral6009 {
  background-color: #013920;
}

table .table__color_ral6005 {
  background-color: #00543d;
}

table .table__color_ral5014 {
  background-color: #537797;
}

table .table__color_ral5011 {
  background-color: #01153a;
}

table .table__color_ral3003 {
  background-color: #9f0a0e;
}

table .table__color .h-ral1015 {
  background-color: #ead9ae;
}

.swiper__inner {
  position: relative;
}

.swiper-scrollbar__wrapper {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 20px;
}

.swiper-scrollbar__wrapper:has(.button_more) {
  grid-template-columns: max-content 1fr;
}

.swiper-scrollbar-horizontal {
  background: linear-gradient(to bottom, var(--color-content-white) 40%, #e2e2e2 40% 70%, var(--color-content-white) 70%);
  height: 16px;
}

.swiper-scrollbar-drag {
  background: linear-gradient(to bottom, var(--color-content-white) 40%, var(--color-content-primary) 40% 70%, var(--color-content-white) 70%);
  cursor: pointer;
  border-radius: 0;
}

.swiper:not(:has(.swiper-slide:nth-child(2))) .swiper-navigation {
  display: none;
}

.swiper-navigation_inside .swiper-button-next {
  right: 0;
}

.swiper-navigation_inside .swiper-button-prev {
  left: 0;
}

.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  height: 64px;
  display: grid;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E7E8E9;
  left: -56px;
  cursor: pointer;
  margin-top: 0;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: var(--color-base-neutral-100);
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: unset;
}

.swiper-button-next {
  left: unset;
  right: -56px;
}

.swiper [class^=swiper-button-next].swiper-button-disabled,
.swiper [class^=swiper-button-prev].swiper-button-disabled {
  pointer-events: auto;
}

.swiper-scrollbar {
  border-radius: 0;
}

.container {
  width: 100%;
  max-width: calc(var(--container) + 2 * var(--size-padding-14x));
  margin: 0 auto;
  padding: 0 var(--size-padding-14x);
}

.category__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--size-padding-4x);
}

.category__image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.category__title {
  padding: 24px;
  display: grid;
  align-items: center;
  color: var(--color-base-neutral-700);
  font-size: 20px;
  font-weight: 600;
}

.category__wrapper {
  background-color: var(--color-base-neutral-25);
}

.category__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: var(--color-content-primary);
}

.category__item {
  display: grid;
  grid-template-rows: max-content 1fr;
}

.category__item:hover .category__wrapper {
  background-color: var(--color-content-primary);
  transition: all 0.3s;
}

.category__item:hover .category__title {
  color: var(--color-content-white);
}

.category__media {
  position: relative;
}

.product__title {
  margin-bottom: 16px;
}

.product-char {
  display: grid;
  grid-auto-flow: row;
  gap: 8px;
}

.product-char__item {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.product-wrapper {
  padding: 24px;
  background: var(--color-bg-neutral-25, #F7F7F8);
}

.product-action {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.product-action__price {
  color: var(--color-content-neutral-300, #5C6063);
  background-color: var(--color-bg-neutral-50, #EEEFF0);
  padding: 20px 24px;
  margin: 0;
}

.product-action__details {
  display: grid;
  align-items: center;
  justify-content: center;
}

.product-snippet {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px;
  align-items: center;
  background-color: #ffffff;
  padding: 8px;
}

.portfolio-info {
  padding: 24px;
  background-color: var(--color-bg-neutral-25, #F7F7F8);
}

.portfolio-title {
  margin-bottom: 8px;
}

.advantages {
  background: var(--color-content-primary, #1CB5E3);
}

.advantages-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4x, 16px);
}

.advantages-item {
  background-color: var(--color-content-white);
  padding: var(--size-padding-8x, 32px);
}

.advantages-item__icon {
  margin-bottom: 24px;
  width: 96px;
  height: 96px;
  padding: 16px;
  background-color: var(--color-content-primary, #1CB5E3);
  display: grid;
  align-items: center;
  justify-content: center;
}

.team {
  /*&-scrollbar {
      background: linear-gradient(to bottom, var(--color-base-neutral-25) 40%, #e2e2e2 40% 70%, var(--color-base-neutral-25) 70%);
  }

  & .swiper-scrollbar-drag {
      background: linear-gradient(to bottom, var(--color-base-neutral-25) 40%, var(--color-content-primary) 40% 70%, var(--color-base-neutral-25) 70%);
  }*/
}

.team-slide {
  background: var(--color-bg-white, #FFF);
  height: auto;
  display: grid;
  grid-template-rows: max-content 1fr;
}

.team-slide>img {
  width: 100%;
}

.team-subtitle {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-border-md, #D6D8D9);
}

.team-info {
  padding: var(--space-6x, 24px);
  background: var(--color-base-neutral-25);
}

.team-phone {
  margin-bottom: 10px;
}

.contacts {
  padding: var(--size-space-24x, 96px) 0;
  background: var(--color-content-accent, #FF9F2D);
}

.contacts__inner {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 16px;
}

.contacts__inner.contacts__inner_popup {
  grid-template-columns: 1fr;
}

.contacts__form {
  width: 100%;
  max-width: 432px;
}

.contacts__info {
  max-width: 679px;
}

.contacts-page__item {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 16px;
}

.contacts-page__label {
  font-weight: 600;
}

.best-slide {
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  height: auto;
}

.best__title {
  margin-bottom: 16px;
}

.best-char {
  display: grid;
  grid-auto-flow: row;
  gap: 8px;
}

.best-char__item {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.best-wrapper {
  padding: 24px;
  background: var(--color-bg-neutral-25, #F7F7F8);
}

.best-action {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.best-action__price {
  color: var(--color-content-neutral-300, #5C6063);
  background-color: var(--color-bg-neutral-50, #EEEFF0);
  padding: 20px 24px;
  margin: 0;
}

.best-action__details {
  display: grid;
  align-items: center;
  justify-content: center;
}

.footer {
  background: var(--color-content-primary, #1CB5E3);
  padding: var(--size-space-14x) 0;
  color: var(--color-content-white);
}

.footer-logo_min {
  display: none;
}

.footer-top {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: space-between;
  padding-bottom: var(--space-8x, 32px);
  border-bottom: 1px solid var(--color-content-primary-primary, #FFF);
  margin-bottom: var(--space-8x, 32px);
}

.footer-bottom {
  display: grid;
  /*grid-template-columns:  1fr max-content;*/
  gap: 32px;
}

.footer__copy {
  display: grid;
  gap: 16px;
  color: var(--color-content-white);
}

.footer__copy a {
  display: inline-block;
  color: var(--color-content-white);
}

.footer__copy-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;

}

.footer__policy {
  justify-self: end;
}

.footer__title {
  margin-bottom: 24px;
}

.footer-scrollTop {
  width: 44px;
  height: 44px;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: var(--color-content-white, #FFF);
  justify-self: end;
  cursor: pointer;
}

.footer-info {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 16px;
  padding-bottom: 32px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 32px;
}

.footer-info .title--light {
  margin-bottom: 16px;
}

.footer-menu__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 656px;
  justify-self: end;
  width: 100%;
}

.footer-menu__item {
  color: var(--color-content-white);
  display: grid;
  align-content: start;
  grid-template-rows: 42px 1fr;
}

.footer-menu__item a {
  color: var(--color-content-white);
  padding: 6px 0;
}

.footer-menu__title {
  font-weight: 600;
}

.footer__contacts+.footer__contacts {
  margin-top: 16px;
}

.footer__contacts a {
  font-weight: 600;
  color: #fff;
}

.footer__contacts span {
  font-size: 12px;
  display: block;
  margin-bottom: 2px;
}

.footer .button {
  height: 52px;
  margin: auto;
}

.clickbox__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.clickbox__items_4 {
  grid-template-columns: repeat(4, 1fr);
}

.clickbox__items_4 .clickbox__info {
  grid-template-rows: 1fr;
}

.clickbox__items_3 {
  grid-template-columns: repeat(3, 1fr);
}

.clickbox__items_3 .clickbox__info {
  grid-template-rows: 1fr;
}

.clickbox__items:has(.clickbox__descr) .clickbox__info {
  grid-template-rows: max-content 1fr;
}

.clickbox__title {
  margin-bottom: 0;
}

.clickbox__item {
  display: grid;
  grid-template-rows: max-content 1fr;
  position: relative;
}

.clickbox__info {
  background-color: var(--color-base-neutral-25);
  padding: 24px;
  display: grid;
  grid-template-rows: 1fr;
  gap: 16px;
}

.clickbox__link_canvas::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(360deg, #b1b1b1 0%, rgba(32, 71, 122, 0) 100%);
  opacity: 0.2;
  z-index: 2;
}

.clickbox__link_canvas::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(360deg, #b1b1b1 0%, rgba(32, 71, 122, 0) 100%);
  opacity: 0.2;
  transform: rotate(180deg);
  z-index: 2;
}

.personal-offer {
  padding: 0;
  margin: var(--size-space-8x) 0;
  overflow: hidden;
  background-color: var(--color-base-accent-400);
  color: var(--color-content-white);
}

.personal-offer .title {
  margin-bottom: 20px;
}

.personal-offer__info {
  max-width: 488px;
  padding: var(--size-padding-24x) 0;
}

.personal-offer__description {
  margin-bottom: 40px;
}

.personal-offer__wrapper {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 16px;
}

.personal-offer__action {
  margin-top: 16px;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 16px;
  align-items: center;
}

.personal-offer__imgbox {
  position: relative;
}

.personal-offer__imgbox::after {
  content: "";
  position: absolute;
  left: 20%;
  bottom: 100px;
  width: 700px;
  height: 700px;
  background-color: var(--color-content-primary);
  border: 6px solid var(--color-content-white);
  border-radius: 50%;
  z-index: 1;
}

.personal-offer__imgbox::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20%;
  width: 489px;
  height: 489px;
  background-color: var(--color-content-white);
  border-radius: 50%;
  z-index: 1;
}

.personal-offer__image {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
}

.tabs {
  overflow: hidden;
}

.tabs-nav {
  display: grid;
  grid-auto-flow: column;
  width: -moz-max-content;
  width: max-content;
  border-bottom: 1px solid var(--color-border-md);
  margin-bottom: 56px;
}

.tabs-nav_full {
  width: 100%;
  grid-auto-columns: 1fr;
  margin-bottom: 16px;
}

.tabs-nav_full .tabs-nav__item {
  text-align: center;
  transition: 0.15s;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--color-bg-neutral-25, #f7f7f8);
  border: none;
}

.tabs-nav_full .tabs-nav__item::after {
  width: 0;
  background-color: var(--color-button-light_bg-accent-default, #FE9D2D);
  transition: 0.15s;
}

.tabs-nav_full .tabs-nav__item--show {
  background: var(--color-bg-neutral-50, #EBECED);
}

.tabs-nav_full .tabs-nav__item--show::after {
  width: 100%;
}

.tabs-nav__item {
  padding: 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  overflow: hidden;
  cursor: pointer;
}

.tabs-nav__item--show {
  position: relative;
}

.tabs-nav__item--show::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--color-content-primary);
}

.tabs-content__item {
  height: 0;
  visibility: hidden;
  transform: translate(-100%, 0);
  overflow: hidden;
  transition: 0.15s;
}

.tabs-content__item .card__char {
  padding: 20px;
}

.tabs-content__item--show {
  height: auto;
  position: relative;
  visibility: visible;
  transform: translate(0, 0);
}

.tabs-content__table {
  overflow: auto;
}

.tabs-content__left {
  max-width: 432px;
}

.switcher {
  overflow: hidden;
}

.switcher-general {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 16px;
}

.switcher-general__item {
  padding: 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  transition: 0.15s;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--color-bg-neutral-25, #f7f7f8);
}

.switcher-general__item::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 4px;
  background-color: var(--color-button-light_bg-accent-default, #FE9D2D);
  transition: 0.15s;
}

.switcher-general__item.switcher--show {
  position: relative;
  background: var(--color-bg-neutral-50, #EBECED);
}

.switcher-general__item.switcher--show::after {
  width: 100%;
}

.switcher__aside {
  display: grid;
  gap: 8px;
  grid-template-rows: 1fr max-content;
}

.switcher__trigger {
  display: none;
  grid-auto-flow: column;
  justify-content: center;
  gap: var(--space-1x, 4px);
  padding: var(--size-space-base-4x, 16px) var(--size-padding-margin-xl-half, 32px);
  background: var(--color-button-light_bg-neutral-light-default, #EBECED);
  font-size: 16px;
  cursor: pointer;
}

.switcher__trigger::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("/themes/vorotastav/images/icons/arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0);
  transition: 0.15s;
}

.switcher__trigger--active::after {
  transform: rotate(90deg);
}

.switcher-slave {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  background-color: var(--color-base-neutral-25, #F7F7F7);
}

.switcher-slave__item {
  display: inline-grid;
  height: -moz-max-content;
  height: max-content;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  gap: 16px;
  width: 100%;
  cursor: pointer;
  padding: var(--size-padding-200, 16px);
  transition: 0.3s;
}

.switcher-slave__item::before {
  content: "";
  width: var(--size-space-base-5x, 20px);
  height: var(--size-space-base-5x, 20px);
  border-radius: var(--size-border-radius-button-lg, 32px);
  border: 2px solid var(--color-button-light_bg-neutral-dark-default, #767B7F);
  transition: 0.15s;
}

.switcher-slave__item.switcher--show {
  background: var(--color-bg-neutral-50, #EBECED);
}

.switcher-slave__item.switcher--show::before {
  border: 6px solid var(--color-button-light_bg-accent-default, #FE9D2D);
  background: var(--color-bg-white, #FFF);
}

.switcher__wrap {
  display: grid;
  grid-template-columns: 2fr 10fr;
  gap: 16px;
}

.switcher-data {
  overflow: hidden;
}

.switcher-data__item {
  height: 0;
  visibility: hidden;
  transform: translate(-100%, 0);
  overflow: auto;
  transition: 0.15s;
}

.switcher-data__item.switcher--show {
  height: auto;
  position: relative;
  visibility: visible;
  transform: translate(0, 0);
}

.arrow-box {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.arrow-box::before,
.arrow-box::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("/themes/vorotastav/images/icons/arrow-tail.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.arrow-box::before {
  transform: rotate(90deg);
}

.widget {
  padding: 48px;
  background-color: var(--color-base-neutral-25);
}

.widget_small {
  padding: 24px;
}

.widget__title {
  font-weight: 600;
}

.widget+.widget {
  margin-top: 16px;
}

.widget__list_ordered {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: li;
}

.widget__list_ordered .widget__item::after {
  counter-increment: li;
  content: counter(decimal-leading-zero) counter(li);
  width: unset;
  height: unset;
  font-size: 16px;
  font-weight: 600;
  background: unset;
  top: 0;
}

.widget__list+p {
  margin-top: 1em;
}

.widget__item {
  padding-bottom: 16px;
  padding-left: 40px;
  border-bottom: 1px solid #E3E4E6;
  position: relative;
}

.widget__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.widget__item+.widget__item {
  margin-top: 16px;
}

.widget__item::after {
  content: "";
  left: 0;
  top: 8px;
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-content-primary);
}

.widget__item_file {
  min-height: 27px;
}

.widget__item_file::after {
  background-image: url("/themes/vorotastav/images/icons/file.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: unset;
  top: 0px;
  width: 32px;
  height: 27px;
}

.widget__item_check {
  display: grid;
  grid-auto-flow: column;
  gap: 16px;
  justify-content: space-between;
}

.widget__item_check::after {
  background: url("/themes/vorotastav/images/icons/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 12px;
  filter: brightness(0) saturate(100%) invert(74%) sepia(71%) saturate(3439%) hue-rotate(156deg) brightness(92%) contrast(93%);
}

.widget a:not([class]) {
  display: inline;
  color: var(--color-content-primary);
}

.widget__quantity {
  font-weight: 700;
}

.widget-faq__title {
  font-weight: 600;
}

.widget-faq__clicker {
  width: 40px;
  height: 40px;
  display: grid;
  align-items: start;
  justify-content: center;
  background-color: #E7E8E9;
  position: relative;
  cursor: pointer;
}

.widget-faq__vertical {
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 1px);
  height: 16px;
  width: 2px;
  background-color: var(--color-base-neutral-600);
  transition: transform 0.3s;
}

.widget-faq__horizontal {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
  height: 2px;
  width: 16px;
  background-color: var(--color-base-neutral-600);
}

.widget-faq__content {
  height: 0;
  visibility: hidden;
  display: block;
}

.widget-faq__item {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border-md);
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  gap: 16px;
}

.widget-faq__item+.widget-faq__item {
  margin-top: 12px;
}

.widget-faq__item--show .widget-faq__vertical {
  transform: rotate(90deg);
  transition: transform 0.3s;
}

.widget-faq__item--show .widget-faq__content {
  height: auto;
  visibility: visible;
  display: block;
}

.num {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: li;
}

.num li {
  display: grid;
  align-items: center;
  position: relative;
  counter-increment: item;
  color: var(--color-content-white, #FFF);
}

.num li::before {
  counter-increment: li;
  content: counter(decimal-leading-zero) counter(li);
  width: unset;
  height: unset;
  background: unset;
}

#block-vorotastav-contact {
  max-width: 432px;
  justify-self: end;
}

.char__item {
  display: grid;
  grid-template-columns: 1fr max-content;
  row-gap: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border-md);
  margin-bottom: 12px;
}

.char__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.char__data {
  justify-self: end;
  font-weight: 700;
  display: grid;
  grid-auto-flow: column;
  gap: 3px;
}

.webform-submission-order-form,
.webform-submission-order-custom-form,
.webform-submission-contact-form,
.webform-submission-contact-popup-form,
.webform-submission-vacancy-popup-form {
  display: grid;
  gap: 16px;
}

.webform-button--submit {
  width: 100%;
}

.webform-button--submit:hover {
  border-color: var(--color-content-white);
  color: var(--color-content-accent);
}

.webform-confirmation__message {
  color: var(--color-content-white, #FFF);
}

.webform-confirmation-modal {
  border: unset !important;
  border-radius: unset !important;
  padding: 0 !important;
}

.webform-confirmation-modal .ui-dialog-titlebar {
  border-radius: unset !important;
  border: unset !important;
  background-color: var(--color-content-primary) !important;
}

.webform-confirmation-modal .ui-dialog-titlebar-close {
  border: unset !important;
  border-radius: unset !important;
}

.form-item-personal input {
  display: none;
}

.form-item-personal input:checked~label::after {
  background-image: url("/themes/vorotastav/images/icons/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--color-content-white);
}

.form-item-personal input:checked~label::before {
  content: unset;
}

.form-item-personal label {
  padding-left: 32px;
  color: var(--color-content-white);
  position: relative;
  cursor: pointer;
  text-wrap: balance;
}

.form-item-personal label::after {
  content: "";
  position: absolute;
  left: 0;
  top: -1.5px;
  width: 20px;
  height: 20px;
  background-color: var(--color-content-white);
}

.form-item-personal .description {
  padding-left: 28px;
}

.form-item-personal .description a {
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-content-white);
  text-decoration: underline;
}

.form-output {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 16px;
}

.form-output__trigger {
  display: none;
}

.form-output__filter {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}

.form-output .form-select li[data-value=field_sort_value_DESC] {
  display: none;
}

.licenses {
  background: var(--color-base-neutral-25, #F7F7F8);
}

.licenses-widget {
  background-color: var(--color-content-white);
}

.licenses-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 48px;
}

.licenses-image {
  max-height: 452px;
}

.licenses-scrollbar {
  background: linear-gradient(to bottom, var(--color-base-neutral-25) 40%, #e2e2e2 40% 70%, var(--color-base-neutral-25) 70%);
}

.licenses .swiper-scrollbar-drag {
  background: linear-gradient(to bottom, var(--color-base-neutral-25) 40%, var(--color-content-primary) 40% 70%, var(--color-base-neutral-25) 70%);
}

.banner {
  padding: 0 !important;
}

.banner__slide {
  width: 100%;
  padding: 56px;
  color: var(--color-content-white);
  background: linear-gradient(90deg, rgb(255, 159, 45) 84%, rgb(28, 181, 227) 84%);
  height: 468px;
  display: grid;
  grid-template-rows: 1fr max-content;
  gap: 16px;
}

.banner .button:hover {
  background-color: var(--color-content-white);
  color: var(--color-content-accent);
  border-color: var(--color-content-white);
}

.banner__title {
  margin-bottom: 24px;
  color: var(--color-content-white);
  line-height: 100%;
  text-wrap: balance;
}

.banner__subtitle {
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.15;
  text-wrap: balance;
}

.banner__description {
  font-size: 24px;
  font-weight: 400;
  text-wrap: balance;
}

.banner__date {
  margin-top: 32px;
  font-size: 24px;
  font-weight: 600;
}

.banner__image {
  max-height: 372px;
  max-width: 40%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.banner__textbox {
  max-width: 59%;
}

.banner__body {
  margin-top: 24px;
}

.navigation__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.navigation__item {
  position: relative;
  overflow: hidden;
  background-color: var(--color-content-primary);
  color: var(--color-content-white);
  min-height: 168px;
  padding: 24px;
}

.navigation__item--silver {
  background-color: var(--color-base-neutral-25);
  color: var(--color-base-neutral-700);
}

.navigation__item--silver .navigation__title {
  font-weight: 400;
  color: var(--color-base-neutral-700);
}

.navigation__item--silver .navigation__image {
  right: 24px;
  bottom: 24px;
}

.navigation__image {
  position: absolute;
  right: -15px;
  bottom: -10px;
}

.navigation__title {
  color: var(--color-content-white);
  font-weight: 600;
}

.navigation__subtitle {
  color: var(--color-content-primary);
  display: block;
}

.promo__list {
  display: grid;
  gap: 16px;
}

.promo__list .banner__title a {
  color: var(--color-content-white);
}

.promo__item {
  overflow: hidden;
  position: relative;
}

.promo-mark {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}

.promo-mark__item {
  background-color: var(--color-content-accent);
  color: var(--color-content-white);
  padding: var(--size-padding-2x) var(--size-padding-4x);
  width: -moz-max-content;
  width: max-content;
  font-weight: 600;
}

.personal__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.personal__info {
  max-width: 544px;
}

.personal__form {
  padding: 24px;
  color: var(--color-bg-white);
  background-color: var(--color-content-accent);
  height: -moz-max-content;
  height: max-content;
}

.personal__title {
  line-height: 1.1;
}

.personal__action {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 24px;
  align-items: center;
  margin-top: 16px;
}

.ajax-throbber .sk-bounce-dot {
  background-color: var(--color-content-accent);
}

.node__video {
  position: relative;
  outline: none;
}

.node__play {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 80px;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: var(--color-content-primary);
}

.node__play.node__play_small {
  width: 50px;
  height: 50px;
}

.option__item {
  display: grid;
  height: auto;
  grid-template-rows: max-content 1fr;
}

.clearfix::after {
  content: unset;
}

.link__item {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: var(--color-content-primary);
}

.view-portfolio section {
  padding-top: 0;
}

.view:has(.view-filters) {
  overflow-x: hidden;
}

.bef-checkboxes .js-form-item {
  margin-right: 0;
}

.route__item {
  display: grid;
  grid-template-columns: 24px max-content;
  padding: 8px;
  gap: 16px;
  align-items: center;
}

.route__item svg {
  justify-self: center;
  max-width: 24px;
  max-height: 24px;
}

.basic-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.basic__left {
  position: sticky;
  top: 150px;
  height: -moz-max-content;
  height: max-content;
}

.basic__offset {
  margin-top: 16px;
}

.basic__img {
  margin-bottom: 16px;
}

.basic__video {
  aspect-ratio: 1.5;
}

.basic__slider {
  margin-top: 32px;
}

.basic__slide {
  max-height: 275px;
  height: auto;
}

.basic__slide img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

iframe {
  border: none;
}

.text.text_standart {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.text.text_column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

.text__data {
  max-width: 768px;
}

.text__media {
  max-width: 544px;
  display: grid;
  align-self: start;
  gap: 32px;
  position: sticky;
  top: 150px;
}

.text__title_media {
  margin-bottom: 0;
}

.text p a {
  color: var(--color-content-primary);
}

.article-list:has(.views-infinite-scroll-content-wrapper)>.views-infinite-scroll-content-wrapper,
.article-list:not(:has(.views-infinite-scroll-content-wrapper)) {
  display: grid;
  max-width: 992px;
  gap: 56px;
  padding-bottom: 40px;
}

.article-list:not(:has(.views-infinite-scroll-content-wrapper)),
.article-list>.views-infinite-scroll-content-wrapper {
  display: grid;
  max-width: 936px;
  gap: 56px;
}

.article-list:not(:has(.views-infinite-scroll-content-wrapper)):after,
.article-list>.views-infinite-scroll-content-wrapper:after {
  display: none;
}

.article-list__item {
  display: grid;
  gap: 32px;
  grid-template-columns: 350px 1fr;
}

.article-list__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--radius-base);
}

.article-list__info {
  display: grid;
  gap: 8px;
}

.article-list__title {
  margin: 0;
}

.article-list__content {
  display: grid;
  gap: 8px;
}

.article-list__descriptor {
  margin: 0;
}

.block-offset {
  display: grid;
  gap: 32px;
}

.timecode {
  display: grid;
  gap: var(--size-space-1x, 4px);
}

.timecode__item {
  color: var(--color-content-neutral-secondary, #767B7F);
  font-size: 16px;
  font-weight: 500;
  padding: var(--size-padding-1x, 4px) 0;
}

.timecode__link {
  display: flex;
  gap: 16px;
}

.timecode__num {
  color: var(--color-button-light_bg-primary-dark-default, #1CB5E3);
  font-variant-numeric: lining-nums tabular-nums;
}

.qr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(var(--gap) * 2);
}

.qr__item {
  padding: 16px;
  background-color: #ffffff;
}

.path-frontpage .messages__wrapper {
  width: 100%;
  max-width: calc(var(--container) + 2 * var(--size-padding-14x));
  margin: 0 auto;
  padding: 0 var(--size-padding-14x);
}

.star1-on {
  background: url("/themes/vorotastav/images/icons/star.svg") no-repeat 0 0;
  width: 18px;
  height: 18px;
}

.text-item {
  padding: var(--size-padding-12x);
  background-color: #F7F7F7;
}

.text-item h4 {
  margin: 0 0 20px 0;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.25px;
}

.text-item p {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  position: relative;
}

.text-item p::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--color-border-lg, #B4B7BA);
  opacity: 0.3;
  left: 0;
  bottom: 0;
}

.text-item p:last-child {
  margin: 0;
  padding: 0;
}

.text-item p:last-child::after {
  content: none;
}

.service-list:has(.views-infinite-scroll-content-wrapper)>.views-infinite-scroll-content-wrapper,
.service-list:not(:has(.views-infinite-scroll-content-wrapper)) {
  display: grid;
  max-width: 992px;
  gap: 56px;
  padding-bottom: 40px;
}

.service-list:not(:has(.views-infinite-scroll-content-wrapper)),
.service-list>.views-infinite-scroll-content-wrapper {
  display: grid;
  max-width: 936px;
  gap: 56px;
}

.service-list:not(:has(.views-infinite-scroll-content-wrapper)):after,
.service-list>.views-infinite-scroll-content-wrapper:after {
  display: none;
}

.service-list__item {
  display: grid;
  gap: 32px;
  grid-template-columns: 350px 1fr;
}

.service-list__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--radius-base);
}

.service-list__info {
  display: grid;
  grid-auto-rows: max-content;
  gap: 8px;
}

.service-list__title {
  margin: 0;
}

.service-list__content {
  display: grid;
  gap: 8px;
}

.service-list__descriptor {
  margin: 0;
}

ol.ordered-list {
  counter-reset: number;
  padding: 0;
  margin: 0;
}

ol.ordered-list li {
  position: relative;
  padding: 0 0 24px var(--size-space-10x);
  visibility: visible;
  height: auto;
  margin: 0 0 24px 0;
  font-size: calc(14px + 2 * (100vw - 360px) / 1560);
}

ol.ordered-list li::marker {
  content: none;
}

ol.ordered-list li::before {
  position: absolute;
  color: var(--color-content-neutral-primary, #5C6063);
  font-family: "Exo 2";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.1px;
  top: 0;
  left: 0;
  counter-increment: number;
  content: "0" counter(number);
}

ol.ordered-list li:nth-child(n+10)::before {
  content: counter(number);
}

ol.ordered-list li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--color-border-lg, #B4B7BA);
  opacity: 0.3;
  left: 0;
  bottom: 0;
}

ol.ordered-list li:last-child {
  padding: 0 0 0 var(--size-space-10x);
  margin: 0;
}

ol.ordered-list li:last-child::after {
  content: none;
}

.double-arrow-btn {
  background-color: #1CB5E3;
  cursor: pointer;
  padding: 24px;
  position: relative;
}

.double-arrow-btn h3 {
  color: #fff;
  margin-bottom: 16px;
}

.double-arrow-btn p {
  color: #fff;
  font-size: calc(14px + 2 * (100vw - 360px) / 1560);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.1px;
  max-width: 294px;
}

.double-arrow-btn::after {
  position: absolute;
  content: "";
  width: 120px;
  height: 120px;
  background-image: url(/themes/vorotastav/images/icons/double-arrow-right-white.png);
  background-repeat: no-repeat;
  bottom: -18px;
  right: -17px;
}

.brief {
  position: sticky;
  top: 150px;
  height: -moz-max-content;
  height: max-content;
  transition: all 0.3s;
  border-radius: 5px;
  overflow: hidden;
}

.brief-min {
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  display: grid;
  grid-template-columns: 80px 1fr max-content;
  gap: 8px;
  width: 100%;
  background-color: #ffffff;
  opacity: 0;
  transition: 0.3s;
  z-index: -1000;
}

.brief-min__info {
  display: grid;
  grid-auto-rows: max-content;
  align-self: center;
  gap: 4px;
}

.brief-min__title {
  font-size: 14px;
  line-height: 110%;
  font-weight: 600;
  color: var(--color-content-primary, #1CB5E3);
}

.brief-min__price {
  font-size: 14px;
  line-height: 100%;
}

.brief-min .swiper-navigation,
.brief-min .swiper-scrollbar__wrapper {
  display: none;
}

.pager__items {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.pager__item.is-active a {
  color: var(--color-content-primary);
}

@media (max-width: 1440px) {
  .brief {
    top: 108px;
    height: -moz-max-content;
    height: max-content;
    max-height: calc(100vh - 150px);
  }
}

@media (max-width: 1000px) {
  .brief {
    order: -1;
    position: static;
    width: 100%;
    max-width: 800px;
    max-height: unset;
  }

  .brief__wrap {
    display: grid;
    gap: 16px;
  }

  .brief__desc {
    order: 1;
    position: static;
    grid-template-columns: 1fr;
    background: linear-gradient(1.84deg, #20477A 3.12%, rgba(32, 71, 122, 0) 169.12%);
    border-radius: 5px;
    overflow: hidden;
  }

  .brief .field--name-field-image {
    width: 100%;
    max-width: -moz-max-content;
    max-width: max-content;
    border-radius: 5px;
    overflow: hidden;
  }

  .brief .photo-card {
    min-width: 100%;
  }

  .brief-min--sticky {
    opacity: 1;
    z-index: 2;
  }
}

.catalog__item {
  position: relative;
}

.compare__trigger {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: red;
  z-index: 10;
  top: 0;
  left: 0;
}

.compare__trigger.active {
  background-color: green;
}

.compare__trigger.disabled {
  opacity: 0.5;
}

.compare-link__wrap {
  position: relative;
}

.compare-link__wrap.hover .compare-preview__wrap {
  opacity: 1;
  z-index: 10;
  visibility: visible;
}

.compare-link__wrap.disable .compare-preview__wrap {
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: -1 !important;
}

.compare-link__amount {
  color: var(--color-base-accent-700);
  text-decoration: underline;
}

.compare-preview__wrap {
  background-color: white;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  display: grid;
  gap: 16px;
  position: absolute;
  top: 45px;
  left: 0;
}

.compare-preview__item {
  display: grid;
  grid-template-columns: max-content 16px;
  gap: 30px;
  align-items: center;
  padding: 24px 50px;
  border-bottom: 1px solid #c4c4c6;
  justify-content: space-between;
}

.compare-preview__item span {
  color: var(--color-content-neutral-200, #767B7F);
}

.compare__tab {
  display: none;
}

.compare__tab.active {
  display: block;
}

.compare__tab table tr.hidden {
  display: none;
}

.compare__tab table tr.field_img td {
  position: relative;
}

.compare__tab table tr.field_img td .compare__trigger-td {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 26px;
  width: 25px;
  height: 25px;
  background-color: cadetblue;
  color: white;
}

.compare__buttons {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.compare__buttons .button {
  position: relative;
}

.compare__buttons .button.active {
  background-color: var(--color-base-accent-400);
}

.compare__buttons .button.active::after {
  content: "X";
}

.compare__check {
  display: flex;
  gap: 16px;
  margin-top: 30px;
}

.wishlist__trigger {
  position: absolute;
  z-index: 10;
  left: 63px;
  top: 15px;
  cursor: pointer;
}

.wishlist__trigger.active svg {
  fill: #1CB5E3;
}

.wishlist-link__amount {
  color: var(--color-base-accent-700);
  text-decoration: underline;
}

.industrial-service {
  padding: var(--size-space-14x) 0;
}

.industrial-service .services-options__item {
  padding: 0;
}

.industrial-service__title {
  margin-bottom: 40px;
}

.industrial-section h2 {
  margin-bottom: 20px;
}

.industrial-licenses .button {
  max-width: 432px;
  align-self: end;
}

.industrial-licenses .licenses-info__first {
  display: grid;
  grid-template-rows: auto auto 1fr;
}

.industrial-licenses .swiper-scrollbar-horizontal {
  background: linear-gradient(to bottom, var(--color-base-neutral-25) 40%, #e2e2e2 40% 70%, var(--color-base-neutral-25) 70%);
}







.personal-offer.yellow .personal-offer__description {
  margin-bottom: 40px;
  max-width: 432px;
}

.personal-offer.yellow .personal-offer__button,
.personal-offer.blue .personal-offer__button, 
.personal-offer.img_first .personal-offer__button {
  height: 44px;
  max-width: 432px;
}

.personal-offer.yellow .personal-offer__imgbox::before {
  left: 60%;
  bottom: -36%;
}

.personal-offer.yellow .personal-offer__imgbox::after {
  left: 15%;
}

.personal-offer.blue {
  background-color: var(--color-content-primary);
}

.personal-offer.img_first .personal-offer__wrapper {
  grid-template-columns: 1fr 1fr;
}

.personal-offer.blue .personal-offer__imgbox::after {
  background-color: var(--color-base-accent-400);
}

.personal-offer.img_first .personal-offer__imgbox::after {
  left: -47%;
  bottom: -118px;
}

.personal-offer.img_first .personal-offer__imgbox::before {
  left: 17%;
  bottom: auto;
  top: -29%;
}

.personal-offer.img_first .personal-offer__image {
  left: 10%;
}

.personal-offer__image {
  max-height: 100%;
}







@media (min-width: 1920px) {
  body {
    font-size: 16px;
  }

  h1,
  .h1 {
    font-size: 60px;
  }

  h2,
  .h2 {
    font-size: 40px;
  }

  h3,
  .h3 {
    font-size: 32px;
  }

  h4,
  .h4 {
    font-size: 24px;
  }

  h5,
  .h5 {
    font-size: 20px;
  }
}

@media (hover: hover) {
  .hidden-pc {
    display: none;
  }
}

@media(max-width: 1350px) {
  .personal-offer.img_first .personal-offer__imgbox::before {
    left: 3%;
    top: -70%;
  }
}

@media (min-width: 767px) {
  .button:hover {
    background-color: var(--color-content-white);
    color: var(--color-content-primary);
    border: 2px solid var(--color-content-primary);
    transition: background-color 0.3s;
  }

  .button:hover svg path {
    stroke: var(--color-content-primary);
  }

  .button_outlined:hover {
    background-color: var(--color-content-white);
    color: var(--color-content-primary);
    border-color: var(--color-content-primary);
    transition: background-color 0.3s;
  }

  .button_outlined:hover.button_orange {
    background-color: var(--color-content-white);
    color: var(--color-content-accent);
    border-color: var(--color-content-accent);
  }
}

@media (max-width: 1450px) {
  .swiper-button-prev {
    left: -40px;
  }

  .swiper-button-next {
    right: -40px;
  }
}

@media (max-width: 1440px) {
  main {
    margin-top: 111px;
  }
}

@media (max-width: 1366px) {
  main {
    margin-top: 100px;
  }

  .footer__copy {
    grid-template-columns: 1fr;
    justify-content: start;
    gap: 16px;
  }

  .footer__policy {
    justify-self: start;
  }
}

@media (max-width: 1250px) {
  .contacts__inner {
    grid-template-columns: max-content 1fr;
  }

  .contacts__form {
    max-width: 500px;
    margin-left: auto;
  }
}

@media (max-width: 1200px) {
  .container {
    padding: 0 24px;
  }

  .path-frontpage .messages__wrapper {
    padding: 0 24px;
  }

  .banner__slide {
    padding: 24px 24px;
  }

  .advantages-item {
    padding-left: 24px;
  }

  .swiper-button-prev {
    left: -20px;
  }

  .swiper-button-next {
    right: -20px;
  }

  .clickbox__items_4 {
    grid-template-columns: repeat(3, 1fr);
  }

  .text__media {
    position: static;
  }

  .text.text_standart {
    grid-template-columns: 1fr;
    max-width: 656px;
  }

  .double-arrow-btn::after {
    width: 90px;
    height: 90px;
    bottom: 15px;
    right: 15px;
  }
}

@media (max-width: 1050px) {
  .footer-info {
    grid-template-columns: 1fr;
  }

  .footer-menu__items {
    justify-self: start;
  }
}

@media (max-width: 1000px) {
  .category__items {
    grid-template-columns: repeat(3, 1fr);
  }

  .licenses-widget,
  .widget {
    padding: 24px;
  }

  .widget__item {
    padding-left: 24px;
  }

  .widget__item.widget__item_file {
    padding-left: 40px;
  }

  .personal-offer__wrapper {
    grid-template-columns: 2fr 1fr;
  }

  table tr td,
  table tr th {
    min-width: 100px;
  }

  .double-arrow-btn h3 {
    margin-bottom: 10px;
  }

  .double-arrow-btn::after {
    width: 60px;
    height: 60px;
    bottom: 15px;
    right: 15px;
    background-size: cover;
  }

  ol.ordered-list li {
    padding: 0 0 16px 32px;
    margin: 0 0 16px 0;
  }

  .personal-offer.img_first .personal-offer__wrapper {
    grid-template-columns: 1fr 2fr;
  }

  .personal-offer.img_first .personal-offer__imgbox::before {
    left: -100px;
    top: -85%;
  }

  .personal-offer.img_first .personal-offer__imgbox::after {
    left: -521px;
    bottom: -118px;
  }
}

@media (max-width: 950px) {
  .banner__slide {
    height: auto;
  }

  .navigation__wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .navigation__item--silver {
    grid-column: 1/3;
  }

  .basic-wrapper {
    grid-template-columns: 1fr;
  }

  .basic__left {
    position: static;
  }

  .basic__right {
    max-width: 656px;
  }

  .footer__copy-row {
    flex-direction: column;
  }
}

@media (max-width: 900px) {
  .personal__wrapper {
    grid-template-columns: 1fr;
  }

  .personal__form {
    max-width: 544px;
  }

  .reviews__wrapper {
    grid-template-columns: 1fr;
  }

  .webform-submission-contact-form {
    max-width: 432px;
  }

  .contacts__form {
    margin-left: 0;
  }

  #block-vorotastav-contact {
    justify-self: start;
  }

  .contacts {
    padding: 56px 0;
  }

  .contacts__info {
    max-width: 432px;
  }

  .contacts__inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 850px) {
  main {
    margin-top: 45px;
  }
}

@media (max-width: 800px) {
  .banner__image {
    position: static;
    order: -1;
    margin-left: -6%;
  }

  .banner__textbox {
    max-width: 100%;
  }

  .banner__slide {
    background: #ff9f2d;
    overflow: hidden;
    background: radial-gradient(421px at top left, var(--color-content-primary) 68%, var(--color-content-accent) 68%);
  }
}

@media (max-width: 767px) {
  .footer-menu__item {
    grid-template-rows: 36px 1fr;
  }

  .licenses-widget,
  .widget {
    padding: 16px;
  }

  .widget__lsit:not(.widget__list_ordered).widget__item {
    padding-left: 16px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    position: static;
    transform: unset;
    margin-top: 0;
    width: 64px;
  }

  .swiper-navigation {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-items: end;
    justify-content: end;
    height: 64px;
  }

  .licenses-info {
    max-width: 560px;
    grid-template-columns: 1fr;
  }

  .category__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .personal__form {
    padding: 16px;
  }

  .team-info {
    padding: 16px;
  }

  .category__title {
    padding-left: 16px;
  }

  .category__item {
    display: grid;
    grid-template-rows: 1fr max-content;
  }

  .category__icon {
    width: 42px;
    height: 42px;
  }

  .category__icon svg {
    width: 16px;
  }

  .container {
    padding: 0 16px;
  }

  .path-frontpage .messages__wrapper {
    padding: 0 16px;
  }

  .advantages-item {
    padding: 16px;
  }

  .advantages-item__icon {
    width: 60px;
    height: 60px;
  }

  .advantages-item__icon svg {
    width: 36px;
    height: auto;
  }

  .article-list__item {
    display: grid;
    gap: 16px;
    grid-template-columns: unset;
  }

  .article-list__bold {
    font-size: 20px;
  }

  .service-list__item {
    display: grid;
    gap: 16px;
    grid-template-columns: unset;
  }

  .service-list__bold {
    font-size: 20px;
  }

  .footer-logo {
    display: none;
  }

  .footer-logo_min {
    display: block;
  }

  .footer .button {
    height: 50px;
  }

  .text-item {
    padding: 32px;
  }

  .text-item p {
    margin: 0 0 14px 0;
    padding: 0 0 14px 0;
  }

  .double-arrow-btn {
    padding: 18px;
  }

  .double-arrow-btn p {
    max-width: 80%;
  }

  .double-arrow-btn::after {
    width: 50px;
    height: 50px;
    bottom: 12px;
  }
}

@media (max-width: 650px) {
  .advantages-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .clickbox__items_4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .personal-offer__image {
    position: relative;
    width: 300px;
    height: 300px;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: top;
    object-position: top;
    border-radius: 50%;
    zoom: 82%;
  }

  .personal-offer__imgbox {
    order: -1;
    max-width: 244px;
    min-height: 244px;
    display: grid;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
  }

  .personal-offer__imgbox::before {
    left: 0;
    bottom: 0;
    width: 244px;
    height: 244px;
  }

  .personal-offer__imgbox::after {
    z-index: 0;
    width: 102vw;
    height: 102vw;
    top: unset;
    bottom: calc(100% - 150px);
    left: 50%;
    transform: translate(-50%, 0);
    border: 2px solid #fff;
  }

  .personal-offer__wrapper {
    grid-template-columns: 1fr;
    padding-top: 32px;
  }

  .personal-offer__info {
    padding: 13px 0 32px;
  }

  .switcher__wrap {
    grid-template-columns: 1fr;
  }

  .switcher__trigger {
    display: flex;
  }

  .switcher__aside {
    display: none;
  }

  .switcher__aside button {
    display: none;
  }

  .switcher__aside--show {
    display: block;
  }

  .qr {
    grid-template-columns: 1fr;
  }

  .qr__item {
    display: grid;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    justify-self: center;
  }

  .qr__item img {
    height: calc(33.3333333333vh - var(--gap) * 2);
    width: auto;
  }

  .personal-offer.yellow .personal-offer__imgbox::before,
  .personal-offer.img_first .personal-offer__imgbox::before {
    left: 0;
    bottom: 0;
    width: 244px;
    height: 244px;
    top: unset;
  }

  .personal-offer.yellow .personal-offer__image {
    object-position: 33% -9%;
  }

  .personal-offer.yellow .personal-offer__imgbox::after,
  .personal-offer.img_first .personal-offer__imgbox::after {
    z-index: 0;
    width: 102vw;
    height: 102vw;
    top: unset;
    bottom: calc(100% - 150px);
    left: 50%;
    transform: translate(-50%, 0);
    border: 2px solid #fff;
  }

  .personal-offer.yellow .personal-offer__info,
  .personal-offer.img_first .personal-offer__info {
    margin: 0 auto;
  }

  .personal-offer.img_first .personal-offer__wrapper {
    grid-template-columns: 1fr;
    padding-top: 32px;
  }

  .personal-offer.img_first .personal-offer__image {
    left: unset;
  }

  .personal-offer.img_first .personal-offer__image {
    object-position: 50% -21%;
  }
}

@media (max-width: 600px) {
  .navigation__item {
    padding: 16px;
    min-height: 124px;
  }

  .navigation__item--silver .navigation__image {
    max-height: 24px;
    width: auto;
    right: 16px;
    bottom: 16px;
  }

  .category__icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .category__item {
    position: relative;
  }

  .category__title {
    min-height: 64px;
  }

  .footer-menu__items {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer__copy {
    gap: 8px;
  }

  .footer-scrollTop {
    align-self: end;
  }

  .footer__copy {
    gap: 10px;
  }
}

@media (max-width: 550px) {
  .clickbox__items {
    grid-template-columns: repeat(1, 1fr);
    max-width: 400px;
  }
}

@media (max-width: 500px) {
  .navigation__wrapper {
    grid-template-columns: 1fr;
  }

  .navigation__item--silver {
    grid-column: 1/2;
  }

  .node__play {
    width: 50px;
    height: 50px;
  }

  .tabs-nav {
    overflow-x: auto;
    width: 100%;
  }

  .tabs-nav__item {
    overflow: unset;
  }

  .swiper-scrollbar__wrapper:has(.button_more) {
    grid-template-columns: 1fr;
  }

  .swiper-scrollbar__wrapper:has(.button_more) .button_more {
    order: 1;
  }
}

@media (max-width: 450px) {
  .category__items {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 24px;
  }

  .footer .button {
    display: none;
  }

  .personal__action {
    grid-template-columns: 1fr;
  }

  .banner__image {
    max-width: 65%;
  }

  .banner__subtitle {
    font-size: 16px;
  }
}

@media (max-width: 400px) {
  .advantages-items {
    grid-template-columns: 1fr;
  }

  .banner .button {
    width: 100%;
  }

  .text-item {
    padding: 24px;
  }

  .double-arrow-btn::after {
    width: 35px;
    height: 35px;
    bottom: 12px;
  }
}

/*# sourceMappingURL=style.css.map */