@charset "UTF-8";
:root {
  --back-color: #272728;
  --light-back-color: #F1F1F5;
  --main-back-color: #1E1E1F;
  --dark-black: #09090A;
  --stroke-dark: #26262C;
  --stroke-light: #37373F;
  --decor-color: #86868B;
  --decor-light-color: #E4E4E8;
  --default-color: #FFF;
  --accent-color: #81BC41;
  --info-color: #723FE3;
  --danger-color: #EB3434;
  --gray-light: #9898A0;
  --oswald-font: "Oswald", sans-serif;
  --default-font: "Hauora", sans-serif;
}

/* Fonts */
@font-face {
  font-family: "Hauora";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/hauora/Hauora-Regular.woff") format("woff"), url("../fonts/hauora/Hauora-Regular.woff2") format("woff2"), url("../fonts/hauora/Hauora-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Hauora";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/hauora/Hauora-Medium.woff") format("woff"), url("../fonts/hauora/Hauora-Medium.woff2") format("woff2"), url("../fonts/hauora/Hauora-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Hauora";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/hauora/Hauora-SemiBold.woff") format("woff"), url("../fonts/hauora/Hauora-SemiBold.woff2") format("woff2"), url("../fonts/hauora/Hauora-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Oswald";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/oswald/Oswald-Regular.woff") format("woff"), url("../fonts/oswald/Oswald-Regular.woff2") format("woff2"), url("../fonts/oswald/Oswald-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Oswald";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/oswald/Oswald-Medium.woff") format("woff"), url("../fonts/oswald/Oswald-Medium.woff2") format("woff2"), url("../fonts/oswald/Oswald-Medium.ttf") format("truetype");
}
* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  font-family: var(--default-font);
  font-size: 16px;
  line-height: 1.375;
  color: var(--default-color);
  font-weight: 400;
  background-color: var(--main-back-color);
}

.container {
  width: 100%;
  max-width: 1316px;
  margin: 0 auto;
  padding: 0 20px;
}

h1, .h1 {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 500;
  font-size: 82px;
  line-height: 88px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
h1_smaller, .h1_smaller {
  font-size: 72px;
  line-height: 84px;
  letter-spacing: -0.02;
}

h2, .h2 {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 400;
  font-size: 44px;
  line-height: 54px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

h3, .h3 {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 400;
  font-size: 27px;
  line-height: 35px;
  text-transform: uppercase;
}

h4, .h4 {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}

h5, .h5 {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}

.accent {
  color: var(--accent-color);
}

.headline {
  font-size: 18px;
  line-height: 28px;
}

.caption {
  font-size: 12px;
  line-height: 16px;
}
.caption_medium {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin: 20px 0;
}

ul, ol {
  margin: 15px 0;
  padding-left: 20px;
}

li::marker {
  color: var(--default-color);
  padding-left: 0;
}

a {
  color: var(--accent-color);
  text-decoration: none;
  cursor: pointer;
  transition: color linear 0.3s;
}
a:hover {
  text-decoration: underline;
}

.wb {
  margin: 20px 0;
  padding: 20px;
  background-color: var(--default-color);
}

.mt-5 {
  margin-top: 5em;
}

._topBorder {
  border-top: 1px solid var(--stroke-light);
  padding-top: 48px;
}

._infoColor {
  color: var(--info-color);
}

.headADV {
  height: 180px;
  width: 100%;
  background-color: var(--info-color);
  text-align: center;
  font-size: 40px;
  position: relative;
  z-index: 10;
}

.topADV {
  margin-top: 32px;
  height: 180px;
  width: 100%;
  background-color: var(--info-color);
  text-align: center;
  font-size: 40px;
}

.cursorFollow {
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--accent-color);
  border-radius: 50%;
  transform: translateY(-50%) translateX(-50%); /* центрируем кружок */
  position: absolute; /* задаём абсолютное позиционирование, чтобы элемент не влиял на остальные элементы и его можно было бы позиционировать следом за курсором */
  z-index: 999; /* чтобы элемент был над остальными элементами */
  pointer-events: none; /* чтобы сквозь элемент можно было взаимодействовать с элементами, находящимися под ним */
}

.split {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
}
.split_center {
  align-items: center;
}
.split__head {
  flex: 1;
}
.split__head h2 {
  margin-top: 0;
}
.split__body {
  flex: none;
  width: 50%;
  max-width: 100%;
}
.split__body_stretch {
  align-self: stretch;
}

.show768 {
  display: none;
}

.sliderControls {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sliderControls .button-prev,
.sliderControls .button-next {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.sliderControls .button-prev svg,
.sliderControls .button-next svg {
  fill: var(--default-color);
  transition: fill linear 0.3s;
}
.sliderControls .button-prev:hover svg,
.sliderControls .button-next:hover svg {
  fill: var(--accent-color);
}
.sliderControls .button-prev.swiper-button-disabled svg,
.sliderControls .button-next.swiper-button-disabled svg {
  fill: #6F6F74;
}

.btn {
  display: inline-block;
  min-height: 52px;
  color: var(--accent-color);
  background-color: transparent;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  padding: 16px 34px;
  border: 1px solid var(--stroke-light);
  border-radius: 27px;
  cursor: pointer;
  transition: color linear 0.3s, background-color linear 0.3s, border-color linear 0.3s;
}
.btn._dark {
  background: #1E1E1F;
  color: #fff;
}
.btn._lowercase {
  text-transform: none;
}
.btn:hover {
  background-color: var(--accent-color);
  color: var(--main-back-color);
  border-color: var(--accent-color);
  text-decoration: none;
}
.btn_alter {
  background-color: var(--main-back-color);
  color: var(--default-color);
  border-color: var(--main-back-color);
}
.btn_alter:hover {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  color: var(--default-color);
}
.btn_full {
  display: block;
  width: 100%;
}
.btn_middle {
  min-height: 39px;
  padding: 9px 20px 10px;
}
.btn span.plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 20px;
}
.btn span.plus::before,
.btn span.plus::after {
  display: block;
  content: "";
  width: 30px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btn span.plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.btn.df {
  display: flex;
  align-items: center;
}
.roundBtn {
  flex: none;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: transparent;
  text-align: center;
  border: 1px solid var(--accent-color);
  font-weight: 600;
  color: var(--accent-color);
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  transition: color linear 0.3s, background-color linear 0.3s;
}
.roundBtn__hover {
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  width: 210%;
  height: 210%;
  transform-origin: center;
  z-index: -1;
  background-color: var(--accent-color);
  animation: 0.3s linear btnHover;
}
.roundBtn:hover {
  color: var(--main-back-color);
  text-decoration: none;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

@keyframes btnHover {
  from {
    width: 0;
    height: 0;
  }
  to {
    width: 210%;
    height: 210%;
  }
}
.dataChooser {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 4px;
}
.dataChooser__item {
  border: 1px solid var(--stroke-light);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  background-color: transparent;
  border-radius: 20px;
  padding: 9px 19px;
  color: var(--default-color);
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.dataChooser__item:hover {
  background-color: var(--stroke-dark);
  text-decoration: none;
}
.dataChooser__item._active {
  color: var(--main-back-color);
  border-color: var(--accent-color);
  background-color: var(--accent-color);
}
.dataChooser__item._active:hover {
  background-color: var(--accent-color);
}
.dataChooser_alter .dataChooser__item {
  border-color: var(--decor-light-color);
  color: var(--main-back-color);
}
.dataChooser_alter .dataChooser__item:hover {
  background-color: var(--light-back-color);
}
.dataChooser_alter .dataChooser__item._active {
  border-color: var(--info-color);
  background-color: var(--info-color);
  color: var(--default-color);
}
.dataChooser_alter .dataChooser__item._active:hover {
  background-color: var(--info-color);
}

.up {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid var(--decor-color);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: border-color linear 0.3s, opacity linear 0.3s;
  position: fixed;
  right: 70px;
  bottom: 100px;
  opacity: 0;
  z-index: 40;
}
.up svg {
  fill: var(--decor-color);
  transition: fill linear 0.3s;
}
.up_show {
  opacity: 1;
}
.up:hover {
  border-color: var(--accent-color);
}
.up:hover svg {
  fill: var(--accent-color);
}

.textField {
  display: block;
  margin-bottom: 16px;
}
.textField__label {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--default-color);
  margin-bottom: 4px;
}
.textField__input {
  display: block;
  width: 100%;
  border-radius: 4px;
  background-color: var(--back-color);
  border: 1px solid var(--back-color);
  height: 52px;
  padding: 0 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--default-color);
  outline: none;
  transition: border-color linear 0.3s;
}
.textField__input:focus {
  border-color: var(--accent-color);
}
.textField__input::placeholder {
  color: var(--decor-color);
}
.textField__error {
  display: none;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
  color: var(--danger-color);
}
.textField_light .textField__label {
  color: var(--main-back-color);
}
.textField_light .textField__input {
  background-color: var(--default-color);
  border-color: var(--decor-light-color);
  color: var(--main-back-color);
}
.textField_light .textField__input:focus {
  border-color: var(--main-back-color);
}
.textField_light .textField__input::placeholder {
  border-color: var(--main-back-color);
}
.textField_error .textField__input {
  border-color: var(--danger-color);
}
.textField_error .textField__error,
.textField_error + .textField__error {
  display: block;
}
.textField.with-list {
  position: relative;
}
.custom-select__list {
  border: 1px solid var(--decor-light-color);
  border-radius: 4px;
  padding: 15px 0;
  margin: 0;
  position: absolute;
  top: -9999px;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 100;
  background: #fff;
}
.custom-select__list.visible {
  top: 100%;
  opacity: 1;
}
.custom-select__list li {
  padding: 10px 20px;
  cursor: pointer;
}
.custom-select__list li:hover,
.custom-select__list li.active {
  background: #f5f5f5;
}
.custom-select__list li.active {
  font-weight: 700;
}

.checkbox {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  flex-wrap: wrap;
}
.checkbox__input {
  display: none;
}
.checkbox__input:checked ~ .checkbox__indicator {
  border-color: var(--main-back-color);
  background: url("../images/check.svg") no-repeat center var(--main-back-color);
}
.checkbox__indicator {
  display: block;
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid var(--decor-light-color);
  margin-right: 8px;
  transition: background-color linear 0.3s, border-color linear 0.3s;
}
.checkbox__text {
  font-size: 15px;
  line-height: 20px;
  color: var(--main-back-color);
}
.checkbox__text a {
  color: var(--main-back-color);
  text-decoration: underline;
}
.checkbox__text a:hover {
  text-decoration: none;
}
.checkbox__error {
  margin-top: 12px;
  color: var(--danger-color);
  flex: none;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  display: block;
}
.checkbox:hover .checkbox__indicator {
  border-color: var(--main-back-color);
}
.checkbox_error .checkbox__indicator {
  border-color: var(--danger-color);
}
.checkbox_error .checkbox__error {
  display: block;
}

.formErrors {
  margin-top: 2px;
  color: var(--danger-color);
  flex: none;
  width: 100%;
  font-size: 12px;
  display: block;
}

/*.subscribe {*/
/*  position: relative;*/
/*  margin-top: 0;*/
/*  background-color: var(--light-back-color);*/
/*  padding: 68px 0;*/
/*  color: var(--main-back-color);*/
/*}*/
/*.subscribe::before {*/
/*  display: block;*/
/*  width: 48px;*/
/*  height: 48px;*/
/*  content: "";*/
/*  background: url("../images/sub_a.svg") no-repeat center transparent;*/
/*  top: 28px;*/
/*  right: 34%;*/
/*  position: absolute;*/
/*}*/
/*.subscribe::after {*/
/*  display: block;*/
/*  width: 48px;*/
/*  height: 40px;*/
/*  content: "";*/
/*  background: url("../images/sub_plane.svg") no-repeat center transparent;*/
/*  bottom: 40px;*/
/*  left: 39%;*/
/*  position: absolute;*/
/*}*/
/*.subscribe__after {*/
/*  display: block;*/
/*}*/
/*.subscribe__title {*/
/*  margin: 0 0 16px;*/
/*  max-width: 500px;*/
/*}*/
/*.subscribe__fields {*/
/*  display: flex;*/
/*  align-items: flex-start;*/
/*  justify-content: flex-start;*/
/*  margin-bottom: 12px;*/
/*}*/
/*.subscribe__fields .textField {*/
/*  flex: 0 1 360px;*/
/*  margin-right: 12px;*/
/*  margin-bottom: 0;*/
/*}*/
/*.subscribe__agreement {*/
/*  margin: 0;*/
/*  font-size: 12px;*/
/*  line-height: 16px;*/
/*}*/
/*.subscribe__agreement a {*/
/*  text-decoration: underline;*/
/*  color: var(--info-color);*/
/*}*/

.successShow {
  position: relative;
  padding: 86px 0 8px;
}
.successShow__icon {
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
}
.successShow__icon_before {
  top: 0;
  left: 0;
}
.successShow__icon_after {
  bottom: 0;
  right: 0;
}
.successShow__title {
  margin: 0 0 20px;
  text-align: center;
}
.successShow__text {
  margin: 0 0 64px;
  text-align: center;
}
.successShow__btns {
  text-align: center;
}

.contactForm {
  padding-top: 20px;
}
.contactForm .textField {
  margin-bottom: 0;
}
.contactForm__title {
  margin: 0;
}
.contactForm__title .accent {
  display: block;
}
.contactForm__form {
  margin-top: 23px;
}
.contactForm__fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.contactForm__btns {
  margin-top: 32px;
}
.contactForm__btns .btn {
  display: block;
  width: 100%;
}
.contactForm__agreement {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.feedback__fields {
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 15px;
}
.feedback__fields.one-col {
  grid-template-columns: repeat(1, 1fr);
}
.feedback__fields-title {
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.feedback-customer-block {
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
}
.feedback__buttons {
  margin-top: 30px;
}
.feedback__text {
  margin-top: 20px;
  margin-bottom: 32px;
  font-size: 15px;
  line-height: 20px;
}
.feedback__text.text_center {
  text-align: center;
}
.feedback__text p {
  margin: 0;
}
.feedback__text .tt {
  text-transform: uppercase;
  font-weight: 500;
}
.greeting {
  text-align: center;
  padding: 80px 0 50px;
}
.greeting._decorate {
  position: relative;
}
.greeting._decorate::before,
.greeting._decorate::after {
  display: block;
  content: "";
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/greeting-decor.svg") center center no-repeat;
}
.greeting._decorate::after {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  transform: rotate(-90deg);
}
.greeting__thank {
  margin-bottom: 32px;
}
.greeting__text {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 70px;
}
*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: rgba(254, 227, 114, 0.15);
  border-radius: 3px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--accent-color);
  border-radius: 3px;
}

*::-webkit-scrollbar-track {
  background-color: rgba(254, 227, 114, 0.15);
  border-radius: 3px;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  border-radius: 0;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  border-radius: 0;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  border-radius: 0;
}

html, body, body * {
  scrollbar-width: thin;
  scrollbar-color: var(--accent-color) rgba(254, 227, 114, 0.15);
}

.header {
  border-bottom: 1px solid var(--stroke-light);
  position: sticky;
  top: 0;
  background-color: var(--main-back-color);
  z-index: 10;
}

.header__row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 68px;
}
.header__nav {
  align-self: stretch;
}
.header__nav .archiveLink {
  display: none;
}
.header__logo {
  flex: none;
  margin-right: 100px;
}
.header__archive {
  flex: none;
  text-align: right;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--default-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  font-family: var(--oswald-font);
}
.logo:hover {
  text-decoration: none;
}
.logo__image {
  margin-right: 12px;
}
.logo__text {
  max-width: 120px;
}

.archiveLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 12px 26px;
  border-radius: 22px;
  border: 1px solid var(--stroke-light);
  color: var(--default-color);
  transition: 0.3s ease-in-out;
}
.archiveLink:hover {
  text-decoration: none;
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  color: var(--main-back-color);
}
.archiveLink:hover .archiveLink__arrow {
  fill: var(--main-back-color);
}
.archiveLink__text {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.archiveLink__arrow {
  fill: var(--default-color);
  transition: fill linear 0.3s;
}

.menu {
  height: 100%;
  display: flex;
  list-style-type: none;
  align-items: stretch;
  justify-content: center;
  gap: 32px;
  padding: 0;
  margin: 0 20px;
}
.menu__link {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--default-color);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
}
.menu__link_active {
  color: var(--accent-color);
}
.menu__link_active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--accent-color);
  position: absolute;
  left: 0;
  bottom: -1px;
}
.menu__link:hover {
  text-decoration: none;
  color: var(--accent-color);
}
.menu__item_parent {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.menu__item_parent:hover .menu__indicator {
  transform: rotate(0);
  fill: var(--accent-color);
}
.menu__item_parent:hover .menu__subWrapper {
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
}
.menu__indicator {
  width: 10px;
  height: 6px;
  margin-top: 2px;
  margin-left: 7px;
  fill: var(--default-color);
  transform: rotate(180deg);
  transition: fill linear 0.3s, transform linear 0.3s;
}
.menu__subWrapper {
  position: absolute;
  top: 100%;
  left: -15px;
  padding-top: 4px;
  background-color: transparent;
  min-width: 240px;
  transform: rotateX(90deg);
  visibility: hidden;
  opacity: 0;
  transform-origin: 0 0;
  transition: 0.3s ease-in-out;
  z-index: 5;
}
.menu__subLink {
  font-size: 14px;
  line-height: 20px;
  color: var(--main-back-color);
  margin-bottom: 12px;
  display: block;
}
.menu__subLink:hover {
  color: var(--gray-light);
  text-decoration: none;
}
.menu__submenu {
  padding: 20px 24px;
  background-color: var(--default-color);
  border-radius: 4px;
  list-style-type: none;
  margin: 0;
}
.menu__subBack {
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  color: var(--gray-light);
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0 auto;
}
.menu__subBack:hover {
  color: var(--accent-color);
  cursor: pointer;
}
.menu__subBack:hover svg {
  fill: var(--accent-color);
}
.menu__subBack svg {
  transform: rotate(-90deg);
  height: 6px;
  width: 10px;
  fill: var(--gray-light);
}
.menu__subBack span {
  margin-left: 9px;
}

.menuSwitcher {
  display: none;
  flex: none;
  width: 40px;
  height: 40px;
  position: relative;
}
.menuSwitcher::after, .menuSwitcher::before {
  width: 32px;
  display: block;
  height: 2px;
  content: "";
  position: absolute;
  background-color: var(--default-color);
  border-radius: 1px;
  left: 4px;
}
.menuSwitcher::before {
  bottom: calc(50% + 5px);
}
.menuSwitcher::after {
  top: calc(50% + 5px);
}
.menuSwitcher:hover::after, .menuSwitcher:hover::before {
  background-color: var(--accent-color);
}
.menuSwitcher_active {
  fill: var(--accent-color);
}
.menuSwitcher_active::before {
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: var(--accent-color);
  content: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="16" viewBox="0 0 16 16"  xmlns="http://www.w3.org/2000/svg" fill="white"><path d="M9.46604 8.00012L15.6962 1.76972C16.1017 1.36446 16.1017 0.709208 15.6962 0.303946C15.291 -0.101315 14.6357 -0.101315 14.2305 0.303946L8.00007 6.53434L1.76986 0.303946C1.36441 -0.101315 0.70935 -0.101315 0.304089 0.303946C-0.101363 0.709208 -0.101363 1.36446 0.304089 1.76972L6.5343 8.00012L0.304089 14.2305C-0.101363 14.6358 -0.101363 15.291 0.304089 15.6963C0.506055 15.8984 0.77161 16 1.03698 16C1.30234 16 1.56771 15.8984 1.76986 15.6963L8.00007 9.46589L14.2305 15.6963C14.4326 15.8984 14.698 16 14.9634 16C15.2287 16 15.4941 15.8984 15.6962 15.6963C16.1017 15.291 16.1017 14.6358 15.6962 14.2305L9.46604 8.00012Z"/></svg>');
  background-color: transparent;
}
.menuSwitcher_active::after {
  display: none;
}
.menuSwitcher_active:hover::before {
  background-color: transparent;
  content: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="16" viewBox="0 0 16 16"  xmlns="http://www.w3.org/2000/svg" fill="%23FEE372"><path d="M9.46604 8.00012L15.6962 1.76972C16.1017 1.36446 16.1017 0.709208 15.6962 0.303946C15.291 -0.101315 14.6357 -0.101315 14.2305 0.303946L8.00007 6.53434L1.76986 0.303946C1.36441 -0.101315 0.70935 -0.101315 0.304089 0.303946C-0.101363 0.709208 -0.101363 1.36446 0.304089 1.76972L6.5343 8.00012L0.304089 14.2305C-0.101363 14.6358 -0.101363 15.291 0.304089 15.6963C0.506055 15.8984 0.77161 16 1.03698 16C1.30234 16 1.56771 15.8984 1.76986 15.6963L8.00007 9.46589L14.2305 15.6963C14.4326 15.8984 14.698 16 14.9634 16C15.2287 16 15.4941 15.8984 15.6962 15.6963C16.1017 15.291 16.1017 14.6358 15.6962 14.2305L9.46604 8.00012Z"/></svg>');
}

.repa__logo {
  width: 180px;
  height: 68px;
  margin-bottom: 12px;
  display: block;
  fill: var(--default-color);
}
.repa__description {
  display: block;
  color: var(--decor-color);
}
.repa:hover {
  text-decoration: none;
}
.repa:hover .repa__description {
  color: var(--accent-color);
}

.tgLink {
  margin-top: 25px;
  border: 1px solid var(--default-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  gap: 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--default-color);
  padding: 14px 20px;
  border-radius: 26px;
  transition: linear 0.3s;
}
.tgLink:hover {
  text-decoration: none;
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  color: var(--main-back-color);
}
.tgLink:hover .tgLink__icon {
  fill: var(--main-back-color);
}
.tgLink__icon {
  fill: var(--default-color);
  transition: fill linear 0.3s;
}

.wowFest__description {
  max-width: 420px;
  display: block;
  margin-bottom: 24px;
  margin-top: 0;
}
.wowFest__logo {
  display: block;
  width: 220px;
  fill: var(--info-color);
}
.wowFest__logo:hover {
  fill: #E83E8C;
}

.copyright {
  font-size: 14px;
  line-height: 20px;
  color: var(--decor-color);
  display: block;
}

.confidentialLink {
  font-size: 14px;
  line-height: 20px;
  color: var(--decor-color);
}
.confidentialLink:hover {
  color: var(--accent-color);
  text-decoration: none;
}

.whitemark {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  color: var(--decor-color);
  font-size: 14px;
  line-height: 20px;
}
.whitemark:hover {
  color: var(--accent-color);
  text-decoration: none;
}

.footer {
  background-color: var(--dark-black);
  padding-top: 48px;
}
.footer__bottom {
  margin-top: 90px;
  padding: 20px 0;
  border-top: 1px solid var(--stroke-dark);
}
.footer__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__copy {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}

.badge {
  background-color: var(--accent-color);
  border-radius: 12px;
  padding: 16px;
  position: relative;
}
.badge__text {
  font-family: var(--oswald-font);
  color: var(--main-back-color);
  letter-spacing: -0.06em;
  font-size: 240px;
  line-height: 240px;
  font-weight: 600;
  display: block;
  margin-left: -16px;
  margin-top: 170px;
}
.badge__text_smaller {
  font-size: 120px;
  line-height: 148px;
  margin-left: 0;
}
.badge__logo {
  display: block;
  position: absolute;
  right: 16px;
  top: 16px;
  max-width: 64px;
}
.badge__miniText {
  font-weight: 500;
  line-height: 24px;
  font-size: 16px;
  color: var(--main-back-color);
}
.badge__link{
  position: absolute;
  right: 10px;
  bottom: 18px;
  font-weight: 500;
  font-size: 14px;
  color: var(--main-back-color);;
}


.digitBadge {
  width: 100%;
  border-radius: 12px;
  padding: 16px;
  color: var(--main-back-color);
}
.digitBadge_light {
  color: var(--default-color);
}
.digitBadge_light .digitBadge__icon {
  fill: var(--default-color);
}
.digitBadge__digits {
  font-family: var(--oswald-font);
  font-size: 132px;
  line-height: 132px;
  letter-spacing: -0.06em;
  font-weight: 600;
  display: inline-block;
  margin-right: 4px;
}
.digitBadge__after {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
}
.digitBadge__icon {
  fill: var(--main-back-color);
  position: absolute;
  top: 16px;
  right: 16px;
}
.joboffers-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 282px;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.welcome {
  margin-top: 64px;
  display: grid;
  grid-template-columns: calc(100% - 280px - 64px) 280px;
  column-gap: 64px;
  row-gap: 68px;
  justify-content: space-between;
}
.welcome__message {
  grid-row: 1/2;
  max-width: 760px;
}
.welcome__badge {
  position: relative;
  top: 0;
  animation: 0.4s ease-in-out slideFromTop;
  grid-row: 1/2;
}
.welcome__org {
  grid-row: 2/3;
  align-self: end;
}
.welcome__partners {
  grid-row: 2/3;
}
.welcome__body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 28px;
  position: relative;
}
.welcome__text {
  max-width: 515px;
  line-height: 22px;
}
.welcome__btn {
  margin-left: auto;
}
.welcome__title {
  margin-top: 0;
  margin-bottom: 18px;
}
.welcome__body .welcome__btn + .welcome__btn {
  position: absolute;
  right: -195px;
  top: 0;
  transform: translateY(-50%);
  width: 200px;
  height: 200px;
}
.organizer {
  display: block;
  color: var(--decor-color);
}
.organizer:hover {
  color: var(--accent-color);
  text-decoration: none;
}
.organizer__text {
  display: block;
  margin-right: 12px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  min-height: 40px;
}
.organizer__logo {
  max-width: 194px;
  margin-bottom: 3px;
}

.partners__head {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.partners__head h2 {
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
}
.partners__control {
  display: flex;
  align-items: center;
  justify-content: center;
}
.partners__control .button-prev,
.partners__control .button-next {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.partners__control .button-prev svg,
.partners__control .button-next svg {
  fill: var(--default-color);
  transition: fill linear 0.3s;
}
.partners__control .button-prev:hover svg,
.partners__control .button-next:hover svg {
  fill: var(--accent-color);
}
.partners__control .button-prev.swiper-button-disabled svg,
.partners__control .button-next.swiper-button-disabled svg {
  fill: #6F6F74;
}
.partners__slider .swiper-slide {
  height: 100%;
}

.partnersMobSliders {
  display: none;
}

@keyframes slideFromTop {
  from {
    top: -100vh;
  }
  to {
    top: 0;
  }
}
.aboutSlider {
  margin-top: 50px;
  max-width: 400px;
}

.about {
  padding-top: 28px;
}
.about .split {
  align-items: flex-end;
}
.about .split__head {
  flex-grow: 0;
}
.about .split__body {
  flex-grow: 1;
  padding-left: 88px;
}
.about__text p:last-child {
  margin-bottom: 0;
}
.about h2 {
  margin-top: 20px;
  margin-bottom: 0;
}

.mechanic {
  margin-top: 120px;
  padding-bottom: 107px;
}
.mechanic__title {
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 40px;
}
.mechanic .mechanic__body {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}

.mechanicCard {
  flex: 1 0 0;
  display: flex;
}
.mechanicCard__accent {
  flex: 0 0 138px;
  margin-right: 8px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--accent-color);
}
.mechanicCard__accent img {
  display: block;
  margin: 0;
}
.mechanicCard__content {
  flex-grow: 1;
  background-color: var(--back-color);
  padding: 22px 20px 32px;
  border-radius: 12px;
}
.mechanicCard__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 40px;
}
.mechanicCard__title {
  color: var(--decor-color);
  font-weight: 500;
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.mechanicCard__icon {
  fill: var(--accent-color);
  width: 24px;
  height: 13px;
}
.mechanicCard__text {
  font-weight: 500;
  line-height: 24px;
}
.schedule {
  margin-top: 121px;
  padding-bottom: 85px;
}
.schedule_smMargin {
  margin-top: 100px;
  padding-bottom: 0;
}
.schedule__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
}

.schedule__container_mt{
  margin-top: 80px;
}
.schedule__title {
  margin-top: 0;
  max-width: 400px;
}
.schedule__body {
  flex: none;
  width: 680px;
  max-width: 100%;
}

.catLine {
  min-height: 100px;
  margin-bottom: 4px;
  background-color: #DDDDDD;
  border-radius: 12px;
  color: var(--main-back-color);
  padding: 12px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.3s ease-in-out;
}

.catLine:hover {
  text-decoration: none;
}


.catLine_alter {
  /*background-color: var(--info-color);*/
  background-color: var(--accent-color);
  /*color: var(--default-color);*/
  transition: opacity .3s ease-in-out;
}

.catLine_alter:hover {
  opacity: .9;
}

.catLine_ready {
  background-color: var(--accent-color);
}
.catLine_ready:hover {
  background-color: #FFDA40;
}
.catLine__status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.catLine__badge {
  padding: 4px 12px;
  color: var(--accent-color);
  background-color: var(--main-back-color);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 14px;
  margin-left: 8px;
}
.catLine__info {
  text-align: right;
}
.catLine__title {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 0;
}
.catLine__type {
  display: block;
  font-weight: 500;
  line-height: 16px;
  margin-top: 7px;
  opacity: 0.3;
}
.catLine__date {
  display: block;
}
.catLine__day {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 500;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.catLine__month {
  display: block;
  font-weight: 500;
  line-height: 24px;
}

.mainCategories {
  margin-top: 118px;
  padding-bottom: 75px;
}
.mainCategories h2 {
  margin: 0;
}
.mainCategories__tabs {
  margin-top: 25px;
}

.mainCategory {
  padding-top: 39px;
}
.mainCategory__subTitle {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mainCategory__title {
  margin-top: 0;
  margin-bottom: 20px;
  background: url("../images/cat_prefix.svg") no-repeat left center;
  padding-left: 40px;
}
.mainCategory__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  margin-bottom: 24px;
}

.mainItem {
  border-radius: 12px;
  border: 1px solid var(--stroke-light);
  padding: 20px;
  height: 180px;
  color: var(--default-color);
  transition: color linear 0.3s, border-color linear 0.3s, background-color linear 0.3s;
}
.mainItem:hover {
  text-decoration: none;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--main-back-color);
}
.mainItem:hover .mainItem__number {
  color: var(--main-back-color);
}
.mainItem__number {
  display: block;
  color: var(--decor-color);
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 32px;
  transition: color linear 0.3s;
}
.mainItem__title {
  display: block;
  font-weight: 500;
  line-height: 24px;
}

.categoryResult {
  scroll-margin-top: 80px;
  overflow: auto;
  padding-top: 90px;
  margin-top: 0px;
}
.categoryResult_lessPadding{
  padding-top: 40px;
}
.categoryResult__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.categoryResult__head:hover{
  cursor: pointer;
}


.categoryResult__indicator{
  width: 38px;
  height: 32px;
  fill: currentColor;
  transform: rotate(90deg);
  color: var(--gray-light);
  transition: .3s ease-in-out;
}
.categoryResult__head:hover .categoryResult__indicator{
  color: var(--accent-color);
}
.categoryResult__indicator_active{
  transform: rotate(180deg);
}

.categoryResult__serviceBlock{
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(.94,-0.08,.02,.99);
  overflow: hidden;
}

.categoryResult__serviceBlock.categoryResult__serviceBlock_shown{
    max-height: 25000px;
}

.categoryResult__adv {
  height: 180px;
  background-color: var(--info-color);
  margin-bottom: 40px;
  width: 100%;
}
.categoryResult__info{
  margin-top: 52px;
}
.categoryResult__title {
  margin: 0;
  transition: .3s ease-in-out;
}
.categoryResult__head:hover .categoryResult__title {
  color: var(--accent-color);
}
.categoryResult__description {
  margin-bottom: 40px;
}
.categoryResult__description p {
  margin-top: 0;
  margin-bottom: 15px;
}
.categoryResult__subTitle {
  margin-top: 0;
  margin-bottom: 20px;
}
.categoryResult__list {
  border-radius: 12px;
  background-color: var(--back-color);
  padding: 24px 32px;
  margin-bottom: 48px;
}
.categoryResult__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-light);
  padding-bottom: 16px;
  border-bottom: 1px solid var(--stroke-light);
  margin-bottom: 16px;
}
.categoryResult__link:hover {
  text-decoration: none;
  color: var(--accent-color);
}
.categoryResult__link:hover svg {
  fill: var(--accent-color);
}
.categoryResult__link:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.categoryResult__link::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--accent-color);
}
.categoryResult__link svg {
  width: 20px;
  height: 20px;
  flex: none;
  fill: var(--gray-light);
}
.categoryResult__link span {
  flex: 1;
}

.categoryResult__infoItem a{
  display: block;
  color: var(--default-color);
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.categoryResult__infoItem:last-child a{
  margin-bottom: 0;
}
.categoryResult__infoItem a::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--default-color);
  transition: background-color .3s ease-in;
}
.categoryResult__infoItem a:hover{
  color: var(--accent-color);
  text-decoration: none;
}
.categoryResult__infoItem a:hover::before {

  background-color: var(--accent-color);
}



.category {
  margin-bottom: 120px;
}
.category__head {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.category__parent {
  margin: 0;
  color: var(--accent-color);
}
.category__back {
  color: var(--default-color);
  fill: var(--default-color);
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: none;
  padding: 12px 29px;
  border-radius: 23px;
  min-height: auto;
}
.category__back:hover {
  fill: var(--main-back-color);
}
.category__title {
  margin: 32px 0 20px;
}
.category__description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.category__text {
  max-width: 720px;
}
.category__image {
  width: 260px;
  height: 260px;
  flex: none;
}
.category__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.category__about {
  margin-top: 120px;
}
.category__about p {
  margin: 0 0 20px;
}
.category__aboutTitle {
  margin: 15px 0 32px;
}

.mainCatCard__parent {
  margin: 0 0 4px;
}
.mainCatCard__title {
  margin: 0;
  color: var(--accent-color);
}
.mainCatCard__body {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.mainCatCard__text p {
  margin: 0 0 20px;
}
.mainCatCard__picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 260px;
  flex: none;
}
.mainCatCard__picture img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.mainCatCard__afterImage {
  display: none;
}
.mainCatCard__footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mainCatCard__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.mainCatCard__navtext {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--gray-light);
}
.mainCatCard__other {
  color: var(--accent-color);
  margin: 0 15px;
}
.mainCatCard__arrow {
  fill: var(--default-color);
  transition: fill 0.3s ease-in-out;
}
.mainCatCard__arrow:hover {
  cursor: pointer;
  fill: var(--accent-color);
}
.mainCatCard__arrow svg {
  display: block;
  width: 24px;
  height: 16px;
}
.mainCatCard__arrow_disabled {
  fill: var(--gray-light);
}
.mainCatCard__arrow_disabled:hover {
  cursor: not-allowed;
  fill: var(--gray-light);
}

[data-js=tab_item] {
  display: none;
}
[data-js=tab_item]._active {
  display: block;
}

[data-js=bigtab_item] {
  display: none;
}
[data-js=bigtab_item]._active {
  display: block;
}

.slideTabs {
  padding: 4px;
  background-color: var(--back-color);
  border-radius: 22px;
}
.slideTabs__slider_double{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;

}
.slideTabs__slider_double .slideTabs__wrap{
  flex: 0 0 25%;
  margin-bottom: 4px;
}
.slideTabs__item {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--default-color);
  text-align: center;
  padding: 8px 10px;
  background-color: transparent;
  border-radius: 18px;
}

.slideTabs__item:hover {
  text-decoration: none;
  background-color: var(--stroke-light);
}
.slideTabs__item._active {
  color: var(--main-back-color);
  background-color: var(--accent-color);
}
.slideTabs__item._active:hover {
  background-color: var(--accent-color);
}
.slideTabs__item_closed {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--decor-color);
}
.slideTabs__item_closed svg {
  width: 12px;
  height: 16px;
  margin-right: 10px;
  display: inline-block;
  flex: none;
  fill: var(--decor-color);
}

.tabsControl {
  display: flex;
  padding: 4px;
  background-color: var(--back-color);
  border-radius: 22px;
  justify-content: flex-start;
  align-items: stretch;
}
.tabsControl__item {
  flex: 1 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--default-color);
  text-align: center;
  padding: 8px 10px;
  background-color: transparent;
  border-radius: 18px;
}
.tabsControl__item:hover {
  text-decoration: none;
  background-color: var(--stroke-light);
}
.tabsControl__item._active {
  color: var(--main-back-color);
  background-color: var(--accent-color);
}
.tabsControl__item._active:hover {
  background-color: var(--accent-color);
}

.mobileTabs {
  display: none;
  padding: 4px;
  width: calc(100vw - 20px);
  background-color: var(--back-color);
  border-radius: 18px 0 0 18px;
}
.mobileTabs .tabsControl__item {
  display: inline-block;
}
.mobileTabs .swiper-slide {
  display: inline-block;
  width: auto;
}
.mobileTabs .swiper-slide:last-child {
  margin-right: 20px;
}

.tabsContent {
  display: none;
}
.tabsContent._active {
  display: block;
}

.getIn {
  padding: 70px 0;
  background-color: var(--main-back-color);
}
.getIn_alter {
  background-color: var(--back-color);
}
.getIn_alter .benefit {
  background-color: var(--main-back-color);
}
.getIn_alter .benefit_alter {
  /*background-color: var(--info-color);*/
  background-color: var(--accent-color);
  color: var(--main-back-color);
}
.getIn__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.getIn__header_start {
  justify-content: flex-start;
}
.getIn__title .h1 {
  margin: 0;
}
.getIn__title .h2 {
  margin: 0;
}
.getIn__subTitle {
  font-size: 18px;
  line-height: 28px;
  margin: 0;
}
.getIn__body {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 30px;
  margin-top: 49px;
}
.advertisingOpportunities {
  padding-top: 30px;
}
.benefitFirst {
  flex: 0 0 405px;
}
.benefitFirst .getIn__card {
  padding: 25px 25px 135px 25px;
}
.benefitRest {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 20px;
}
.benefitRest .getIn__card {
  flex: 0 0 calc(50% - 15px);
  padding: 25px 15px 15px 25px;
  height: 170px;
}
.getIn__card {
  flex: 0 0 280px;
  background-color: var(--back-color);
}
.getIn__card_wide {
  flex: 1;
}
.getIn__footer {
  margin-top: 28px;
  text-align: center;
}
.advertisingOpportunities__items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 50px;
}
.advertisingOpportunityItem {
  flex: 0 0 calc((100% - 90px) / 4);
  padding: 30px;
  border-radius: 12px;
  background: var(--accent-color);
  color: #1E1E1F;
}
.advertisingOpportunityItem._dark {
  background: var(--back-color);
  color: #fff;
  padding-top: 25px;
}
.advertisingOpportunityItem__head {
  display: flex;
  align-items: center;
  margin-bottom: 90px;
}
.advertisingOpportunityItem__icon {
  flex: 0 0 75px;
}
.advertisingOpportunityItem__icon img {
  display: block;
  margin: 0;
}
.advertisingOpportunityItem__text {
  line-height: 21px;
  flex-grow: 1;
}
.advertisingOpportunityItem__name {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 0;
}
.advertisingOpportunityItem .name {
  display: block;
  margin: 10px 0 5px;
}
.advertisingOpportunityItem .phone,
.advertisingOpportunityItem .email {
  display: block;
  margin: 5px 0;
  padding-left: 33px;
}
.advertisingOpportunityItem .phone {
  background: url("../images/phone-icon-white.svg") 0 5px no-repeat;
}
.advertisingOpportunityItem .email {
  background: url("../images/email-icon-white.svg") 0 5px no-repeat;
}
.advertisingOpportunityItem .phone a,
.advertisingOpportunityItem .email a {
  color: #fff;
}
.advertisingOpportunityItem__name._accent {
  color: var(--accent-color);
}
.benefit {
  border-radius: 12px;
  position: relative;
  padding: 30px 28px 140px;
  background-color: var(--back-color);
}
.benefit_alter {
  background-color: var(--info-color);
  color: var(--default-color);
}
.benefit_alter .benefit__icon svg {
  /*fill: var(--default-color);*/
  fill: var(--main-back-color);
}
.benefit__title {
  display: block;
  margin: 0 0 16px;
}
.benefit__text {
  margin: 0;
  line-height: 22px;
}
.benefit__icon {
  position: absolute;
  right: 24px;
  bottom: 18px;
}
.benefit__icon svg {
  /*fill: var(--info-color);*/
  fill: var(--accent-color);
}

.formula {
  margin-top: 41px;
}
.formula__main {
  font-family: var(--oswald-font);
  border-radius: 12px;
  background-color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 60px;
  color: var(--main-back-color);
  fill: var(--main-back-color);
  gap: 21px;
}
.formula__inner {
  font-size: 64px;
  line-height: 64px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.formula__result {
  display: block;
  text-align: center;
}
.formula__group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.formula__value {
  font-size: 100px;
  line-height: 100px;
  display: block;
  margin-bottom: 8px;
}
.formula__title {
  display: block;
  font-size: 20px;
  line-height: 24px;
  max-width: 130px;
  text-transform: uppercase;
}
.formula__equal {
  width: 24px;
  height: 17px;
  flex: none;
}
.formula__multiply {
  width: 22px;
  height: 22px;
  margin: 0 20px;
}
.formula__sub {
  font-size: 14px;
  line-height: 20px;
}
.formula__plus {
  width: 27px;
  height: 25px;
  margin: 0 14px;
}
.formula__plus_hidden {
  display: none;
}
.formula__delimeter {
  display: none;
}
.formula__legend {
  margin-top: 28px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.formula__col {
  flex: 1 0 0;
}
.formula__legendItem {
  display: block;
  color: var(--decor-color);
  text-align: center;
  line-height: 24px;
  font-weight: 500;
}

.method {
  padding-top: 100px;
}
.method__text p:first-child {
  margin-top: 0;
}

.news {
  margin-top: 120px;
}
.news_company {
  margin-top: 60px;
}
.news_company .newCard__begin {
  height: 78px;
}
.news_company .newCard__title {
  display: block;
  height: 78px;
}
.news_company .newCard__image {
  margin-top: 25px;
}
.news__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.news__title {
  margin: 0;
}

.newCard {
  background-color: var(--back-color);
  padding: 29px 28px 28px;
  cursor: pointer;
}
.newCard:hover .newCard__image {
  transform: scale(1.01);
}
.newCard__begin {
  height: 160px;
  overflow: hidden;
  margin-bottom: 17px;
}
.newCard__date {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--decor-color);
  height: 20px;
  overflow: hidden;
  margin-bottom: 8px;
}
.newCard__title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  overflow: hidden;
  color: var(--default-color);
  margin-bottom: 12px;
  -webkit-line-clamp: 3; /* Число отображаемых строк */
  display: -webkit-box; /* Включаем флексбоксы */
  -webkit-box-orient: vertical; /* Вертикальная ориентация */
}
.newCard__text {
  margin: 0;
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--decor-color);
  -webkit-line-clamp: 3; /* Число отображаемых строк */
  display: -webkit-box; /* Включаем флексбоксы */
  -webkit-box-orient: vertical; /* Вертикальная ориентация */
}
.newCard__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--default-color);
  padding: 8px 16px;
  border: 2px solid var(--stroke-light);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: 18px;
  background-color: transparent;
  transition: color linear 0.3s, border-color linear 0.3s, background-color linear 0.3s;
}
.newCard__btn:hover {
  border-color: var(--accent-color);
  color: var(--main-back-color);
  background-color: var(--accent-color);
}
.newCard__btn:hover svg {
  fill: var(--main-back-color);
}
.newCard__btn svg {
  width: 12px;
  height: 12px;
  flex: none;
  fill: var(--default-color);
  transition: fill linear 0.3s;
  margin-right: 8px;
}
.newCard__image {
  display: block;
  margin-top: 40px;
  width: 100%;
  height: 178px;
  overflow: hidden;
  transition: transform ease-in-out 0.3s;
}
.newCard__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newItem__date {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: var(--gray-light);
  margin-bottom: 8px;
}
.newItem__title {
  margin: 0;
}
.newItem__header {
  margin-bottom: 32px;
}
.newItem__image {
  margin-bottom: 32px;
}
.newItem__image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.newItem__others {
  margin-top: 64px;
  border-top: 1px solid var(--stroke-light);
}
.newItem__contacts {
  margin-top: 64px;
  border-top: 1px solid var(--stroke-light);
}

.otherNews {
  margin: 0;
  padding: 40px 0 0;
}
.otherNews__title {
  margin: 0 0 32px;
}
.otherNews__wrap {
  display: flex;
  justify-content: space-between;
  gap: 56px;
}
.otherNews__coll {
  flex: 1 0 0;
}

.newLink {
  display: block;
  width: 100%;
  background-color: var(--main-back-color);
  padding: 20px;
  color: var(--default-color);
  fill: var(--default-color);
  height: 152px;
  position: relative;
  transition: color 0.3s ease-in-out, fill 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.newLink svg {
  display: block;
  position: absolute;
  bottom: 20px;
  width: 27px;
  height: 16px;
}
.newLink_prev svg {
  left: 20px;
}
.newLink_next svg {
  right: 20px;
}
.newLink:hover {
  cursor: pointer;
  color: var(--main-back-color);
  fill: var(--main-back-color);
  background-color: var(--accent-color);
  text-decoration: none;
}

.newContacts {
  margin: 0;
  padding: 40px 0 0;
}
.newContacts__title {
  margin: 0 0 32px;
}
.newContacts__wrap {
  display: grid;
  grid-template-columns: repeat(3, 185px);
  column-gap: 40px;
  row-gap: 65px;
}

.mediapartners {
  margin-top: 115px;
}
.mediapartners_inPage {
  margin-top: 100px;
}
.mediapartners__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 45px;
}
.mediapartners__head h2 {
  margin: 0;
}
.mediapartners__mobSliders {
  display: none;
}
.mediapartners .partner__logo {
  height: 128px;
  margin-bottom: 16px;
}

.partner {
  display: block;
  color: var(--decor-color);
}
.partner:hover {
  color: var(--accent-color);
  text-decoration: none;
}
.partner:hover .partner__image {
  transform: scale(1.05);
}
.partner__logo {
  width: 100%;
  height: 98px;
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
  background-color: var(--back-color);
}
.partner__image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  transition: transform ease-in 0.3s;
}
.partner__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

.iconLink {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: var(--default-color);
  transition: color ease-in 0.3s;
}
.iconLink:hover {
  color: var(--accent-color);
  text-decoration: none;
}
.iconLink:hover .iconLink__icon {
  fill: var(--accent-color);
}
.iconLink__icon {
  fill: var(--default-color);
  margin-right: 8px;
  transition: fill ease-in 0.3s;
}

.contact {
  display: block;
  line-height: 22px;
  font-weight: 500;
}
.contact_horizontal {
  background-color: var(--back-color);
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contact_horizontal .contact__image {
  margin-right: 24px;
  margin-bottom: 0;
}
.contact__image {
  height: 100px;
  width: 80px;
  margin-bottom: 16px;
}
.contact__image img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.contact__status {
  color: var(--accent-color);
  display: block;
  margin-bottom: 8px;
}
.contact__name, .contact__link {
  display: block;
  margin-top: 8px;
}

.contacts {
  margin-top: 120px;
  margin-bottom: 120px;
}
.contacts_page {
  margin-top: 0;
}
.contacts__title {
  margin: 0 0 30px;
}
.contacts__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
  row-gap: 65px;
}

.notFound {
  max-width: 280px;
  margin: 120px auto;
  text-align: center;
  background-color: var(--accent-color);
  border-radius: 12px;
  padding: 32px 18px 20px;
}
.notFound__text {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--main-back-color);
  margin-top: 40px;
}
.notFound .notFound__btn {
  display: inline-block;
  background-color: var(--main-back-color);
  color: var(--accent-color);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
  border-radius: 18px;
  margin: 16px auto 0;
  cursor: pointer;
  transition: background-color linear 0.3s, color linear 0.3s;
}
.notFound .notFound__btn:hover {
  background-color: var(--info-color);
  color: var(--default-color);
  text-decoration: none;
}

.page {
  margin-top: 80px;
  margin-bottom: 120px;
}

.cooperation__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 20px;
}
.cooperation__column {
  flex: 0 0 540px;
}
.cooperation__title {
  margin-top: 0;
  margin-bottom: 0;
}
.cooperation__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 120px;
}
.cooperation__content {
  line-height: 26px;
}

.preferences {
  margin-top: 73px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px;
}

.preference {
  flex: none;
  width: 160px;
  border-radius: 12px;
  /*background-color: var(--info-color);*/
  /*color: var(--default-color);*/
  background-color: var(--accent-color);
  color: var(--main-back-color);
  padding: 16px 16px 20px;
}
.preference__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 48px;
}
.preference__icon svg {
  /*fill: var(--default-color);*/
  fill: var(--main-back-color);
  width: 32px;
  height: 32px;
  display: block;
}
.preference__question {
  display: block;
  font-size: 13px;
  line-height: 16px;
  opacity: 0.4;
}
.preference__text {
  margin: 0;
  font-weight: 500;
  line-height: 20px;
}

.popUp {
  max-width: 820px;
  margin: 0 auto;
  width: 80%;
  border-radius: 16px;
  position: relative;
  color: var(--main-back-color);
  background-color: var(--default-color);
  padding: 28px 40px 48px;
}
.popUp_wide {
  max-width: 880px;
}
.popUp_dark {
  background-color: var(--back-color);
  color: var(--default-color);
}
.popUp_dark .popUp__close {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46604 8.00012L15.6962 1.76972C16.1017 1.36446 16.1017 0.709208 15.6962 0.303946C15.291 -0.101315 14.6357 -0.101315 14.2305 0.303946L8.00007 6.53434L1.76986 0.303946C1.36441 -0.101315 0.70935 -0.101315 0.304089 0.303946C-0.101363 0.709208 -0.101363 1.36446 0.304089 1.76972L6.5343 8.00012L0.304089 14.2305C-0.101363 14.6358 -0.101363 15.291 0.304089 15.6963C0.506055 15.8984 0.77161 16 1.03698 16C1.30234 16 1.56771 15.8984 1.76986 15.6963L8.00007 9.46589L14.2305 15.6963C14.4326 15.8984 14.698 16 14.9634 16C15.2287 16 15.4941 15.8984 15.6962 15.6963C16.1017 15.291 16.1017 14.6358 15.6962 14.2305L9.46604 8.00012Z'  fill='%239898A0' /%3E%3C/svg%3E");
}
.popUp_dark .popUp__close:hover {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46604 8.00012L15.6962 1.76972C16.1017 1.36446 16.1017 0.709208 15.6962 0.303946C15.291 -0.101315 14.6357 -0.101315 14.2305 0.303946L8.00007 6.53434L1.76986 0.303946C1.36441 -0.101315 0.70935 -0.101315 0.304089 0.303946C-0.101363 0.709208 -0.101363 1.36446 0.304089 1.76972L6.5343 8.00012L0.304089 14.2305C-0.101363 14.6358 -0.101363 15.291 0.304089 15.6963C0.506055 15.8984 0.77161 16 1.03698 16C1.30234 16 1.56771 15.8984 1.76986 15.6963L8.00007 9.46589L14.2305 15.6963C14.4326 15.8984 14.698 16 14.9634 16C15.2287 16 15.4941 15.8984 15.6962 15.6963C16.1017 15.291 16.1017 14.6358 15.6962 14.2305L9.46604 8.00012Z'  fill='%23FEE372' /%3E%3C/svg%3E");
}
.popUp__close {
  position: absolute;
  right: 27px;
  top: 27px;
  display: block;
  opacity: 1;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46604 8.00012L15.6962 1.76972C16.1017 1.36446 16.1017 0.709208 15.6962 0.303946C15.291 -0.101315 14.6357 -0.101315 14.2305 0.303946L8.00007 6.53434L1.76986 0.303946C1.36441 -0.101315 0.70935 -0.101315 0.304089 0.303946C-0.101363 0.709208 -0.101363 1.36446 0.304089 1.76972L6.5343 8.00012L0.304089 14.2305C-0.101363 14.6358 -0.101363 15.291 0.304089 15.6963C0.506055 15.8984 0.77161 16 1.03698 16C1.30234 16 1.56771 15.8984 1.76986 15.6963L8.00007 9.46589L14.2305 15.6963C14.4326 15.8984 14.698 16 14.9634 16C15.2287 16 15.4941 15.8984 15.6962 15.6963C16.1017 15.291 16.1017 14.6358 15.6962 14.2305L9.46604 8.00012Z' /%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.popUp__close svg {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  fill: var(--main-back-color);
  transition: fill ease-in-out 0.3s;
}
.popUp__close:hover {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46604 8.00012L15.6962 1.76972C16.1017 1.36446 16.1017 0.709208 15.6962 0.303946C15.291 -0.101315 14.6357 -0.101315 14.2305 0.303946L8.00007 6.53434L1.76986 0.303946C1.36441 -0.101315 0.70935 -0.101315 0.304089 0.303946C-0.101363 0.709208 -0.101363 1.36446 0.304089 1.76972L6.5343 8.00012L0.304089 14.2305C-0.101363 14.6358 -0.101363 15.291 0.304089 15.6963C0.506055 15.8984 0.77161 16 1.03698 16C1.30234 16 1.56771 15.8984 1.76986 15.6963L8.00007 9.46589L14.2305 15.6963C14.4326 15.8984 14.698 16 14.9634 16C15.2287 16 15.4941 15.8984 15.6962 15.6963C16.1017 15.291 16.1017 14.6358 15.6962 14.2305L9.46604 8.00012Z' fill='%23FEE372'/%3E%3C/svg%3E");
}
.popUp__close svg {
  fill: var(--accent-color);
}
.popUp__close:active {
  top: 27px;
}
.popUp__head {
  margin-bottom: 28px;
}
.popUp__title {
  margin: 0;
}
.popUp__undertitle {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  margin-top: 20px;
  display: block;
}
.companyMini {
  height: 100%;
  border-radius: 12px;
  background-color: var(--back-color);
  padding: 20px;
}
.companyMini__letterBlock {
  margin-bottom: 12px;
}
.companyMini__letterBlock:nth-child(2) .companyMini__item:nth-child(n+3) {
  display: none;
}
.companyMini__letter {
  display: block;
  font-family: var(--oswald-font);
  font-size: 32px;
  line-height: 38px;
}
.companyMini__list {
  border-top: 1px solid var(--stroke-light);
  margin: 8px 0 0;
  padding-top: 8px;
  padding-left: 0;
  list-style-type: none;
}
.companyMini__item:nth-child(n+5) {
  display: none;
}
.companyMini__link {
  display: block;
  margin-bottom: 4px;
  color: var(--default-color);
}
.companyMini__link:hover {
  text-decoration: none;
  color: var(--accent-color);
}
.companyMini__all {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.bigChart {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 8px;
  height: 100%;
}
.bigChart__item {
  flex: 1;
  padding: 20px 16px;
  position: relative;
}
.bigChart__item:nth-child(1) {
  background-color: #4FA918;
}
.bigChart__item:nth-child(2) {
  background-color: #199242;
}
.bigChart__item:nth-child(3) {
  background-color: #027041;
}
.bigChart__item:nth-child(4) {
  background-color: #09573F;
}
.bigChart__legend {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  padding:0 10px;
  text-align: center;
}
.bigChart__digit {
  position: absolute;
  bottom: 20px;
  left: 16px;
  font-family: var(--oswald-font);
  font-weight: 500;
  font-size: 70px;
  line-height: 80px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.bigChart__percent {
  font-family: var(--oswald-font);
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}

.results__tabs {
  position: sticky;
  top: 80px;
  margin-top: 27px;
  z-index: 4;
  margin-bottom: 64px;
}
.results__tabs_smMargin {
  margin-bottom: 28px;
}
.results__tabs .swiper-slide {
  width: 20%;
}
.results__text p {
  margin: 0 0 20px;
}
.results__title {
  margin: 0 0 20px;
}
.results__digits {
  margin-top: 60px;
}
.results__companies {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}
.results__badge {
  flex: 1;
}
.results__companyList {
  flex: 0 0 calc(50% - 4px);
}
.results__HeadChart {
  height: 100%;
}
.results__portrait {
  margin-top: 120px;
}
.results__portrait .graphicBlock__selector .swiper-slide {
  width: 25%;
}
.results__budget {
  margin-top: 15px;
  background-color: var(--dark-black);
  padding-top: 104px;
  padding-bottom: 30px;
}
.results__budget .graphicBlock__selector .swiper-slide {
  width: 50%;
}

.graphicBlock {
  padding-bottom: 80px;
}
.graphicBlock_smP {
  padding-bottom: 10px;
}
.graphicBlock__title {
  margin: 0;
}
.graphicBlock__description {
  border-radius: 12px;
  max-width: 472px;
  background-color: var(--back-color);
  padding: 24px;
  margin-top: 32px;
  font-size: 15px;
  line-height: 22px;
}
.graphicBlock__legend {
  margin-top: 32px;
}
.graphicBlock__selector {
  margin-bottom: 25px;
}
.graphicBlock__selector .swiper-slide {
  width: 25%;
}
.graphicBlock__head {
  display: block;
  max-width: 240px;
  margin-left: auto;
  margin-bottom: 20px;
  margin-top: 10px;
}


.chartLegend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.chartLegend__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  transition: opacity .2s linear;
}
.chartLegend__item_hidden{
  opacity: 0;
}
.chartLegend__indicator {
  height: 12px;
  width: 32px;
  flex: none;
  border-radius: 6px;
}
.chartLegend__text {
  font-size: 15px;
  line-height: 22px;
}

.distribution {
  margin-top: 100px;
  margin-bottom: 155px;
}
.distribution .swiper-slide {
  width: 33.33%;
}
.distribution__title {
  margin: 0;
}
.distribution__legend {
  margin-top: 32px;
}

.rating {
  margin-bottom: 120px;
}
.rating__title {
  margin: 0 0 32px;
}
.rating__description {
  margin-top: 32px;
  max-width: 472px;
  border-radius: 12px;
  background-color: var(--back-color);
  padding: 24px;
  font-size: 15px;
  line-height: 22px;
}
.rating__description.hidden{
  display: none;
}
.rating__description p {
  margin: 0 0 15px;
}
.rating__info {
  display: block;
  margin: 24px 0 12px;
  padding-left: 28px;
  background: url("../images/info.svg") no-repeat left center;
  background-size: 20px 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #6F6F74;
}
.rating__legend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.rating__tabs {
  margin-bottom: 44px;
}
.rating__tabs_digital .swiper-slide {
  width: 25%;
}

.position {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.02em;
  width: 20px;
  text-align: center;
}
.position_top {
  color: #78DA3C;
  fill: #78DA3C;
}
.position_down {
  color: var(--danger-color);
  fill: var(--danger-color);
}
.position__indicator {
  width: 12px;
  height: 6px;
  display: block;
  margin: 0 auto 5px;
}

.ratingTable__table {
  width: 100%;
}

.ratingTable__agenciesWithoutRating a{
  margin-bottom: 5px;
  display: block;
  color: var(--default-color);
  position: relative;
  padding-left: 20px;
}

.ratingTable__agenciesWithoutRating ._underline{
  border-bottom: 1px dashed var(--default-color);
  transition: .3s ease-in;
}

.agenciesWithoutRating__check {
  fill: currentColor;
  margin-left: 7px;
}
.ratingTable__agenciesWithoutRating a:hover {
  color: var(--accent-color);
  text-decoration: none;
}


.ratingTable__agenciesWithoutRating a:hover ._underline{
  border-color: var(--accent-color);;
}


.ratingTable__agenciesWithoutRating a::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--default-color);
  transition: background-color .3s ease-in;
}

.ratingTable__agenciesWithoutRating a:hover::before {

  background-color: var(--accent-color);

}


.ratingTable thead {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #6F6F74;
}
.ratingTable thead td {
  padding: 0 0 13px;
  border-bottom: 1px solid var(--stroke-light);
}
.ratingTable thead td:nth-child(3) {
  white-space: nowrap;
  padding-right: 15px;
}
.ratingTable thead td:nth-child(4) {
  text-align: center;
}
.ratingTable tbody td {
  padding: 17px 0 18px;
  border-bottom: 1px solid var(--stroke-light);
  font-size: 18px;
  line-height: 28px;
}
.ratingTable tbody td a {
  color: var(--default-color);
  line-height: 1.2;
}
.ratingTable__check{
  fill: currentColor;
  margin-left: auto;
  margin-right: 0;
}

.ratingTable tbody td a._underline{
  border-bottom: 1px dashed var(--default-color);
  transition: .3s ease-in;
}
.ratingTable tbody td a:hover {
  color: var(--accent-color);
}
.ratingTable tbody td a._underline:hover{
  text-decoration: none;
  border-color: var(--accent-color);
}
.ratingTable tbody td:nth-child(1) {
  width: 76px;
  color: #6F6F74;
  padding-left: 1px;
}
.ratingTable tbody td:nth-child(3) {
  padding-right: 15px;
  text-align: right;
}
.ratingTable tbody td:nth-child(4) {
  width: 80px;
  text-align: center;
  color: var(--accent-color);
}
.ratingTable tbody td:nth-child(5) {
  width: 53px;
}
.ratingTable tbody tr:nth-child(n+6) td:nth-child(3) {
  color: var(--default-color);
}
.ratingTable .position {
  margin: 0 auto;
}

.catLeaders {
  background-color: var(--default-color);
  position: relative;
  overflow: hidden;
  color: var(--main-back-color);
  text-align: center;
  padding: 100px 0;
}
.catLeaders_endLight::after {
  background-color: var(--light-back-color);
}
.catLeaders::before, .catLeaders::after {
  display: block;
  content: "";
  width: 64px;
  height: 64px;
  left: 50%;
  position: absolute;
  transform: rotate(45deg) translateX(-50%);
  background-color: var(--main-back-color);
}
.catLeaders::before {
  top: -21px;
}
.catLeaders::after {
  bottom: -69px;
}
.catLeaders__title {
  margin: 0 0 32px;
}
.catLeaders__selector {
  display: inline-block;
  margin-bottom: 60px;
}
.catLeaders__places {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}

.catLeader__image {
  display: block;
  height: 120px;
  width: 200px;
  overflow: hidden;
}
.catLeader__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.catLeader__sep {
  margin: 20px auto;
  width: 1px;
  height: 48px;
  background-color: #D3D3D6;
}
.catLeader__position {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 600;
  font-size: 120px;
  line-height: 100%;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  color: var(--gray-light);
}
.catLeader__place {
  display: block;
  font-family: var(--oswald-font);
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  color: var(--gray-light);
}

.chart {
  width: 100%;
  min-height: 2px;
  height: 450px;
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  position: relative;
  padding-left: 15px;
  margin-bottom: 60px;
}
.chart__column {
  width: 28px;
  height: 100%;
}
.chart__group {
  height: 100%;
  min-width: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  position: relative;
}
.chart__positive {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.chart__negative {
  width: 100%;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.chart__coll {
  position: relative;
  width: 100%;
}
.chart__text {
  position: absolute;
  left: 0;
  font-family: var(--oswald-font);
  font-size: 11px;
  line-height: 18px;
}
.chart__text_top {
  bottom: calc(100% + 4px);
}
.chart__text_bot {
  top: calc(100% + 4px);
}
.chart__legend {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  font-weight: 500;
  min-width: 100%;
}
.chart__legendWrapped {
  display: block;
  white-space: normal;
  max-width: 140px;
  text-align: center;
}
.chart__legendWrapped_green {
  color: #78DA3C;
}
.chart__legendWrapped_red {
  color: #E93333;
}
.chart__axe {
  color: #4D4D56;
  background-color: var(--stroke-light);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  width: calc(100% - 38px);
  height: 1px;
}
.chart__axeText {
  position: absolute;
  display: block;
  left: -38px;
  top: -10px;
}

.horizontalChart {
  padding-top: 34px;
  position: relative;
  padding-bottom: 2px;
}
.horizontalChart__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
.horizontalChart__axes {
  flex: none;
  width: 680px;
  position: relative;
}
.horizontalChart__axe {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--stroke-light);
  color: #4D4D56;
}
.horizontalChart__axeText {
  display: block;
  position: absolute;
  bottom: -36px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  left: 50%;
  transform: translateX(-50%);
}
.horizontalChart__group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.horizontalChart__graphic {
  flex: none;
  width: 680px;
}
.horizontalChart__legend {
  flex: 1;
}
.horizontalChart__title {
  font-size: 20px;
  line-height: 28px;
  display: block;
}
.horizontalChart__description {
  font-size: 15px;
  line-height: 22px;
  color: #6F6F74;
}
.horizontalChart__line {
  height: 20px;
  margin-bottom: 2px;
  position: relative;
}
.horizontalChart__text {
  display: block;
  position: absolute;
  font-size: 18px;
  line-height: 22px;
  top: 50%;
  left: calc(100% + 8px);
  transform: translateY(-50%);
}

.company__head {
  padding: 28px 0 80px;
  background: var(--back-color);
}
.company__about {
  padding-bottom: 64px;
}
.company__back {
  color: var(--default-color);
  fill: var(--default-color);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-transform: none;
  padding: 12px 29px;
  border-radius: 23px;
  min-height: auto;
}
.company__back:hover {
  fill: var(--main-back-color);
}
.company__name {
  margin: 28px 0 48px;
  font-size: 64px;
  line-height: 72px;
  text-transform: none;
}
.company__name-emptyMargin{
  margin: 0;
}
.company__rating {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}
.company__rating-onlyName{
  align-items: center;
}
.company__ratingData {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.company__position {
  width: 400px;
  flex: none;
  margin-right: 40px;
  background-color: var(--accent-color);
  padding: 32px 16px 16px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  color: var(--main-back-color);
  border-radius: 12px;
}
.company__positionValue {
  font-family: var(--oswald-font);
  font-weight: 600;
  font-size: 132px;
  line-height: 100%;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}
.company__positionText {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  margin-left: 18px;
}
.company__rates {
  flex: 0 0 280px;
}
.company__rate {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid var(--stroke-light);
  padding: 16px 0;
  font-family: var(--oswald-font);
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}
.company__changes {
  border: 1px solid var(--stroke-light);
  border-radius: 12px;
  padding: 20px 28px;
  max-width: 400px;
  flex: 1;
}
.company__changesHead {
  display: flex;
  align-items: center;
  justify-content: space-between;

}
.company__logo {
  flex: 1;
}
.company__logo img {
  display: block;
  max-height: 72px;
  max-width: 210px;
  width: auto;
  height: auto;
}
.company__changeValue {
  display: flex;
  font-family: var(--oswald-font);
  align-items: center;
  font-weight: 400;
  font-size: 64px;
  line-height: 72px;
  margin-top: 20px;
  letter-spacing: -0.02em;
}
.company__changeValue svg {
  height: 48px;
  width: 48px;
  flex: none;
}
.company__changeValue_up {
  color: #78DA3C;
  fill: #78DA3C;
}
.company__changeValue_up svg {
  transform: rotate(-90deg);
}
.company__changeValue_down {
  color: var(--danger-color);
  fill: var(--danger-color);
}
.company__changeValue_down svg {
  transform: rotate(90deg);
}
.company__changeValue_none {
  font-size: 64px;
  line-height: 72px;
  color: var(--gray-light);
}
.company__changesText {
  display: block;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--gray-light);
}
.company__descriptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-top: 75px;
}
.company__descriptions .roundBtn {
  padding: 15px;
  margin: 0 auto;
}
.company__descriptions .roundBtn._hide {
  display: none;
}
.company__text {
  max-width: 720px;
}
.company__textTitle {
  margin: 0 0 28px;
}
.company__tender {
  text-align: center;
  width: 400px;
  flex: none;
}
.company__contacts {
  border-radius: 12px;
  border: 1px solid var(--accent-color);
  padding: 24px;
  display: none;
}
.company__contacts._shown {
  display: block;
}
.company__contactName {
  display: block;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
}
.company__contactPost {
  margin-top: 2px;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-light);
  margin-bottom: 12px;
}
.company__contactLink {
  display: inline-flex;
}
.company__links {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 8px;
  margin-top: 60px;
}
.company__banner {
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: var(--accent-color);
  height: 180px;
}

.externalLink {
  flex: 1 0 0;
  padding: 30px 28px;
  border: 1px solid var(--stroke-light);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--default-color);
  fill: var(--accent-color);
}
.externalLink__start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.externalLink svg {
  width: 30px;
  height: 30px;
  flex: none;
  margin-right: 22px;
}
.externalLink__badge {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--main-back-color);
  background-color: var(--accent-color);
  padding: 4px 12px;
  border-radius: 14px;
}
.externalLink__text {
  flex: 1;
  font-family: var(--oswald-font);
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  text-align: right;
}
.externalLink:hover {
  color: var(--main-back-color);
  fill: var(--main-back-color);
  text-decoration: none;
  background: var(--accent-color);
  border-color: var(--accent-color);
}
.externalLink:hover .externalLink__badge {
  color: var(--accent-color);
  background-color: var(--main-back-color);
}

.fullADV {
  margin-top: 100px;
  margin-bottom: 80px;
  width: 100%;
  height: 180px;
  background-color: var(--info-color);
}

.languageSwitcher {
  margin: 0;
  padding: 4px;
  border-radius: 22px;
  background-color: var(--back-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.languageSwitcher__item {
  width: 50%;
  flex: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 8px 10px;
  border-radius: 18px;
  color: var(--default-color);
}
.languageSwitcher__item_active {
  color: var(--main-back-color);
  background-color: var(--accent-color);
}

.letterList {
  width: 100%;
  padding: 28px 22px 16px;
  background-color: var(--back-color);
  border-radius: 12px;
  display: grid;
}
.letterList__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 14px;
  row-gap: 16px;
}
.letterList__item {
  font-family: var(--oswald-font);
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  text-transform: uppercase;
  color: var(--default-color);
  cursor: pointer;
}
.letterList__item:hover {
  color: var(--default-color);
}
.letterList__item_disabled {
  color: #6F6F74;
  cursor: not-allowed;
}
.letterList__item_disabled:hover {
  color: #6F6F74;
}
.letterList__item_active {
  color: var(--accent-color);
}
.letterList__control {
  margin-top: 44px;
}
.letterList__opener {
  display: none;
}
.letterList__clear {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--accent-color);
}
.letterList__clear:hover {
  cursor: pointer;
  text-decoration: underline;
}

.companySelector__title {
  margin: 0 0 28px;
}
.companySelector__layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  column-gap: 48px;
  row-gap: 8px;
}
.companySelector__link {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
  color: var(--main-back-color);
}
.companySelector__link:hover {
  cursor: default;
  color: var(--main-back-color);
  text-decoration: none;
}
.companySelector__search {
  display: block;
  width: 100%;
  height: 44px;
  border-radius: 22px;
  border: 1px solid #DBDBDF;
  padding: 0 24px;
  outline: none;
  background: url("../images/magnific.svg") no-repeat right 20px center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--main-back-color);
}
.companySelector__search:focus {
  border: 1px solid var(--main-back-color);
}
.companySelector__companies {
  padding-top: 16px;
  padding-right: 16px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 32px;
  row-gap: 28px;
  max-height: 430px;
  scrollbar-color: #C7C7CB #E6E6E8;
  scrollbar-width: auto;
}
.companySelector__companies::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #E6E6E8;
  border-radius: 4px;
}
.companySelector__companies::-webkit-scrollbar-thumb {
  background-color: #C7C7CB;
  border-radius: 4px;
}
.companySelector__companies::-webkit-scrollbar-track {
  background-color: #E6E6E8;
  border-radius: 4px;
}
.companySelector__letter {
  color: var(--main-back-color);
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  font-family: var(--oswald-font);
  padding-bottom: 8px;
  border-bottom: 1px solid #DBDBDF;
}

.bounceParent{
  position: relative;
}
.bounceAnimation{
  display: block;
  width: 2px;
  height: 2px;
  flex-shrink: 0;
  border-radius: 50%;
  /*background: radial-gradient(46.13% 46.13% at 50.00% 50.00%, #0F4131 0%, #0D3421 17.80%, #12251D 50.04%, #1B1F1D 84.50%, #1E1E1F 100%);*/
  background: #0F4131;
  box-shadow: 0 0 55px 55px #0F4131;
  z-index: -1;
  position: absolute;
  animation: moveX 12s linear 0s infinite alternate, moveY 9s linear 0s infinite alternate;
}


.subscribe{
  max-width: 555px;
}
.subscribe__title{
  display: block;
  text-transform: uppercase;
  font-family: var(--oswald-font);
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
}
.subscribe__row{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.subscribe__row .textField{
  margin-bottom: 0;
  flex: 1;
}

.subscribe__agreement{
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
.subscribe__agreement a{
  color: var(--accent-color);
  text-decoration: underline;
}
.subscribe__agreement a:hover{
  text-decoration: none;
}
/*New old footer*/


.footer{
  background: var(--dark-black);
}

.footer__wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer__bottom{
  border-top: 1px solid var(--stroke-dark);
  padding: 16px 0 24px;
}
.footer__copy{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.footer__top{
  padding: 60px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.footer__subscribe{
  flex:  0 0 50%;
}
.footer__logos{
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer__Repa, .footer__Wow{
  flex: 1;
}
.footer__Wow{
  padding-left: 60px;
}

.repaLogo{
  display: block;
  width: 180px;
  height: 66px;
  overflow: hidden;
  margin-bottom: 20px;
  transition: opacity linear .3s;
}
.repaLogo__img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.repaLogo:hover{
  opacity: .8;
}

.tgLink{
  border: 1px solid var(--default-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  gap: 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--default-color);
  padding: 14px 20px;
  border-radius: 26px;
  transition:  linear .3s;
}
.tgLink:hover{
  text-decoration: none;
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  color: var(--main-back-color);
}

.tgLink__icon{
  fill: var(--default-color);
  transition: fill linear .3s;
}
.tgLink:hover .tgLink__icon{
  fill: var(--main-back-color);
}


.wowLogo{
  padding-top: 4px;
  display: block;
  color: var(--decor-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  max-width: 180px;
}
.wowLogo:hover{
  text-decoration: none;
  color:  #E83E8C;
}

.wowLogo__image{
  display: block;
  max-width: 100px;
  max-height: 65px;
  width: auto;
  height: auto
}
.wowLogo__image path {
  fill: var(--decor-color);
  transition: fill .3s;
}
.wowLogo:hover .wowLogo__image path {
  fill: #E83E8C;
}
.wowLogo__text{
  margin-top: 16px;
  display: block;
}
.add-customer {
  max-width: 290px;
}
/**/
.dataChooser_alter .dataChooser__item._active {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
  color: var(--main-back-color);
}
.answers-group-title {
  display: block;
  margin-bottom: 5px;
}
.answers-group-notice {
  display: block;
  margin-bottom: 10px;
  color: #747474;
  font-size: 14px;
  line-height: 19px;
  padding-left: 13px;
}
.answers-group {
  margin: 15px 0 15px 30px;
}
.answers-group .checkbox  {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}
.answers-group .checkbox .checkbox__indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-color: #1E1E1F;
  position: relative;
  margin-right: 15px;
}
.answers-group .checkbox .checkbox__input:checked ~ .checkbox__indicator {
  background: none;
}
.answers-group .checkbox .checkbox__input:checked ~ .checkbox__indicator::before {
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  background: #1E1E1F;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.answers-group .checkbox__text {
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 1400px) {
  .welcome__body .roundBtn {
    width: 120px;
    height: 120px;
  }
  .welcome__body .welcome__btn + .welcome__btn {
    width: 140px;
    height: 140px;
    right: -55px;
    top: -25px;
  }
  .container {
    max-width: 1140px;
  }
  h1, .h1 {
    font-size: 76px;
    line-height: 84px;
  }
  h1_smaller, .h1_smaller {
    font-size: 72px;
    line-height: 80px;
  }
  h2, .h2 {
    font-size: 40px;
    line-height: 50px;
  }
  h3, .h3 {
    font-size: 30px;
    line-height: 34px;
  }
  h4, .h4 {
    font-size: 30px;
    line-height: 34px;
  }
  .logo__text {
    display: none;
  }
  .logo__image {
    margin-right: 0;
  }
  .split__body {
    width: 600px;
  }
  .schedule__body {
    width: 600px;
  }
  .mechanic__title {
    max-width: 100%;
  }
  .mainItem__number {
    margin-bottom: 15px;
  }
  .getIn__card {
    flex: 1;
  }
  .benefit {
    padding: 30px 28px 100px;
  }
  .formula__main {
    padding: 32px;
  }
  .formula__multiply {
    margin: 0 10px;
  }
  .formula__plus {
    margin: 0 10px;
  }
  .newCard__image {
    height: 150px;
    margin-top: 30px;
  }
  .cooperation__column {
    flex: none;
    width: 450px;
  }
  .cooperation__body {
    gap: 40px;
  }
  .contactForm__agreement {
    text-align: center;
  }
  .results__companies {
    display: block;
  }
  .results__badge {
    margin-bottom: 8px;
  }
  .results__badge .badge__text {
    margin-top: 30px;
  }
  .results__portrait {
    margin-top: 64px;
  }
  .results__digits {
    margin-top: 40px;
    padding-bottom: 30px;
  }
  .bigChart__item {
    flex: none;
    width: calc((100% - 24px) / 4);
  }
  .bigChart__digit {
    font-size: 56px;
  }
  .bigChart__legend {
    /*display: block;*/
    /*writing-mode: vertical-rl;*/
    /*transform: rotate(180deg);*/
    /*max-height: 150px;*/
    /*text-align: right;*/
  }
  .chart {
    padding-left: 15px;
  }
  .categoryResult {
    margin-top: 0;
    padding-top: 60px;
  }
  .rating__tabs_digital .swiper-slide {
    width: auto;
  }
  .rating__tabs_digital .slideTabs__item {
    padding: 8px 16px;
  }
  .slideTabs__slider_double .slideTabs__wrap{
    flex: 0 0 33%;
  }
  .company__rating {
    flex-wrap: wrap;
  }

  .company__ratingData {
    flex: none;
    width: 100%;
  }
  .company__rates {
    flex: none;
    width: calc(100% - 450px);
  }
  .company__links {
    display: block;
  }
  .externalLink {
    margin-bottom: 20px;
  }
  .footer__subscribe{
    flex: 0 0 600px;
  }
  .subscribe{
    max-width: 500px;
  }
  .footer__Wow{
    padding-left: 0;
  }
}
@media screen and (max-width: 1200px) {
  .schedule {
    margin-top: 60px;
  }
  .about .split__body {
    padding-left: 0;
  }
  .header__row {
    justify-content: space-between;
  }
  .advertisingOpportunityItem {
    flex: 0 0 calc(50% - 15px);
  }
  .benefitFirst {
    flex: 0 0 100%;
  }
  .welcome__body .welcome__btn + .welcome__btn {
    right: -10px;
    top: -10px;
  }
  .container {
    max-width: 960px;
  }
  h1, .h1 {
    font-size: 64px;
    line-height: 72px;
  }
  h1_smaller, .h1_smaller {
    font-size: 60px;
    line-height: 72px;
  }
  h2, .h2 {
    font-size: 38px;
    line-height: 46px;
  }
  h3, .h3 {
    font-size: 28px;
    line-height: 30px;
  }
  h4, .h4 {
    font-size: 28px;
    line-height: 30px;
  }
  .menuSwitcher {
    display: block;
  }
  .header {
    position: relative;
    z-index: 2;
    width: 100%;
    background: var(--main-back-color);
  }
  .header__backdrop {
    display: none;
  }
  .header__backdrop_active {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background-color: var(--main-back-color);
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  .header__archive {
    display: none;
  }
  .header__nav {
    display: block;
    position: absolute;
    width: 100%;
    left: 200vw;
    top: calc(100% + 1px);
    max-height: calc(100vh - 60px);
    transition: left ease-out 0.3s;
  }
  .header__nav_active {
    left: 0;
  }
  .header__nav .archiveLink {
    display: flex;
    margin: 0 auto;
  }
  .archiveLink {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100px;
    height: 40px;
    border-radius: 20px;
    padding: 12px 20px;
  }
  .archiveLink__text {
    font-size: 12px;
    line-height: 16px;
  }
  .archiveLink__arrow {
    width: 12px;
  }
  .menu {
    position: relative;
    z-index: 3;
    flex-direction: column;
    align-items: center;
    padding-top: 80px;
    gap: 0;
  }
  .menu__item {
    margin-bottom: 24px;
  }
  .menu__item_parent {
    position: static;
  }
  .menu__item_parent:hover {
    cursor: pointer;
  }
  .menu__item_parent:hover .menu__link {
    color: var(--accent-color);
  }
  .menu__item_parent:hover .menu__indicator {
    transform: rotate(90deg);
  }
  .menu__link {
    font-size: 15px;
  }
  .menu__link::after {
    display: none;
  }
  .menu__indicator {
    transform: rotate(90deg);
  }
  .menu__subWrapper {
    display: block;
    transform: rotateX(0deg);
    visibility: visible;
    opacity: 1;
    left: 100vw;
    width: 100%;
    min-height: 100vh;
    background-color: var(--main-back-color);
    top: 0;
    z-index: 3;
    padding-top: 80px;
  }
  .menu__subWrapper_shown {
    left: 0;
  }
  .menu__submenu {
    background: transparent;
    text-align: center;
    padding-bottom: 0;
  }
  .menu__subLink {
    color: var(--default-color);
    font-size: 15px;
    margin-bottom: 24px;
  }
  .menu__subLink:hover {
    color: var(--accent-color);
  }
  .menu__subBack {
    display: flex;
  }
  .welcome {
    column-gap: 30px;
    grid-template-columns: calc(100% - 280px - 30px) 280px;
  }
  .schedule__body {
    width: 500px;
  }
  .split__body {
    width: 500px;
  }
  .mechanicCard {
    padding: 22px 10px 32px;
  }
  .mechanicCard__title {
    height: 40px;
  }
  .mechanicCard__text {
    font-weight: 500;
    line-height: 24px;
    font-size: 14px;
  }
  .mainCategory__list {
    grid-template-columns: repeat(5, 1fr);
  }
  .mainItem__number {
    margin-bottom: 10px;
  }
  .getIn .btn {
    white-space: nowrap;
  }
  .getIn__body {
    flex-wrap: wrap;
  }
  .getIn__card_full-lg {
    flex: none;
    width: 100%;
  }
  .formula__inner {
    font-size: 48px;
    line-height: 48px;
  }
  .formula__value {
    font-size: 60px;
    line-height: 60px;
  }
  .formula__title {
    font-size: 16px;
    line-height: 20px;
  }
  .formula__multiply {
    margin: 0 7px;
  }
  .formula__plus {
    margin: 0 7px;
  }
  .newCard__image {
    height: 119px;
  }
  .newCard__title {
    font-size: 16px;
    line-height: 24px;
  }
  .newCard__begin {
    height: 155px;
    margin-bottom: 15px;
  }
  .contacts__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cooperation__body {
    display: block;
    width: 100%;
  }
  .cooperation__body .cooperation__column {
    width: 100%;
  }
  .preferences {
    gap: 10px;
    justify-content: center;
  }
  .contactForm {
    margin-top: 80px;
  }
  .contactForm__title {
    margin-bottom: 60px;
  }
  .contactForm__title .accent {
    display: inline-block;
  }
  .contactForm__btns {
    max-width: 270px;
    margin: 30px 0 10px;
  }
  .contactForm__agreement {
    text-align: left;
  }
  .companySelector__layout {
    display: grid;
    grid-template-columns: 180px 1fr;
    column-gap: 32px;
  }
  .companySelector__companies {
    max-height: 300px;
  }
  .mainCatCard__picture {
    width: 200px;
    height: 200px;
  }
  .mainCatCard__footer {
    margin-top: 30px;
  }
  .results__tabs{
    top: 10px;
  }
  .results__budget {
    padding-top: 48px;
  }
  .distribution {
    margin-top: 40px;
    margin-bottom: 80px;
  }
  .distribution__head {
    margin-bottom: 32px;
  }
  .horizontalChart__title {
    font-size: 18px;
    line-height: 22px;
  }
  .horizontalChart__description {
    font-size: 14px;
    line-height: 20px;
  }
  .horizontalChart__axes {
    width: 600px;
  }
  .horizontalChart__graphic {
    width: 600px;
  }
  .categoryResult {
    padding-top: 80px;
  }
  .category {
    margin-bottom: 80px;
  }
  .category__rating .rating {
    margin-top: 50px;
  }
  .category__about {
    margin-top: 70px;
  }
  .footer__top{
    flex-direction: column-reverse;
  }
  .footer__subscribe{
    width: 100%;
    flex: none;
    margin-bottom: 60px;
  }
  .subscribe{
    max-width: 100%;
  }
  .footer__logos{
    align-self: stretch;
  }
  .slideTabs__slider_double .slideTabs__wrap{
    flex: 0 0 50%;
  }
  .badge__link{
    display: block;
    position: static;
    text-align: right;
    margin-top: 7px;
  }
}
@media screen and (max-width: 992px) {
  .about .split__body {
    padding-left: 0;
  }
  .container {
    max-width: 720px;
  }
  h1, .h1 {
    font-size: 54px;
    line-height: 64px;
  }
  h1_smaller, .h1_smaller {
    font-size: 50px;
    line-height: 60px;
  }
  h2, .h2 {
    font-size: 35px;
    line-height: 43px;
  }
  h3, .h3 {
    font-size: 24px;
    line-height: 28px;
  }
  h4, .h4 {
    font-size: 24px;
    line-height: 28px;
  }
  h5, .h5 {
    font-size: 22px;
    line-height: 28px;
  }
  .headline {
    font-size: 16px;
    line-height: 24px;
  }
  .headADV, .topADV {
    height: 120px;
  }
  .welcome {
    margin-top: 50px;
    row-gap: 25px;
    grid-template-columns: calc(100% - 230px) 200px;
  }
  .welcome__badge {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .welcome__message {
    grid-row: 2/3;
    grid-column: 1/3;
  }
  .welcome__org {
    grid-row: 3/4;
  }
  .welcome__partners {
    grid-row: 3/4;
  }
  .badge__text {
    margin-top: 0;
    font-size: 200px;
    line-height: 200px;
    margin-left: 0;
  }
  .schedule_smMargin {
    margin-top: 64px;
  }
  .schedule__container {
    display: block;
  }
  .schedule__title {
    width: 100%;
    max-width: none;
  }
  .schedule__body {
    width: 100%;
  }
  .split {
    display: block;
  }
  .split__head {
    width: 100%;
  }
  .split__body {
    width: 100%;
  }
  .about {
    padding-top: 20px;
  }
  .about h2 {
    margin-top: 0;
  }
  .aboutSlider {
    margin-top: 30px;
    max-width: 100%;
  }
  .mechanic {
    margin-top: 50px;
  }
  .mechanic .mechanic__body {
    flex-wrap: wrap;
    gap: 8px;
  }
  .mechanicCard {
    flex: 0 0 100%;
    padding: 0 10px;
  }
  .mechanicCard:last-child {
    flex: 0 0 100%;
  }
  .mechanicCard__title {
    height: auto;
    margin-bottom: 0;
  }
  .mainCategory__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .mainItem {
    height: auto;
    padding: 15px;
  }
  .formula__main {
    flex-direction: column;
    gap: 15px;
  }
  .formula__title {
    display: block;
    font-size: 16px;
    line-height: 20px;
    max-width: none;
  }
  .formula__equal {
    width: 20px;
    height: 14px;
    flex: none;
  }
  .formula__multiply {
    width: 18px;
    height: 18px;
  }
  .formula__plus {
    width: 23px;
    height: 21px;
  }
  .formula__inner {
    font-size: 40px;
    line-height: 40px;
  }
  .formula__legend {
    display: block;
  }
  .formula__legendItem {
    text-align: left;
  }
  .newCard__image {
    height: 137px;
  }
  .contacts_smbm {
    margin-bottom: 64px;
  }
  .contacts__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .page {
    margin-top: 50px;
  }
  .contacts {
    margin-top: 50px;
  }
  .contacts_page {
    margin-top: 0px;
  }
  .subscribe {
    /*margin-top: 50px;*/
    text-align: center;
  }
  .subscribe::before {
    top: 15px;
    right: 34%;
  }
  .subscribe::after {
    bottom: 20px;
    left: 40%;
  }
  .subscribe__title {
    max-width: 100%;
  }
  .subscribe__fields {
    margin-top: 35px;
    justify-content: center;
  }
  .subscribe__agreement {
    text-align: center;
  }
  .repa {
    margin-bottom: 20px;
  }
  .repa__logo {
    width: 124px;
    height: 45px;
  }
  .wowFest {
    margin-top: 32px;
  }
  .footer {
    padding-top: 32px;
  }
  .footer__bottom {
    margin-top: 32px;
  }
  .cooperation__header {
    display: block;
  }
  .cooperation__title {
    margin-bottom: 32px;
  }
  .results__tabs {
    margin-bottom: 40px;
  }
  .results__tabs .swiper-slide {
    width: fit-content;
  }
  .results__tabs .slideTabs__item {
    padding-left: 16px;
    padding-right: 16px;
  }
  .companySelector__layout {
    grid-template-columns: 180px 1fr;
    column-gap: 32px;
  }
  .companySelector__companies {
    grid-template-columns: repeat(2, 1fr);
  }
  .letterList__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 5px;
    row-gap: 8px;
  }
  .mainCatCard__picture {
    width: 160px;
    height: 160px;
  }
  .mainCatCard__footer {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .mainCatCard__nav {
    width: 100%;
    margin-top: 25px;
    justify-content: space-between;
  }
  .results__HeadChart {
    margin-top: 40px;
    height: 450px;
  }
  .results__badge .badge__text {
    margin-top: 0;
  }
  .companyMini {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
  }
  .companyMini__letterBlock {
    flex: 1 0 0;
  }
  .companyMini__all {
    flex: none;
    width: 100%;
    text-align: center;
  }
  .graphicBlock__description {
    max-width: none;
  }
  .graphicBlock__selector {
    margin-top: 40px;
  }
  .graphicBlock__head {
    margin-top: 0;
  }
  .distribution__legend {
    margin-bottom: 32px;
  }
  .horizontalChart {
    padding-top: 0;
  }
  .horizontalChart__back {
    display: none;
  }
  .horizontalChart__group {
    display: block;
    border-bottom: 1px solid var(--stroke-light);
    padding-bottom: 16px;
    padding-top: 16px;
    margin-bottom: 0;
  }
  .horizontalChart__legend {
    margin-bottom: 12px;
  }
  .horizontalChart__graphic {
    width: 100%;
  }
  .rating__description {
    width: 100%;
    max-width: none;
    margin-bottom: 32px;
  }
  .category {
    margin-bottom: 60px;
  }
  .category__description {
    display: block;
  }
  .category__image {
    width: 200px;
    height: 200px;
    margin: 20px auto 0;
  }
  .company__rating {
    display: block;
  }
  .company__name{
    margin-bottom: 40px;
  }
  .company__ratingData {
    display: block;
  }
  .company__position {
    width: 100%;
    margin: 0 0 32px;
  }
  .company__rates {
    width: 100%;
    margin: 0 0 32px;
  }
  .company__changes {
    max-width: 100%;
  }
  .company__descriptions {
    display: block;
  }
  .company__tender {
    margin: 40px auto 0;
  }
  .footer__top{
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .joboffers-banner {
    min-height: unset;
  }
  .mediapartners {
    margin-top: 60px;
  }
  .advertisingOpportunities__items {
    gap: 14px;
  }
  .advertisingOpportunityItem {
    padding: 20px 15px;
    flex: 0 0 calc(50% - 7px);
  }
  .advertisingOpportunityItem__icon {
    flex: 0 0 55px;
  }
  .schedule__container_mt {
    margin-top: 0;
  }
  .benefitFirst .getIn__card {
    padding-bottom: 85px;
  }
  .benefitRest .getIn__card {
    flex: 0 0 100%;
    height: auto;
    padding: 25px 15px;
  }
  .welcome__body .welcome__btn + .welcome__btn {
    top: 100%;
    right: 140px;
    transform: none;
  }
  .container {
    max-width: 540px;
  }
  h1, .h1 {
    font-size: 40px;
    line-height: 48px;
  }
  h1_smaller, .h1_smaller {
    font-size: 38px;
    line-height: 46px;
  }
  h2, .h2 {
    font-size: 32px;
    line-height: 40px;
  }
  h3, .h3 {
    font-size: 22px;
    line-height: 26px;
  }
  h4, .h4 {
    font-size: 22px;
    line-height: 26px;
  }
  h5, .h5 {
    font-size: 20px;
    line-height: 26px;
  }
  .show768 {
    display: block;
  }
  .btn {
    font-size: 12px;
    line-height: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 22px;
    min-height: 44px;
  }
  .roundBtn {
    width: 140px;
    height: 140px;
  }
  .welcome {
    row-gap: 25px;
    grid-template-columns: 100%;
  }
  .welcome__badge {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .welcome__message {
    grid-row: 2/3;
    grid-column: 1/2;
    position: relative;
  }
  .welcome__org {
    grid-row: 3/4;
    margin-bottom: 0;
  }
  .welcome__partners {
    grid-row: 4/5;
  }
  .welcome__btn, .welcome__btn:hover {
    position: absolute;
    top: 100%;
    right: 0;
  }
  .schedule {
    padding-top: 70px;
    padding-bottom: 70px;
    margin-top: 0;
    background-position: top center;
  }
  .schedule_smMargin {
    padding-bottom: 0;
  }
  .schedule__title {
    margin-bottom: 28px;
  }
  .schedule__body {
    width: 100%;
  }
  .mainCategories {
    margin-top: 50px;
  }
  .mainCategory__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .tabsControl__item {
    flex: none;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 16px;
    border-radius: 16px;
  }
  .getIn__header {
    align-items: flex-start;
  }
  .getIn__header .btn {
    display: none;
  }
  .getIn__subTitle {
    margin-top: 15px;
  }
  .getIn__title {
    margin-bottom: 10px;
  }
  .getIn__card_full-md {
    flex: none;
    width: 100%;
  }
  .formula__inner {
    flex-wrap: wrap;
    justify-content: center;
  }
  .formula__plus_hidden {
    display: block;
  }
  .formula__delimeter {
    display: block;
    width: 100%;
    height: 1px;
    opacity: 0;
  }
  .news {
    margin-top: 40px;
  }
  .news__body {
    position: relative;
    /*width: calc((100vw - 540px) / 2 + 540px);*/
    width: 100%;
  }
  .news .swiper-slide {
    width: 320px;
  }
  .newCard__image {
    height: 132px;
  }
  .mediapartners .partner__logo {
    height: 80px;
    margin-bottom: 6px;
  }
  .contacts__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer__wrap {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 24px;
  }
  .companySelector__layout {
    display: grid;
    grid-template-columns: 120px 1fr;
    column-gap: 9px;
    row-gap: 12px;
  }
  .companySelector__language {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .companySelector__searchPlace {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .companySelector__lettersBlock {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .companySelector__lists {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .companySelector__link {
    font-size: 13px;
    line-height: 18px;
  }
  .companySelector__letter {
    font-size: 20px;
    line-height: 24px;
  }
  .companySelector__search {
    height: 36px;
    border-radius: 18px;
    padding: 0 16px;
    outline: none;
    background: url("../images/magnific.svg") no-repeat right 10px center;
    font-size: 13px;
    line-height: 18px;
  }
  .languageSwitcher {
    padding: 2px;
    border-radius: 18px;
  }
  .languageSwitcher__item {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 10px;
    border-radius: 16px;
  }
  .letterList__list {
    grid-template-columns: repeat(10, 1fr);
    column-gap: 14px;
    row-gap: 14px;
    max-height: 24px;
    overflow: hidden;
  }
  .letterList__list._shown {
    max-height: none;
  }
  .letterList__control {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .letterList__opener {
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--default-color);
  }
  .letterList__opener:hover {
    cursor: pointer;
    color: var(--accent-color);
    text-decoration: none;
  }
  .letterList__item {
    font-size: 18px;
    line-height: 24px;
  }
  .mainCatCard__picture {
    display: none;
  }
  .mainCatCard__afterImage {
    display: block;
    text-align: center;
    margin-top: 35px;
  }
  .mainCatCard__afterImage img {
    display: block;
    max-width: 160px;
    height: auto;
    margin: 0 auto;
  }
  .category {
    margin-bottom: 0;
  }
  .category__head {
    display: block;
  }
  .category__parent {
    margin-top: 16px;
  }
  .category__back {
    width: 130px;
  }
  .category__title {
    margin-top: 8px;
    margin-bottom: 24px;
  }
  .company__about {
    padding-bottom: 0;
  }
  .externalLink {
    padding: 12px 20px;
  }
  .externalLink__start {
    display: block;
  }
  .externalLink svg {
    width: 18px;
    height: 18px;
    flex: none;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .externalLink__badge {
    font-size: 11px;
    line-height: 16px;
    padding: 4px 8px;
    border-radius: 12px;
  }
  .externalLink__text {
    font-size: 22px;
    line-height: 26px;
  }
  .footer__logos{
    gap: 40px;
  }
  .footer__wrap{
    flex-direction: column;
    gap: 10px;
  }
  .subscribe__row {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 576px) {
  .benefitFirst .getIn__card {
    padding: 20px 12px 40px;
  }
  .container {
    max-width: none;
  }
  h1, .h1 {
    font-size: 34px;
    line-height: 40px;
  }
  h1_smaller, .h1_smaller {
    font-size: 32px;
    line-height: 40px;
  }
  h2, .h2 {
    font-size: 28px;
    line-height: 36px;
  }
  h4, .h4 {
    font-size: 20px;
    line-height: 24px;
  }
  h5, .h5 {
    font-size: 18px;
    line-height: 24px;
  }
  .headline {
    font-size: 15px;
    line-height: 22px;
  }
  .caption {
    font-size: 11px;
    line-height: 14px;
  }
  .caption_medium {
    font-size: 12px;
    line-height: 16px;
  }
  .partners__control,
  .mediapartners__control {
    display: none;
  }
  .partners__slider,
  .mediapartners__slider {
    display: none;
  }
  .partner__logo {
    height: 80px;
    padding: 10px;
  }
  .partner__name {
    font-size: 12px;
    line-height: 16px;
  }
  .mediapartners__mobSliders {
    display: block;
    width: 120vw;
    position: relative;
    left: -20px;
  }
  .partnersMobSliders {
    display: block;
    width: 120vw;
    position: relative;
    left: -20px;
  }
  .partnersMobSlider {
    margin-bottom: 20px;
  }
  .partnersMobSlider:last-child {
    margin-bottom: 0;
  }
  .organizer {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .organizer__text {
    line-height: 16px;
    font-size: 12px;
    min-height: auto;
    margin-bottom: 5px;
  }
  .organizer__logo {
    max-width: 145px;
    margin-bottom: 0;
  }
  .badge__text {
    font-size: 108px;
    line-height: 100px;
  }
  .roundBtn {
    width: 120px;
    height: 120px;
    font-size: 14px;
    line-height: 18px;
    padding: 7px;
  }
  .catLine {
    min-height: 80px;
    padding: 12px 16px;
  }
  .catLine__status, .catLine__indicator {
    display: block;
  }
  .catLine__indicator {
    width: 26px;
    height: 26px;
  }
  .catLine__badge {
    display: block;
    margin-left: 0;
    font-size: 11px;
    line-height: 16px;
    padding: 4px 8px;
    border-radius: 12px;
  }
  .catLine__day {
    font-size: 32px;
    line-height: 36px;
  }
  .catLine__title {
    font-size: 22px;
    line-height: 26px;
  }
  .catLine__type, .catLine__month {
    font-size: 12px;
  }
  .digitBadge {
    border-radius: 8px;
    padding: 8px 12px;
  }
  .digitBadge__digits {
    font-size: 100px;
    line-height: 100px;
    font-weight: 700;
  }
  .digitBadge__after {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
  .mechanic {
    padding-bottom: 50px;
  }
  .mechanicCard {
    border-radius: 8px;
    padding: 10px 0;
    flex-wrap: wrap;
  }
  .mechanicCard__accent {
    flex: 0 0 100%;
    padding: 15px;
    max-height: 60px;
  }
  .mechanicCard__accent img {
    max-height: 100%;
  }
  .mechanicCard__head {
    margin-bottom: 18px;
  }
  .mechanicCard__title {
    font-size: 12px;
    line-height: 16px;
  }
  .mechanicCard__text {
    line-height: 18px;
    font-size: 13px;
  }
  .mainCategory__list {
    display: block;
  }
  .mainItem {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 4px;
    padding: 16px 12px;
  }
  .mainItem__number {
    min-width: 20px;
    font-size: 14px;
    line-height: 18px;
  }
  .mainItem__title {
    font-size: 14px;
    line-height: 18px;
  }
  .tabsControl {
    display: none;
  }
  .tabsControl__item {
    white-space: nowrap;
    flex: 1 1 0;
    width: auto;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 16px;
    border-radius: 16px;
  }
  .mobileTabs {
    display: block;
  }
  .getIn {
    padding: 30px 0 60px;
  }
  .getIn__header {
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
  }
  .getIn__title .h1 {
    margin-bottom: 12px;
  }
  .getIn__subTitle {
    font-size: 14px;
    line-height: 22px;
  }
  .getIn__body {
    margin-top: 33px;
    gap: 8px;
  }
  .getIn__card {
    height: 240px;
  }
  .getIn__card_full-md, .getIn__card_full-lg {
    height: 180px;
  }
  .benefit {
    padding: 20px 12px;
  }
  .benefit__title {
    margin-bottom: 8px;
  }
  .benefit__text {
    font-size: 13px;
    line-height: 18px;
  }
  .benefit__icon {
    width: 32px;
    height: 32px;
    right: 12px;
    bottom: 12px;
  }
  .benefit__icon svg {
    width: 100%;
    height: 100%;
  }
  .method {
    padding-top: 50px;
  }
  .formula__main {
    position: relative;
    left: -20px;
    width: 100vw;
    border-radius: 0;
    padding: 12px;
  }
  .formula__value {
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 0px;
  }
  .formula__title {
    font-size: 18px;
    line-height: 24px;
    max-width: 130px;
  }
  .formula__inner {
    font-size: 32px;
    line-height: 40px;
  }
  .formula__sub {
    font-size: 13px;
    line-height: 18px;
  }
  .formula__equal {
    width: 17px;
    height: 12px;
    flex: none;
  }
  .formula__multiply {
    width: 12px;
    height: 12px;
  }
  .formula__plus {
    width: 14px;
    height: 15px;
  }
  .news__body {
    width: calc(100vw - 20px);
  }
  .newCard {
    padding: 20px 16px 16px;
  }
  .newCard__date {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
  }
  .newCard__title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .newCard__text {
    font-size: 12px;
    line-height: 16px;
    -webkit-line-clamp: 4; /* Число отображаемых строк */
  }
  .newCard__image {
    margin-top: 40px;
  }
  .iconLink {
    font-size: 11px;
    line-height: 14px;
  }
  .page {
    margin-top: 32px;
  }
  .contacts {
    margin-top: 85px;
  }
  .contacts_smbm {
    margin-bottom: 14px;
  }
  .contacts_page {
    margin-top: 0;
  }
  .contact_horizontal {
    padding: 16px;
  }
  .contact_horizontal .contact__image {
    margin-right: 16px;
  }
  .subscribe::before {
    top: 30px;
    right: 23px;
  }
  .subscribe::after {
    bottom: 10px;
    left: 12px;
  }
  .subscribe__title {
    margin-bottom: 8px;
  }
  .subscribe__after {
    margin-bottom: 28px;
  }
  .subscribe__fields {
    margin-top: 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .subscribe__fields .btn {
    width: 100%;
  }
  .subscribe__fields .textField {
    align-self: stretch;
    flex: none;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .copyright {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
  .confidentialLink {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
  .whitemark {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    gap: 8px;
  }
  .footer__copy {
    flex-wrap: wrap;
  }
  .notFound {
    max-width: 220px;
    margin: 100px auto;
    padding: 32px 20px 20px;
  }
  .notFound__text {
    font-size: 13px;
    line-height: 18px;
  }
  .notFound__btn {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    border-radius: 16px;
    margin: 12px auto 0;
  }
  .cooperation {
    margin-top: 30px;
    margin-bottom: 60px;
  }
  .cooperation__column {
    width: 100%;
  }
  .cooperation__content {
    line-height: 20px;
  }
  .preferences {
    margin-top: 30px;
    flex-wrap: nowrap;
  }
  .preference {
    flex: 1;
    width: auto;
    padding: 8px 8px 16px;
    border-radius: 8px;
  }
  .preference__head {
    margin-bottom: 30px;
  }
  .preference__icon svg {
    width: 24px;
    height: 24px;
  }
  .preference__question {
    font-size: 11px;
    line-height: 14px;
    text-align: right;
  }
  .preference__text {
    line-height: 16px;
  }
  .contactForm {
    padding: 0 5px;
  }
  .contactForm .textField {
    margin-bottom: 12px;
  }
  .contactForm__fields {
    grid-template-columns: 100%;
    gap: 0px;
  }
  .contactForm__title {
    margin-bottom: 25px;
  }
  .contactForm__form {
    margin-top: 0;
  }
  .contactForm__btns {
    width: 100%;
    max-width: none;
    margin-top: 15px;
  }
  .contactForm_agreement {
    text-align: center;
  }
  .slideTabs {
    position: relative;
    width: calc(100vw - 20px);
    border-radius: 18px 0 0 18px;
  }
  .slideTabs__item {
    font-size: 12px;
    line-height: 16px;
    border-radius: 16px;
    padding: 8px 16px;
  }
  .letterList__list {
    grid-template-columns: repeat(8, 1fr);
  }
  .popUp {
    max-width: none;
    width: 100%;
    padding: 20px 15px;
  }
  .popUp__head {
    margin-bottom: 15px;
  }
  .mainCatCard__nav {
    flex-wrap: wrap;
    gap: 5px;
  }
  .mainCatCard__navtext {
    order: 3;
    flex: 0 0 100%;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
  }
  .newItem__date {
    font-size: 13px;
    line-height: 20px;
  }
  .newItem__header, .newItem__image {
    margin-bottom: 24px;
  }
  .newItem__others {
    margin-top: 46px;
  }
  .otherNews {
    padding-top: 20px;
  }
  .otherNews__wrap {
    gap: 8px;
  }
  .otherNews__coll {
    flex: none;
    width: calc(50% - 4px);
  }
  .newLink {
    height: 176px;
    padding: 12px;
  }
  .newLink__title {
    overflow: hidden;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .newLink svg {
    width: 20px;
    height: 11px;
  }
  .newLink_prev svg {
    left: 11px;
  }
  .newLink_next svg {
    right: 11px;
  }
  .newContacts .contact {
    margin-bottom: 24px;
  }
  .newContacts__wrap {
    display: block;
  }
  .results__HeadChart {
    height: 300px;
  }
  .bigChart__item {
    padding: 16px 8px;
  }
  .results__digits{
    padding-bottom: 80px;
  }

  .bigChart__legend {
    font-size: 13px;
    line-height: 16px;
    display: block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    max-height: 150px;
    text-align: right;

  }
  .bigChart__digit {
    bottom: 12px;
    left: 8px;
    font-size: 34px;
    line-height: 40px;
  }
  .bigChart__percent {
    font-size: 20px;
    line-height: 24px;
  }
  .graphicBlock__description {
    max-width: none;
  }
  .graphicBlock__selector {
    margin-top: 40px;
  }
  .graphicBlock__diagrams {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .chart {
    margin-bottom: 150px;
    width: auto;
    gap: 48px;
    justify-content: flex-start;
    padding-left: 25px;
  }
  .chart__group {
    margin-left: 20px;
  }
  .graphicBlock {
    padding-bottom: 20px;
  }
  .graphicBlock__head {
    margin-left: 0;
    max-width: none;
  }
  .chartHolder {
    min-width: 490px;
  }
  .chartHolder .chart {
    min-width: 100%;
    margin-bottom: 40px;
  }
  .distribution .swiper-slide {
    width: auto;
  }
  .categoryResult__title {
    margin-bottom: 16px;
  }
  .categoryResult__link {
    font-size: 14px;
    line-height: 18px;
  }
  .categoryResult__description {
    margin-bottom: 32px;
  }
  .categoryResult__list {
    padding: 20px 12px;
    margin-bottom: 10px;
  }
  .categoryResult__subCategory {
    margin-top: 32px;
  }
  .rating {
    margin-bottom: 40px;
  }
  .ratingTable thead {
    font-size: 13px;
    line-height: 18px;
  }
  .ratingTable tbody td {
    font-size: 15px;
    line-height: 22px;
  }
  .ratingTable tbody td:nth-child(4) {
    width: 20px;
  }
  .ratingTable tbody td:nth-child(4) {
    width: 50px;
  }
  .ratingTable tbody td:nth-child(1) {
    width: 46px;
  }
  .catLeaders {
    padding: 64px 0;
  }
  .catLeaders__title {
    margin-bottom: 24px;
  }
  .catLeaders__selector {
    margin-bottom: 48px;
  }
  .catLeader__image {
    max-width: 80px;
    width: auto;
  }
  .catLeader__position {
    font-size: 80px;
    line-height: 80px;
    letter-spacing: -0.08em;
  }
  .catLeader__place {
    font-size: 20px;
    line-height: 24px;
  }
  .catLeader__sep {
    height: 32px;
    margin: 20px auto 12px;
  }
  .category__image {
    width: 160px;
    height: 160px;
    margin: 32px auto 0;
  }
  .category__about {
    margin-top: 60px;
  }
  .company__name {
    margin: 12px 0 24px;
  }
  .company__position {
    padding: 28px 12px 12px;
    margin-bottom: 20px;
  }
  .company__positionValue {
    font-size: 96px;
    line-height: 100px;
  }
  .company__positionText {
    font-size: 13px;
    line-height: 16px;
    margin-left: 8px;
  }
  .company__rate {
    padding: 12px 0;
    font-size: 18px;
    line-height: 24px;
  }
  .company__rates {
    margin-bottom: 40px;
  }
  .company__head {
    padding: 28px 0 48px;
  }
  .company__changes {
    border-radius: 8px;
    padding: 16px 20px;
  }
  .company__changesHead {
    margin-bottom: 16px;
  }
  .company__logo img {
    max-height: 60px;
    max-width: 165px;
  }
  .company__changeValue {
    font-size: 40px;
    line-height: 48px;
  }
  .company__changeValue svg {
    height: 30px;
    width: 30px;
    flex: none;
  }
  .company__changeValue_none {
    font-size: 40px;
    line-height: 48px;
  }
  .company__changesText {
    font-size: 13px;
    line-height: 16px;
  }
  .company__tender {
    width: 100%;
    max-width: 400px;
  }
  .company__tender .roundBtn {
    width: 120px;
    height: 120px;
  }
  .company__contacts {
    border-radius: 8px;
    padding: 12px;
  }
  .subscribe__row{
    margin-bottom: 6px;
  }

  .subscribe__title{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
    text-align: center;
  }
  .subscribe__agreement{
    font-size: 11px;
    line-height: 14px;
  }
  .footer{
    margin-top: 80px;
  }
  .footer__top{
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .footer__logos{
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .footer__subscribe{
    margin-bottom: 40px;
  }
  .repaLogo{
    margin: 0 auto 12px;
    width: 124px;
    height: 45px;
  }
  .tgLink{
    min-height: 44px;
    font-size: 12px;
    line-height: 16px;
    padding: 12px 20px;
    border-radius: 22px;
  }
  .tgLink__icon{
    width: 20px;
    height: 20px;
    flex: none;
  }
  .wowLogo{
    text-align: center;
    font-size: 12px;
    line-height: 16px;
  }
  .wowLogo__image{
    margin: 0 auto;
    width: 70px;
  }
  .wowLogo__text{
    margin-top: 8px;
  }
  .copyright, .confidentialLink{
    font-size: 12px;
    line-height: 16px;
  }
  .ratingTable thead td:nth-child(3){
    white-space: normal;
  }
  .benefitFirst .getIn__card {
    height: auto;
  }
  .contacts {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 480px) {
  .welcome__body {
    padding-bottom: 40px;
  }
  .welcome__body .welcome__btn + .welcome__btn {
    top: auto;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .advertisingOpportunityItem {
    flex: 0 0 100%;
  }
  .advertisingOpportunityItem__head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  body {
    min-width: 320px;
    font-size: 13px;
    line-height: 20px;
    overflow-x: hidden;
  }
  .roundBtn {
    width: 100px;
    height: 100px;
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
  }
  .partnersMobSliders {
    width: 160vw;
  }
  .getIn__footer .btn {
    width: 100%;
  }
  .formula__legendItem {
    text-align: center;
  }
  .news .swiper-slide {
    width: 260px;
  }
  .newCard__image {
    margin-top: 40px;
    height: 114px;
  }
  .contacts__grid {
    display: block;
    margin-top: 28px;
  }
  .contact {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 25px;
  }
  .contact__image {
    width: 60px;
    height: 80px;
    flex: none;
    margin-bottom: 0;
    margin-right: 16px;
  }
  .contact__status {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
  }
  .contact__name {
    margin-top: 6px;
    font-size: 11px;
    line-height: 14px;
  }
  .iconLink__icon {
    height: 12px;
    width: 12px;
    margin-right: 6px;
  }
  .ratingTable thead td:nth-child(3),
  .ratingTable tbody td:nth-child(3){
    display: none;
  }
  /*.subscribe {*/
  /*  padding: 48px 0 58px;*/
  /*}*/
  /*.subscribe__title {*/
  /*  text-align: left;*/
  /*}*/
  /*.subscribe__after {*/
  /*  text-align: left;*/
  /*}*/
  .subscribe__fields {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .subscribe__fields .textField {
    align-self: stretch;
    flex: none;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .subscribe__agreement {
    font-size: 11px;
    line-height: 14px;
  }
  .subscribe::before {
    top: 60px;
    right: 23px;
  }
  .subscribe::after {
    bottom: 10px;
    left: 12px;
  }
  .footer__copy {
    gap: 10px;
  }
  .preferences {
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .results__tabs {
    margin-bottom: 24px;
  }
  .results__title {
    margin-bottom: 16px;
  }
  .up {
    width: 40px;
    height: 40px;
    right: 15px;
    bottom: 20px;
  }
  .badge__text{
    font-size: 86px;
  }
}
@media screen and (max-width: 355px) {
  .h1_smaller {
    font-size: 28px;
  }
  .catLine__day {
    font-size: 26px;
  }
  .mainCatCard__other {
    display: block;
    text-align: center;
  }
  .bigChart__digit {
    bottom: 12px;
    left: 8px;
    font-size: 32px;
    line-height: 38px;
  }
  .bigChart__percent {
    font-size: 18px;
    line-height: 22px;
  }
  .catLeader__image {
    max-width: 50px;
    height: 50px;
    width: auto;
  }

}


@keyframes moveX {
  from { left: 0; } to { left: 100%; }
}
@keyframes moveY {
  from { top: 0; } to { top: 100%; }
}
/*# sourceMappingURL=main.css.map */