@font-face {
  font-family: "Futura Book";
  src: url("../fonts/Futura-Book.eot");
  src: url("../fonts/Futura-Book.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Futura-Book.woff") format("woff"),
    url("../fonts/Futura-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Futura Medium";
  src: url("../fonts/Futura-Medium.eot");
  src: url("../fonts/Futura-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Futura-Medium.woff") format("woff"),
    url("../fonts/Futura-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

* {
  padding: 0rem;
  margin: 0rem;
  border: 0rem;
}

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

aside,
nav,
footer,
header,
section {
  display: block;
}

html {
  font-size: 2.66vw;
}

body {
  font-family: var(--openSans);
  font-size: 1.6rem;
  line-height: 100%;
  font-style: normal;
  font-weight: normal;
  background: var(--black-2);
  color: var(--white);
  overflow-x: hidden;
}

body.body-bg-grey {
  background: var(--grey);
  color: var(--black);
}

body.thor-avas {
  background: var(--grey-2);
  color: var(--black);
}

ul {
  padding-left: 1.2em;
  margin-left: 0;
  line-height: 140%;
}

@keyframes fill {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  html {
    font-size: unset;
  }

  body {
    font-size: 16px;
  }
}

input,
button,
textarea {
  font-family: "";
}

:root {
  --futuraPT: "Futura Medium", sans-serif;
  --openSans: "Open Sans", sans-serif;
  --black: #1d1d1d;
  --black-2: #000000;
  --white: #fff;
  --orange: #ff9c00;
  --grey: #f5f5f7;
  --grey-2: #e0e0df;
  --blue: #00b2ff;
  --red: #ff4000;
}

@font-face {
  font-family: "ruble";
  src: url("../fonts/ruble.eot?m8nztz");
  src: url("../fonts/ruble.eot?m8nztz#iefix") format("embedded-opentype"),
    url("../fonts/ruble.ttf?m8nztz") format("truetype"),
    url("../fonts/ruble.woff?m8nztz") format("woff"),
    url("../fonts/ruble.svg?m8nztz#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

main {
  overflow: clip;
}

[class^="icon-ruble"],
[class*=" icon-ruble"] {
  font-family: "ruble" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ruble:after {
  content: "\e900";
  font-size: 16px;
}

.buy-product__price__ .icon-ruble::after {
  font-size: 18px;
}

body._overflow {
  overflow: hidden;
}

.swiper-wrapper {
  height: unset;
}

/* -------------------- thor-blog --------------------------------------------------- */

.thor-blog {
  margin-bottom: 16rem;
  overflow: hidden;
}

.thor-blog__container {}

.thor-blog__title {
  margin-bottom: 4rem;
}

.thor-blog__slider {
  position: relative;
}

.thor-blog__slide {
  max-width: 31.2rem;
  margin-right: 1.6rem;
  text-decoration: none;
}

.thor-blog__slide a {
  text-decoration: none;
}

.thor-blog__image {
  overflow: hidden;
  border-radius: 0.8rem;
}

.thor-blog__image img {
  display: block;
  width: 100%;
  height: 20.8rem;
  object-fit: cover;
}

.thor-blog__box {
  padding: 1.6rem 1.6rem 0.8rem;
}

.thor-blog__label {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 0.8rem;
}

.article-page__news>.our-news__container>.thor-blog__slider>.swiper-wrapper>.thor-blog__slide>a>.thor-blog__box>div {
  color: #000;
}

body.thor-avas .thor-blog__label {
  color: var(--black);
}

body.thor-avas .thor-blog__desc {
  color: var(--black);
}

.thor-blog__desc {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
  opacity: 0.6;
}

.thor-blog__slide.all-articles {
  height: 20.8rem;
  background: #1d1d1d;
  border-radius: 0.8rem;
}

.slider-shorts .thor-blog__slide.all-articles {
  height: 55.4rem;
}

.thor-blog__slide.all-articles a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1.6rem;
  text-decoration: none;
}

.thor-blog__slide__label {
  font-family: var(--futuraPT);
  font-size: 3.6rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
}

.thor-blog__slide__label span {
  display: block;
}

.controls {
  display: none;
}

.boombox-last-slide {
  background: #4c4c4c;
  border-radius: 0.8rem;
  padding: 1.6rem;
}

.boombox-last-slide__icon {
  margin-bottom: 0.8rem;
}

.boombox-last-slide__icon svg {
  width: 4.2rem;
  height: 4rem;
}

.boombox-last-slide__text {
  font-family: var(--futuraPT);
  font-size: 2.8rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
}

.boombox-last-slide__text span {
  display: block;
}

@media screen and (min-width: 1024px) {
  .thor-blog {
    margin-bottom: 320px;
  }

  .thor-blog__title.w984 {
    margin-bottom: 80px;
  }

  .thor-blog__box {
    padding: 8px 16px 8px;
  }

  .thor-blog__slider {
    margin-left: calc((100% - 984px) / 2);
  }

  .thor-blog__label {
    font-size: 32px;
    line-height: 100%;
    transition: color 300ms ease-out;
    margin-bottom: 0;
  }

  .thor-blog__desc {
    font-size: 20px;
    line-height: 150%;
    transition: color 300ms ease-out;
  }

  .thor-blog__slide {
    max-width: 312px;
    margin-right: 24px;
  }

  .thor-blog__image {
    border-radius: 8px;
  }

  .thor-blog__image img {
    height: 208px;
  }

  .thor-blog__slider .thor-blog__slide {
    background: transparent;
    transition: background 300ms ease-out;
    border-radius: 8px;
    cursor: pointer;
  }

  .thor-blog__slide:hover {
    background: #fff;
    transition: background 300ms ease-out;
  }

  .thor-blog__slide:hover .thor-blog__desc,
  .thor-blog__slide:hover .thor-blog__label {
    color: var(--black);
  }

  .controls {
    display: block;
  }

  .select-sound__slide__name {
    font-size: 24px;
    line-height: 88.7%;
  }

  .control-arrow {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    opacity: 0.6;
    transition: opacity 150ms ease-out;
    cursor: pointer;
  }

  .thor-blog__arrow.control-arrow {
    top: 104px;
  }

  .slider-shorts .thor-blog__arrow.control-arrow {
    top: 50%;
  }

  .control-arrow:hover {
    opacity: 1;
    transition: opacity 150ms ease-out;
  }

  .control-arrow.right {
    left: 952px;
  }

  .control-arrow.left {
    left: -32px;
  }

  .control-arrow.swiper-button-disabled {
    display: none;
  }

  .control-arrow svg {
    width: 24px;
    height: 24px;
  }

  .thor-blog__slide.all-articles {
    height: 208px;
  }

  .thor-blog__slider .thor-blog__slide.all-articles {
    background: #1d1d1d;
  }

  .slider-shorts .thor-blog__slide.all-articles {
    height: 554px;
  }

  .thor-blog__slide__icon {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }

  .thor-blog__slide__icon svg {
    width: 24px;
    height: 24px;
  }

  .thor-blog__slide__label {
    font-size: 36px;
    line-height: 100%;
  }

  .thor-blog__slide.all-articles a {
    padding: 0 16px;
  }

  .boombox-last-slide {
    padding: 16px;
    border-radius: 8px;
  }

  .boombox-last-slide__icon {
    margin-bottom: 8px;
  }

  .boombox-last-slide__icon svg {
    width: 42px;
    height: 40px;
  }

  .boombox-last-slide__text {
    font-size: 48px;
    line-height: 88.7%;
  }
}




.article-page__current-article {}

.current-article {
  overflow: hidden;
}

.current-article__subtitle {
  margin: 0 1.6rem 3rem;
  font-size: 2rem;
  line-height: 88.7%;
  font-family: var(--futuraPT);
  font-weight: 450;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.current-article h1 {
  text-align: left;
  margin: 0 1.6rem 4rem;
}

.current-article h1 a {
  color: var(--black);
}

.current-article__container {
  margin-bottom: 8rem;
}

.current-article__content hr {
  border: unset;
  background-color: var(--black);
  margin: 0 1.6rem;
  height: 1px;
}

.article-page__video {
  margin: 4rem 0;
}

.article-page img,
.article-page__video iframe,
.article-page__video video {
  width: 100%;
}

.current-article__content p {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  margin: 0 1.6rem 4rem;
  text-align: left;
}

.current-article__content ul,
.current-article__content ol {
  margin: -2rem 1.6rem 4rem;
}

.current-article__content li {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  margin: 0 0 1.6rem 1.8rem;
  text-align: left;
}

.current-article__img {
  margin: 4rem 0;
  display: flex;
  justify-content: center;
}

.current-article__img img {
  max-width: 100%;
}

.current-article__slider {
  margin: 4rem 1.6rem;
  position: relative;
}

.current-article__slide__img {
  border-radius: 0.8rem;
  overflow: hidden;
}

.current-article__slide {
  margin-right: 1.6rem;
}

.current-article__slide__img img {
  width: 31.2rem;
}

.article-page .swiper-slide {
  width: auto;
}

.article-page .thor-blog__slide.swiper-slide {
  width: 100%;
}

.share-article {
  border-top: 1px solid var(--black);
  margin-top: 6.4rem;
  padding-top: 2.4rem;
}

.share-article__label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
  margin-bottom: 2.4rem;
}

.share-article__socials {
  display: flex;
  flex-wrap: wrap;
}

.share-article__social {
  margin-right: 2.4rem;
  cursor: pointer;
}

.share-article__social svg {
  width: 3.2rem;
  height: 3.2rem;
}

@media screen and (min-width: 1024px) {
  .current-article__subtitle {
    width: 984px;
    margin: 0 auto 30px;
    font-size: 32px;
    line-height: 88.7%;
  }

  .current-article__container h1,
  .article-page__video,
  .current-article__container p,
  .current-article__img,
  .current-article ol,
  .current-article ul {
    width: 984px;
  }

  .current-article h1 {
    margin: 0 auto 40px;
  }

  .article-page__video {
    margin: 80px auto 80px;
  }

  .article-page__video iframe,
  .article-page__video video {
    width: 100%;
    height: 553px;
  }

  .current-article__content hr {
    width: 984px;
    margin: 0 auto;
  }

  .current-article__content ol,
  .current-article__content ul {
    margin: -20px auto 40px;
  }

  .current-article__content p {
    margin: 0 auto 40px;
    font-size: 26px;
    line-height: 150%;
  }

  .current-article__content li {
    font-size: 26px;
    line-height: 100%;
    margin: 0 0 18px 26px;
  }

  .current-article__text p:not(:last-child) {
    margin-bottom: 40px;
  }

  .current-article__img {
    margin: 80px auto 80px;
  }

  .current-article__text {
    margin-bottom: 80px;
  }

  .current-article__slider {
    width: unset;
    margin: 80px 0;
    margin-left: calc((100% - 984px) / 2);
  }

  .current-article__slide {
    margin-right: 24px;
  }

  .current-article__slide__img {
    border-radius: 8px;
  }

  .current-article__slide__img img {
    max-width: 640px;
    width: unset;
  }

  .share-article {
    margin-top: 80px;
    padding-top: 24px;
  }

  .share-article__label {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 24px;
  }

  .share-article__social {
    margin-right: 24px;
  }

  .share-article__social svg {
    width: 32px;
    height: 32px;
  }
}

/* -------------------- thor-blog END --------------------------------------------------- */

/* thor-blog-pass */
.blog-partner-pass {
  margin-top: 12rem;
  position: relative;
}

.blog-partner-pass-container {
  width: 34.3rem;
  margin: 0 auto;
}

.blog-partner-pass__title {
  font-size: 4.8rem;
  color: var(--white);
}

.blog-partner-pass__text {
  margin-bottom: 4rem;
}

.basic-input {
  padding: 1.6rem;
  width: 100%;
  background-color: var(--black);
  border-radius: 0.8rem;
  border: 0.2rem rgba(255, 255, 255, 0.2) solid;
  color: var(--white);
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 1.5;
}

.basic-input_error {
  border: 0.2rem rgba(255, 64, 0, 1) solid;
}

.basic-btn {
  padding: 1.6rem 2.4rem;
  border-radius: 4.8rem;
  background-color: rgba(255, 64, 0, 1);
  color: var(--white);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-family: var(--openSans);
  cursor: pointer;
  width: fit-content;
}

.basic-error-message {
  position: absolute;
  right: 0;
  bottom: -3.4rem;
}

.blog-partner-pass__img {
  width: 37.5rem;
  height: 48rem;
  object-position: -5rem center;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .blog-partner-pass {
    height: 743px;
    margin-top: 60px;
  }

  .blog-partner-pass-container {
    width: 984px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
  }

  .blog-partner-pass-form-container {
    width: 400px;
    margin-left: auto;
  }

  .blog-partner-pass__img {
    width: 100%;
    height: 743px;
    position: absolute;
    top: 0;
    z-index: 0;
    object-position: center center;
  }

  .blog-partner-pass__title {
    font-size: 56px;
  }

  .blog-partner-pass__text {
    font-size: 18px;
    margin-bottom: 40px;
  }

  .basic-input {
    font-size: 18px;
    line-height: 1;
    padding: 19px 16px;
    border-width: 2px;
  }

  .basic-input_less-opacity {
    opacity: 0.8;
  }

  .basic-input_error {
    border: 2px rgba(255, 64, 0, 1) solid;
  }

  .basic-btn {
    padding: 19px 24px;
    font-size: 18px;
    line-height: 1;
  }

  .request-form {
    display: flex;
    flex-flow: column;
    gap: 16px;
  }

  .basic-error-message {
    bottom: -34px;
  }
}

/* thor-blog-pass */

/* ------------------------------ popup ------------------------ */

/* ------------------- make-request ------------------------ */

.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 150;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-out;
  overflow-y: auto;
  overflow-x: clip;
  padding: 3rem 0 5rem;
}

.popup._active {
  opacity: 1;
  visibility: visible;
}

.popup__container {
  background-color: #fff;
  border-radius: 1.6rem;
  padding: 3rem 2rem;
}

.make-request.popup {
  display: flex;
}

.make-request__title {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  font-weight: 450;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 1.2rem;
}

.make-request__title .icon-ruble::after {
  font-size: 2.2rem;
}

.make-request__subtitle {
  font-family: var(--futuraPT);
  font-size: 2.2rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  font-weight: 450;
  color: rgba(0, 0, 0, 0.7);
}

.make-request__text {
  margin-bottom: 2.4rem;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.make-request__timer {
  margin-bottom: 4rem;
}

.make-request__timer__body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.make-request__timer__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.make-request__timer__item__numbers {
  display: flex;
  align-items: center;
}

.make-request__timer__item__label {
  color: rgba(29, 29, 29, 0.5);
  position: absolute;
  top: 100%;
  margin-top: 0.5rem;
}

.make-request__timer__item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 4.3rem;
  background: #d9d9d9;
  border-radius: 0.8rem;
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
}

.make-request__timer__item span:first-child {
  margin-right: 0.2rem;
}

.make-request__timer__dots {
  margin: 0 0.2rem;
  font-family: var(--futuraPT);
  font-size: 2.4rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
}

.request-form__row {
  margin-bottom: 1.2rem;
}

.make-request__btns {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 2.4rem;
}

.make-request__btn.close {
  color: rgba(29, 29, 29, 0.6);
  margin-right: 2rem;
}

.make-request__btn span {
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 100%;
}

.request-form__btn.btn button {
  background: var(--black);
  color: #fff;
}

.list-icons {
  position: fixed;
  z-index: 120;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-icons.cookies-active {
  bottom: 10rem;
}

.get_icon_bonus {
  position: relative;
  cursor: pointer;
  width: 6.4rem;
  height: 6.4rem;
  background: #ff4000;
  border-radius: 0.8rem;
  animation: anim-bonus 2s linear 0s infinite;
}

.get_icon_bonus._active {
  animation: none;
}

.get_icon_bonus__body {
  width: 100%;
  height: 100%;
  padding-top: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 150ms ease-out;
}

.get_icon_bonus._active .get_icon_bonus__body {
  opacity: 0;
}

.get_icon_bonus__cross {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 150ms ease-out;
}

.get_icon_bonus._active .get_icon_bonus__cross {
  opacity: 1;
}

.get_icon_bonus__cross svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
}

.get_icon_bonus__svg-icon {
  margin-bottom: 0.6rem;
}

.get_icon_bonus__svg-icon svg {
  display: block;
  width: 2.1rem;
  height: 2.2rem;
}

.get_icon_bonus__label {
  font-family: var(--futuraPT);
  font-size: 2.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
}

@keyframes anim-bonus {
  0% {
    transform: rotate(0deg);
  }

  3% {
    transform: rotate(-10deg);
  }

  6% {
    transform: rotate(10deg);
  }

  9% {
    transform: rotate(-10deg);
  }

  12% {
    transform: rotate(10deg);
  }

  15% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0);
  }
}

.bonus-form__row {
  margin-bottom: 2.4rem;
}

.make-request .contact-us-form__btn button {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--white);
  padding: 1.4rem 2.4rem;
  background: var(--black);
  border-radius: 2.8rem;
}

.m-about-product {
  margin: 3.2rem 0;
  display: none;
}

.make-request.buy-product .m-about-product,
.preorder-product .m-about-product {
  display: block;
}

.m-about-product__row {
  display: grid;
  grid-template-columns: 5.6rem 16.4rem 1fr;
  grid-gap: 0.5rem;
  align-items: center;
}

.m-about-product__img {
  border-radius: 0.8rem;
  overflow: hidden;
  height: 5.6rem;
  background-color: var(--black-2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.m-about-product__img img {
  display: block;
  width: 100%;
}

.m-about-product__price,
.m-about-product__name {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 150%;
}

.m-about-product__price {
  display: none;
  text-align: right;
}

.m-about-product__price .icon-ruble:after {
  font-size: 1rem;
}

.request-form__item.select-box select {
  appearance: none;
}

.request-form__item.select-box::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  right: 2.2rem;
  background: url(/img/svg/arrowdown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
  pointer-events: none;
}

.mail-info {
  margin-top: 1.6rem;
  font-family: var(--openSans);
  font-size: 1.4rem;
  line-height: 120%;
  color: var(--black);
  opacity: 0.5;
  text-align: right;

  div:not(:last-child) {
    margin-bottom: 1rem;
  }

  a {
    display: inline-block;
    color: var(--black);
    text-decoration: none;
    border-bottom: 1px solid var(--black);
    transition: border 150ms ease-out;
  }

  &.mail-info--black {
    color: var(--white);

    a {
      color: var(--white);
      border-bottom: 1px solid var(--white);
    }
  }
}

@media screen and (min-width: 1024px) {
  .mail-info {
    margin-top: 0;
    font-size: 18px;
    line-height: 100%;
    text-align: left;

    div:not(:last-child) {
      margin-bottom: 10px;
    }
  }

  .request-form__last-row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }

  .popup {
    padding: 50px 0;
    display: flex;
  }

  .popup__container {
    max-height: calc(100vh - 20%);
    border-radius: 16px;
    padding: 40px;
  }

  .make-request__box {
    display: flex;
    justify-content: space-between;
  }

  .make-request__title {
    font-size: 48px;
    line-height: 88.7%;
    margin-bottom: 24px;
  }

  .make-request__subtitle {
    font-size: 32px;
    line-height: 88.7%;
    color: rgba(0, 0, 0, 0.7);
  }

  .make-request__title .icon-ruble::after {
    font-size: 36px;
  }

  .make-request__text {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 32px;
    max-width: 598px;
  }

  .make-request__timer {
    margin-bottom: 0;
  }

  .make-request__timer__item__label {
    margin-top: 10px;
  }

  .make-request__timer__item span {
    width: 43px;
    height: 67px;
    font-size: 48px;
    line-height: 88.7%;
    border-radius: 8px;
  }

  .make-request__timer__item span:first-child {
    margin-right: 2px;
  }

  .make-request__timer__dots {
    font-size: 48px;
    line-height: 88.7%;
    margin: 0 2px;
  }

  .request-form__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
    margin-bottom: 0;
  }

  .request-form__textarea {
    margin-bottom: 0;
  }

  .list-icons {
    bottom: 8%;
    right: 40px;
  }

  .list-icons.cookies-active {
    bottom: 8%;
  }

  .get_icon_bonus {
    width: 80px;
    height: 80px;
    border-radius: 8px;
  }

  .get_icon_bonus__cross svg {
    width: 22px;
    height: 22px;
  }

  .get_icon_bonus__body {
    padding-top: 12px;
  }

  .get_icon_bonus__svg-icon {
    margin-bottom: 6px;
  }

  .get_icon_bonus__svg-icon svg {
    width: 27px;
    height: 26px;
  }

  .get_icon_bonus__label {
    font-size: 26px;
    line-height: 100%;
  }

  .bonus-form__row {
    margin-bottom: 24px;
  }

  .make-request .contact-us-form__btn button {
    font-size: 18px;
    line-height: 100%;
    padding: 19px 24px;
    border-radius: 40px;
    cursor: pointer;
  }

  .make-request__btn.close {
    margin-right: 20px;
  }

  .make-request__btn span {
    font-size: 16px;
    line-height: 100%;
  }

  .m-about-product {
    margin: 32px 0;
  }

  .m-about-product__row {
    grid-template-columns: 56px 300px 1fr;
    grid-gap: 24px;
  }

  .m-about-product__img {
    border-radius: 8px;
    height: 56px;
  }

  .m-about-product__price,
  .m-about-product__name {
    font-size: 18px;
    line-height: 150%;
  }

  .m-about-product__price .icon-ruble:after {
    font-size: 14px;
  }

  .request-form__item.select-box::after {
    width: 8px;
    height: 12px;
    right: 22px;
  }

  .make-request__btns {
    margin-top: 0;
  }
}

/* --------------------------- make-request END ------------------------- */

/* ------------------------------ popup END ------------------------ */

/* ------------------------ select-country ------------------------- */
/* .modal-country-open {
	margin-top: 27.2rem;
} */

/* .modal-country-open.body-support {
	margin-top: 22.4rem;
}

.modal-country-open .header__mobile-nav {
	margin-top: 14.5rem;
} */

.select-country {
  background-color: var(--black);
  display: block;
  position: relative;
  z-index: 150;
}

.select-country.close {
  display: none;
}

.select-country__container {
  padding: 1.6rem;
}

.select-country__content {}

.select-country__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin-bottom: 1.6rem;
  max-width: 30.3rem;
}

.mob_shorts_text_lang {
  display: none;
}

.select-country__block {
  display: flex;
}

.select-country__selectbox {
  width: 100%;
  height: 5.6rem;
  margin-right: 1.6rem;
  position: relative;
}

.select-country__selectbox__head {
  background: #4c4c4c;
  border: 2px solid rgba(29, 29, 29, 0.2);
  border-radius: 0.8rem;
  position: relative;
  height: 5.6rem;
  cursor: pointer;
}

.select-country__selectbox__head::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/img/svg/arrowdown-white.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%) rotate(0deg);
  transition: all 150ms ease-out;
}

.select-country__selectbox.open .select-country__selectbox__head::after {
  transform: translateY(-50%) rotate(180deg);
}

.select-country__label {
  padding: 0 3.2rem 0 1.4rem;
  position: absolute;
  top: 1.1rem;
  left: 0;
  right: 0;
  font-family: var(--openSans);
  font-size: 1.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  transition: all 150ms ease-out;
}

/* .select-country__selectbox._active .select-country__label {

	transform: translateY(0);
} */

.select-country__selected-item {
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #ffffff;
  position: absolute;
  top: 2.7rem;
  left: 0;
  right: 0;
  padding: 0 3.2rem 0 1.4rem;
  /* opacity: 0;
	visibility: hidden; */
  transition: all 150ms ease-out;
}

/* .select-country__selectbox._active .select-country__selected-item {
	opacity: 1;
	visibility: visible;
} */

.select-country__selectbox__body {
  position: absolute;
  top: calc(100% + 0.4rem);
  z-index: 150;
  background: #4c4c4c;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.25);
  width: 100%;
  max-height: 25.2rem;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-out 200ms;
  border-radius: 0.8rem;
}

.select-country__selectbox.open .select-country__selectbox__body {
  opacity: 1;
  visibility: visible;
  transition: all 200ms ease-out 0ms;
}

.footer__select-country__body.select-country__selectbox__body {
  top: unset;
  bottom: calc(100% + 0.4rem);
}

.select-country__list {
  padding: 1.8rem 0;
}

.select-country__item {
  position: relative;
}

.select-country__item::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.4rem;
  background-image: url(../img/main/icons/active.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 150ms ease-out;
}

.select-country__item._active::after {
  opacity: 1;
  visibility: visible;
}

.select-country__item span,
.select-country__item a {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  cursor: pointer;
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 98%;
  text-decoration: none;
  transition: all 150ms ease-out;
  padding: 0.6rem 2.4rem;
}

.select-country__item._active span,
.select-country__item._active a,
.select-country__item:hover span,
.select-country__item:hover a {
  color: rgba(255, 255, 255, 1);
}

.select-country__btn {
  display: block;
}

.select-country__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
}

.select-country__close svg {
  width: 1.4rem;
  height: 1.4rem;
}

@media screen and (min-width: 1024px) {
  .modal-country-open {
    margin-top: 128px;
  }

  .modal-country-open.body-default {
    margin-top: 200px;
  }

  .modal-country-open.body-blog {
    margin-top: 72px;
  }

  .modal-country-open.body-contacts {
    margin-top: 162px;
  }

  .modal-country-open.body-support {
    margin-top: 144px;
  }

  .modal-country-open.body-main {
    margin-top: 162px;
  }

  .select-country__container {
    padding: 16px 0;
    width: 984px;
    margin: 0 auto;
  }

  .select-country__content {
    display: flex;
  }

  .select-country__text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 150%;
    max-width: 504px;
  }

  .mob_shorts_text_lang {
    display: inline;
  }

  .select-country__block {
    flex-grow: 2;
    justify-content: end;
    align-items: center;
  }

  .select-country__selectbox {
    margin-right: 16px;
    height: 56px;
    width: 230px;
  }

  .select-country__selectbox__head {
    height: 56px;
    border-radius: 8px;
  }

  .select-country__selectbox__body {
    top: calc(100% + 4px);
  }

  .footer__select-country__body.select-country__selectbox__body {
    bottom: calc(100% + 4px);
  }

  .select-country__label {
    padding: 0 32px 0 14px;
    top: 11px;
    font-size: 12px;
    line-height: 100%;
  }

  .select-country__selected-item {
    padding: 0 32px 0 14px;
    font-size: 18px;
    line-height: 100%;
    top: 27px;
  }

  .select-country__selectbox__head::after {
    width: 12px;
    height: 12px;
    right: 24px;
  }

  .select-country__list {
    padding: 18px 0;
  }

  .select-country__item::after {
    width: 18px;
    height: 14px;
    right: 24px;
  }

  .select-country__item span,
  .select-country__item a {
    font-size: 18px;
    line-height: 98%;
    padding: 6px 24px;
  }

  .select-country__close {
    position: relative;
    top: unset;
    right: unset;
    margin-left: 20px;
  }

  .select-country__close svg {
    width: 14px;
    height: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .modal-country-open.body-blog {
    margin-top: 7.5rem;
  }
}

/* ------------------------ select-country END ------------------------- */

/* ------------------------  cookies-block ---------------------- */

.cookies-block {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4444;
  background-color: var(--black);
  opacity: 1;
  visibility: visible;
}

.cookies-block._hide {
  opacity: 0;
  visibility: hidden;
}

.cookies-block__container {
  padding: 1.6rem;
}

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

.cookies-block__left-block {
  max-width: 24rem;
}

.cookies-block__title {
  font-family: var(--futuraPT);
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  display: none;
}

.cookies-block__text p {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.cookies-block__text a {
  font-weight: 700;
  color: #fff;
  font-size: 1.3rem;
  line-height: 150%;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

.cookies-block__right-block {}

.cookies-block__btn {
  text-align: center;
}

.cookies-block__btn.btn span {
  background: #fff;
  color: var(--black);
  font-size: 1.8rem;
  line-height: 100%;
  padding: 1.9rem 2.4rem;
  border-radius: 2.8rem;
}

@media screen and (min-width: 1024px) {
  .cookies-block {
    width: 100%;
  }

  .cookies-block__container {
    padding: 16px 0;
    width: 984px;
    margin: 0 auto;
  }

  .cookies-block__row {
    align-items: flex-start;
  }

  .cookies-block__left-block {
    max-width: 100%;
  }

  .cookies-block__text {
    margin-bottom: 0;
    margin-right: 55px;
    max-width: 430px;
  }

  .cookies-block__title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 8px;
  }

  .cookies-block__text p,
  .cookies-block__text a {
    font-size: 16px;
    line-height: 150%;
  }

  .cookies-block__btn.btn span {
    font-size: 18px;
    line-height: 100%;
    padding: 19px 24px;
    border-radius: 28px;
  }
}

/* ------------------------  cookies-block END ---------------------- */

/* ----------------------- socials-list -------------------- */

.socials-list:not(:last-child) {
  margin-bottom: 2rem;
}

.socials-list__container {
  position: relative;
  height: 5.6rem;
  width: 5.6rem;
}

.socials-list__item {
  width: 5.6rem;
  height: 5.6rem;
  border: 1px solid #f5f5f7;
  background: #a5a5a5;
  border-radius: 50%;
  cursor: pointer;
  transition: all 150ms ease-out;
}

.socials-list__item a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.socials-list__item svg {
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  cursor: pointer;
}

.socials-list__item.tlrm svg {
  width: 2.8rem;
  height: 2.4rem;
  transform: translate(-1px, 1px);
}

.socials-list__item.wspp svg {
  width: 2.9rem;
  height: 2.9rem;
  transform: translate(0.5px, -0.5px);
}

.socials-list__item.tel {
  opacity: 1;
  visibility: visible;
}

.socials-list__item.tel svg {
  width: 3.1rem;
  height: 2.5rem;
  transform: translate(1px, 2px);
}

.socials-list__item.vk svg {
  width: 2.9rem;
  height: 1.6rem;
}

.socials-list__item.message svg {
  width: 3.2rem;
  height: 2.4rem;
}

.socials-list__item.main-icon .messegers {
  width: 3.9rem;
  height: 3.9rem;
  transform: translate(0.5px, -0.5px);
}

.socials-list._active .messegers {
  opacity: 0;
}

.socials-list__item svg.close {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4rem;
  height: 1.4rem;
}

.socials-list__item.main-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.socials-list__item {
  display: block;
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 150ms ease-out;
}

.socials-list._active .socials-list__item {
  opacity: 1;
  visibility: visible;
}

.socials-list__item.main-icon {
  z-index: 4;
  opacity: 1;
  visibility: visible;
}

.socials-list__item.main-icon .small-circle {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  width: 2rem;
  height: 2rem;
  transition: all 150ms ease-out;
}

.socials-list._active .small-circle {
  opacity: 0;
}

@media screen and (min-width: 1024px) {
  .socials-list:not(:last-child) {
    margin-bottom: 20px;
  }

  .socials-list__container {
    position: relative;
    height: 56px;
    width: 65px;
  }

  .socials-list__item {
    width: 56px;
    height: 56px;
  }

  .socials-list__item:hover {
    background: #252525;
  }

  .socials-list__item svg {
    width: 56px;
    height: 56px;
  }

  .socials-list__item.main-icon svg {
    width: 56px;
    height: 56px;
  }

  .socials-list__item.tel {
    display: none;
  }

  .socials-list__item.main-icon .messegers {
    width: 39px;
    height: 39px;
  }

  .socials-list__item.main-icon .small-circle {
    width: 20px;
    height: 20px;
    top: -2px;
    right: -2px;
  }

  .socials-list__item svg.close {
    width: 20px;
    height: 20px;
  }

  .socials-list__item.tlrm svg {
    width: 28px;
    height: 24px;
  }

  .socials-list__item.vk svg {
    width: 29px;
    height: 16px;
    transform: translate(-1px, 1px);
  }

  .socials-list__item.wspp svg {
    width: 29px;
    height: 29px;
    transform: translate(0, -1px);
  }

  .socials-list__item.message svg {
    width: 32px;
    height: 24px;
  }
}

/* ----------------------- socials-list END -------------------- */

.anim-add-cart {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 56px;
  background-color: var(--black);
  z-index: 50;
  border-radius: 50px;
  z-index: 35555;
  opacity: 0;
  visibility: hidden;
  transition: all 0ms;
}

.anim-add-cart._active {
  opacity: 1;
  visibility: visible;
  transform: scale(0);
  transition: top 600ms ease-out, left 600ms ease-out, transform 600ms ease-out,
    opacity 150ms ease-out, visibility 150ms ease-out;
}

/* ------------------------------- CONTACTS-PAGE ---------------------------------------- */
.contacts-block {}

[class*="ymaps-2"][class*="-ground-pane"] {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

.contacts-page__content__box.black [class*="ymaps-2"][class*="-ground-pane"] {
  filter: grayscale(1) brightness(0.5) contrast(3);
  -webkit-filter: grayscale(1) brightness(0.5) contrast(3);
}

.contacts-page__container {
  margin-bottom: 6rem;
}

/* .thor-landing .contacts-page__container,
.thor-ev-landing .contacts-page__container {
	padding: 0 0 4rem;
} */

.contacts-page__container h1 {
  text-align: left;
  margin-bottom: 3.2rem;
}

.thor-landing .contacts-page__container h2,
.thor-ev-landing .contacts-page__container h2 {
  text-align: left;
  margin-bottom: 3.2rem;
}

.contacts-page .contact-us__container h2 {
  color: var(--black);
}

.contacts-page__content__filters {
  background: var(--white);
  padding: 2.4rem 1.6rem;
  border-radius: 0.8rem;
  margin-bottom: 0.8rem;
}

.select-city {
  position: relative;
  height: 5.6rem;
  /* width: 31.2rem; */
  margin-bottom: 2.8rem;
  z-index: 6;
}

.select-city__head {
  background: #ffffff;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  transition: border 150ms ease-out;
  cursor: pointer;
  border-radius: 0.8rem;
  border: 2px solid rgba(29, 29, 29, 0.2);
  padding: 0 3rem 0 1.4rem;
}

.select-city._active .select-city__head {
  border: 2px solid var(--black);
  transition: border 150ms ease-out;
}

.select-city__head::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.8rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%) rotate(0);
  background-image: url(/img/svg/arrowdown.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 150ms ease-out;
}

.select-city._active .select-city__head::after {
  transform: translateY(-50%) rotate(180deg);
}

.select-city__label {
  font-family: var(--openSans);
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.select-city__body {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  width: 100%;
  height: 0;
  background: #ffffff;
  box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.25);
  border-radius: 0.8rem;
  z-index: 5;
  transition: height 300ms ease-out;
}

.selectbox._active .select-city__body {
  height: 44.8rem;
}

.select-city__body__content {
  padding: 2.4rem 1.4rem 2.4rem;
  height: 100%;
}

.select-city__list {
  overflow-y: auto;
  height: 100%;
}

.select-city__list {}

.select-city__list::-webkit-scrollbar {
  cursor: grab !important;
  width: 0.4rem;
}

.select-city__list::-webkit-scrollbar-thumb {
  cursor: grab !important;
  background-color: rgb(0 0 0 / 30%);
  background: rgba(29, 29, 29, 0.2);
  border-radius: 0.4rem;
}

.select-city__list ul {
  list-style: none;
}

.select-city__item__country:not(:last-child) {
  margin-bottom: 2.4rem;
}

.select-city__item__country-name {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 200%;
  letter-spacing: -0.02em;
  color: rgba(29, 29, 29, 0.4);
  margin-bottom: 0.4rem;
}

.select-city__item__country-sities {}

.select-city__item__country__city {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
  cursor: pointer;
}

.select-city__item__country__city._selected {
  opacity: 1;
}

.select-city__item__country__city:not(:last-child) {
  margin-bottom: 0.4rem;
}

.contacts-page__map {
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  z-index: 5;
  margin-bottom: 0.8rem;
}

.contacts-page__map>ymaps {
  z-index: -5;
}

.contacts-page__map.mobile {
  width: 100%;
  height: 343px;
}

.contacts-page__map.desktop {
  display: none;
}

.ymaps-2-1-79-ground-pane {}

.contacts-page__map img {
  width: 100%;
}

.contacts-page__partners {
  border-radius: 0.8rem;
  max-height: 48rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.contacts-page__partners>div {}

.contacts-page__partners::-webkit-scrollbar {
  cursor: grab !important;
  width: 2px;
  background: #c4c4c4;
}

/* .contacts-page__partners::-webkit-scrollbar {
	cursor: grab !important;
	height: 100px;

} */

.contacts-page__partners::-webkit-scrollbar-thumb {
  cursor: grab !important;

  border-radius: 2px;
  background: var(--black);
  opacity: 0.5;
  height: 100px !important;
}

.contacts-page__partners._active {
  background: var(--white);
  padding: 1.6rem;
  margin-top: 0.8rem;
}

.contacts-page__partners ul {
  list-style: none;
}

.contacts-page__partner:not(:last-child) {
  margin-bottom: 3.2rem;
}

.contacts-page__partner__name {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  margin-bottom: 0.8rem;
  display: flex;
}

/* .thor-landing .contacts-page__partner__name,
.thor-ev-landing .contacts-page__partner__name {
	color: var(--white);
} */

.contacts-page__partner__name svg {
  width: 2.4rem;
  height: 2.4rem;
  flex-basis: 2.4rem;
  margin-right: 0.8rem;
}

.contacts-page__partner .contacts-page__partner__name svg.demo .bg {
  fill: #ff4000;
}

.contacts-page__partner__address {
  font-family: var(--openSans);
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.contacts-page__partner a {
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  text-decoration: none;
}

/* .thor-landing .contacts-page__partner a,
.thor-ev-landing .contacts-page__partner a {
	color: var(--white);
} */

.contacts-page__partner__fullAddress {
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.info-block__item {
  display: flex;
  background: #ffffff;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-bottom: 4rem;
}

.info-block__icon {
  background: #00b2ff;
  padding: 0 1.1rem 0 1.3rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.info-block__icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.info-block__column {
  padding: 1.6rem;
}

.info-block__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.info-block__text a {
  color: #00b2ff;
  text-decoration: none;
}

.info-block__btns {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.8rem;
}

.info-block__btn {
  height: 5.6rem;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: #1d1d1d;
  border-radius: 2.8rem;
}

.select-city__body {
  margin-bottom: 8rem;
  overflow: hidden;
}

.contacts-page__content__box {
  margin-bottom: 0.8rem;
}

.thor-landing .contacts-page__content__box,
.thor-ev-landing .contacts-page__content__box {
  margin-bottom: 0;
}

.contacts-page__become-partner {}

.thor-landing .become-partner,
.thor-ev-landing .become-partner {
  margin: 0.8rem 0 16rem;
}

.become-partner__container {
  background: #ffffff;
  border-radius: 0.8rem;
  position: relative;
  overflow: hidden;
}

.thor-landing .become-partner__container,
.thor-ev-landing .become-partner__container {
  background-color: var(--black);
}

.become-partner__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.become-partner__bg img {
  width: 100%;
  height: auto;
}

.thor-landing .become-partner__bg img,
.thor-ev-landing .become-partner__bg img {
  height: 100%;
  object-fit: cover;
}

.become-partner__bg img:last-child {
  display: none;
}

.become-partner__content {
  padding: 2.4rem;
  position: relative;
  z-index: 2;
}

.become-partner__title {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 0.8rem;
}

.thor-landing .become-partner__title,
.thor-ev-landing .become-partner__title {
  color: var(--white);
}

.become-partner__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  margin-bottom: 2.4rem;
}

.thor-landing .become-partner__text,
.thor-ev-landing .become-partner__text {
  color: var(--white);
}

.become-partner__btn a {
  display: inline-block;
  padding: 1.9rem 2.4rem;
  background: var(--black);
  border-radius: 2.8rem;
  text-decoration: none;
  color: #fff;
}

.thor-landing .become-partner__btn a,
.thor-ev-landing .become-partner__btn a {
  background: var(--white);
  color: var(--black);
}

.our-contacts {
  margin-bottom: 6rem;
}

.our-contacts__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 2rem;
  margin-bottom: 2rem;
}

.our-contacts__item {
  background-color: var(--white);
  padding: 2.4rem;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
}

.our-contacts__item__label {
  font-family: var(--futuraPT);
  font-size: 2.8rem;
  line-height: 150%;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: var(--black);
}

.our-contacts__item__text {
  margin-bottom: 0.4rem;
  line-height: 140%;
}

.our-contacts__item__tels {
  margin-bottom: 0.4rem;
}

.our-contacts__item__tel a {
  display: inline-flex;
  align-items: center;
  /* text-decoration: var(--black); */
}

.our-contacts__item__tel span {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black-2);
  text-decoration-line: underline;
}

.our-contacts__item__emails {
  margin-bottom: 5.8rem;
  flex-grow: 1;
}

.our-contacts__item__email a {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black-2);
}

.our-contacts__btn a {
  display: inline-block;
  padding: 1.9rem 5.2rem 1.9rem 2.4rem;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: var(--black);
  border-radius: 2.8rem;
  text-decoration: none;
  position: relative;
}

.our-contacts__btn a::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  background-image: url(../img/main/icons/arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.our-contacts__item__socials {
  display: flex;
}

.our-contacts__item__social a {
  width: 5.7rem;
  height: 5.7rem;
  background-color: #a5a5a5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}

.our-contacts__item__social:not(:last-child) {
  margin-right: 1rem;
}

.our-contacts__item__social.message svg {
  width: 2.5rem;
  height: 3.2rem;
}

.our-contacts__item__social.wp svg {
  width: 2.9rem;
  height: 2.9rem;
}

.our-contacts__item__social.tlgm svg {
  width: 2.9rem;
  height: 2.5rem;
  transform: translateX(-0.1rem);
}

.our-contacts__item__social.vk svg {
  width: 2.9rem;
  height: 1.7rem;
}

.our-contacts__btn a::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  background-image: url(../img/main/icons/arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.contacts-filters__list {
  margin-bottom: 2.4rem;
}

.contacts-filters__list.demo {
  margin-bottom: 1.6rem;
}

.contacts-filters__list:last-child {
  margin-bottom: 0;
}

.item-radiobtn,
.item-checkbox {
  display: flex;
  position: relative;
}

.item-radiobtn:not(:last-child),
.item-checkbox:not(:last-child) {
  margin-bottom: 0.8rem;
}

.item-radiobtn__icon,
.item-checkbox__icon {
  width: 1.6rem;
  height: 1.6rem;
  border: 1.5px solid rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  pointer-events: none;
}

.item-radiobtn__icon {
  border-radius: 50%;
}

.item-checkbox__icon {
  border-radius: 0.4rem;
}

.item-radiobtn__icon::after,
.item-checkbox__icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  background: var(--black-2);
  transition: all 150ms ease-out;
}

.item-radiobtn__icon::after {
  border-radius: 50%;
}

.item-checkbox__icon::after {
  border-radius: 0.2rem;
}

.item-radiobtn input,
.item-checkbox input {
  display: none;
}

.item-radiobtn input:checked+.item-radiobtn__icon,
.item-checkbox input:checked+.item-checkbox__icon {
  border: 1.5px solid rgba(0, 0, 0, 1);
}

.item-radiobtn input:checked+.item-radiobtn__icon::after,
.item-checkbox input:checked+.item-checkbox__icon::after {
  width: 0.8rem;
  height: 0.8rem;
}

.item-checkbox__icon.checkmark::after {
  width: 0.8rem;
  height: 0.6rem;
  background-color: transparent;
  background-image: url("../img/checkmark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0;
}

.item-checkbox input:checked+.item-checkbox__icon.checkmark::after {
  width: 0.8rem;
  height: 0.6rem;
  opacity: 1;
}

.item-radiobtn label,
.item-checkbox label {
  display: inline-flex;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black-2);
  padding-left: 2.4rem;
}

.contacts-filters__item .contacts-filter-item__label {
  align-items: center;
}

.contacts-filters__item .contacts-filter-item__label svg {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  flex-basis: 2.4rem;
  margin-right: 0.4rem;
}

.contacts-filter-item__label {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black-2);
}

@media screen and (min-width: 1024px) {
  .contacts-page__container {
    margin-bottom: 120px;
  }

  /* .thor-landing .contacts-page__container,
	.thor-ev-landing .contacts-page__container {
		padding: 0 0 80px;
	} */

  .contacts-page__container h1 {
    margin-bottom: 40px;
  }

  .thor-landing .contacts-page__container h2,
  .thor-ev-landing .contacts-page__container h2 {
    margin-bottom: 40px;
  }

  .contacts-page__content__box {
    display: grid;
    grid-template-columns: 312px 1fr;
    grid-column-gap: 8px;
    margin-bottom: 8px;
  }

  .contacts-page__map {
    grid-row: 1/3;
    grid-column-start: 2;
    margin-bottom: 0;
    border-radius: 8px;
  }

  .contacts-page__map.mobile {
    display: none;
  }

  .contacts-page__map.desktop {
    display: block;
    width: 664px;
    height: 800px;
  }

  /* .thor-landing .contacts-page__map.desktop,
	.thor-ev-landing .contacts-page__map.desktop {
		height: 562px;
	} */

  .select-city {
    width: 100%;
    height: 56px;
    margin-bottom: 28px;
  }

  .select-city__head {
    border-radius: 8px;
    padding: 0 30px 0 14px;
  }

  .select-city__head:hover {
    border: 2px solid var(--black);
    transition: border 150ms ease-out;
  }

  .select-city__head::after {
    width: 12px;
    height: 8px;
    right: 20px;
  }

  .select-city__label {
    font-size: 18px;
    line-height: 100%;
  }

  .select-city__body {
    top: calc(100% + 8px);
    box-shadow: 0px 4px 16px rgb(0 0 0 / 25%);
    border-radius: 8px;
  }

  .selectbox._active .select-city__body {
    height: 448px;
  }

  .select-city__body__content {
    padding: 24px 14px 24px;
  }

  .select-city__list::-webkit-scrollbar {
    cursor: grab !important;
    width: 4px;
  }

  .select-city__list::-webkit-scrollbar-thumb {
    cursor: grab !important;
    background-color: rgb(0 0 0 / 30%);
    background: rgba(29, 29, 29, 0.2);
    border-radius: 4px;
  }

  .select-city__item__country:not(:last-child) {
    margin-bottom: 24px;
  }

  .select-city__item__country-name {
    font-size: 12px;
    line-height: 200%;
    margin-bottom: 4px;
  }

  .select-city__item__country__city:not(:last-child) {
    margin-bottom: 4px;
  }

  .select-city__item__country__city {
    font-size: 18px;
    line-height: 133%;
  }

  .contacts-page__partners {
    width: 100%;
    overflow-y: auto;
    flex-grow: 1;
    padding: 0;
    max-height: unset;
  }

  .contacts-page__partners._active {
    margin-top: 0;
    padding: 0 24px 24px;
  }

  .thor-landing .contacts-page__partners,
  .thor-ev-landing .contacts-page__partners {
    height: unset;
  }

  .contacts-page__partners ul {
    width: 264px;
  }

  .contacts-page__partner:not(:last-child) {
    margin-bottom: 16px;
  }

  .contacts-page__partner {
    transition: opacity 150ms ease-out;
    cursor: pointer;
    opacity: 1;
  }

  .find_ajax_city_partner:has(.contacts-page__partner:hover) .contacts-page__partner {
    opacity: 0.5;
  }

  .find_ajax_city_partner:has(.contacts-page__partner:hover) .contacts-page__partner:hover {
    opacity: 1;
  }

  .contacts-page__partner__name {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 8px;
  }

  .contacts-page__partner__name svg {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    margin-right: 8px;
  }

  .contacts-page__partner__address {
    font-size: 14px;
    line-height: 150%;
  }

  .contacts-page__partner a {
    font-size: 14px;
    line-height: 150%;
    border-bottom: 1px solid transparent;
    transition: all 150ms ease-out;
  }

  .contacts-page__partner a:hover {
    color: #2f80ed;
    border-bottom: 1px solid #2f80ed;
  }

  .contacts-page__partner__fullAddress {
    font-size: 14px;
    line-height: 150%;
  }

  .info-block__item {
    border-radius: 8px;
    margin-bottom: 40px;
  }

  .info-block__icon {
    padding: 0 11px 0 13px;
  }

  .info-block__icon svg {
    width: 24px;
    height: 24px;
  }

  .info-block__column {
    padding: 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .info-block__text {
    font-size: 18px;
    line-height: 150%;
    max-width: 566px;
  }

  .info-block__btns {
    margin-top: 0;
    flex-shrink: 0;
    grid-column-gap: 8px;
  }

  .info-block__btn {
    height: 56px;
    font-size: 18px;
    line-height: 100%;
    padding: 0 24px;
    cursor: pointer;
  }

  .thor-landing .become-partner,
  .thor-ev-landing .become-partner {
    margin: 8px 0 240px;
  }

  .become-partner__container {
    border-radius: 8px;
  }

  .become-partner__content {
    padding: 24px;
  }

  .become-partner__title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 8px;
  }

  .become-partner__text {
    max-width: 400px;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 18px;
  }

  .become-partner__btn a {
    padding: 19px 24px;
    font-size: 18px;
    line-height: 100%;
    border-radius: 28px;
  }

  .become-partner__bg img:first-child {
    display: none;
  }

  .become-partner__bg {
    top: -10px;
  }

  .become-partner__bg img:last-child {
    display: block;
  }

  .our-contacts {
    margin-bottom: 60px;
  }

  .our-contacts__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }

  .our-contacts__item {
    width: 312px;
    padding: 24px;
    border-radius: 8px;
    margin-right: 24px;
  }

  .our-contacts__item:nth-child(3n) {
    margin-right: 0;
  }

  .our-contacts__item__label {
    font-size: 32px;
    line-height: 150%;
    margin-bottom: 15px;
  }

  .our-contacts__item__text {
    margin-bottom: 4px;
  }

  .our-contacts__item__tels {
    margin-bottom: 4px;
  }

  .our-contacts__item__tel span {
    font-size: 18px;
    line-height: 150%;
  }

  .our-contacts__item__emails {
    margin-bottom: 58px;
  }

  .our-contacts__item__email a {
    font-size: 18px;
    line-height: 150%;
  }

  .our-contacts__item__social:not(:last-child) {
    margin-right: 10px;
  }

  .our-contacts__item__social a {
    width: 57px;
    height: 57px;
  }

  .our-contacts__item__social.message svg {
    width: 25px;
    height: 32px;
  }

  .our-contacts__item__social.wp svg {
    width: 29px;
    height: 29px;
  }

  .our-contacts__item__social.tlgm svg {
    width: 29px;
    height: 29px;
    transform: translateX(-1.5px);
  }

  .our-contacts__item__social.vk svg {
    width: 29px;
    height: 17px;
  }

  .our-contacts__btn a {
    padding: 19px 52px 19px 24px;
    font-size: 18px;
    line-height: 100%;
    border-radius: 28px;
  }

  .our-contacts__btn a::after {
    width: 16px;
    height: 16px;
    right: 20px;
  }

  .contacts-page__content__box.black .contacts-page__content__left-block {
    background-color: var(--black);
  }

  .contacts-page__content__left-block {
    background-color: var(--white);
    border-radius: 8px;
    height: 800px;
    display: flex;
    flex-direction: column;
  }

  .contacts-page__content__filters {
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 28px;
    margin: 24px;
  }

  .contacts-filters__list {
    margin-bottom: 24px;
  }

  .contacts-filters__list.demo {
    margin-bottom: 16px;
  }

  .item-radiobtn:not(:last-child),
  .item-checkbox:not(:last-child) {
    margin-bottom: 8px;
  }

  .item-radiobtn label,
  .item-checkbox label {
    font-size: 16px;
    line-height: 150%;
    padding-left: 24px;
  }

  .item-radiobtn__icon,
  .item-checkbox__icon {
    width: 16px;
    height: 16px;
  }

  .contacts-filter-item__label {
    font-size: 16px;
    line-height: 150%;
  }

  .item-checkbox__icon {
    border-radius: 4px;
  }

  .item-checkbox__icon::after {
    border-radius: 2px;
  }

  .item-radiobtn input:checked+.item-radiobtn__icon::after,
  .item-checkbox input:checked+.item-checkbox__icon::after {
    width: 8px;
    height: 8px;
  }

  .item-checkbox__icon.checkmark::after {
    width: 8px;
    height: 6px;
  }

  .item-checkbox input:checked+.item-checkbox__icon.checkmark::after {
    width: 8px;
    height: 6px;
  }

  .contacts-filters__item .contacts-filter-item__label svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-basis: 24px;
    margin-right: 4px;
  }
}

/* ------------------------------- CONTACTS-PAGE END ---------------------------------------- */

/* ------------------------------ tech-desc ------------------------------ */
._hidden {
  display: none !important;
}

.tech-desc {
  margin-bottom: 20rem;
}

.tech-desc._active {
  margin-top: 16rem;
}

.tech-desc__container {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 100ms ease-out 150ms;
}

.tech-desc._active .tech-desc__container {
  visibility: visible;
  opacity: 1;
}

.tech-desc__btn {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.tech-desc__btn._anim {
  transform: translateY(80px);
  opacity: 0;
  visibility: hidden;
  transition: all 100ms ease-out;
}

@media screen and (min-width: 1024px) {
  .tech-desc {
    margin-bottom: 320px;
  }

  .echo-page .tech-desc {
    margin-bottom: 285px;
  }

  .tech-desc._active {
    margin-top: 200px;
  }
}

/* ------------------------------ tech-desc END ------------------------------ */

/* -------------------- video-block ------------------------------------------------- */
.video-block {
  position: relative;
  height: 100vh;
}

.video-block-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.video-block-media {
  width: 100%;
  height: 100vh;
  opacity: 0.6;
  overflow: hidden;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.video-block-media div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.54);
  z-index: 2;
}

.js_onload_onload_f_v {
  z-index: 2;
}

.video-block-media div:first-child {
  z-index: 3;
}

.video-block-box {
  display: flex;
  flex-flow: column;
  align-items: center;
  z-index: 5;
  position: relative;

  h2 {
    margin-bottom: 1.6rem;
  }

  p {
    margin-bottom: 1.6rem;
  }
}

.video-block-media img {
  height: 100%;
}

.video-block-media video {
  height: 100%;
  object-fit: cover;
}

.video-block-media iframe {
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .video-block {
    height: 200vh;
  }

  .video-block-container {
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .video-block-box {
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(200px);
    transition: all 300ms ease-out;

    h2 {
      margin-bottom: 24px;
    }

    p {
      margin-bottom: 24px;
    }
  }

  .video-block._active .video-block-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 300ms ease-out;
  }

  .video-block-media {
    /* position: relative; */
    height: 100%;
  }

  .video-block-media div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
  }

  .video-block-media img {
    height: 100%;
    width: 100%;
  }

  .video-block-media video {
    height: 100%;
    width: 100%;
  }

  .video-block-media iframe {
    height: 100%;
    width: 100%;
  }
}

/* -------------------- watch-video ---------------------------------- */

.watch-video {
  margin-bottom: 11rem;
  height: 100vh;
}

.watch-video__container {
  padding: 5rem 1.6rem 5rem;
}

.watch-video__media {
  align-items: center;
}

.watch-video__media {
  height: 100%;
}

.watch-video__btn {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.watch-video__btn a {
  display: flex;
  align-items: center;
  position: relative;
}

.watch-video__btn a::before {
  content: "";
}

.watch-video__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 1024px) {
  .watch-video {
    height: 200vh;
    margin-bottom: 90px;
  }

  .thor-landing .watch-video,
  .thor-ev-landing .watch-video {
    margin-bottom: 240px;
  }

  .watch-video__container {
    padding: 0;
  }

  .watch-video__container.video-block-container {
    overflow: unset;
  }

  .watch-video__media {
    position: relative;
  }

  .watch-video__media {
    height: 100vh;
  }

  .watch-video__content {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
  }

  .watch-video__btn a::before {
    content: "";
  }

  .video-block-link a::after,
  .watch-video__btn a::after {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../img/play2.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }

  .watch-video__btn a {
    /* width: 218px; */
    padding-left: 24px;
    padding-right: 49px;
  }

  .watch-video__media img {
    width: 100%;
    display: none;
  }
}

/* -------------------- watch-video END ---------------------------------- */

/* --------------------- thor-action -------------------------------- */

.thor-action {
  margin-bottom: 20rem;
}

.video-block-label {
  margin-bottom: 2.4rem;
}

.thor-action__btn {
  text-align: center;
}

.video-block-link a,
.thor-action__btn a {
  position: relative;
  padding-left: 24px;
  padding-right: 49px;
}

@media screen and (min-width: 1024px) {
  .thor-action {
    margin-bottom: 320px;
  }

  .video-block-label {
    margin-bottom: 48px;
  }

  .thor-action__btn {
    text-align: left;
  }

  .thor-action__media img {
    display: none;
  }
}

/* --------------------- thor-action END -------------------------------- */
/* -------------------- smart-control-instruction  --------------------------------- */

.smart-control-instruction {
  margin-bottom: 20rem;
  height: unset;
}

.for-partners-page .smart-control-instruction {
  margin-bottom: 0;
}

.smart-control-instruction__container {
  padding: 4rem 0 9.8rem;
}

.smart-control-instruction__media {
  height: 100%;
  mix-blend-mode: normal;
}

.smart-control-instruction__box {
  padding: 0 2.5rem;
}

.smart-control-instruction__title {
  margin-bottom: 4rem;
}

.smart-control-instruction__list {
  margin-bottom: 5.6rem;
}

.smart-control-instruction__list ol {
  list-style: none;
  counter-reset: num;
}

.smart-control-instruction__list li {
  display: flex;
  align-items: center;
}

.smart-control-instruction__icon {
  margin-right: 1.6rem;
  width: 2.4rem;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.smart-control-instruction__icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.smart-control-instruction__item:not(:last-child) {
  margin-bottom: 3.6rem;
}

.smart-control-instruction__item:nth-child(4) .smart-control-instruction__icon svg {
  width: 1.8rem;
  height: 1.8rem;
}

.smart-control-instruction__count::before {
  content: counter(num);
  counter-increment: num;
  font-family: var(--futuraPT);
  font-size: 6.8rem;
  line-height: 88.7%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  opacity: 0.4;
}

.smart-control-instruction__count {
  margin-right: 1.6rem;
}

.smart-control-instruction__list span {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
}

.smart-control-instruction__video-btn {
  text-align: center;
}

.smart-control-instruction__video-btn a::before {
  content: "";
}

.video-block-link.btn a,
.smart-control-instruction__video-btn.btn a {
  position: relative;
  padding-left: 2.4rem;
  padding-right: 4.9rem;
}

.video-block-link a::after,
.smart-control-instruction__video-btn a::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url("/img/svg/play2.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}

.smart-control-instruction__btns {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
}

.smart-control-instruction__btn {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .smart-control-instruction {
    margin-bottom: 320px;
    height: 200vh;
  }

  .body-for-partners .smart-control-instruction {
    height: 900px;
  }

  .body-for-partners .video-block-container {
    height: 100%;
  }

  .body-for-partners .video-block-box {
    opacity: 1;
    transform: translateY(0);
  }

  .thor-landing .smart-control-instruction,
  .thor-ev-landing .smart-control-instruction {
    margin-bottom: 160px;
  }

  .smart-control-instruction__container {
    padding: 0;
  }

  .smart-control-instruction__title {
    margin-bottom: 60px;
  }

  .smart-control-instruction__title h2 {
    text-align: left;
  }

  .smart-control-instruction__box {
    padding: 0;
  }

  .smart-control-instruction__list {
    width: 721px;
    margin: 0 35px 72px auto;
  }

  .smart-control-instruction__list span {
    font-size: 24px;
    line-height: 150%;
  }

  .smart-control-instruction__icon {
    margin-right: 39px;
    width: 24px;
  }

  .smart-control-instruction__count {
    margin-right: 32px;
  }

  .smart-control-instruction__list li:not(:last-child) {
    margin-bottom: 24px;
  }

  .smart-control-instruction__item span {
    width: 100%;
  }

  .smart-control-instruction__item .smart-control-instruction__icon svg {
    width: 24px;
    height: 24px;
  }

  .smart-control-instruction__item:nth-child(4) .smart-control-instruction__icon svg {
    width: 18px;
    height: 18px;
  }

  .smart-control-instruction__count::before {
    font-size: 68px;
    line-height: 88.7%;
  }

  .smart-control-instruction__btns {
    width: 686px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 14px;
    margin: 0 auto;
  }

  .smart-control-instruction__btns a {
    width: 100%;
    text-align: left;
    position: relative;
  }

  .smart-control-instruction__video-btn a::before {
    content: "";
  }

  .smart-control-instruction__video-btn a::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 18px;
    top: 50%;
    transform: translateY(-10px);
    background: url("/img/svg/play2.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .smart-control-instruction__btn a::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 18px;
    top: 50%;
    transform: translateY(-10px);
    background: url("../img/pdf.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .video-block-link.btn a,
  .smart-control-instruction__video-btn.btn a {
    padding-left: 24px;
    padding-right: 49px;
  }

  .video-block-link a::after,
  .smart-control-instruction__video-btn.btn a::after {
    width: 24px;
    height: 24px;
    right: 16px;
  }
}

/* -------------------- smart-control-instruction END --------------------------------- */

/* -------------------- video-block END ------------------------------------------------- */

/* --------------------- thor-column -------------------------- */

.thor-column {
  margin-top: 16rem;
  margin-bottom: 4rem;
}

.body-for-partners .thor-column {
  margin-bottom: 12rem;
}

.thor-column__container {}

.thor-column__image {
  max-width: 98.4rem;
  margin: 0 2rem 1.6rem;
}

.thor-column__image img {
  width: 100%;
}

.thor-column__image img:last-child {
  display: none;
}

.thor-column__image canvas {
  display: none;
}

.thor-column__box {
  position: relative;
}

.thor-column__title {
  margin-bottom: 1.6rem;
}

.thor-column__title.fade-in {
  opacity: 0.999;
  transform: translateY(0);
}

.thor-column__text p {
  font-weight: 600;
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--white);
}

.header__nav li a.small_fs_head_link {
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  .thor-column {
    margin-top: 240px;
    margin-bottom: 40px;
  }

  .body-for-partners .thor-column {
    margin-bottom: 320px;
  }

  .thor-column__box.m-lr {
    width: 840px;
    margin: 0 auto;
  }

  .thor-column__text {
    max-width: 775px;
    margin: 0 auto;
  }

  .thor-column__text p {
    font-size: 26px;
  }

  .thor-column__image canvas {
    display: block;
    position: sticky;
    top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .thor-column__image.w782 {
    max-width: 782px;
  }

  .thor-column__image img {
    display: none;
  }

  .thor-column__image img:last-child {
    display: block;
    width: 950px;
    margin: 0 auto;
  }

  .thor-column__image {
    /* margin: 0; */
    /* height: 2000px; */
    margin: 0 auto 60px;
    /*  width: 984px; */
    position: relative;
    text-align: center;
  }

  .thor-column__image {}

  .thor-column__title {
    margin-bottom: 24px;
    width: 100%;
    text-align: center;
  }
}

/* --------------------- thor-column END -------------------------- */

/* ------------------------------ products-equipment ------------------------------- */

.products-equipment {
  margin-bottom: 16rem;
}

.thor-ev-landing.ru .products-equipment {
  margin-bottom: 8rem;
}

.products-equipment__container {}

.products-equipment__title {
  margin-bottom: 4rem;
}

.products-equipment__title--without-margin {
  margin: 0;
}

.make-order__title h2 {
  text-align: left;
}

.make-order__list {
  margin-bottom: 4rem;
}

.products-equipment__list {}

.products-equipment__item {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 32.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0;
}

.thor-landing .products-equipment__item,
.thor-ev-landing .products-equipment__item {
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  transition: all 150ms ease-out;
  cursor: pointer;
}

.products-equipment__img {
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  margin-bottom: 1.6rem;
}

.products-equipment__img--small {
  margin-bottom: 0;
  height: 21.2rem;

  img {
    object-fit: scale-down;
  }
}

.thor-landing .products-equipment__img,
.thor-ev-landing .products-equipment__img {
  border-radius: 0;
  border: 0;
}

.products-equipment__img img {
  display: block;
  width: 100%;
  height: 100%;
}

.products-equipment__label {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
}

.products-equipment__link {
  margin-top: 1.6rem;
}

.products-equipment__link--without-margin {
  margin-top: 0;
}

.products-equipment__link,
.products-equipment__link a {
  font-family: var(--openSans);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #2767c5;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.products-equipment__link span {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.products-equipment__link span::after,
.products-equipment__link a::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(/img/svg/arrow-link.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 0.8rem;
}

.thor-landing .products-equipment__link span::after,
.thor-ev-landing .products-equipment__link span::after,
.thor-landing .products-equipment__link a::after,
.thor-ev-landing .products-equipment__link a::after {
  background-image: url(../img/arrow-link.svg);
  transform: rotate(-90deg);
}

.request-form__row-delivery {
  border-bottom: 2px solid var(--white);
  margin-top: 2.4rem;
  padding: 0 0 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.request-form__row-delivery__label {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
}

.request-form__row-delivery__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
  width: 20rem;
}

.request-form__row-pay {
  padding-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.request-form__total-price {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}

.make-order__btn {
  margin-bottom: 2.4rem;
}

.request-form__politics {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
}

.request-form__politics a {
  color: #2767c5;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border 150ms ease-out;
}

.make-order__btn.btn button {
  background: var(--white);
  color: var(--black);
}

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

.products-equipment__btn {
  margin-top: 1.6rem;
}

.products-equipment__price {
  font-family: var(--futuraPT);
  font-weight: 450;
  font-size: 3.2rem;
  line-height: 100%;
  margin-top: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.products-equipment__vat {
  color: rgba(255, 255, 255, 0.5);
}

.products-equipment__price .icon-ruble::after {
  font-size: 2.3rem;
}

@media screen and (min-width: 1024px) {
  .products-equipment {
    margin-bottom: 320px;
  }

  .thor-ev-landing.ru .products-equipment {
    margin-bottom: 80px;
  }

  .products-equipment__title {
    margin-bottom: 112px;
  }

  .products-equipment__title--without-margin {
    margin: 0;
  }

  .products-equipment__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 23px;
  }

  .products-equipment__list.g-2 {
    grid-template-columns: 312px 312px;
    justify-content: center;
  }

  .make-order__list {
    margin-bottom: 40px;
  }

  .products-equipment__item {
    height: 312px;
  }

  .thor-landing .products-equipment__item:hover,
  .thor-landing .products-equipment__item._active {
    border: 1px solid #ff4000;
  }

  .thor-ev-landing .products-equipment__item:hover,
  .thor-ev-landing .products-equipment__item._active {
    border: 1px solid #00b2ff;
  }

  .products-equipment__btn span {
    transition: all 0.3s ease-out;
  }

  .thor-landing .products-equipment__btn span:hover {
    background-color: #ff4000;
  }

  .thor-ev-landing .products-equipment__btn span:hover {
    background-color: var(--blue);
    color: var(--white);
  }

  .thor-landing .products-equipment__item,
  .thor-ev-landing .products-equipment__item {
    border-radius: 8px;
  }

  .products-equipment__img {
    border-radius: 8px;
    margin-bottom: 16px;
  }

  .products-equipment__box {
    margin: 0 24px 40px;
  }

  .products-equipment__label {
    font-size: 36px;
    line-height: 88.7%;
    display: flex;
    align-items: end;
  }

  .thor-landing .products-equipment__row,
  .thor-ev-landing .products-equipment__row {
    flex-direction: column;
    align-items: start;
    flex-wrap: wrap;
    gap: 8px;
  }

  .products-equipment__btn {
    margin-top: 16px;
  }

  .products-equipment__price {
    margin-top: 0;
    gap: 4px;
  }

  .products-equipment__price {
    font-size: 32px;
    line-height: 100%;
  }

  .products-equipment__price .icon-ruble::after {
    font-size: 24px;
  }

  .products-equipment__link {
    margin-top: 16px;
  }

  .products-equipment__link--without-margin {
    margin-top: 0;
  }

  .products-equipment__link,
  .products-equipment__link a {
    font-size: 18px;
    line-height: 150%;
  }

  .thor-landing .products-equipment__item .products-equipment__link a,
  .thor-ev-landing .products-equipment__item .products-equipment__link a {
    opacity: 0;
    visibility: hidden;
  }

  .thor-landing .products-equipment__item:hover .products-equipment__link a,
  .thor-ev-landing .products-equipment__item:hover .products-equipment__link a {
    opacity: 1;
    visibility: visible;
  }

  .thor-landing .products-equipment__item .products-equipment__btn span {
    transition: all 0.3s ease-out;
  }

  .thor-landing .products-equipment__item .products-equipment__btn span:hover {
    background-color: #ff4000;
    color: var(--white);
  }

  .products-equipment__link span::after,
  .products-equipment__link a::after {
    width: 16px;
    height: 16px;
    margin-left: 8px;
  }

  .request-form__row-delivery {
    display: block;
    margin-top: 24px;
    padding: 0 0 24px;
  }

  .request-form__row-delivery__label {
    display: none;
  }

  .request-form__row-delivery__text {
    width: auto;
    text-align: right;
    font-size: 18px;
    line-height: 150%;
  }

  .make-order__btn {
    margin-bottom: 0;
  }

  .request-form__row-pay {
    padding-top: 24px;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .request-form__politics {
    width: 388px;
    order: 0;
    font-size: 14px;
  }
}

/* ------------------------------ products-equipment END ------------------------------- */

/* --------------------- sound-laboratory ------------------------- */
.sound-laboratory {
  width: 100%;
}

.sound-laboratory__anim-block {
  margin-bottom: 1.6rem;
}

.sound-laboratory__anim-block__desktop {
  display: none;
}

.sound-laboratory__anim-block img {
  width: 100%;
}

.sound-laboratory__box {
  position: relative;
  z-index: 1;
}

.sound-laboratory__title {
  margin-bottom: 1.6rem;
}

.sound-laboratory__text {
  margin-bottom: 4rem;
}

.sound-laboratory__text p:not(:last-child) {
  margin-bottom: 3rem;
}

.sound-laboratory__btn {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .sound-laboratory {
    margin-bottom: 0;
  }

  .sound-laboratory__anim-block {
    margin-bottom: 0;
    height: 774px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }

  .sound-laboratory__title {
    margin-bottom: 16px;
  }

  .sound-laboratory__anim-block__mobile {
    display: none;
  }

  .sound-laboratory__anim-block__desktop {
    display: block;
    height: 100%;
  }

  .sound-laboratory__anim-block__desktop__ {
    display: block;
    height: 100%;
  }

  .sound-laboratory__anim-block__desktop__ img {
    opacity: 0;
    transition: opacity 300ms ease-out;
  }

  .sound-laboratory__anim-block__desktop__ img._anim {
    opacity: 1;
  }

  .sound-laboratory__anim-block__desktop__.left img {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
  }

  .sound-laboratory__anim-block__desktop__.left .sound-img-1 {
    width: 84px;
    height: 134px;
    top: 315px;
    left: -70px;
  }

  .sound-laboratory__anim-block__desktop__.left .sound-img-2 {
    width: 211px;
    height: 336px;
    top: 215px;
    left: -52px;
  }

  .sound-laboratory__anim-block__desktop__.left .sound-img-3 {
    width: 319px;
    height: 560px;
    top: 106px;
    left: -17px;
  }

  .sound-laboratory__anim-block__desktop__.left .sound-img-4 {
    width: 424px;
    height: 774px;
    top: 0;
    left: 22px;
  }

  .sound-laboratory__anim-block__desktop__.right img {
    position: absolute;
    top: 0;
    right: 0;
  }

  .sound-laboratory__anim-block__desktop__.right .sound-img-1 {
    width: 85px;
    height: 134px;
    top: 315px;
    right: -54px;
  }

  .sound-laboratory__anim-block__desktop__.right .sound-img-2 {
    width: 212px;
    height: 336px;
    top: 215px;
    right: -52px;
  }

  .sound-laboratory__anim-block__desktop__.right .sound-img-3 {
    width: 319px;
    height: 560px;
    top: 106px;
    right: -15px;
  }

  .sound-laboratory__anim-block__desktop__.right .sound-img-4 {
    width: 424px;
    height: 774px;
    top: 0;
    right: 23px;
  }

  .sound-laboratory__box {
    width: 720px;
    margin: 0 auto;
  }

  .sound-laboratory__text p:not(:last-child) {
    margin-bottom: 40px;
  }

  .sound-laboratory__text {
    margin-bottom: 40px;
  }

  .sound-laboratory__box.video-block-box {
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-out 0ms;
    transform: translateY(40px);
  }

  .sound-laboratory__box._active.video-block-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* --------------------- sound-laboratory END ------------------------- */

/* --------------------- breadcrumbs ------------------------------- */
.breadcrumbs-block {
  margin: 2.2rem 0 4rem;
}

.breadcrumbs-block__row {
  font-family: var(--openSans);
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 1);
}

.breadcrumbs-block__row a {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
}

.breadcrumbs-block__row span {
  color: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 1024px) {
  .breadcrumbs-block {
    margin: 72px 0 56px;
  }

  .breadcrumbs-block__row {
    font-size: 12px;
    line-height: 100%;
  }
}

/* --------------------- breadcrumbs ------------------------------- */

/* --------------------- n-first-screen ----------------------------*/
/* ------- n - new ------- */

.n-first-screen {
  margin-top: 9.4rem;
}

.body-for-partners .n-first-screen {
  margin-top: 0;
  padding-top: 10.4rem;
  background-color: #000;
}

.n-first-screen__container {
  position: relative;
  min-height: 73.2rem;
  display: flex;
}

.n-first-screen.thor .n-first-screen__container {
  min-height: 68.2rem;
}

.n-first-screen.thor-ev .n-first-screen__container {
  min-height: 68.2rem;
}

.n-first-screen__box {
  padding: 0 0.8rem 2.6rem;
  position: relative;
  z-index: 2;
  width: 100%;
}

.n-first-screen__box-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 94%;
}

.n-first-screen__logo {
  margin-bottom: 2.4rem;
}

.n-first-screen__logo svg {
  display: block;
  width: 8.2rem;
  height: 2.4rem;
}

.for-partners-page .n-first-screen__logo svg {
  width: 8.2rem;
  height: 2.4rem;
}

.n-first-screen.thor-ev .n-first-screen__logo svg {
  width: 11rem;
}

.n-first-screen__title {
  margin-bottom: 2.4rem;
}

.n-first-screen__title h2 {
  font-size: 4.8rem;
  line-height: 120%;
}

.n-first-screen__btns {
  margin-bottom: 2rem;
}

.n-first-screen__btn.btn a {
  font-size: 1.8rem;
  line-height: 100%;
  padding: 1.9rem 2.4rem;
  background: rgba(255, 255, 255, 0.74);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 2.8rem;
}

.n-first-screen__text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  position: absolute;
  bottom: 0;
  padding: 0 0.8rem;
}

.n-first-screen .n-first-screen__text {
  bottom: 0;
}

.echo-page .n-first-screen .n-first-screen__text {
  bottom: 4rem;
}

.body-for-partners .n-first-screen__text {
  position: unset;
}

.n-first-screen__text.text p {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
  line-height: 150%;
}

.n-first-screen__image {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* .n-first-screen__image--red {
  top: -6rem;
} */
/* .n-first-screen__image--ev {
  top: -6rem;
} */

.n-first-screen__image picture {
  width: 100%;
}

.n-first-screen__image::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #000000 100%);
}

.n-first-screen.thor .n-first-screen__image::after,
.n-first-screen.thor-ev .n-first-screen__image::after {
  background: linear-gradient(179.83deg,
      rgba(26, 26, 26, 0) 0.14%,
      rgba(26, 26, 26, 0.76) 50.97%,
      rgba(26, 26, 26, 0.98) 86.44%,
      #191919 98.84%);
  top: unset;
  height: 310px;
}

.body-bg-white .n-first-screen.thor .n-first-screen__image::after,
.body-bg-white .n-first-screen.thor-ev .n-first-screen__image::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #fff 100%);
}

.thor-landing .n-first-screen.thor .n-first-screen__image::after,
.thor-ev-landing .n-first-screen.thor-ev .n-first-screen__image::after,
.body-for-partners .n-first-screen.thor .n-first-screen__image::after,
.body-for-partners .n-first-screen.thor-ev .n-first-screen__image::after {
  background: linear-gradient(179.83deg,
      rgba(0, 0, 0, 0) 0.14%,
      rgba(0, 0, 0, 0.76) 50.97%,
      rgba(0, 0, 0, 0.98) 86.44%,
      #000000 98.84%);
}

.body-for-partners.body-bg-white .n-first-screen.thor .n-first-screen__image::after,
.body-for-partners.body-bg-white .n-first-screen.thor-ev .n-first-screen__image::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #fff 100%);
}

.n-first-screen__image img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .n-first-screen {
    margin-top: 113px;
  }

  .n-first-screen.thor,
  .n-first-screen.thor-ev {
    margin-top: 56px;
  }

  .body-for-partners .n-first-screen {
    margin-top: 0;
    padding-top: 113px;
  }

  .modal-country-open .n-first-screen {
    margin-top: 144px;
  }

  .n-first-screen__container,
  .n-first-screen.thor-ev .n-first-screen__container {
    min-height: 995px;
  }

  .for-partners-page .n-first-screen__container {
    min-height: 842px;
  }

  .for-partners-page .n-first-screen.thor .n-first-screen__container {
    min-height: 842px;
  }

  .n-first-screen.thor.thor-default .n-first-screen__container,
  .n-first-screen.thor-ev.thor-default .n-first-screen__container {
    min-height: 910px;
  }

  .echo-page .n-first-screen.thor-default .n-first-screen__container {
    min-height: 1554px;
  }

  .n-first-screen__box {
    padding: 48px 0 0;
  }

  /* .n-first-screen.thor .n-first-screen__box,
  .n-first-screen.thor-ev .n-first-screen__box {
    padding: 40px 0 150px;
  } */

  .for-partners-page .n-first-screen__box {
    padding: 52px 0 0;
  }

  .n-first-screen__box-body {
    max-width: 462px;
    align-items: flex-start;
  }

  .n-first-screen.thor-default .n-first-screen__box-body {
    align-items: center;
    max-width: 535px;
    margin: 0 auto;
  }

  .n-first-screen__logo {
    margin-bottom: 24px;
  }

  .n-first-screen__logo svg {
    width: 82px;
    height: 24px;
  }

  .for-partners-page .n-first-screen__logo svg {
    width: 82px;
    height: 24px;
  }

  .n-first-screen.thor-ev .n-first-screen__logo svg {
    width: 111px;
  }

  .n-first-screen__title {
    margin-bottom: 24px;
  }

  .for-partners-page .n-first-screen__title {
    margin-bottom: 64px;
  }

  .n-first-screen__title h2 {
    font-size: 48px;
    line-height: 120%;
    text-align: left;
  }

  .for-partners-page .n-first-screen__title h2 {
    font-size: 48px;
    line-height: 88.7%;
  }

  .n-first-screen.thor-default .n-first-screen__title h2 {
    text-align: center;
  }

  .n-first-screen__btns {
    margin-bottom: 64px;
  }

  .n-first-screen.thor-default .n-first-screen__btns {
    margin-bottom: 40px;
  }

  .thor-original .n-first-screen.thor-default .n-first-screen__btns,
  .thor-ev .n-first-screen.thor-default .n-first-screen__btns {
    flex-grow: 1;
  }

  .n-first-screen__btn.btn a {
    font-size: 18px;
    line-height: 100%;
    padding: 19px 24px;
    border-radius: 28px;
    transition: background 300ms ease-out;
  }

  .n-first-screen__btn.btn a:hover {
    background: #ffffff;
  }

  .n-first-screen__text {
    flex-grow: unset;
    justify-content: start;
    max-width: 417px;
    position: relative;
    bottom: unset;
    padding: unset;
  }

  .thor-landing .n-first-screen__text {
    max-width: 388px;
    bottom: 0;
  }

  .thor-ev-landing .n-first-screen__text {
    bottom: 0;
  }

  .n-first-screen.thor-default .n-first-screen__text {
    max-width: 100%;
  }

  .n-first-screen__text.text p {
    font-size: 18px;
    line-height: 150%;
    text-align: left;
    letter-spacing: -0.036rem;
  }

  .n-first-screen.thor-default .n-first-screen__text.text p {
    text-align: center;
  }

  .n-first-screen__image picture {
    width: 100%;
  }

  .n-first-screen__image img {
    width: 100%;
    height: 1067px;
    transform: translateY(0);
    object-fit: cover;
  }

  .n-first-screen.thor.thor-default .n-first-screen__image::after,
  .n-first-screen.thor-ev.thor-default .n-first-screen__image::after {
    top: unset;
    height: 687px;
    background: linear-gradient(179.83deg,
        rgba(26, 26, 26, 0) 0.14%,
        rgba(26, 26, 26, 0.76) 50.97%,
        rgba(26, 26, 26, 0.98) 86.44%,
        #191919 98.84%);
  }

  .n-first-screen.thor.thor-default .n-first-screen__image img {
    margin-top: -140px;
    height: 1240px;
  }

  .n-first-screen.thor-ev.thor-default .n-first-screen__image img {
    margin-top: -85px;
    height: 1270px;
  }

  .echo-page .n-first-screen.thor-default .n-first-screen__image img {
    height: 1554px;
  }

  .echo-page .n-first-screen .n-first-screen__text {
    bottom: unset;
  }
}

/* --------------------- n-first-screen ----------------------------*/

/* --------------------- n-select-sound --------------------------- */
.n-select-sound {
  padding-bottom: 16rem;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
}

.n-select-sound__content {
  background: linear-gradient(180deg, #000000 59.7%, #ff4000 132.03%);
  border-radius: 1.6rem;
  padding: 4rem 1.6rem;
  margin-bottom: 1.6rem;
}

.thor-landing .n-select-sound__container,
.thor-ev-landing .n-select-sound__container {
  padding-top: 4rem;
}

.thor-ev .n-select-sound__content {
  background: linear-gradient(180deg, #000 59.7%, var(--blue) 132.03%);
}

.n-select-sound__title {
  margin-bottom: 1.6rem;
  position: relative;
}

.n-select-sound__text {
  margin-bottom: 2.4rem;
}

.n-select-sound__sliders {
  margin-bottom: 5.6rem;
}

.n-select-sound__slider {
  position: relative;
}

.n-select-sound__slider__slide {
  position: relative;
  max-width: 18rem;
  border-radius: 0.8rem;
  overflow: hidden;
  z-index: 2;
}

.n-select-sound__slide__box {
  position: relative;
  z-index: -2;
}

.n-select-sound__slider__slide:not(:last-child) {
  margin-right: 0.8rem;
}

.n-select-sound__slide__image {
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 5;
}

.n-select-sound__slide__image img {
  display: block;
  width: auto;
  height: 25.6rem;
  object-fit: cover;
  position: relative;
  z-index: -5;
}

.n-select-sound__slide__info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.6rem;
  z-index: 6;
}

.n-select-sound__slide__name {
  font-family: var(--futuraPT);
  font-size: 2.4rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
}

.n-select-sound__sliders .sound-avas_controllButton {
  left: unset;
  right: 1.6rem;
}

.our-sounds__slider {
  position: relative;
}

.our-sounds__title {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 1.6rem;
}

.for-partners-page .our-sounds__title {
  line-height: 112%;
}

.our-sounds-item {
  display: block;
  width: 100%;
  max-width: 26.4rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.our-sounds-item:not(:last-child) {
  margin-right: 1.6rem;
}

.our-sounds-item__body {
  display: block;
}

.our-sounds-item__media {
  position: relative;
  z-index: 5;
}

.our-sounds-item__media img {
  display: block;
  width: 100%;
  position: relative;
  z-index: -5;
}

.n-select-sound .sound-avas_controllButton {
  z-index: 6;
}

.our-sounds-item__button.sound-avas_controllButton {
  right: unset;
  bottom: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sound-avas_controllButton svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all 0.1s ease-out;
}

.play .sound-avas_controllButton svg {
  opacity: 1;
}

.special-sounds:not(:last-child) {
  margin-bottom: 6.4rem;
}

.special-sounds__slider {
  position: relative;
}

.special-sounds__title {
  margin-bottom: 1.6rem;
  color: rgba(255, 255, 255, 0.3);
}

.special-sounds__text {
  margin-bottom: 2.4rem;
}

.special-sounds__text p {
  font-weight: 600;
}

.special-sound-item {
  max-width: 18rem;
  width: 100%;
  position: relative;
}

.special-sound-item:not(:last-child) {
  margin-right: 1.6rem;
}

.special-sound-item__body {
  display: block;
}

.special-sound-item__box {
  position: relative;
  margin-bottom: 0.8rem;
}

.special-sound-item__image {
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.special-sound-item__image img {
  display: block;
  width: 100%;
  position: relative;
  z-index: -5;
}

.special-sound-item__name {
  font-family: var(--futuraPT);
  font-size: 2.4rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
}

.n-select-sound__ellipses {
  display: none;
}

.special-sound-item__contolButton.sound-avas_controllButton {
  left: unset;
  right: 16px;
}

@media screen and (min-width: 1024px) {
  .n-select-sound {
    padding-bottom: 240px;
  }

  .n-select-sound__container {
    padding-top: 50px;
  }

  .n-select-sound__content {
    padding: 40px;
    margin-bottom: 36px;
  }

  .n-select-sound__title {
    margin-bottom: 16px;
    display: inline-flex;
  }

  .n-select-sound__title h2 {
    text-align: left;
    position: relative;
    z-index: 5;
  }

  .n-select-sound__text {
    margin-bottom: 24px;
    max-width: 662px;
    position: relative;
    z-index: 5;
  }

  .n-select-sound__text.text p {
    text-align: left;
  }

  .n-select-sound__sliders {
    margin-bottom: 56px;
  }

  .n-select-sound__slider__slide {
    max-width: 260px;
    border-radius: 8px;
    cursor: pointer;
  }

  .n-select-sound__slide__info {
    padding: 16px;
  }

  .n-select-sound__slide__name {
    font-size: 24px;
    line-height: 88.7%;
  }

  .n-select-sound__slide__controlButton {
    opacity: 0.4;
    transition: opacity 150ms ease-out;
  }

  .n-select-sound__slider__slide:hover .n-select-sound__slide__controlButton,
  .play .sound-avas_controllButton {
    opacity: 1;
  }

  .n-select-sound__slide__image img {
    height: 400px;
    transition: transform 1500ms cubic-bezier(0.42, 0, 1, 1);
  }

  .n-select-sound__slider__slide:hover .n-select-sound__slide__image img {
    transform: translateX(134px);
    transition: transform 12000ms linear;
  }

  .n-select-sound__arrow.left {
    left: -40px;
  }

  .n-select-sound__arrow.right {
    left: unset;
    right: -40px;
  }

  .our-sounds__title {
    text-align: left;
    font-size: 48px;
    line-height: 88.7%;
    margin-bottom: 16px;
    max-width: 572px;
  }

  body[data-lang="ru"] .our-sounds__title,
  body.ru .our-sounds__title,
  .for-partners-page .our-sounds__title {
    max-width: 100%;
  }

  .our-sounds-item {
    max-width: 536px;
    cursor: pointer;
  }

  .our-sounds-item:not(:last-child) {
    margin-right: 16px;
  }

  .our-sounds-item__button {
    opacity: 0.4;
    transition: opacity 150ms ease-out;
  }

  .our-sounds-item:hover .our-sounds-item__button {
    opacity: 1;
  }

  .our-sounds__arrow.left {
    left: -72px;
  }

  .our-sounds__arrow.right {
    left: unset;
    right: -72px;
  }

  .special-sounds:not(:last-child) {
    margin-bottom: 80px;
  }

  .special-sounds__title {
    text-align: left;
    margin-bottom: 16px;
  }

  .special-sounds__text {
    margin-bottom: 40px;
  }

  .special-sounds__text.text p {
    text-align: left;
  }

  .special-sound-item__info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 6;
  }

  .special-sound-item {
    max-width: 260px;
    cursor: pointer;
  }

  .special-sound-item:not(:last-child) {
    margin-right: 16px;
  }

  .special-sound-item__box {
    margin-bottom: 0;
  }

  .special-sound-item__image {
    border-radius: 8px;
  }

  .special-sound-item__name {
    font-size: 24px;
    line-height: 88.7%;
  }

  .special-sound-item__contolButton {
    opacity: 0.4;
    transition: opacity 150ms ease-out;
  }

  .special-sound-item:hover .special-sound-item__contolButton {
    opacity: 1;
  }

  .special-sounds__arrow.right {
    left: unset;
    right: -32px;
  }

  .n-select-sound__ellipses {
    display: block;
  }

  .n-select-sound__ellipse {
    position: absolute;
    right: 0;
    display: block;
    opacity: 0;
    transition: opacity 300ms cubic-bezier(0.52, 0.35, 0.14, 1);
  }

  .body-for-partners .n-select-sound__ellipse {
    opacity: 1;
  }

  .n-select-sound__ellipse._anim {
    opacity: 1;
  }

  .n-select-sound__ellipse.ellipse-1 {
    right: -14px;
    top: 7px;
    width: 28px;
    height: 45px;
  }

  .n-select-sound__ellipse.ellipse-2 {
    right: -65px;
    top: -22px;
    width: 70px;
    height: 110px;
  }

  .n-select-sound__ellipse.ellipse-3 {
    width: 108px;
    height: 184px;
    top: -63px;
    right: -112px;
  }

  .n-select-sound__ellipse.ellipse-4 {
    width: 145px;
    height: 258px;
    top: -95px;
    right: -162px;
  }
}

/* --------------------- n-select-sound --------------------------- */

/* --------------------- body-bg-white -------------------------- */
body.body-bg-white {
  background-color: var(--white);
}

.body-bg-white h1,
.body-bg-white h2,
.body-bg-white h3 {
  color: var(--black);
}

.body-bg-white .text p,
.body-bg-white .block-control__image__label,
.body-bg-white .panel-text p {
  color: var(--black);
}

.body-bg-white .n-first-screen__title h2,
.body-bg-white .smart-control-instruction__title h2 {
  color: var(--white);
}

.body-bg-white .n-first-screen__text.text p {
  color: rgba(255, 255, 255, 0.8);
}

.body-bg-white .n-select-sound__content {
  background: linear-gradient(180deg, #fff 59.7%, #ff4000 132.03%);
}

.body-bg-white .for-partners-page .smart-control-instruction {
  background-color: var(--black);
}

@media screen and (min-width: 1024px) {
  .body-bg-white .n-first-screen__text.text p {
    color: rgba(255, 255, 255, 0.8);
  }
}

/* --------------------- body-bg-white END -------------------------- */

/* --------------------- body-bg-black -------------------------- */
body.body-bg-black {
  background-color: var(--black-2);
}

.body-bg-black h2,
.body-bg-black h1,
.body-bg-black h3 {
  color: var(--white);
}

.body-bg-black p {
  color: var(--white);
}

/* --------------------- body-bg-black END -------------------------- */

/* --------------------- tabs --------------------------- */
.item-tab-block {
  display: none;
}

.item-tab-block._active {
  display: block;
}

/* --------------------- tabs end --------------------------- */

/* ---------------------------- banner-free-setup ---------------------------- */

.banner-free-setup {
  margin-bottom: 8rem;
}

.banner-free-setup__container {
  position: relative;
  background-color: var(--black);
  padding: 2.4rem;
  border-radius: 0.9rem;
  overflow: hidden;
  min-height: 58.9rem;
}

.thor-original .banner-free-setup__container {
  border-radius: 1.6rem;
}

.banner-free-setup__content .link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.banner-free-setup__left-block {
  position: relative;
  z-index: 2;
}

.banner-free-setup__logo {
  overflow: hidden;
  margin-bottom: 4rem;
}

.banner-free-setup__logo svg {
  display: block;
  width: 5.6rem;
  height: 5.4rem;
}

.banner-free-setup__title {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  margin-bottom: 0.8rem;
  color: var(--white);
}

.banner-free-setup__desc {
  margin-bottom: 2.4rem;
}

.banner-free-setup__desc.text p {
  text-align: left;
  line-height: 140%;
}

.banner-free-setup__desc.text p:not(:last-child) {
  margin-bottom: 1.6rem;
}

.banner-free-setup__btn.btn span {
  padding: 1.9rem 2.4rem;
  line-height: 100%;
}

.banner-free-setup__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.banner-free-setup__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .banner-free-setup {
    margin-bottom: 115px;
  }

  .thor-original .banner-free-setup {
    margin-bottom: 80px;
  }

  .banner-free-setup__container {
    max-width: 1408px;
    margin: 0 auto;
    padding: 42px 40px;
    min-height: unset;
    border-radius: 8px;
  }

  .thor-original .banner-free-setup__container {
    border-radius: 16px;
  }

  .banner-free-setup__left-block {
    width: 428px;
  }

  .banner-free-setup__logo {
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
  }

  .banner-free-setup__logo svg {
    width: 56px;
    height: 54px;
  }

  .banner-free-setup__title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 8px;
  }

  .banner-free-setup__desc {
    margin-bottom: 24px;
  }

  .banner-free-setup__desc.text p {
    font-size: 18px;
    line-height: 140%;
  }

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

  .banner-free-setup__btn.btn span {
    padding: 19px 24px;
  }
}

/* ---------------------------- banner-free-setup ---------------------------- */

/* -------------------------- thanks-block  ---------------------------- */

main.thanks-page {
  margin-top: 2.5rem;
}

.thanks-block {
  margin-bottom: 6rem;
}

.thanks-block__container {
  position: relative;
  border-radius: 0.8rem;
  overflow: hidden;
  color: var(--white);
}

.thanks-block__info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 3.6rem 2.5rem;
}

.thanks-block h1 {
  color: var(--white);
  font-size: 4.8rem;
  line-height: 97.1%;
  margin-bottom: 1.5rem;
}

.thanks-block__info p {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  max-width: 24.3rem;
}

.thanks-block__bg img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1024px) {
  main.thanks-page {
    margin-top: 120px;
  }

  .modal-country-open main.thanks-page {
    margin-top: 208px;
  }

  .thanks-block {
    margin-bottom: 120px;
  }

  .thanks-block__container {
    border-radius: 8px;
  }

  .thanks-block__info {
    padding: 25px 30px;
  }

  .thanks-block h1 {
    font-size: 68px;
    line-height: 88.7%;
    margin-bottom: 30px;
  }

  .thanks-block__info p {
    font-size: 26px;
    line-height: 150%;
    max-width: 506px;
  }
}

/* -------------------------- thanks-block  ---------------------------- */

/* ----------------------- text-tooltip ---------------- */
.text-tooltip {
  position: relative;
}

.text-tooltip__head {
  cursor: pointer;
}

.text-tooltip__icon-info svg {
  display: block;
  width: 2rem;
  height: 2rem;
  overflow: visible;
}

.text-tooltip__body {
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 17rem;
  transform: translateX(-50%);
  margin-bottom: 1rem;
  background: linear-gradient(0deg, rgba(8, 8, 8, 0.1), rgba(8, 8, 8, 0.1)),
    linear-gradient(0deg, #212121, #212121);
  border-radius: 0.4rem;
  border: 1px solid rgba(8, 8, 8, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}

.text-tooltip._active .text-tooltip__body {
  opacity: 1;
  visibility: visible;
}

.text-tooltip__body::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0.1px);
  background: linear-gradient(0deg, rgba(8, 8, 8, 0.1), rgba(8, 8, 8, 0.1)),
    linear-gradient(0deg, #212121, #212121);
  width: 1.1rem;
  height: 0.5rem;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.text-tooltip__content {
  padding: 1rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.2rem;
  line-height: 120%;
}

@media screen and (min-width: 1024px) {
  .text-tooltip__icon-info svg {
    width: 20px;
    height: 20px;
  }

  .text-tooltip__body {
    margin-bottom: 10px;
    border-radius: 4px;
    width: 170px;
  }

  .text-tooltip__body::after {
    width: 11px;
    height: 5px;
  }

  .text-tooltip__content {
    font-size: 12px;
    line-height: 120%;
    padding: 10px;
  }
}

/* ----------------------- text-tooltip ---------------- */

/* ----------------------- see-also ----------------------------------- */
.see-also {
  margin-bottom: 20rem;
}

.see-also__container {
  background-color: var(--black);
  padding: 6.4rem 1.6rem;
}

.see-also__items {
  display: block;
}

.see-also__title {
  margin-bottom: 3.5rem;
}

.see-also__title h2 {
  text-align: center;
}

.see-also__items {}

.see-also__item {
  border-radius: 0.8rem;
  overflow: hidden;
  transform: scale(1);
  transition: 500ms;
}

.see-also__item:not(:last-child) {
  margin-bottom: 1rem;
}

.see-also__item__body {
  display: block;
  position: relative;
  text-decoration: none;
  height: 100%;
}

.see-also__item__content {
  padding: 0 2.4rem;
  position: absolute;
  top: 2.4rem;
  bottom: 0;
  left: 0;
  right: 0;
}

.see-also__item__name {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
}

.see-also__item.thor-avas .see-also__item__name {
  color: var(--black);
}

.see-also__item__image {
  height: 100%;
}

.see-also__item__image img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .see-also {
    margin-bottom: 240px;
  }

  .see-also__container {
    padding: 80px 42px;
    border-radius: 8px;
  }

  .see-also__title {
    margin-bottom: 64px;
  }

  .see-also__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
  }

  .see-also__item {
    border-radius: 8px;
  }

  .see-also__item:not(:last-child) {
    margin-bottom: 0;
  }

  .see-also__item:hover {
    transform: scale(1.02);
    transition: 500ms;
    box-shadow: 0px 4px 16px rgb(0 0 0 / 16%);
  }

  .see-also__item__content {
    padding: 0 24px;
    top: 24px;
  }

  .see-also__item__name {
    font-size: 32px;
    line-height: 100%;
  }

  .see-also__item__image img {
    object-fit: cover;
    height: 100%;
  }
}

/* ----------------------- see-also ----------------------------------- */

/* --------------------- thor-dynamic ----------------------------- */

.thor-dynamic {
  margin-bottom: 16rem;
}

.thor-dynamic__container {}

.thor-dynamic__image {
  margin-bottom: 1.6rem;
}

.thor-dynamic__image img {
  width: 100%;
}

.thor-dynamic__title {
  margin-bottom: 1.6rem;
}

.thor-dynamic__text:not(:last-child) {
  margin-bottom: 1.6rem;
}

.thor-dynamic__text p {
  font-weight: 600;
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--white);
}

.thor-dynamic__row {
  border-top: 4px solid var(--white);
  padding-top: 2.6rem;
}

.thor-dynamic__frequency {
  font-family: var(--openSans);
  font-weight: 600;
  /* font-size: 4.2rem;
	line-height: 97.1%; */
  font-size: 2.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}

.thor-dynamic__image canvas {
  display: none;
}

.thor-dynamic__btn {
  display: flex;
  justify-content: center;
}

.thor-app-pro-card {
  display: none;
}

.thor-dynamic__containerSticky.mob-reverse {
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (min-width: 1024px) {
  .thor-dynamic__containerSticky.mob-reverse {
    display: block;
  }

  .thor-dynamic {
    margin-bottom: 256px;
  }

  .thor-dynamic__container {
    width: 984px;
    margin: 0 auto;
    position: relative;
    height: 2500px;
  }

  .thor-dynamic__containerSticky {
    position: sticky;
    top: 20%;
    left: 0;
    right: 0;
  }

  .thor-dynamic__image {
    position: relative;
    width: 500px;
    margin-left: auto;
    margin-bottom: 0;
    display: flex;
    justify-content: flex-end;

    &.thor-dynamic__image--app {
      justify-content: center;

      img {
        width: 281px;
      }

      .thor-app-pro-card {
        display: block;

        position: absolute;
        top: 101px;
        width: 249px;
      }
    }
  }

  .thor-dynamic__containerSticky.reverse .thor-dynamic__image {
    margin-left: -50px;
  }

  .thor-dynamic__box {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    left: 0;
    width: 492px;
  }

  .thor-dynamic__containerSticky.reverse .thor-dynamic__box {
    left: unset;
    right: 0;
  }

  .thor-dynamic__box {
    opacity: 0;
    transition: 800ms;
    transform: translateY(70px);
  }

  .thor-dynamic__containerSticky._active .thor-dynamic__box {
    transform: translateY(0);
    opacity: 0;
  }

  .thor-dynamic__containerSticky.fade-in .thor-dynamic__box {
    opacity: 1;
  }

  .thor-dynamic__title {
    margin-bottom: 40px;
  }

  .thor-dynamic__title h2 {
    /* margin-bottom: 12px; */
    text-align: left;
  }

  .thor-dynamic__text:not(:last-child) {
    margin-bottom: 37px;
  }

  .thor-dynamic__text p {
    font-size: 26px;
    line-height: 150%;
    text-align: left;
  }

  .thor-dynamic.ultra .thor-dynamic__text {
    max-width: 466px;
  }

  .thor-dynamic__row {
    width: 419px;
    padding-top: 16px;
  }

  .thor-dynamic__frequency {
    font-size: 28px;
    line-height: 150%;
    /* color: #FF4000; */
    text-align: left;
  }

  .thor-dynamic__image canvas {
    display: block;
  }

  .thor-dynamic__btn {
    justify-content: start;
  }

  /* .thor-dynamic__containerSticky._active .thor-dynamic__image img {
    display: none;
  } */
  .thor-dynamic__image:has(canvas) img {
    display: none;
  }
}

/* --------------------- thor-dynamic END ----------------------------- */
/* --------------------- block-control -------------------------------- */

.block-control {
  margin-bottom: 16rem;
}

.block-control__container {
  position: relative;
}

.block-control__image {
  margin-bottom: 4rem;
  position: relative;
}

.block-control__image img {
  width: 100%;
}

.block-control__title {
  margin-bottom: 1.6rem;
}

.block-control__text p {
  font-weight: 600;
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--white);
}

.block-control__image__desktop {
  display: none;
}

.block-control__image__label {
  position: absolute;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
  opacity: 0.6;
}

.block-control__image__label._active {
  opacity: 0.6;
}

.block-control__image__label.first {
  top: 0;
  width: 16.7rem;
  left: 9rem;
}

.block-control__image__label.second {
  bottom: 0;
  width: 20.7rem;
  right: 10rem;
}

.block-control__image__label.third {
  right: 3rem;
  bottom: 3rem;
}

.block-control__image__line {
  width: 1px;
  position: absolute;
  background: var(--white);
  opacity: 0.6;
  transition: 800ms;
}

.body-bg-white .block-control__image__label .block-control__image__line {
  background-color: var(--black);
}

.block-control__image__label .block-control__image__line {
  height: 11rem;
}

.block-control__image__label.first .block-control__image__line {
  left: -0.7rem;
  top: 0.5rem;
}

.block-control__image__label.second .block-control__image__line {
  left: 9.9rem;
  bottom: 100%;
  height: 9.2rem;
}

.block-control__image__label.third .block-control__image__line {
  left: 0.2rem;
  bottom: 100%;
}

@media screen and (min-width: 1024px) {
  .block-control {
    margin-bottom: 515px;
  }

  .block-control__container {
    height: 3000px;
  }

  .body-for-partners .block-control__container {
    height: unset;
  }

  .block-control__containerSticky {
    position: sticky;
    top: 20%;
    left: 0;
    right: 0;

    &.reverse {
      .block-control__column {
        margin-left: unset;
        margin-right: auto;
      }

      .block-control__image {
        right: -36px;
        left: unset;
      }
    }
  }

  .body-for-partners .block-control__containerSticky {
    position: unset;
    top: unset;
  }

  .block-control__container {
    position: relative;
  }

  .block-control__image {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: -36px;
  }

  .block-control__column {
    position: relative;
    width: 480px;
    margin-left: auto;
    translate: 0 35%;
  }

  .body-for-partners .block-control__column {
    opacity: 1;
  }

  .block-control__title {
    margin-bottom: 40px;
  }

  .block-control__title h2 {
    text-align: left;
  }

  .block-control__text.text p {
    text-align: left;
  }

  .block-control__text p {
    font-size: 26px;
    line-height: 150%;
    text-align: left;
  }

  .block-control__image__mobile {
    display: none;
  }

  .block-control__image__desktop {
    display: block;
  }

  .block-control__image__label {
    font-size: 20px;
    line-height: 150%;
    opacity: 0;
  }

  .body-for-partners .block-control__image__label {
    opacity: 1;
  }

  .block-control__image__label.first {
    left: 165px;
    top: -8px;
    width: 321px;
  }

  .block-control__image__label.second {
    left: 57px;
    width: 278px;
    bottom: -62px;
  }

  .block-control__image__label.third {
    right: 40px;
    bottom: 26px;
  }

  .block-control__image__label._active .block-control__image__line {
    transition: height 300ms ease-out 300ms;
  }

  .block-control__image__label.first .block-control__image__line {
    height: 0;
  }

  .body-for-partners .block-control__image__label.first .block-control__image__line,
  .block-control__image__label.first._active .block-control__image__line {
    height: 140px;
  }

  .block-control__image__label.second .block-control__image__line {
    left: 170px;
    height: 0;
  }

  .body-for-partners .block-control__image__label.second .block-control__image__line,
  .block-control__image__label.second._active .block-control__image__line {
    height: 102px;
  }

  .block-control__image__label.third .block-control__image__line {
    left: 2px;
    height: 0;
    bottom: 100%;
  }

  .body-for-partners .block-control__image__label.third .block-control__image__line,
  .block-control__image__label.third._active .block-control__image__line {
    height: 105px;
  }

  .block-control__column {
    opacity: 0;
    transform: translateY(70px);
    transition: 800ms;
  }
}

/* --------------------- block-control -------------------------------- */

/* --------------------  our-guarantee  ------------------------ */

.our-guarantee__content {
  position: relative;
  z-index: 2;
  margin-top: 12rem;
}

.our-guarantee__title {
  font-size: 4.8rem;
  line-height: 88.7%;
  margin-bottom: 1.6rem;
}

.our-guarantee__text {
  text-align: center;
  margin-bottom: 6.4rem;
}

.our-guarantee__text,
.our-guarantee__text p {
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
}

.our-guarantee__list {}

.our-guarantee__row {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.our-guarantee__col {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.our-guarantee-item {
  box-shadow: 0px 2rem 4rem 0px rgba(0, 0, 0, 0.6);
  background-color: var(--black);
  border-radius: 1.6rem;
  overflow: hidden;
}

.our-guarantee-item__body {
  display: block;
  height: 100%;
}

.our-guarantee-item__info {
  padding: 4rem 1.6rem 0;
}

.our-guarantee-item__name {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  margin-bottom: 2.4rem;
  text-transform: uppercase;
}

.our-guarantee-item__text,
.our-guarantee-item__text p {
  font-size: 2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
}

.our-guarantee-item__text p span {
  color: var(--red);
}

.our-guarantee-item__text.blue p span {
  color: var(--blue);
}

.our-guarantee-item__img img {
  display: block;
  width: 100%;
  height: auto;
}

.our-guarantee-item.item-3 .our-guarantee-item__img {
  height: 21.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our-guarantee__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.4;
}

.our-guarantee__bg img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .our-guarantee__content {
    margin-bottom: 120px;
  }

  .our-guarantee__title {
    font-size: 68px;
    line-height: 88.7%;
    margin-bottom: 24px;
  }

  .our-guarantee__text {
    max-width: 720px;
    margin: 0 auto 80px;
  }

  .our-guarantee__text,
  .our-guarantee__text p {
    font-size: 24px;
    line-height: 142%;
  }

  .our-guarantee__row {
    display: grid;
    grid-template-columns: 356px 1fr;
    grid-gap: 24px;
  }

  .our-guarantee__col {
    gap: 24px;
  }

  .our-guarantee-item {
    height: 100%;
  }

  .our-guarantee-item__body {
    display: flex;
  }

  .our-guarantee-item__body.flex-col {
    display: flex;
    flex-direction: column;
  }

  .our-guarantee-item__body.flex-row {
    flex-direction: row;
  }

  .our-guarantee-item__body.flex-row-reverse {
    flex-direction: row-reverse;
  }

  .our-guarantee-item.item-3 .our-guarantee-item__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .our-guarantee-item__info {
    padding: 0;
    margin: 40px 24px;
    width: 320px;
    flex-shrink: 0;
  }

  .our-guarantee-item__body.flex-row .our-guarantee-item__info {
    margin-right: 0;
  }

  .our-guarantee-item__body.flex-row-reverse .our-guarantee-item__info {
    margin-left: 0;
  }

  .our-guarantee-item__name {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 24px;
  }

  .our-guarantee-item__text {
    margin-bottom: 0;
  }

  .our-guarantee-item.item-1 .our-guarantee-item__text {
    max-width: 276px;
  }

  .our-guarantee-item__text,
  .our-guarantee-item__text p {
    font-size: 18px;
    line-height: 150%;
  }

  .our-guarantee-item.item-3 .our-guarantee-item__img {
    height: unset;
  }
}

/* --------------------  our-guarantee  ------------------------ */

/* --------------- sticky for guarantee ------------------ */

.our-guarantee .smart-control-instruction__container {
  height: 100vh;
  align-items: start;
}

.our-guarantee .smart-control-instruction__box {
  padding: 0;
  position: sticky;
  top: 12rem;
}

.our-guarantee .smart-control-instruction__list {
  padding: 0 2.5rem;
}

.our-guarantee .smart-control-instruction__media {
  height: 100%;
  overflow: clip;
}

.our-guarantee .smart-control-instruction__media img {
  position: sticky;
  top: 0;
  height: 100vh;
}

.our-guarantee .smart-control-instruction__media div {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .our-guarantee.smart-control-instruction {
    height: 200vh;
  }

  .our-guarantee .smart-control-instruction__container {
    height: unset;
    overflow: clip;
  }

  .our-guarantee .smart-control-instruction__media {
    position: absolute;
    top: 0;
  }

  .our-guarantee .smart-control-instruction__list {
    padding: 0;
  }

  .our-guarantee .smart-control-instruction__box {
    position: relative;
    top: 0;
    margin-top: 160px;
    margin-bottom: 250px;
  }
}

/* --------------- sticky for guarantee ------------------ */

/* ---------------   section-technical-information  ----------------- */

.section-technical-information h2 {
  color: var(--black);
  font-size: 4rem;
  line-height: 112.7%;
  margin-bottom: 2rem;
}

.technical-information {}

.technical-information__list {
  grid-row-gap: 0.4rem;
}

.technical-information-item {
  padding: 2.4rem 5.6rem 2.4rem 1.6rem;
  position: relative;
  border-radius: 1.6rem;
}

.technical-information-item>a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: end;
}

.technical-information-item__icon {
  width: 4rem;
  height: 4rem;
  background-color: var(--black);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.6rem;
}

.technical-information-item__icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.technical-information-item__label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
  font-size: 2.4rem;
  line-height: 133.3%;
  gap: 1.2rem;
}

.technical-information-item__label svg {
  width: 2.4rem;
  height: 2.4rem;
  overflow: visible;
}

.technical-information-item__info {
  display: none;
}

@media screen and (min-width: 1024px) {
  .section-technical-information h2 {
    font-size: 32px;
    line-height: 88.7%;
    text-align: left;
    margin-bottom: 24px;
  }

  .technical-information {}

  .technical-information__list {
    grid-row-gap: 24px;
  }

  .technical-information-item {
    padding: 24px;
    border-radius: 8px;
  }

  .technical-information-item__label {
    font-size: 32px;
    line-height: 100%;
    align-items: start;
    flex-direction: row;
    margin-bottom: 24px;
  }

  .technical-information-item__label span {
    flex-grow: 1;
  }

  .technical-information-item__label svg {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
  }

  .technical-information-item>a {
    display: none;
  }

  .technical-information-item__text {
    margin-bottom: 42px;
    max-width: 252px;
  }

  .technical-information-item__text,
  .technical-information-item__text p {
    font-size: 18px;
    line-height: 150%;
    font-weight: 600;
    letter-spacing: -0.02em;
  }

  .technical-information-item__info {
    display: block;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  .technical-information-item__last-row {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }

  .technical-information-item__btn a {
    display: inline-flex;
    background-color: var(--black);
    color: var(--white);
    gap: 12px;
    padding: 16px 16px 16px 24px;
  }

  .technical-information-item__btn a svg {
    width: 24px;
    height: 24px;
  }

  .technical-information-item__tels {
    margin-bottom: 10px;
  }

  .technical-information-item__email a,
  .technical-information-item__tel a {
    font-size: 18px;
    line-height: 100%;
    font-weight: 600;
    letter-spacing: -0.02em;
  }

  .technical-information-item__emails {
    margin-bottom: 42px;
  }

  .technical-information-item__tel svg {
    width: 16px;
    height: 16px;
  }

  .technical-information-item__tel-icon {
    margin-right: 10px;
  }
}

/* ---------------   section-technical-information  ----------------- */

/* ------------------------- reviews section -------------------------- */
.reviews {
  background: linear-gradient(180deg, #000000 55.57%, #ff4000 132.03%);

  width: 984px;
  margin-left: auto;
  margin-right: auto;

  padding: 40px;
  border-radius: 16px;
  margin-bottom: 240px;
}

.blue .reviews {
  background: linear-gradient(180deg, #000000 55.57%, #00b2ff 132.03%);
}

.reviews-box-body {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-bottom: 40px;
}

.reviews-box-body * {
  text-align: left;
}

.reviews-box-body .text p {
  text-align: left;
}

.reviews__text {
  width: 733px;
  opacity: 0.6;
}

.slider-reviews {
  position: relative;
  margin-bottom: 56px;
}

.slider-reviews-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 312px;
  width: 312px;
  height: 484px;
  background: rgb(29, 29, 29);
  padding: 24px 16px 20px;
  border-radius: 16px;
  transition: opacity 0.3s;
  cursor: pointer;
}

.slider-reviews-slide:not(:last-child) {
  margin-right: 16px;
}

.slider-reviews-info {
  display: flex;
  flex-direction: column;
}

.slider-reviews-logo {
  margin-bottom: 20px;
}

.slider-reviews-stars {
  margin-bottom: 24px;
}

.slider-reviews-title {
  margin-bottom: 24px;
  font-family: var(--futuraPT);
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-weight: 500;
}

.slider-reviews-text-container {
  overflow: hidden;
  position: relative;
  max-height: 227px;
  margin-bottom: 24px;
}

.slider-reviews-text-container p {
  font-family: var(--openSans);
  font-size: 18px;
  line-height: 140%;
  opacity: 0.6;
}

.slider-reviews-author {
  font-family: var(--openSans);
  font-size: 12px;
  line-height: 100%;
  opacity: 0.6;
  margin-bottom: 24px;
  font-weight: 600;
  z-index: 10;
}

.slider-reviews .n-select-sound__arrow.left {
  left: 0;
}

.slider-reviews .n-select-sound__arrow.right {
  right: -65px;
}

.btn-see-all {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  height: auto;

  /* оставлять всегда opacity: 1; чтобы с помощью скриптов не смогло сделать меньше */
  opacity: 1 !important;
}

.btn-see-all__label {
  font-family: var(--futuraPT);
  font-size: 36px;
  font-weight: 450;
  line-height: 46.15px;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;

  display: flex;
  flex-flow: column;
}

.btn-see-all__icon {
  margin-bottom: 4px;
}

.blackTextGradient:before {
  content: "";
  position: absolute;
  height: 80px;
  width: 100%;
  bottom: -1px;
  display: block;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, hsla(0, 0%, 100%, 0)),
      to(#1d1d1d));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0%, #1d1d1d);
  z-index: 10;
}

.our-sounds-item__info {
  padding: 20px 16px;
}

.reviews .our-sounds__item {
  width: 33.5rem;
  background: var(--black);
}

.black-text-container {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 1);

  font-size: 16px;
  line-height: 1;

  border-radius: 99px;

  padding: 10px 16px;
  width: fit-content;
  height: 38px;
  display: flex;
  align-items: center;
}

.countryFlag {
  height: 22px;
  margin-right: 0.3rem;
}

.standart-margin-bottom {
  margin-bottom: 240px;
}

.our-sounds-item__head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-family: var(--openSans);
  font-size: 18px;
  line-height: 140%;
  color: var(--white);
}

.reviews .our-sounds-item__media {
  border-radius: 0.5rem;
  overflow: hidden;
}

.review-full-content__content .stars svg path {
  fill: var(--black-2);
}

.logo-place .logo-place-img {
  display: none;
}

.logo-place .logo-place-img.active {
  display: block;
}

.review-full-content__content.popup__content {
  position: relative;
}

.review-full-content__content.popup__content .stars {
  margin-bottom: 16px;
}

.review-full-content__content.popup__content .logo-place {
  margin-bottom: 24px;
}

.review-full-content__content.popup__content .reviews-slider__author {
  color: var(--black);
}

.review-full-content__content.popup__content .reviews-slider__title {
  color: var(--black-2);
  font-size: 68px;
  line-height: 88.7%;
}

.popup__content__text {
  font-family: var(--openSans);
  font-size: 20px;
  line-height: 140%;
  opacity: 0.6;
  color: var(--black-2);
  margin-bottom: 32px;
  font-weight: 600;
}

.popup__container {
  overflow: auto;
}

.popup__content__photo ul {
  display: flex;
  list-style: none;
  margin-left: 0;
}

.popup__content__photo li {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.popup__content__photo a {
  display: block;
  width: 100%;
  height: 100%;
}

.popup__content__photo span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.popup__content__photo a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10;
  border-radius: 8px;
}

.popup__container .close-button {
  padding: 23px 0;
  width: 124px;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  background-color: var(--black);
  color: var(--white);
  border-radius: 40px;
  margin-left: auto;
  opacity: 1;
  transition: all 150ms;
}

.popup__container .close-button:hover {
  cursor: pointer;
  opacity: 0.85;
}

.reviews-slider__title {
  margin-bottom: 24px;
  font-family: var(--futuraPT);
  font-size: 32px;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-weight: 500;
}

.reviews-slider__author {
  font-family: var(--openSans);
  font-size: 12px;
  line-height: 100%;
  opacity: 0.6;
  margin-bottom: 24px;
  font-weight: 600;
  z-index: 10;
}

.sound-avas_controllButton {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}

.sound-avas_playButton {
  background: url("/img/icons/play-button.svg") center center no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 3px;
}

@media screen and (max-width: 1024px) {
  .reviews {
    padding: 2.4rem 1.6rem;
    position: relative;
    z-index: 2;
    width: 100%;
  }

  .reviews-box-body * {
    text-align: center;
  }

  .reviews-box-body .text p {
    text-align: center;
  }

  .reviews-box-body .text p {
    font-size: 1.8rem;
    line-height: 140%;
  }

  .reviews__text {
    width: 100%;
  }

  .reviews__title {
    margin-bottom: 1.6rem;
  }

  .reviews__title h2 {
    font-size: 4.8rem;
    line-height: 88.7%;
  }

  .slider-reviews-slide {
    width: 31.2rem;
    height: 48.2rem;
    max-width: unset;
  }

  .slider-reviews-slide:not(:last-child) {
    margin-right: 1.6rem;
  }

  .slider-reviews-logo {
    width: 14.4rem;
    height: 2.4rem;
  }

  .slider-reviews-logo svg {
    width: 14.4rem;
    height: 2.4rem;
  }

  .slider-reviews-logo.google-play svg {
    width: 14.2rem;
    height: 2.8rem;
  }

  .slider-reviews-logo.app-store svg {
    width: 12.7rem;
    height: 2.8rem;
  }

  .slider-reviews-logo.google-maps svg {
    width: 12.7rem;
    height: 2.8rem;
  }

  .slider-reviews-stars {
    width: 10.8rem;
    height: 2rem;
  }

  .slider-reviews-title {
    font-size: 3.2rem;
    line-height: 1;
    margin-bottom: 2.4rem;
  }

  .slider-reviews-text-container {
    max-height: 22.8rem;
    margin-bottom: 2.4rem;
  }

  .slider-reviews-text-container p {
    font-size: 1.8rem;
    line-height: 1.4;
  }

  .slider-reviews-author {
    font-size: 1.2rem;
    line-height: 1;
  }

  .reviews .our-sounds-item__info {
    padding: 1.6rem;
  }

  .reviews .our-sounds-item__head {
    font-size: 1.8rem;
    gap: 0.4rem;
  }

  .black-text-container {
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.02em;

    padding: 1rem 1.2rem;
    height: 3.2rem;
  }

  .countryFlag {
    height: 1.9rem;
  }

  .standart-margin-bottom {
    margin-bottom: 20rem;
  }
}

/* ------------------------- reviews section end -------------------------- */

/* -------------------------- demonstration-sound ------------------------ */

.demonstration-sound {
  margin-bottom: 16rem;
}

.demonstration-sound__container {
  position: relative;
  border-radius: 1.6rem;
  overflow: hidden;
}

.demonstration-sound__img {
  display: none;
}

.demonstration-sound__content {
  position: relative;
  z-index: 3;
  padding: 4rem 1.6rem;
  background: rgba(29, 29, 29, 0.59);
}

.demonstration-sound__title {
  margin-bottom: 1.6rem;
}

.demonstration-sound__box {
  margin-bottom: 4rem;
}

.demonstration-sound__btn {
  text-align: center;
}

.demonstration-sound__ellipses {
  display: none;
}

@media screen and (min-width: 1024px) {
  .demonstration-sound {
    margin-bottom: 200px;
  }

  .demonstration-sound__container {
    border-radius: 16px;
  }

  .demonstration-sound__content {
    padding: 40px;
    display: flex;
    flex-direction: column;
    min-height: 378px;
    align-items: center;
    background-image: url("../img/demonstration.png");
    background-size: cover;
    background-position: center center;
  }

  .demonstration-sound__box {
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 587px;
    display: flex;
    flex-flow: column;
    align-items: center;
  }

  .demonstration-sound__ellipses {
    display: block;
    position: absolute;
    top: 18px;
    pointer-events: none;
  }

  .ellipse {
    opacity: 0;
    color: var(--red);
  }

  .demonstration-sound__ellipses.active .ellipse-1 {
    animation: ellipseAnim1 0.5s forwards;
    animation-delay: 1.7s;
  }

  .demonstration-sound__ellipses.active .ellipse-2 {
    animation: ellipseAnim2 0.5s forwards;
    animation-delay: 1.3s;
  }

  .demonstration-sound__ellipses.active .ellipse-3 {
    animation: ellipseAnim3 0.5s forwards;
    animation-delay: 0.9s;
  }

  .demonstration-sound__ellipses.active .ellipse-4 {
    animation: ellipseAnim4 0.5s forwards;
    animation-delay: 0.5s;
  }

  @keyframes ellipseAnim1 {
    to {
      filter: blur(2px);
      opacity: 1;
    }
  }

  @keyframes ellipseAnim2 {
    to {
      filter: blur(1px);
      opacity: 1;
    }
  }

  @keyframes ellipseAnim3 {
    to {
      filter: blur(0.5px);
      opacity: 1;
    }
  }

  @keyframes ellipseAnim4 {
    to {
      filter: blur(0.25px);
      opacity: 1;
    }
  }

  .demonstration-sound__img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

  .demonstration-sound__img img {
    display: block;
  }

  .demonstration-sound__title {
    margin-bottom: 16px;
    max-width: 532px;
  }

  .demonstration-sound__title h3 {
    text-align: center;
  }

  .demonstration-sound__text p {
    text-align: center;
    line-height: 1.4;
    font-size: 18px;
  }

  .demonstration-sound .demonstration-sound__btn {
    text-align: left;
  }
}

/* -------------------------- demonstration-sound END ------------------------ */

.tax-cart {
  letter-spacing: -0.02em;
  opacity: 0.6;
  font-size: 1.8rem;
  line-height: 1;
  font-family: var(--openSans);
  font-weight: 600;

  justify-content: center;
}

.tax-order {
  letter-spacing: -0.02em;
  opacity: 0.6;
  font-size: 1.8rem;
  line-height: 1;
  font-family: var(--openSans);
  font-weight: 600;

  justify-content: center;
}

.tax-product {
  position: absolute;
  bottom: -29px;
  letter-spacing: -0.02em;
  opacity: 0.8;
}

@media screen and (min-width: 750px) {
  .tax-product {
    bottom: -45px;
  }
}

@media screen and (min-width: 800px) {
  .tax-cart {
    bottom: 135px;
    left: 30%;
  }
}

@media screen and (min-width: 1024px) {
  .tax-cart {
    font-size: 1rem;
    bottom: 0;
    left: 63%;
  }

  .tax-order {
    font-size: 18px;
  }

  .tax-product {
    bottom: -22px;
  }
}

.cart-page__container .cart__order-block {
  position: relative;
  padding-bottom: 10px;
}

.blog-link {
  background: var(--black);
  color: var(--white);
  font-size: 1.8rem;
  line-height: 100%;
  padding: 1.9rem 2.4rem;
  border-radius: 2.8rem;
  text-decoration: none;
  font-weight: 600;
  display: block;
  margin: 0 auto 4rem;
  width: fit-content;
}

@media screen and (min-width: 1024px) {
  .blog-link {
    border-radius: 28px;
    font-size: 18px;
    line-height: 100%;
    padding: 19px 24px;
    margin: 0 auto 40px;
  }
}

/* event banner */

.event-banner {
  display: flex;
  flex-flow: column;
  align-items: flex-start;

  color: var(--white);

  padding: 2.4rem 1.6rem;

  border-radius: 0.8rem;

  background-image: url("/img/thor-event-bg-mob.png");
  background-size: 34.3rem 100rem;
  background-position: top center;
  background-repeat: no-repeat;

  margin: 0 1.6rem;
  margin-bottom: 20rem;
}

.event-banner--without-bg {
  background-image: none;
  background-color: var(--black);
}

.event-banner--ru {
  height: 58rem;
  position: relative;
  padding: 2.4rem;
  overflow: hidden;
}

.event-banner.contacts {
  margin: 0;
  margin-bottom: 4rem;
}

.event-banner.shop {
  margin-bottom: 5.6rem;
}

.event-banner__title {
  font-size: 3.6rem;
  line-height: 0.9;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--red, #ff4000);
  font-family: var(--futuraPT);
  font-weight: 450;
  margin-bottom: 0.8rem;
}

.event-banner__text-container {
  display: flex;
  flex-flow: column;
  gap: 1.6rem;

  margin-bottom: 2.4rem;
}

.event-banner__text-container p {
  font-size: 1.8rem;
  line-height: 120%;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

.event-banner__text-container h3 {
  color: var(--white);
  text-align: left;
}

.event-banner__text-container h4 {
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: -0.02em;
  font-family: var(--futuraPT);
  font-weight: 450;
  text-transform: uppercase;
}

.event-banner__text-container h4 strong {
  font-weight: normal;
  color: var(--red, #ff4000);
}

.event-banner.thor-ev .event-banner__text-container h4 strong {
  color: var(--blue);
}

.event-banner__svg-icon {
  width: 5.6rem;
  height: 5.6rem;
  margin-bottom: 2.4rem;
}

.event-banner__svg-icon.thor-ev rect {
  fill: var(--blue);
}

.event-banner__img {
  width: 31.1rem;
  height: 17.4rem;
  pointer-events: none;

  margin-bottom: 1.6rem;
}

.event-banner__img--ru {
  position: absolute;
  width: 39.9rem;
  height: 36.2rem;

  bottom: 0;
  left: -2.5rem;
  margin-bottom: 0;
}

.event-banner__img--ru img {
  width: 100%;
  height: 100%;
}

.event-banner__white-btn a {
  color: var(--black);

  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.event-banner__white-btn a:hover {
  background-color: var(--red, #ff4000);
  color: var(--white);
}

.event-banner__white-btn.thor-ev a:hover {
  background-color: var(--blue);
}

.event-banner__btn {
  line-height: 1;
  padding: 1.9rem 2.4rem;

  text-decoration: none;
}

.event-banner .info-block__icon {
  background-color: var(--red, #ff4000);
}

.event-banner .info-block__text-icon {
  width: 2.1rem;
  height: 2rem;
  vertical-align: middle;
}

.event-banner .info-block__btn {
  white-space: nowrap;
  padding: 1.6rem 2.4rem;
}

.event-banner .info-block__text {
  line-height: 1.2;
}

@media screen and (min-width: 1024px) {
  .event-banner {
    padding: 40px;
    position: relative;

    align-items: start;
    border-radius: 8px;

    background-image: url("/img/thor-event-bg.png");
    background-size: cover;

    margin: 0 auto;
    width: 984px;
    margin-bottom: 320px;
  }

  .event-banner--without-bg {
    background-image: none;
  }

  .event-banner--ru {
    height: unset;
  }

  .event-banner.contacts {
    margin-bottom: 40px;
  }

  .event-banner.shop {
    margin-bottom: 56px;
  }

  .event-banner__btn {
    padding: 19px 24px;
  }

  .event-banner__title {
    font-size: 36px;
    line-height: 0.9;
  }

  .event-banner__text-container {
    gap: 16px;
    margin-bottom: 16px;
    width: 424px;
  }

  .event-banner--ru .event-banner__text-container {
    margin-bottom: 36px;
    width: 505px;
  }

  .event-banner__text-container p {
    font-size: 18px;
  }

  .event-banner__text-container h4 {
    font-size: 32px;
  }

  .event-banner__img {
    width: 413px;
    height: 232px;
    margin-bottom: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 64px;
  }

  .event-banner__img--ru {
    transform: unset;
    width: 550px;
    height: 390px;

    top: unset;
    bottom: 0;
    left: unset;
    right: 0;
  }

  .event-banner__img--ru img {
    object-fit: cover;
    object-position: right;
  }

  .event-banner--ru.shop .event-banner__img--ru {
    width: 465px;
    height: 334px;
  }

  .contacts.event-banner .event-banner__img {
    top: 40px;
    transform: unset;
  }

  .event-banner__svg-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
  }

  .event-banner--ru .event-banner__svg-icon {
    margin-bottom: 36px;
  }

  .event-banner__info-block {
    width: 100%;
  }

  .event-banner .info-block__text {
    width: 500px;
  }

  .event-banner .info-block__text-icon {
    width: 21px;
    height: 20px;
  }

  .event-banner .info-block__item {
    margin-bottom: 0;
  }

  .event-banner .info-block__btns {
    display: flex;
  }

  .event-banner .info-block__btn {
    padding: 0 24px;
  }
}

.basic-btn.blue {
  background-color: var(--blue);
}

/* event banner */

h1 {
  font-family: var(--futuraPT);
  font-weight: 500;
  font-size: 4rem;
  line-height: 97.1%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
}

h2 {
  font-family: var(--futuraPT);
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  text-align: center;
}

h3 {
  font-family: var(--futuraPT);
  font-style: normal;
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 97.1%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
}

.text p {
  font-family: var(--openSans);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--white);
}

.text p:not(:last-child) {
  margin-bottom: 2rem;
}

.wrapper {
  margin: 0 1.6rem;
}

.m-lr {
  margin: 0 1.6rem;
}

.container {
  margin: 0 1.6rem;
}

@media screen and (min-width: 1024px) {
  .m-lr {
    margin: 0;
  }

  .wrapper {
    margin: 0 auto;
    width: 984px;
  }

  .container {
    margin: 0 auto;
    width: 984px;
  }

  h1 {
    font-size: 68px;
    line-height: 88.7%;
    text-align: left;
  }

  h2 {
    font-size: 68px;
    line-height: 120%;
  }

  h3 {
    font-size: 48px;
    line-height: 97.1%;
    text-align: left;
  }

  .text p {
    font-size: 26px;
    line-height: 150%;
  }

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

  .w984 {
    width: 984px;
    margin: 0 auto;
  }

  .js_anim_transitionY {
    display: block;
    transform: translateY(40px);
    transition: transform 0.7s ease-in;
  }
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-3 {
  grid-column-end: 3;
}

.btn {

  button,
  a,
  span {
    display: inline-block;
    background: var(--white);
    color: var(--black-2);
    border-radius: 4.8rem;
    padding: 1.4rem 2.4rem;
    font-family: var(--openSans);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 150%;
    letter-spacing: -0.02em;
    text-decoration: none;
    cursor: pointer;
  }
}

.btn.btn--half-opacity {

  button,
  a,
  span {
    background-color: rgba(255, 255, 255, 0.74);
    transition: background-color 0.3s ease-in-out;

    &:hover {
      background-color: var(--white);
    }
  }
}

.btn.btn--inverted-color {

  button,
  a,
  span {
    background: var(--black-2);
    color: var(--white);
  }
}

@media screen and (min-width: 1024px) {
  .btn {

    a,
    span,
    button {
      border-radius: 48px;
      padding: 14px 24px;
      font-size: 18px;
      line-height: 150%;
    }
  }
}

/* ---------------------- thor-value -------------------------- */

.thor-value {
  margin: 0 0 16rem;
}

.thor-value__container {
  display: flex;
  justify-content: center;
  position: relative;
}

.thor-value__titles {
  text-align: center;
}

.thor-value__title {
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  display: flex;
  width: 100%;
  margin-bottom: 10rem;
}

.thor-value__title h2 {
  width: 100%;
}

.thor-value__title:not(:last-child) {
  /*padding-bottom: 15vh;*/
}

.thor-value__title.fade-out h2 {
  transform: translateY(-70px);
  opacity: 0;
}

.thor-value__title.fade-in h2 {
  opacity: 0.999;
  transform: translate(0);
}

.thor-value__title.fade-out h2 {
  opacity: 0.001;
  transform: translateY(-70px);
}

.thor-value__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--white);
  opacity: 0.2;
}

@media screen and (min-width: 1024px) {
  .thor-value {
    margin: 0;
  }

  .thor-value__container {
    width: 100%;
    padding-top: 50vh;
  }

  .thor-value__titles {
    width: 984px;
  }

  .thor-value__title {
    height: 60vh;
    margin-bottom: 0;
  }

  .thor-value__text {
    width: 720px;
    font-size: 20px;
    line-height: 150%;
    margin: 0 auto;
  }

  .thor-value__title._anim-items {
    opacity: 1;
  }

  .thor-value__title h2 {
    transform: translateY(70px);
    opacity: 0;
    transition: all 300ms ease-out;
  }

  .thor-value__title:nth-child(3) h2 {
    line-height: 100%;
  }
}

/* ---------------------- thor-value END -------------------------- */

/* ---------------------- thor gallery -------------------------- */

.thor-gallery {
  margin: 20rem 1.6rem;
}

.thor-gallery__container {}

.thor-gallery__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}

.thor-gallery__column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.thor-gallery__img {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
  border-radius: 6px;
}

.thor-gallery__img img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: -10;
}

:root {
  --thor-gallery-min-width: 16.75rem;
  --thor-gallery-max-width: 34.3rem;
  --thor-gallery-min-height: 13.4rem;
  /* --thor-gallery-max-height: 27.6rem; */
  --thor-gallery-max-height: 42.6rem;
}

.thor-gallery__img.img-square {
  width: var(--thor-gallery-min-width);
  height: var(--thor-gallery-min-height);
}

.thor-gallery__img.img-col {
  width: var(--thor-gallery-min-width);
  height: var(--thor-gallery-max-height);
}

.thor-gallery__img.img-row {
  width: var(--thor-gallery-max-width);
  height: var(--thor-gallery-min-height);
}

.thor-gallery__img.img-col img {
  /*
	transform: translateY(calc((var(--thor-gallery-max-height) - 100%) / 2));
	*/
}

.thor-gallery__img.img-row img,
.thor-gallery__img.img-square img {
  /*
	transform: translateY(calc((var(--thor-gallery-min-height) - 100%) / 2));
	*/
}

.thor-gallery__img.img-square img.js_gallery_scale_3,
.thor-gallery__img.img-row img.js_gallery_scale_2 {
  transform: scale(1);
}

/* update gallery */
.thor-gallery__row {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 0.6rem));
  grid-column-gap: 1.2rem;
  overflow: hidden;
}

.thor-gallery__column {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 1.2rem;
}

.thor-gallery__img img {
  height: 100%;
  width: auto;
}

.thor-gallery__img.img-1,
.thor-gallery__img.img-2,
.thor-gallery__img.img-5 {
  height: 13.4rem;
}

.thor-gallery__img.img-3 {
  height: 28rem;
}

.thor-gallery__img.img-3 img {
  transform: translateX(-4.5rem);
}

.thor-gallery__img.img-4 {
  height: 41.4rem;
}

.thor-gallery__img.img-5 {
  justify-content: center;
}

/* update gallery END */

@media screen and (min-width: 1024px) {
  .thor-gallery {
    width: 984px;
    margin: 320px auto 300px;
  }

  .thor-landing .thor-gallery {
    margin: 320px auto 320px;
  }

  .thor-gallery__row {
    margin-bottom: 24px;
  }

  :root {
    --thor-gallery-min-width: 480px;
    --thor-gallery-max-width: 984px;
    --thor-gallery-min-height: 385px;
    /* --thor-gallery-max-height: 794px; */
    --thor-gallery-max-height: 1203px;
  }

  .thor-gallery__img {
    display: block;
  }

  .js_gallery_scale_h_1 {
    text-align: right;
  }

  .thor-gallery__img.img-col img.js_gallery_scale_1 {
    /*top: -10%;
		transform: translate(40%, 0) scale(0.6);
		*/
    transform: translate(30%, 0) scale(1);
  }

  .thor-gallery__img.img-square img.js_gallery_scroll_4 {
    transform: translateY(40px);
  }

  .thor-gallery__img.img-square img.js_gallery_scroll_1 {
    transform: translateY(0);
  }

  /* update gallery */
  .thor-gallery__row {
    grid-template-columns: repeat(2, calc(50% - 12px));
    grid-column-gap: 24px;
  }

  .thor-gallery__column {
    grid-row-gap: 24px;
  }

  .thor-gallery__img.img-1,
  .thor-gallery__img.img-2,
  .thor-gallery__img.img-5 {
    height: 385px;
  }

  .thor-gallery__img.img-2 img {
    height: 100%;
    width: auto;
  }

  .thor-gallery__img.img-3 {
    height: 794px;
  }

  .thor-gallery__img.img-4 {
    height: 1203px;
  }

  .thor-gallery__img img {
    border-radius: 10px;
  }

  .thor-gallery__img.img-1 img {
    transform: scale(0.8);
  }

  .thor-gallery__img.img-2 img {
    transform: scale(0.8);
  }

  .thor-gallery__img.img-3 img {
    transform: translateX(-143px);
  }

  .thor-gallery__img.img-4 img {
    transform: translateX(60px);
  }

  .thor-gallery__img.img-5 img {
    transform: translateX(70px);
  }

  .body-for-partners .thor-gallery__img.img-1 img,
  .body-for-partners .thor-gallery__img.img-2 img,
  .body-for-partners .thor-gallery__img.img-3 img,
  .body-for-partners .thor-gallery__img.img-4 img,
  .body-for-partners .thor-gallery__img.img-5 img {
    transform: unset;
  }

  .body-for-partners .thor-gallery__img.img-3 img {
    transform: translate(-110px, 0);
  }

  /* update gallery END */
}

/* ---------------------- thor gallery END -------------------------- */

/* ---------------------- n-thor-gallery --------------------------- */
.n-thor-gallery {
  padding: 16rem 0;
  background-color: rgba(255, 255, 255, 0.1);
}

.n-thor-gallery-item {
  width: 100%;
  border-radius: 1.6rem;
  overflow: hidden;
  position: relative;
  z-index: 5;
  margin-bottom: 1.6rem;
}

.n-thor-gallery-item.item-1 {
  height: 45rem;
}

.n-thor-gallery-item.item-2 {
  background-color: var(--black-2);
}

.n-thor-gallery-item.item-2,
.n-thor-gallery-item.item-3 {
  height: 34.4rem;
}

.n-thor-gallery-item.item-4 {
  height: 40rem;
}

.n-thor-gallery-item.item-5 {
  height: 25.6rem;
}

.n-thor-gallery-item.item-7 {
  height: 34.4rem;
}

.n-thor-gallery-item.item-7 .n-thor-gallery-item__img img {
  object-position: top;
}

.n-thor-gallery-item__body {
  display: block;
  height: 100%;
}

.n-thor-gallery-item__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}

.n-thor-gallery-item.item-2 .n-thor-gallery-item__content {
  justify-content: center;
  padding-top: 0;
}

.n-thor-gallery-item.item-3 .n-thor-gallery-item__content {
  padding-top: 4.2rem;
}

.n-thor-gallery-item.item-4 .n-thor-gallery-item__content {
  padding-top: 2.4rem;
}

.n-thor-gallery-item.item-5 .n-thor-gallery-item__content {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  padding-bottom: 2.8rem;
}

.n-thor-gallery-item.item-8 .n-thor-gallery-item__content {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  padding-bottom: 2.8rem;
}

.thor-ev .n-thor-gallery-item.item-8 .n-thor-gallery-item__content {
  justify-content: start;
}

.n-thor-gallery-item__img {
  height: 100%;
  background-color: var(--black-2);
}

.n-thor-gallery-item__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.n-thor-gallery-item__title {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
}

.n-thor-gallery-item.item-1 .n-thor-gallery-item__title {
  max-width: 27rem;
  margin: 0 auto;
}

.n-thor-gallery-item.item-2 .n-thor-gallery-item__title {
  font-size: 1.8rem;
  line-height: 88.7%;
  display: flex;
  flex-direction: column;
}

.n-thor-gallery-item.item-2 .n-thor-gallery-item__title span {
  font-size: 8.8rem;
  line-height: 88.7%;
  color: var(--red);
}

.thor-ev .n-thor-gallery-item.item-2 .n-thor-gallery-item__title span {
  color: var(--blue);
}

.n-thor-gallery-item.item-4 .n-thor-gallery-item__title {
  margin: 0 auto;
}

.n-thor-gallery-item.item-5 .n-thor-gallery-item__title {
  max-width: 35rem;
}

.n-thor-gallery-item.item-6 {
  height: 22rem;
}

.n-thor-gallery-item.item-6 .n-thor-gallery-item__content {
  padding: 2rem 2.6rem 2.6rem;
  align-items: start;
}

.thor-ev .n-thor-gallery-item.item-6 .n-thor-gallery-item__content {
  padding: 2.4rem;
}

.n-thor-gallery-item.item-6 .n-thor-gallery-item__title {
  max-width: 21rem;
  text-align: left;
  margin-bottom: 0.6rem;
}

.thor-ev .n-thor-gallery-item.item-6 .n-thor-gallery-item__title {
  flex-flow: column;
}

.n-thor-gallery-item.item-6 .n-thor-gallery-item__title span {
  color: var(--red);
}

.n-thor-gallery-item.item-6 .n-thor-gallery-item__text {
  display: none;
}

.n-thor-gallery-item.item-6 .n-thor-gallery-item__btns {
  margin-top: auto;
}

.n-thor-gallery-item__btn span {
  background-color: rgba(255, 255, 255, 1);
  font-size: 1.4rem;
  line-height: 100%;
  padding: 1.4rem 2rem;
}

.n-thor-gallery-item__text,
.n-thor-gallery-item__text p {
  font-family: var(--openSans);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
}

@media screen and (min-width: 1024px) {
  .n-thor-gallery {
    padding: 0 0 240px;
  }

  .n-thor-gallery__row {
    display: flex;
    column-gap: 16px;
  }

  .n-thor-gallery__row:nth-child(3) {
    flex-direction: row-reverse;
  }

  .n-thor-gallery__column.w590 {
    width: 59rem;
  }

  .n-thor-gallery__column.w378 {
    width: 37.8rem;
  }

  .n-thor-gallery-item {
    margin-bottom: 16px;
    border-radius: 16px;
  }

  .n-thor-gallery-item.h772 {
    height: 772px;
  }

  .n-thor-gallery-item.h378 {
    height: 378px;
  }

  .n-thor-gallery-item.h422 {
    height: 422px;
  }

  .n-thor-gallery-item.h440 {
    height: 440px;
  }

  .n-thor-gallery-item__content {
    padding: 48px 24px 40px;
    gap: 16px;
  }

  .n-thor-gallery-item__title {
    font-size: 36px;
    line-height: 120%;
  }

  .n-thor-gallery-item.item-1 {
    .n-thor-gallery-item__content {
      padding: 40px;
    }

    .n-thor-gallery-item__title {
      max-width: 278px;
    }
  }

  .n-thor-gallery-item.item-2 {
    .n-thor-gallery-item__content {
      padding-bottom: 0;
    }

    .n-thor-gallery-item__title {
      font-size: 20px;
      line-height: 88.7%;

      span {
        font-size: 96px;
        line-height: 88.7%;
      }
    }
  }

  .n-thor-gallery-item.item-3 {
    .n-thor-gallery-item__content {
      padding-top: 40px;
    }

    .n-thor-gallery-item__title {
      font-size: 32px;
    }
  }

  .n-thor-gallery-item.item-4 {
    .n-thor-gallery-item__content {
      padding-top: 40px;
      align-items: flex-start;
    }

    .n-thor-gallery-item__title {
      max-width: 290px;
      text-align: center;
    }
  }

  .n-thor-gallery-item.item-5 {
    .n-thor-gallery-item__content {
      padding-bottom: 40px;
    }

    .n-thor-gallery-item__title {
      max-width: 404px;
    }
  }

  .n-thor-gallery-item.item-6 {
    height: 300px;

    .n-thor-gallery-item__btns {
      margin-top: unset;
    }

    .n-thor-gallery-item__content {
      gap: 24px;
      padding: 40px;
      display: flex;
      justify-content: center;
    }

    .n-thor-gallery-item__title {
      max-width: 296px;
      margin-bottom: 0;

      svg {
        vertical-align: bottom;
      }
    }

    .n-thor-gallery-item__text {
      display: block;
      max-width: 440px;
    }
  }

  .n-thor-gallery-item.item-9 .n-thor-gallery-item__content {
    align-items: start;
    padding: 40px 60px;
  }

  .thor-ev {
    .n-thor-gallery-item.item-6 {
      .n-thor-gallery-item__content {
        justify-content: start;
      }

      .n-thor-gallery-item__title {
        flex-flow: row;
      }
    }

    .n-thor-gallery-item.item-7 {
      .n-thor-gallery-item__content {
        padding: 40px;
      }
    }

    .n-thor-gallery-item.item-8 {
      .n-thor-gallery-item__content {
        padding: 40px;
        justify-content: start;
      }
    }
  }

  .n-thor-gallery-item__text,
  .n-thor-gallery-item__text p {
    font-size: 22px;
    line-height: 88.7%;
    font-weight: 500;
  }

  .n-thor-gallery-item__btn span {
    transition: all 0.3s ease-out;
  }

  .n-thor-gallery-item__btn span {
    padding: 14px 24px;
    font-size: 18px;
    line-height: 150%;
    background-color: rgba(255, 255, 255, 0.74);
    transition: background-color 0.3s ease-out;
  }

  @media (hover: hover) and (pointer: fine) {
    .n-thor-gallery-item:hover .n-thor-gallery-item__btn span {
      background-color: var(--white);
    }
  }
}

/* ---------------------- n-thor-gallery END --------------------------- */

/* ----------------------- ideal-combination ------------------------ */

.ideal-combination {
  margin-bottom: 16rem;
}

.ideal-combination__container {}

.ideal-combination__title {
  margin-bottom: 1.6rem;
}

.ideal-combination__text {
  margin-bottom: 6rem;
}

.ideal-combination__image {
  position: relative;
}

.ideal-combination__image img {
  width: 100%;
}

.ideal-combination__desktop {
  display: none;
}

.ideal-combination__label {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
  position: absolute;
  width: 20.8rem;
}

.ideal-combination__label span {
  opacity: 0.6;
}

.ideal-combination__label.first {
  top: 0;
  right: 1.9rem;
}

.ideal-combination__label.second {
  bottom: 0;
  right: 6.2rem;
}

.ideal-combination__line {
  position: absolute;
  height: 9.4rem;
  width: 0.1rem;
  background: var(--white);
  opacity: 0.6;
}

.ideal-combination__label.first .ideal-combination__line {
  top: 100%;
  left: 11.8rem;
}

.ideal-combination__label.second .ideal-combination__line {
  bottom: 100%;
  left: 0.1rem;
}

@media screen and (min-width: 1024px) {
  .ideal-combination {
    margin-bottom: 260px;
  }

  .ideal-combination__title {
    margin-bottom: 19px;
  }

  .ideal-combination__text {
    width: 720px;
    margin: 0 auto 200px;
  }

  .ideal-combination__image {
    /* width: 124rem; correct */
    width: 924px;
    margin: 0 auto;
  }

  .ideal-combination__mobile {
    display: none;
  }

  .ideal-combination__desktop {
    display: block;
  }

  .ideal-combination__label {
    font-size: 20px;
    line-height: 150%;
    width: 343px;
  }

  .ideal-combination__label.first {
    right: 33px;
  }

  .ideal-combination__label.second {
    right: 334px;
    bottom: -30px;
  }

  .ideal-combination__label.first .ideal-combination__line {
    left: 2px;
    height: 120px;
  }

  .ideal-combination__label.second .ideal-combination__line {
    height: 90px;
    left: 1px;
    width: 1px;
  }
}

/* ----------------------- ideal-combination END ------------------------ */

/* --------------------- thor-technology -------------------------------- */

.thor-technology {
  margin-bottom: 20rem;
}

.thor-technology__container {}

.thor-technology__title {
  margin-bottom: 4rem;
}

.thor-technology__image__mobile {
  position: relative;
  right: 7.3rem;
}

.ev .thor-technology__image__mobile {
  right: 0;
  width: 32.5rem;
}

.thor-technology__image img {
  width: 100%;
}

.thor-technology__image {
  margin-right: 1.6rem;
  position: relative;
}

.thor-technology__image__label {
  position: absolute;
  opacity: 0.6;
  width: 11rem;
  right: 2rem;
  z-index: 2;
}

.thor-technology__image__label__ {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
}

.body-bg-white .thor-technology__image__label__ {
  color: var(--black);
}

.thor-technology__image__label.first {
  top: 17.5rem;
}

.thor-technology__image__label.second {
  top: 26rem;
}

.thor-technology__image__label.third {
  top: 54.7rem;
}

.thor-ev .thor-technology__image__label.third {
  top: 57.4rem;
}

.thor-technology__image__label.item-4 {
  top: 26.2rem;
}

.thor-technology__image__line {
  position: absolute;
  height: 0.1rem;
  background: var(--white);
  opacity: 0.6;
  right: 11.3rem;
  width: 5.4rem;
}

.body-bg-white .thor-technology__image__line {
  background-color: var(--black);
}

.thor-technology__image__label.first .thor-technology__image__line {
  top: 0.8rem;
  width: 11.2rem;
}

.thor-technology__image__label.first .thor-technology__image__line:nth-child(2) {
  top: 4.2rem;
  width: 6rem;
}

.thor-technology__image__label.second .thor-technology__image__line {
  width: 10.5rem;
  top: 0.9rem;
}

.thor-technology__image__label.third .thor-technology__image__line:first-child {
  width: 8.5rem;
  top: 0.9rem;
}

.thor-technology__image__label.third .thor-technology__image__line:nth-child(2) {
  width: 8.9rem;
  bottom: 2.5rem;
}

.thor-technology__image__label.item-4 .thor-technology__image__line {
  width: 10.8rem;
  top: 0.9rem;
}

.thor-technology__image__desktop {
  display: none;
}

.thor-technology__image__anim__desktop {
  display: none;
}

.thor-technology__image__anim {
  display: none;
}

.thor-technology__image__text {
  position: relative;
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  .thor-technology {
    margin-bottom: 335px;
  }

  .thor-technology__title {
    display: block;
    margin-bottom: 385px;
  }

  .thor-technology__image {
    margin-right: -56px;
  }

  .thor-technology__image__mobile {
    display: none;
  }

  .thor-technology__image__desktop {
    display: block;
    width: 100%;
    height: 1844px;
    background-image: url("/img/thor-red/how-thor-works/thor-red-min.webp");
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    background-position: center;
    /* background-position-x: -36px; */
    background-position-y: 10px;
  }

  .thor-ev .thor-technology__image__desktop {
    background-image: url("/img/thor-ev/how-thor-works/thor-ev-min.webp");
    background-position-x: calc(50% - 5px);
    background-position-y: 0px;
  }

  .body-bg-white .thor-technology__image__desktop {
    background-image: url("/img/car3-min.jpg");
  }

  .thor-technology__image__label {
    width: 292px;
    top: 0;
    left: 692px;
    z-index: 2;
    font-size: 20px;
    line-height: 150%;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out 0ms;
  }

  .thor-technology__image__label._active,
  .body-for-partners .thor-technology__image__label {
    transform: translateY(0);
    opacity: 0.5;
    transition: all 300ms ease-out 0ms;
  }

  .thor-technology__image__label__ {
    font-size: 20px;
    line-height: 150%;
  }

  .thor-technology__image__line {
    top: 15px;
    right: calc(100% + 10px);
    height: 1px;
    width: 0;
  }

  .thor-technology__image__label._active .thor-technology__image__line {
    transition: width 300ms ease-out 0.3s;
  }

  .thor-technology__image__anim {
    display: block;
    /* margin: 0 auto 0 200px; */
    margin: 0 auto;
  }

  .thor-technology__image__label.first {
    top: 164px;
    width: 292px;
  }

  .thor-ev .thor-technology__image__label.first {
    top: 138px;
    width: 292px;
  }

  .thor-technology__image__label.second {
    top: 364px;
  }

  .thor-ev .thor-technology__image__label.second {
    top: 360px;
  }

  .thor-technology__image__label.third {
    top: 1337px;
  }

  .thor-ev .thor-technology__image__label.third {
    top: 1272px;
  }

  .thor-technology__image__label.first .thor-technology__image__line {
    top: 15px;
    width: 0;
  }

  .thor-technology__image__label.first .thor-technology__image__line:nth-child(2) {
    width: 0;
  }

  .thor-technology__image__label.first .thor-technology__image__line:nth-child(2) {
    top: unset;
    bottom: 43px;
  }

  .thor-ev .thor-technology__image__label.first .thor-technology__image__line:nth-child(2) {
    top: unset;
    bottom: 13px;
  }

  .thor-technology__image__label.second._active .thor-technology__image__line,
  .body-for-partners .thor-technology__image__label.second .thor-technology__image__line {
    width: 275px;
  }

  .thor-ev .thor-technology__image__label.second._active .thor-technology__image__line {
    width: 320px;
  }

  .thor-technology__image__label.first._active .thor-technology__image__line,
  .body-for-partners .thor-technology__image__label.first .thor-technology__image__line {
    width: 328px;
  }

  .thor-technology__image__label.first._active .thor-technology__image__line:nth-child(2),
  .body-for-partners .thor-technology__image__label.first .thor-technology__image__line:nth-child(2) {
    width: 188px;
  }

  .thor-technology__image__label.second .thor-technology__image__line {
    width: 0;
  }

  .thor-technology__image__label._active .thor-technology__image__line {
    width: 320px;
  }

  .thor-technology__image__label.third .thor-technology__image__line:first-child {
    width: 0;
  }

  .thor-technology__image__label.third._active .thor-technology__image__line:first-child,
  .body-for-partners .thor-technology__image__label.third .thor-technology__image__line:first-child {
    width: 320px;
  }

  .thor-ev .thor-technology__image__label.third._active .thor-technology__image__line:first-child {
    width: 240px;
  }

  .thor-technology__image__label.third .thor-technology__image__line:nth-child(2) {
    display: none;
  }

  .thor-technology__image__label.item-4 {
    top: 300px;
  }

  .thor-technology__image__label.item-4 .thor-technology__image__line {
    width: 0;
  }

  .thor-technology__image__label.item-4._active .thor-technology__image__line {
    width: 320px;
  }

  .thor-technology__image__anim__desktop {
    display: block;
  }

  .thor-technology__image__anim {
    position: relative;
  }

  .thor-technology__image__anim__car .img-car-original {
    position: absolute;
    z-index: 2;
  }

  .thor-technology__image__anim__car.left-ellepses .img-car-original-1 {
    width: 100px;
    height: 65px;
    top: 102px;
    left: 128px;
    transform: scale(0.6);
    opacity: 0;
  }

  .thor-technology__image__anim__car.left-ellepses .img-car-original-2 {
    width: 250px;
    height: 162px;
    top: -4px;
    left: 39px;
    transform: scale(0.6);
    opacity: 0;
  }

  .thor-technology__image__anim__car.left-ellepses .img-car-original-3 {
    width: 416px;
    height: 252px;
    top: -115px;
    left: -63px;
    transform: scale(0.6);
    opacity: 0;
  }

  .thor-technology__image__anim__car.left-ellepses .img-car-original-4 {
    width: 575px;
    height: 336px;
    top: -227px;
    left: -156px;
    transform: scale(0.7);
    opacity: 0;
  }

  .thor-technology__image__anim__car.right-ellepses .img-car-original-1 {
    width: 110px;
    height: 69px;
    top: 101px;
    left: 389px;
    opacity: 0;
    transform: scale(0.6);
  }

  .thor-technology__image__anim__car.right-ellepses .img-car-original-2 {
    width: 283px;
    height: 185px;
    top: -30px;
    left: 319px;
    opacity: 0;
    transform: scale(0.6);
  }

  .thor-technology__image__anim__car.right-ellepses .img-car-original-3 {
    width: 463px;
    height: 282px;
    top: -143px;
    left: 249px;
    opacity: 0;
    transform: scale(0.6);
  }

  .thor-technology__image__anim__car.right-ellepses .img-car-original-4 {
    width: 637px;
    height: 383px;
    top: -267px;
    left: 189px;
    opacity: 0;
    transform: scale(0.7);
  }

  .thor-technology__image__svg {
    position: absolute;
    top: 248px;
    left: 248px;
    z-index: 2;
  }

  .thor-technology__image__svg svg {
    aspect-ratio: 139 / 1073;
    width: 144px;
    height: auto;
    overflow: visible;
  }

  .thor-ev .thor-technology__image__svg {
    top: 231px;
    left: 112px;
  }

  .thor-ev .thor-technology__image__svg svg {
    aspect-ratio: 400 / 1204;
    width: 400px;
  }

  .thor-technology__image__anim__car.middle-ellepses .img-car-original {
    display: block;
    transform: scale(0.7);
    opacity: 0;
  }

  .thor-technology__image__anim__car.middle-ellepses .img-car-original-1 {
    width: 65px;
    left: 283px;
    /*top: 131px;*/
    top: 141px;
  }

  .thor-technology__image__anim__car.middle-ellepses .img-car-original-2 {
    width: 110px;
    left: 260px;
    /* top: 85px; */
    top: 95px;
  }

  .thor-technology__image__anim__car.middle-ellepses .img-car-original-3 {
    width: 164px;
    left: 235px;
    /* top: 40px; */
    top: 50px;
  }

  .thor-technology__image__anim__car.middle-ellepses .img-car-original-4 {
    width: 214px;
    left: 209px;
    /* top: -6px; */
    top: 6px;
  }

  .thor-technology__image__anim__car.middle-ellepses .img-car-original-5 {
    width: 275px;
    left: 179px;
    /* top: -48px; */
    top: -38px;
  }

  .thor-technology__image__anim__car.middle-ellepses .img-car-original-6 {
    width: 330px;
    left: 157px;
    /* top: -88px; */
    top: -78px;
  }

  .thor-technology__image__anim__car.middle-ellepses .img-car-original-7 {
    width: 378px;
    left: 131px;
    /* top: -132px; */
    top: -122px;
  }

  .thor-technology__image__anim__car.center-big-ellepses img {
    opacity: 0;
    transform: scale(0.6);
  }

  .thor-technology__image__anim__car.center-big-ellepses img.img-car-original-1 {
    width: 402px;
    height: 213px;
    top: -50px;
    left: 116px;
  }

  .thor-technology__image__anim__car.center-big-ellepses img.img-car-original-2 {
    width: 666px;
    height: 322px;
    /* top: -204px; */
    top: -194px;
    left: -15px;
  }

  .thor-technology__image__anim__car.center-big-ellepses img.img-car-original-3 {
    width: 918px;
    height: 426px;
    /* top: -350px; */
    top: -340px;
    left: -138px;
  }
}

/* --------------------- thor-technology END -------------------------------- */

/* -------------------- select-sound ---------------------------------- */

.select-sound {
  margin-bottom: 16rem;
  overflow: hidden;
}

.select-sound__container {}

.select-sound__box {
  margin-bottom: 6.4rem;
}

.select-sound__title {
  margin-bottom: 1.6rem;
}

.select-sound__sliders {}

.sound-avas_controllButton {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}

.sound-avas_playButton {
  background: url("/img/icons/play-button.svg") center center no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 3px;
}

.sound-avas_pauseButton {
  display: none;
  background: #fff url("/img/icons/pause-button.svg") center center no-repeat;
  width: 100%;
  height: 100%;
  margin: -56px 0 0;
}

.js_soundAvas.play .sound-avas_pauseButton {
  display: block;
}

.select-sound__slider:not(:last-child) {
  margin-bottom: 6.4rem;
}

.select-sound__slider {}

.select-sound__label {
  font-family: var(--futuraPT);
  font-size: 3.6rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 1.6rem;
}

.select-sound__label span {
  color: rgba(255, 255, 255, 0.4);
  display: block;
}

.thor-ev .select-sound__label span {
  color: #666666;
}

.select-sound__slider__slide {
  max-width: 18rem;
  width: 100%;
  margin-right: 1.6rem;
  height: 20.9rem;
}

.select-sound__slider__slide img {
  height: auto;
  width: 100%;
  display: block;
  object-fit: cover;
}

.select-sound__slide__box {
  position: relative;
}

.select-sound__slide__image {
  margin-bottom: 0.8rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.select-sound__slide__image img {
  width: 100%;
}

.select-sound__slide__name {
  font-family: var(--futuraPT);
  font-size: 2.4rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
}

.select-sound__slide__control {
  position: absolute;
  left: 1.6rem;
  bottom: 1.6rem;
}

.select-sound__slide__control svg {
  width: 5.6rem;
  height: 5.6rem;
}

@media screen and (min-width: 1024px) {
  .select-sound {
    margin-bottom: 310px;
  }

  .thor-landing .select-sound {
    margin-bottom: 320px;
  }

  .select-sound__box {
    margin-bottom: 80px;
  }

  .select-sound__title {
    margin-bottom: 16px;
  }

  .select-sound__title h2 {
    text-align: left;
  }

  .select-sound__text {
    width: 964px;
  }

  .select-sound__text p {
    text-align: left;
  }

  .select-sound__label {
    font-size: 48px;
    line-height: 88.7%;
    width: 984px;
    margin: 0 auto 24px;
  }

  .select-sound__label span {
    display: inline;
  }

  .select-sound__slider__ {
    position: relative;
    margin-left: calc((100% - 984px) / 2);
  }

  .select-sound__slider:not(:last-child) {
    margin-bottom: 80px;
  }

  .select-sound__slider__slide {
    max-width: 300px;
    cursor: pointer;
    height: 300px;
  }

  .select-sound__slide__image {
    margin-bottom: 0;
    border-radius: 8px;
    opacity: 0.6;
    transition: opacity 150ms ease-out;
  }

  .select-sound__slide__image img {
    height: 100%;
  }

  .select-sound__slider__slide._hover .select-sound__slide__image {
    opacity: 1;
    transition: opacity 150ms ease-out;
  }

  .select-sound__slider__slide .sound-avas_controllButton {
    opacity: 0;
    transition: opacity 150ms ease-out;
  }

  .select-sound__slider__slide._hover .sound-avas_controllButton {
    opacity: 1;
    transition: opacity 150ms ease-out;
  }

  .select-sound__slide__control {
    left: 16px;
    bottom: 16px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 150ms ease-out;
  }

  .select-sound__slider__slide._hover .select-sound__slide__control {
    opacity: 1;
    transition: opacity 150ms ease-out;
  }

  .select-sound__slide__control svg {
    width: 56px;
    height: 56px;
  }

  .select-sound__slide__name {
    font-size: 24px;
    line-height: 88.7%;
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
  }
}

/* -------------------- select-sound END ---------------------------------- */

/* -------------------- beta-test ---------------------------------------- */

.beta-test {
  margin-bottom: 20rem;
}

.beta-test__container {
  border-radius: 1.6rem;
  position: relative;
}

.beta-test__content {
  position: relative;
  z-index: 2;
  padding: 4rem 0;
}

.beta-test__bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180.07deg, #1d1d1d 50%, #ff4000 122.68%);
  border-radius: 1.6rem;
  opacity: 0.6;
}

.thor-ev .beta-test__container {
  background: linear-gradient(180.07deg, #1d1d1d 50%, #00b2ff 122.68%);
}

.beta-test__title {
  margin-bottom: 1.6rem;
}

.beta-test__title span {
  display: none;
}

.beta-test__text {
  margin-bottom: 4rem;
}

.beta-test__btn {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .beta-test {
    margin-top: 80px;
    /* margin-bottom: 500px; */
    margin-bottom: 700px;
  }

  .beta-test__container {
    border-radius: 16px;
    position: relative;
  }

  .beta-test__bg {
    background: linear-gradient(90deg, #1d1d1d 50%, #ff4000 116.31%);
    border-radius: 16px;
  }

  .beta-test__content {
    padding: 40px;
  }

  .beta-test__title {
    margin-bottom: 24px;
  }

  .beta-test__title span {
    display: inline-block;
  }

  .beta-test__text {
    margin-bottom: 24px;
  }

  .beta-test__text p {
    text-align: left;
    width: 587px;
  }

  .beta-test__btn {
    /* position: absolute;
		top: 107px;
		right: 24px; */
    text-align: left;
  }
}

/* -------------------- beta-test ENd ---------------------------------------- */
/* -------------------- thor-app ---------------------------------------- */

.thor-app {
  margin-bottom: 16rem;
}

.thor-app__image {
  display: none;
}

.thor-app__image img {
  width: 100%;
}

.thor-app__item__image img {
  width: 100%;
}

.thor-app__item:not(:last-child) {
  margin-bottom: 16rem;
}

.thor-app__item__image {
  margin-bottom: 4rem;
}

.thor-app__item__label {
  margin-bottom: 7.6rem;
}

.p-wrap {
  display: none;
}

.panel-text {
  padding: 0 1.6rem;
}

.panel-text:not(:last-child) {
  margin-bottom: 16rem;
}

.panel-textCenter__image {
  margin-bottom: 4rem;
}

.panel-textCenter__image img {
  width: 100%;
}

.panel-textCenter h2 {
  margin-bottom: 1.6rem;
}

.panel-textCenter p {
  font-family: var(--openSans);
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .thor-app {
    margin-top: 700px;
  }

  .body-for-partners .thor-app {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .text-wrap {
    position: sticky;
    width: 484px;
    height: 100vh;
    top: 0;
  }

  .body-for-partners .text-wrap {
    position: unset;
    width: 100%;
    height: unset;
    top: unset;
  }

  .panel-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    transform: translateY(40%);
    opacity: 0;
    transition: 0.8s;
  }

  .body-for-partners .panel-text {
    position: unset;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    opacity: 1;
    transform: translateY(0);
    padding: 0;
  }

  .panel-text:not(:last-child) {
    margin-bottom: 0;
  }

  .body-for-partners .panel-text:not(:last-child) {
    margin-bottom: 120px;
  }

  .panel-text p {
    font-size: 26px;
    line-height: 150%;
    letter-spacing: -0.02em;
    text-align: left;
  }

  .panel-textCenter {
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transform: translateY(-20%);
    text-align: left;
  }

  .body-for-partners .panel-textCenter {
    height: unset;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .panel-textCenter__image {
    display: none;
  }

  .body-for-partners .panel-textCenter__image {
    display: block;
  }

  .body-for-partners .panel-textCenter__image img {
    width: 327px;
  }

  .body-for-partners .panel-textCenter__info {
    width: 50%;
  }

  .panel-textCenter h2 {
    text-align: left;
    width: 100%;
    margin-bottom: 40px;
  }

  .p-wrap {
    display: block;
    position: sticky;
    top: 0;
    /* width: 35vh; */
    height: 100vh;
    width: 50%;
  }

  .panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    display: flex;
    align-items: center;
    width: 35vh;
    transition: opacity 0.8s;
  }

  .panel:first-of-type {
    opacity: 1;
    transform: translateX(50%);
    right: 100%;
  }

  .panel img {
    width: 100%;
  }

  .panel:first-of-type img {
    transform: scale(2.6);
  }

  .for-partners-page .panel:first-of-type img {
    transform: scale(1);
  }

  .thor-app__container {
    display: flex;
    height: 500vh;
    justify-content: space-between;
    position: relative;
  }

  .body-for-partners .thor-app__container {
    height: unset;
  }

  .body-for-partners .js_anim_transitionY {
    transform: translateY(0);
  }
}

/* -------------------- thor-app END ---------------------------------------- */
/* -------------------- smart-control --------------------------------- */

.smart-control {
  margin-bottom: 16rem;
}

.smart-control__container {}

.smart-control__title span {
  display: block;
}

.smart-control__box {
  margin: 6.4rem 0 0;
}

.smart-control__image {
  position: relative;
  margin-bottom: 1.6rem;
}

.smart-control__image__ {
  width: 100%;
  height: 100%;
  background: #1d1d1d;
  position: relative;
  z-index: 10;
  border-radius: 1.6rem;
  overflow: hidden;
}

.smart-control__image__ img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: -10;
}

.smart-control__image__ img:nth-child(2) {
  display: none;
}

.smart-control__label {
  position: absolute;
  left: 1.6rem;
  bottom: 1.6rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #ffffff;
  opacity: 0.6;
  z-index: 11;
}

@media screen and (min-width: 1024px) {
  .smart-control {
    margin-bottom: 320px;
  }

  .smart-control__box {
    margin: 112px 0 160px;
  }

  .smart-control__row {
    display: flex;
    margin-bottom: 16px;
  }

  .smart-control__row .smart-control__image:nth-child(1) {
    margin-right: 16px;
  }

  .smart-control__image {
    width: calc((100% - 16px) / 2);
    height: 520px;
    margin-bottom: 0;
  }

  .smart-control__image__ {
    border-radius: 16px;
  }

  .smart-control__image__first {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .smart-control__image.smart-watch {
    width: 364px;
  }

  .smart-control__image.standard-control-btn {
    width: 606px;
  }

  .smart-control__image.app {
    width: 560px;
  }

  .smart-control__image.drive-select {
    width: 408px;
  }

  .min-row .smart-control__image {
    height: 313px;
  }

  .smart-control__label {
    left: 16px;
    bottom: 16px;
    font-size: 20px;
    line-height: 150%;
  }

  .smart-control__image__ img:nth-child(2) {
    display: inherit;
  }

  .smart-control__image__ img:first-child {
    display: none;
  }

  .smart-control__image__ .smart-control__image__desk {
    width: 251px;
    transform: scale(0.7);
  }

  .smart-control__image__2 {
    background: rgb(85 85 85);
    display: flex;
    align-items: center;
  }

  .smart-control__image__ .smart-control__image__2_desk {
    transform: translateX(300px);
  }

  .body-for-partners .smart-control__image__ .smart-control__image__2_desk {
    transform: translateX(0);
  }

  .smart-control__image__3 {
    background: var(--red);
  }

  .thor-ev .smart-control__image__3 {
    background: var(--blue);
  }

  .smart-control__image__ .smart-control__image__3_desk {
    width: 415px;
    transform: translate(177px, 247px);
  }

  .body-for-partners .smart-control__image__ .smart-control__image__3_desk {
    transform: translate(177px, 47px);
  }

  .smart-control__image__4 {
    background: rgb(29 29 29);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .smart-control__image__4 span {
    background: rgb(29 29 29);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .body-for-partners .smart-control__image__4 span {
    background-color: transparent;
  }

  .smart-control__image__ .smart-control__image__4_desk {
    transform: scale(0.7);
  }

  .smart-control__image__5 {}

  .smart-control__image__ .smart-control__image__5_desk {
    transform: scale(1.4);
  }

  .smart-control__image__6 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3c3c3c;
    background-image: url("/img/thor-red/smart-control/siri-gradient.png");
  }

  .smart-control__image__ .smart-control__image__6_desk {
    width: 223px;
    transform: scale(0.8);
  }
}

/* -------------------- smart-control END --------------------------------- */

/* -------------------- thor-features ------------------------------------------------ */

.thor-features {
  margin-bottom: 20rem;
}

.thor-features__container {}

.thor-features__title {
  margin-bottom: 5.6rem;
}

.thor-features__list ul {
  list-style: none;
}

.thor-feature__item {
  display: flex;
  align-items: center;
}

.thor-feature__item:not(:last-child) {
  margin-bottom: 5.6rem;
}

.thor-feature__icon {
  flex-basis: 6.2rem;
  flex-grow: 0;
  flex-shrink: 0;
  width: 6.2rem;
  height: 6.2rem;
  background: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  margin-right: 2rem;
}

.thor-feature__icon svg {
  width: 3.2rem;
  height: 3.2rem;
}

.thor-feature__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
}

@media screen and (min-width: 1024px) {
  .thor-features {
    margin-bottom: 320px;
  }

  .thor-features__title {
    margin-bottom: 140px;
  }

  .thor-features__list {
    padding: 0 14px 0 16px;
  }

  .thor-features__list ul {
    columns: 2;
    column-gap: 75px;
  }

  .thor-feature__icon {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
    border-radius: 8px;
    margin-right: 20px;
  }

  .thor-feature__icon svg {
    width: 32px;
    height: 32px;
  }

  .thor-feature__text {
    font-size: 20px;
    line-height: 150%;
    width: 328px;
  }

  .thor-feature__item:not(:last-child) {
    margin-bottom: 58px;
  }
}

/* -------------------- thor-features END ------------------------------------------------ */

/* -------------------- thor-avas page ------------------------------ */

body.thor-avas h2 {
  color: var(--black);
}

body.thor-avas p {
  color: var(--black);
}

.mob-allipse {
  position: absolute;
}

.mob-allipse.first {
  top: 2.7rem;
  left: 0rem;
  width: 19.4rem;
  height: 28.5rem;
}

.mob-allipse.second {
  width: 21.8rem;
  height: 37.3rem;
  right: 0;
  top: 34.8rem;
}

.anim-allipses__desktop {
  display: none;
}

@media screen and (min-width: 1024px) {
  .anim-allipses__mobile {
    display: none;
  }

  .anim-allipses__desktop {
    display: block;
  }

  .anim-allipses {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .svg-allipse {
    position: absolute;
    z-index: 5;
    transition: transform 100ms ease-out;
  }

  .anim-allipse.first .svg-allipse.first {
    top: 140px;
    left: -107px;
    width: 169px;
    height: 137px;
  }

  .anim-allipse.first .svg-allipse.second {
    top: 147px;
    left: -168px;
    width: 423px;
    height: 343px;
  }

  .anim-allipse.first .svg-allipse.third {
    top: 156px;
    left: -239px;
    width: 695px;
    height: 543px;
  }

  .anim-allipse.first .svg-allipse.fourth {
    top: 178px;
    left: -304px;
    width: 958px;
    height: 737px;
  }

  .anim-allipse.second .svg-allipse.first {
    top: 556px;
    right: -83px;
    width: 84px;
    height: 105px;
  }

  .anim-allipse.second .svg-allipse.second {
    top: 516px;
    right: -79px;
    width: 210px;
    height: 263px;
  }

  .anim-allipse.second .svg-allipse.third {
    top: 469px;
    right: -73px;
    width: 334px;
    height: 433px;
  }

  .anim-allipse.second .svg-allipse.fourth {
    top: 426px;
    right: -65px;
    width: 453px;
    height: 597px;
  }
}

/* -------------------- avas-acoustic ---------------------------- */

.avas-acoustic {
  padding-top: 15.2rem;
  position: relative;
  margin-bottom: 11.2rem;
}

.avas-acoustic__container {}

.avas-acoustic__content {
  position: relative;
}

.avas-acoustic__logo {
  text-align: center;
  margin-bottom: 4.8rem;
}

.avas-acoustic__logo svg {
  width: 22rem;
  height: 4rem;
}

.avas-acoustic__title span {
  opacity: 0.4;
}

@media screen and (min-width: 1024px) {
  .avas-acoustic {
    margin-bottom: 500px;
    padding-top: 152px;
  }

  .avas-acoustic__title {
    transform: translateY(50px);
    opacity: 0;
    transition: all 300ms ease-out;
  }

  .avas-acoustic__title._active {
    transform: translateY(0);
    opacity: 1;
    transition: all 300ms ease-out;
  }

  .avas-acoustic__title span {
    opacity: 1;
  }

  .avas-acoustic__logo {
    margin-bottom: 48px;
  }
}

/* -------------------- avas-acoustic END ---------------------------- */
/* ------------------------- acoustic-system -------------------------- */

.acoustic-system {
  margin-bottom: 12rem;
  position: relative;
}

.acoustic-system__container {}

.acoustic-system__title {
  margin-bottom: 1.6rem;
  position: relative;
  z-index: 10;
}

.acoustic-system__text {
  margin-bottom: 0;
}

.acoustic-system__city {
  position: relative;
  z-index: 2;
}

.acoustic-system__city__title {
  margin-bottom: 1.6rem;
}

.acoustic-system__city__text {
  margin-bottom: 1.6rem;
}

.acoustic-system__city__bg {
  position: relative;
  margin-bottom: 42.4rem;
}

.acoustic-system__city__image.mobile {
  z-index: -1;
  width: 100%;
  height: 52rem;
  position: absolute;
}

.acoustic-system__city__image img {
  width: 100%;
}

.acoustic-system__city__image.desktop {
  display: none;
}

.acoustic-system__info {
  display: flex;
  align-items: flex-start;
  padding-top: 1.6rem;
  border-top: 2px solid #9d9d9d;
}

.acoustic-system__info__icon {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
}

.acoustic-system__info__icon svg {
  width: 100%;
  height: 100%;
}

.acoustic-system__info__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
}

.acoustic-system__city__bg__anim {
  display: none;
}

@media screen and (min-width: 1024px) {
  .acoustic-system {
    margin-bottom: 180px;
  }

  .acoustic-system__title {
    width: 720px;
    margin: 0 auto 24px;
  }

  ._anim-items {
    transform: translateY(50px);
    opacity: 0;
    transition: all 300ms ease-out;
  }

  ._anim-items._active {
    transform: translateY(0);
    opacity: 1;
    transition: all 300ms ease-out 300ms;
  }

  .acoustic-system__text {
    width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }

  /* .acoustic-system__city__title {
		transform: translateY(50px);
		opacity: 0;
		transition: all 300ms ease-out;
	}

	.acoustic-system__city__title._active {
		transform: translateY(0);
		opacity: 1;
		transition: all 300ms ease-out 300ms;
	} */

  .acoustic-system__city__text {
    margin-bottom: 24px;
  }

  .acoustic-system__city {
    width: 720px;
    margin: 0 auto;
    opacity: 1;
  }

  .acoustic-system__city__bg {
    margin-bottom: 0;
    opacity: 0;
    height: 1719px;
  }

  .acoustic-system__city__image.mobile {
    display: none;
  }

  .acoustic-system__city__image.desktop {
    display: block;
    width: 100%;
    height: 1719px;
    z-index: -1;
    background-image: url("../img/thor-avas/AVAS-city/city.png");
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1719px;
    transform: translateY(-350px);
  }

  .acoustic-system__city__bg__anim {
    position: relative;
    display: block;
  }

  .acoustic-system__city__bg__anim img {
    position: absolute;
    max-width: 100%;
    opacity: 0;
  }

  .acoustic-system__city__bg__anim.no_anim img {
    animation: anim-city-ellipses-hide 300ms ease-in-out 0ms 1 normal forwards;
  }

  @keyframes anim-city-ellipses-hide {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .city-car-ellipse.first {
    width: 38px;
    height: 53px;
    top: 1053px;
    left: 341px;
  }

  .city-car-ellipse.second {
    width: 73px;
    height: 95px;
    top: 1041px;
    left: 367px;
  }

  .city-car-ellipse.third {
    width: 105px;
    height: 125px;
    top: 1036px;
    left: 403px;
  }

  .city-car-ellipse.fourth {
    width: 141px;
    height: 150px;
    top: 1031px;
    left: 444px;
  }

  .city-moped-ellipse.first {
    width: 19px;
    height: 51px;
    top: 1171px;
    left: 885px;
  }

  .city-moped-ellipse.second {
    width: 68px;
    height: 78px;
    top: 1137px;
    left: 826px;
  }

  .city-moped-ellipse.third {
    width: 105px;
    height: 105px;
    top: 1102px;
    left: 766px;
  }

  .city-moped-ellipse.fourth {
    width: 142px;
    height: 137px;
    top: 1058px;
    left: 697px;
  }

  .city-samokat-ellipse.first {
    width: 32px;
    height: 41px;
    top: 843px;
    left: 220px;
  }

  .city-samokat-ellipse.second {
    width: 47px;
    height: 71px;
    top: 825px;
    left: 248px;
  }

  .city-samokat-ellipse.third {
    width: 84px;
    height: 98px;
    top: 812px;
    left: 279px;
  }

  .city-samokat-ellipse.fourth {
    width: 113px;
    height: 130px;
    top: 797px;
    left: 306px;
  }

  .acoustic-system__city__bg__anim._anim img {
    animation: anim-city-ellepses 0.6s ease 0s 1 normal forwards;
  }

  .acoustic-system__city__bg__anim._anim .city-car-ellipse.second {
    animation-delay: 0.1s;
    animation-duration: 0.8s;
  }

  .acoustic-system__city__bg__anim._anim .city-car-ellipse.third {
    animation-delay: 0.3s;
    animation-duration: 1s;
  }

  .acoustic-system__city__bg__anim._anim .city-car-ellipse.fourth {
    animation-delay: 0.5s;
    animation-duration: 1.2s;
  }

  .acoustic-system__city__bg__anim._anim .city-moped-ellipse.first {
    animation-delay: 0.2s;
    animation-duration: 0.6s;
  }

  .acoustic-system__city__bg__anim._anim .city-moped-ellipse.second {
    animation-delay: 0.3s;
    animation-duration: 0.8s;
  }

  .acoustic-system__city__bg__anim._anim .city-moped-ellipse.third {
    animation-delay: 0.5s;
    animation-duration: 1s;
  }

  .acoustic-system__city__bg__anim._anim .city-moped-ellipse.fourth {
    animation-delay: 0.7s;
    animation-duration: 1.2s;
  }

  .acoustic-system__city__bg__anim._anim .city-samokat-ellipse.first {
    animation-delay: 0.4s;
    animation-duration: 0.6s;
  }

  .acoustic-system__city__bg__anim._anim .city-samokat-ellipse.second {
    animation-delay: 0.6s;
    animation-duration: 0.8s;
  }

  .acoustic-system__city__bg__anim._anim .city-samokat-ellipse.third {
    animation-delay: 0.7s;
    animation-duration: 1s;
  }

  .acoustic-system__city__bg__anim._anim .city-samokat-ellipse.fourth {
    animation-delay: 0.9s;
    animation-duration: 1.2s;
  }

  @keyframes anim-city-ellepses {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  /* .acoustic-system__city__image.desktop img {
		width: 100%;
	} */

  .acoustic-system__info__text {
    font-size: 18px;
    line-height: 150%;
  }
}

/* ------------------------- acoustic-system END -------------------------- */
/* ---------------------- avas-technology ----------------- */

.avas-technology {
  position: relative;
}

.avas-technology__container {}

.avas-technology__title {
  position: relative;
  z-index: 1;
}

.avas-technology__image {
  position: relative;
}

.avas-technology__image img {
  width: 100%;
}

.avas-technology__image__desktop {
  display: none;
}

.avas-technology__image__text {}

.avas-technology__image__label {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black-2);
  position: absolute;
  width: 12.3rem;
  left: 19rem;
  z-index: 4;
  opacity: 0.5;
}

.avas-technology__image__line {
  position: absolute;
  height: 0.2rem;
  background: var(--black-2);
  width: 5rem;
  top: 0.6rem;
  opacity: 0.2;
  right: calc(100% + 5px);
}

.avas-technology__image__label__ {
  cursor: pointer;
}

.avas-technology__image__svg {
  display: none;
}

.avas-technology__image__label.first {
  top: 22rem;
  width: 13rem;
}

.avas-technology__image__label.second {
  top: 28rem;
}

.avas-technology__image__label.third {
  top: 32.5rem;
  width: 15.3rem;
}

.avas-technology__image__label.fourth {
  bottom: 34.3rem;
  width: 8.5rem;
}

.avas-technology__image__label.fourth .avas-technology__image__label__ {
  width: 10rem;
}

.avas-technology__image__label.first .avas-technology__image__line {
  width: 7.5rem;
}

.avas-technology__image__label.second .avas-technology__image__line {
  width: 1.3rem;
}

.avas-technology__image__label.fourth .avas-technology__image__line {
  top: 0.7rem;
  left: calc(100% + 1rem);
}

.avas-technology__image__anim {
  display: none;
}

@media screen and (min-width: 1024px) {
  .avas-technology {
    height: inherit;
    margin-bottom: 220px;
  }

  .avas-technology__title {
    top: 80px;
  }

  .avas-technology__image {
    position: relative;
    /* opacity: 0; */
    transform: translateY(0px);
    transition: all 300ms ease-out 0ms;
  }

  .avas-technology__image._active {
    opacity: 1;
    transform: translateY(0px);
    transition: all 300ms ease-out 300ms;
  }

  .avas-technology__image._opacity {
    opacity: 0;
    transform: translateY(0px);
    transition: all 300ms ease-out 0ms;
  }

  .avas-technology__image img {
    /* width: 100%; */
    height: 100%;
  }

  .avas-technology__image__text {
    position: relative;
  }

  .avas-technology__image__mobile {
    display: none;
  }

  .avas-technology__image__desktop {
    display: block;
    width: 100%;
    height: 1578px;
    background: url("../img/thor-avas/car1.jpg");
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-position: center;
  }

  .avas-technology__image__label {
    font-size: 20px;
    line-height: 150%;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out 0ms;
  }

  .avas-technology__image__label._active {
    transform: translateY(0);
    opacity: 0.5;
    transition: all 300ms ease-out 0ms;
  }

  .avas-technology__image__label.first {
    top: 422px;
    width: 247px;
    left: 564px;
  }

  .avas-technology__image__label.second {
    width: 243px;
    top: 548px;
    left: 564px;
  }

  .avas-technology__image__label.third {
    width: 275px;
    top: 676px;
    left: 564px;
  }

  .avas-technology__image__label.fourth {
    width: 186px;
    top: 847px;
    left: 564px;
  }

  .avas-technology__image__label.first .avas-technology__image__line {
    right: calc(100% + 10px);
    top: 15px;
    width: 172px;
  }

  .avas-technology__image__label.second .avas-technology__image__line {
    width: 30px;
    right: calc(100% + 10px);
    top: 14px;
  }

  .avas-technology__image__label.fourth .avas-technology__image__label__ {
    width: 100%;
  }

  .avas-technology__image__label.fourth .avas-technology__image__line {
    left: calc(100% + 10px);
    top: 15px;
    width: 108px;
  }

  .avas-technology__image__svg {
    display: block;
    position: relative;
  }

  .avas-technology__image__svg__car {
    position: absolute;
    top: 450px;
    left: 121px;
  }

  .avas-technology__image_svg__car svg {
    width: 294px;
    height: 886px;
  }

  .avas-technology__image__svg__bike {
    display: block;
    position: absolute;
    right: 97px;
    top: 890px;
  }

  .avas-technology__image__svg__bike svg {
    width: 4px;
    height: 193px;
  }

  .avas-technology__image__anim {
    position: relative;
    display: block;
  }

  .avas-technology__image__anim .img-avas-tech-ellipse {
    position: absolute;
    z-index: 4;
    max-width: 100%;
  }

  .avas-technology__image__anim__car .img-avas-tech-ellipse.first {
    width: 110px;
    height: 75px;
    top: 402px;
    left: 310px;
    transform: scale(0.6);
    opacity: 0;
  }

  .avas-technology__image__anim__car .img-avas-tech-ellipse.second {
    width: 278px;
    height: 189px;
    top: 270px;
    left: 251px;
    transform: scale(0.6);
    opacity: 0;
  }

  .avas-technology__image__anim__car .img-avas-tech-ellipse.third {
    width: 462px;
    height: 297px;
    top: 114px;
    left: 182px;
    transform: scale(0.6);
    opacity: 0;
  }

  .avas-technology__image__anim__car .img-avas-tech-ellipse.fourth {
    width: 637px;
    height: 393px;
    top: -1px;
    left: 113px;
    transform: scale(0.6);
    opacity: 0;
  }

  .avas-technology__image__anim__bike .img-avas-tech-ellipse.first {
    width: 110px;
    height: 70px;
    top: 839px;
    right: 25px;
    transform: scale(0.6);
    opacity: 0;
  }

  .avas-technology__image__anim__bike .img-avas-tech-ellipse.second {
    width: 278px;
    height: 173px;
    top: 708px;
    right: -59px;
    transform: scale(0.6);
    opacity: 0;
  }

  .avas-technology__image__anim__bike .img-avas-tech-ellipse.third {
    width: 466px;
    height: 258px;
    top: 590px;
    right: -151px;
    transform: scale(0.6);
    opacity: 0;
  }

  .avas-technology__image__anim__bike .img-avas-tech-ellipse.fourth {
    width: 646px;
    height: 342px;
    top: 470px;
    right: -246px;
    transform: scale(0.7);
    opacity: 0;
  }
}

/* ---------------------- avas-technology END ----------------- */
/* ---------------------- avas-value --------------------------- */

.avas-value {
  margin-bottom: 10rem;
}

.avas-value__image img {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .avas-value {
    margin-bottom: 100px;
  }

  .avas-value__text {
    width: 720px;
    margin: 0 auto;
  }
}

/* ---------------------- avas-value END --------------------------- */
/* ---------------------- business-solution --------------------------- */

.block-solution {
  margin-bottom: 0.8rem;
}

.block-solution__container {}

.block-solution__image img {
  width: 100%;
}

.block-solution__image__desktop {
  display: none;
}

.block-solution__content {
  background: var(--white);
  padding: 1.6rem 1.6rem 4rem;
  border-radius: 0.8rem;
}

.block-solution__title {
  margin-bottom: 1.6rem;
}

.block-solution__text {
  margin-bottom: 4rem;
}

.block-solution__label {
  font-family: var(--futuraPT);
  font-size: 2.4rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  opacity: 0.6;
  margin-bottom: 1.6rem;
}

.block-solution__item:not(:last-child) {
  margin-bottom: 2.4rem;
}

.block-solution__count {
  font-family: var(--futuraPT);
  font-size: 3.6rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 0.4rem;
}

.block-solution__item__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.business-solution__image__anim {
  display: none;
}

.avas-city__image__anim {
  display: none;
}

@media screen and (min-width: 1024px) {
  .block-solution {
    margin-bottom: 16px;
  }

  .block-solution__container {
    position: relative;
  }

  .block-solution__image__mobile {
    display: none;
  }

  .business-solution__image__desktop {
    display: block;
    position: relative;
    width: 100%;
    height: 1080px;
    background: url("../img/thor-avas/bussines2.png");
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: 100%;  */
  }

  .avas-city__image__desktop {
    display: block;
    position: relative;
    width: 100%;
    height: 1080px;
    background: url("../img/thor-avas/bus2.jpg");
    background-repeat: no-repeat;
    background-position: center;
  }

  .block-solution__content {
    padding: 40px;
    margin-top: -186px;
    position: relative;
    z-index: 2;
  }

  .block-solution__title h2 {
    text-align: left;
  }

  .block-solution__title {
    margin-bottom: 24px;
  }

  .block-solution__text p {
    text-align: left;
  }

  .block-solution__text {
    margin-bottom: 48px;
  }

  .block-solution__label {
    font-size: 36px;
    line-height: 88.7%;
    margin-bottom: 24px;
  }

  .block-solution__count {
    font-size: 36px;
    line-height: 88.7%;
  }

  .block-solution__item__text {
    font-size: 16px;
    line-height: 150%;
  }

  .block-solution__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
  }

  .block-solution__item:not(:last-child) {
    margin-bottom: 0;
  }

  .avas-city__image__anim {
    display: block;
  }

  .business-solution__image__anim {
    display: block;
  }

  .business-solution__image__anim img {
    max-width: 100%;
    width: inherit;
    position: absolute;
    z-index: 2;
    top: 720px;
    left: 15px;
    opacity: 0;
  }

  .business-solution__image__anim {
    position: relative;
  }

  .avas-city__image__anim {
    position: relative;
  }

  .business-solution__image__anim__scooter img.img-scooter-1 {
    top: 720px;
    left: 15px;
    height: 40px;
    opacity: 0;
  }

  .business-solution__image__anim._active .img-scooter-1 {
    height: 80px;
    opacity: 1;
    transition: all 1000ms cubic-bezier(0.52, 0.35, 0.14, 1) 300ms;
  }

  .business-solution__image__anim__scooter img.img-scooter-2 {
    top: 714px;
    left: 47px;
    height: 65px;
    opacity: 0;
    transform: scale(0.5) translateX(-30px);
  }

  .business-solution__image__anim._active .img-scooter-2 {
    height: 130px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1500ms cubic-bezier(0.52, 0.35, 0.14, 1) 350ms;
  }

  .business-solution__image__anim__scooter img.img-scooter-3 {
    top: 702px;
    left: 86px;
    height: 95px;
    opacity: 0;
    transform: scale(0.5) translateX(-60px);
  }

  .business-solution__image__anim._active .img-scooter-3 {
    height: 190px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1500ms cubic-bezier(0.52, 0.35, 0.14, 1) 600ms;
  }

  .business-solution__image__anim__scooter img.img-scooter-4 {
    top: 690px;
    left: 124px;
    height: 127px;
    opacity: 0;
    transform: scale(0.5) translateX(-90px);
  }

  .business-solution__image__anim._active .img-scooter-4 {
    height: 254px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1500ms cubic-bezier(0.52, 0.35, 0.14, 1) 800ms;
  }

  .business-solution__image__anim__car img.img-car-1 {
    top: 602px;
    left: 547px;
    height: 51px;
    opacity: 0;
    transform: scale(0.5) translateX(-20px);
  }

  .business-solution__image__anim._active .img-car-1 {
    height: 102px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1500ms cubic-bezier(0.52, 0.35, 0.14, 1) 600ms;
  }

  .business-solution__image__anim__car img.img-car-2 {
    top: 579px;
    left: 582px;
    height: 107px;
    opacity: 0;
    transform: scale(0.5) translateX(-80px);
  }

  .business-solution__image__anim._active .img-car-2 {
    top: 574px;
    opacity: 1;
    height: 214px;
    transform: scale(1) translateX(0);
    transition: all 1500ms cubic-bezier(0.52, 0.35, 0.14, 1) 900ms;
  }

  .business-solution__image__anim__car img.img-car-3 {
    top: 570px;
    left: 627px;
    width: 145px;
    opacity: 0;
    transform: scale(0.5) translateX(-120px);
  }

  .business-solution__image__anim._active .img-car-3 {
    top: 550px;
    width: 290px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1500ms cubic-bezier(0.52, 0.35, 0.14, 1) 1200ms;
  }

  .business-solution__image__anim__car img.img-car-4 {
    top: 570px;
    left: 677px;
    height: 192px;
    opacity: 0;
    transform: scale(0.5) translateX(-160px);
  }

  .business-solution__image__anim._active .img-car-4 {
    top: 530px;
    height: 384px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1500ms cubic-bezier(0.52, 0.35, 0.14, 1) 1400ms;
  }

  .business-solution__image__anim__moped img.img-moped-1 {
    top: 478px;
    left: 825px;
    height: 40px;
    opacity: 0;
    transform: scale(0.5) translateX(-10px);
  }

  .business-solution__image__anim._active .img-moped-1 {
    top: 468px;
    height: 80px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1000ms cubic-bezier(0.52, 0.35, 0.14, 1) 1000ms;
  }

  .business-solution__image__anim__moped img.img-moped-2 {
    top: 468px;
    left: 847px;
    height: 65px;
    opacity: 0;
    transform: scale(0.5) translateX(-40px);
  }

  .business-solution__image__anim._active .img-moped-2 {
    top: 448px;
    height: 130px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1200ms cubic-bezier(0.52, 0.35, 0.14, 1) 1200ms;
  }

  .business-solution__image__anim__moped img.img-moped-3 {
    top: 448px;
    left: 867px;
    height: 95px;
    opacity: 0;
    transform: scale(0.5) translateX(-60px);
  }

  .business-solution__image__anim._active .img-moped-3 {
    top: 428px;
    height: 190px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1200ms cubic-bezier(0.52, 0.35, 0.14, 1) 1500ms;
  }

  .business-solution__image__anim__moped img.img-moped-4 {
    top: 438px;
    left: 892px;
    height: 127px;
    opacity: 0;
    transform: scale(0.5) translateX(-80px);
  }

  .business-solution__image__anim._active .img-moped-4 {
    top: 408px;
    height: 254px;
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all 1200ms cubic-bezier(0.52, 0.35, 0.14, 1) 1800ms;
  }

  .avas-city__image__anim img {
    max-width: 100%;
    width: inherit;
    position: absolute;
    z-index: 2;
    opacity: 0;
  }

  .avas-city__image__anim img.img-bus-1 {
    top: 742px;
    left: 739px;
    height: 30px;
    transform: scale(0.5) translateX(-10px);
  }

  .avas-city__image__anim._active .img-bus-1 {
    top: 740px;
    height: 60px;
    opacity: 1;
    transform: scale(1) translateX(0px);
    transition: all 1000ms cubic-bezier(0.52, 0.35, 0.14, 1) 0ms;
  }

  .avas-city__image__anim img.img-bus-2 {
    top: 713px;
    left: 773px;
    height: 61px;
    transform: scale(0.5) translateX(-40px);
  }

  .avas-city__image__anim._active .img-bus-2 {
    height: 118px;
    opacity: 1;
    transform: scale(1) translateX(0px);
    transition: all 1200ms cubic-bezier(0.52, 0.35, 0.14, 1) 200ms;
  }

  .avas-city__image__anim img.img-bus-3 {
    top: 687px;
    left: 812px;
    height: 89px;
    transform: scale(1) translateX(-60px);
  }

  .avas-city__image__anim._active .img-bus-3 {
    height: 179px;
    opacity: 1;
    transform: scale(1) translateX(0px);
    transition: all 1200ms cubic-bezier(0.52, 0.35, 0.14, 1) 500ms;
  }

  .avas-city__image__anim img.img-bus-4 {
    top: 659px;
    left: 849px;
    height: 121px;
    transform: scale(1) translateX(-80px);
  }

  .avas-city__image__anim._active .img-bus-4 {
    opacity: 1;
    height: 243px;
    transform: scale(1) translateX(0px);
    transition: all 1200ms cubic-bezier(0.52, 0.35, 0.14, 1) 800ms;
  }
}

/* -------------------- business-solution END ------------------------------ */
/* ------------------ connect-with-us ------------------------- */

.connect-with-us {
  margin-bottom: 17rem;
}

.connect-with-us__container {
  background: var(--black);
  opacity: 0.8;
  border-radius: 0.8rem;
  padding: 4rem 0;
}

.connect-with-us__title h3 {
  color: var(--white);
  font-weight: 400;
  font-size: 4.8rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.connect-with-us__title {
  margin-bottom: 4rem;
}

.connect-with-us__btn {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .connect-with-us {
    margin-bottom: 273px;
  }

  .connect-with-us__container {
    padding: 40px;
    position: relative;
  }

  .connect-with-us__title {
    margin-bottom: 0;
    width: 662px;
  }

  .connect-with-us__title h3 {
    font-size: 48px;
    line-height: 88.7%;
  }

  .connect-with-us__title h2 {
    text-align: left;
  }

  .connect-with-us__btn {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* ------------------ connect-with-us ------------------------- */

/* -------------------- thor-research------------------------ */
.thor-research {
  position: relative;
  margin: 34rem 0 37rem;
}

.thor-research__container {}

.thor-research__content {
  border-radius: 0.8rem;
  padding: 1.6rem 1.6rem 4rem;
  background: var(--white);
}

.thor-research__title {
  margin-bottom: 1.6rem;
}

.thor-research__title h2 {
  text-align: left;
}

.thor-research__text p {
  text-align: left;
}

.thor-research__img {
  position: absolute;
  border-radius: 0.8rem;
  overflow: hidden;
}

.thor-research__img img {
  width: 100%;
}

.thor-research__img.img-1 {
  bottom: calc(100% + 1.6rem);
  left: 1.6rem;
  width: 12.4rem;
}

.thor-research__img.img-2 {
  left: 15.6rem;
  bottom: calc(100% + 6.6rem);
  width: 20.3rem;
}

.thor-research__img.img-3 {
  top: -5rem;
  right: -23%;
  width: 21.8rem;
}

.thor-research__img.img-4 {
  display: none;
}

.thor-research__img.img-5 {
  display: none;
}

.thor-research__img.img-6 {
  width: 20rem;
  bottom: -8.4rem;
  right: 0;
}

.thor-research__img.img-7 {
  display: none;
}

.thor-research__img.img-8 {
  left: 1.6rem;
  top: calc(100% + 3.4rem);
  width: 14.5rem;
}

@media screen and (min-width: 1024px) {
  .thor-research {
    margin: 542px 0 867px;
    padding: 0;
  }

  .thor-research__content {
    width: 637px;
    padding: 40px;
    position: relative;
  }

  .thor-research__title {
    margin-bottom: 16px;
  }

  .thor-research__img.img-1 {
    top: -269px;
    left: 0;
    width: 309px;
    height: 229px;
  }

  .thor-research__img.img-2 {
    top: calc(100% + 40px);
    left: -77px;
    width: 400px;
    height: 199px;
  }

  .thor-research__img.img-2 img {
    height: 100%;
  }

  .thor-research__img.img-3 {
    top: -192px;
    right: -347px;
    width: 544px;
    height: 265px;
  }

  .thor-research__img.img-4 {
    display: block;
    bottom: 273px;
    left: calc(100% + 40px);
    width: 320px;
    height: 265px;
    max-width: 100%;
  }

  .thor-research__img.img-6 {
    width: 742px;
    height: 404px;
    top: calc(100% + 40px);
    bottom: inherit;
    left: 363px;
  }

  .thor-research__img.img-7 {
    top: 0;
    right: calc(100% + 40px);
    width: 229px;
    height: 229px;
    display: block;
  }

  .thor-research__img.img-5 {
    display: block;
    right: inherit;
    left: calc(100% + 40px);
    bottom: 0;
    width: 512px;
    height: 233px;
  }

  .thor-research__img.img-8 {
    right: unset;
    left: 58px;
    top: calc(100% + 80px + 199px);
    width: 265px;
    height: 265px;
  }
}

/* -------------------- thor-research END ------------------------ */

/* -------------------- sounds-avas ------------------------ */
.sounds-avas {
  margin-bottom: 20rem;
}

.sounds-avas__content {
  background: var(--white);
  border-radius: 0.8rem;
  padding: 1.6rem 1.6rem 4rem;
  margin-bottom: 1.6rem;
}

.sounds-avas__title {
  margin-bottom: 1.6rem;
}

.sounds-avas__title h2 {
  text-align: left;
}

.sounds-avas__text p {
  text-align: left;
}

.sound-avas__slider {
  position: relative;
  margin-bottom: 2.4rem;
}

.sound-avas__slide {
  position: relative;
  max-width: 15.2rem;
  margin-right: 1.6rem;
}

.sound-avas__slide img {
  width: 100%;
}

.sound-avas__slide__label {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  font-family: var(--futuraPT);
  font-size: 2.4rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  width: 8rem;
}

.sound-avas__slide__image img {
  border-radius: 0.8rem;
  overflow: hidden;
  width: 100%;
}

.sounds-avas__schedule {
  display: none;
}

@media screen and (min-width: 1024px) {
  .sounds-avas {
    margin-bottom: 320px;
  }

  .sounds-avas__content {
    padding: 40px;
    margin-bottom: 16px;
  }

  .sounds-avas__title {
    margin-bottom: 24px;
  }

  .sound-avas__slide {
    width: calc((100% - 16px * 3) / 4);
  }

  .sound-avas__slide:not(:last-child) {
    margin-right: 16px;
  }

  .sound-avas__slide__label {
    top: 8px;
    left: 8px;
    font-size: 24px;
    line-height: 88.7%;
    width: 80px;
  }

  .sounds-avas__schedule {
    display: block;
    /* margin: 0 165px 0 190px; */
  }

  .sounds-avas__schedule img {
    width: 100%;
  }

  .sounds-avas__schedule__image {
    margin-bottom: 50px;
    position: relative;
    height: 524px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .sounds-avas__schedule__image__segments {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: flex-end;
    /* 
		background-color: red; */
  }

  /* .sounds-avas__schedule__image__segments::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #E0E0DF;
		animation: anim-shcedule 1s ease-out 300ms 1 normal forwards;
	}

	@keyframes anim-shcedule {
		0% {
			bottom: 0;
		}

		100% {
			bottom: 100%;
		}
	} */

  .sounds-avas__schedule__image__ {
    position: absolute;
    left: -30px;
    bottom: 0;
    width: 1076px;
  }

  .sounds-avas__schedule__image__segments svg {
    width: 984px;
    height: 418px;
  }

  .sounds-avas__schedule__image__ div {
    width: 984px;
    height: 2px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 184px;
    left: 30px;
    z-index: 6;
  }

  .schedule-line {
    animation: anim-show-line 4000ms ease-out 2000ms 1 normal forwards,
      anim-schedule-hide 500ms ease-out 6500ms 1 normal forwards;
  }

  @keyframes anim-show-line {
    0% {
      stroke-dashoffset: 4014;
    }

    100% {
      stroke-dashoffset: 0;
    }
  }

  /* .schedule-1 {
		animation: anim-schedule-hide 500ms ease-out 1000ms 1 normal forwards;
}

	 */
  @keyframes anim-schedule-hide {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .schedule-2 path {
    /* stroke-width: 1px;
		stroke: rgba(29, 29, 29, 0.1); */
  }

  .schedule-2 .path-green {
    animation: anim-bg-green 500ms ease-out 6000ms 1 normal forwards;
  }

  .schedule-2 .path-grey {
    animation: anim-bg-grey 500ms ease-out 6000ms 1 normal forwards;
  }

  .schedule-2 .path-blue {
    animation: anim-bg-blue 500ms ease-out 6000ms 1 normal forwards;
  }

  @keyframes anim-bg-green {
    0% {
      fill: transparent;
    }

    100% {
      fill: #48cf00;
    }
  }

  @keyframes anim-bg-grey {
    0% {
      fill: transparent;
    }

    100% {
      fill: #bfbfbf;
    }
  }

  @keyframes anim-bg-blue {
    0% {
      fill: transparent;
    }

    100% {
      fill: #019ecf;
    }
  }

  /*

	@keyframes anim-schedule-show {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	} */

  .sounds-avas__schedule__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 55px;
    width: 984px;
    margin: 0 auto;
  }

  .sounds-avas__schedule__item .sounds-avas__schedule__icon svg {
    opacity: 0;
    transition: opacity 200ms ease-out;
  }

  .sounds-avas__schedule__item._hover .sounds-avas__schedule__icon svg {
    opacity: 1;
    transition: opacity 200ms ease-out;
  }

  .sounds-avas__schedule__icon {
    margin-bottom: 12px;
  }

  .sounds-avas__schedule__icon svg {
    width: 34px;
    height: 33px;
    margin-bottom: 11px;
  }

  .sounds-avas__schedule__line {
    width: 51px;
    height: 14px;
    border-radius: 16px;
  }

  .sounds-avas__schedule__line.green {
    background: #48cf00;
  }

  .sounds-avas__schedule__line.grey {
    background: #bfbfbf;
  }

  .sounds-avas__schedule__line.blue {
    background: #019ecf;
  }

  .sounds-avas__schedule__text {
    font-family: var(--openSans);
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-2);
    opacity: 0.5;
  }
}

/* -------------------- sounds-avas END ------------------------ */

/* --------------------- ev-technology -------------------------------- */

.ev-technology {
  margin-bottom: 16rem;
}

.ev-technology__container {}

.ev-technology__title {
  display: none;
}

.ev-technology__image {
  position: relative;
}

.ev-technology__image__mobile img {
  width: 35.1rem;
}

.ev-technology__image__desktop {
  display: none;
}

.ev-technology__image__text {
  position: relative;
}

.ev-technology__image__label {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--white);
  opacity: 0.6;
  position: absolute;
  width: 11.1rem;
  right: 0.8rem;
}

.ev-technology__image__label.first {
  top: 19.6rem;
}

.ev-technology__image__label.second {
  top: 30.9rem;
}

.ev-technology__image__label.third {
  top: 68rem;
}

.ev-technology__image__label.fourth {
  top: 75.6rem;
}

.ev-technology__image__line {
  height: 0.1rem;
  background: var(--white);
  position: absolute;
  right: 11.5rem;
  top: 1rem;
  opacity: 0.6;
}

.ev-technology__image__label.first .ev-technology__image__line {
  width: 6rem;
}

.ev-technology__image__label.second .ev-technology__image__line {
  width: 14rem;
}

.ev-technology__image__label.third .ev-technology__image__line {
  width: 13.6rem;
}

.ev-technology__image__label.fourth .ev-technology__image__line {
  width: 8.5rem;
}

.ev-technology__image__anim {
  display: none;
}

@media screen and (min-width: 1024px) {
  .ev-technology {
    margin-bottom: 438px;
    position: relative;
  }

  .ev-technology__title {
    display: block;
    /* position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%; */
    /* top: 58px; */
    margin-bottom: 292px;
  }

  .ev-technology__image__mobile {
    display: none;
  }

  .ev-technology__image__desktop {
    display: block;
    width: 100%;
    height: 1823px;
    background-repeat: no-repeat;
    background-position: center;
  }

  .ev-technology__image__label {
    top: 0;
    left: 734px;
    width: 292px;
    font-size: 20px;
    line-height: 150%;
    cursor: pointer;
  }

  .ev-technology__image__label.first {
    top: 109px;
  }

  .ev-technology__image__label.second {
    top: 408px;
  }

  .ev-technology__image__label.third {
    top: 1384px;
  }

  .ev-technology__image__label.fourth {
    top: 1584px;
  }

  .ev-technology__image__line {
    right: calc(100% + 10px);
    top: 15px;
  }

  .ev-technology__image__label.first .ev-technology__image__line {
    width: 172px;
  }

  .ev-technology__image__label.second .ev-technology__image__line {
    width: 369px;
  }

  .ev-technology__image__label.third .ev-technology__image__line {
    width: 356px;
  }

  .ev-technology__image__label.fourth .ev-technology__image__line {
    width: 218px;
  }

  .ev-technology__image__anim {
    display: block;
    position: relative;
  }

  .ev-technology__image__anim__car.up img {
    position: absolute;
    max-width: 100%;
  }

  .img-car-ev-up-1 {
    width: 110px;
    height: 68px;
    top: 38px;
    left: 415px;
    opacity: 0;
    transform: scale(0.6);
  }

  .img-car-ev-up-2 {
    width: 275px;
    height: 189px;
    top: -62px;
    left: 359px;
    opacity: 0;
    transform: scale(0.6);
  }

  .img-car-ev-up-3 {
    width: 452px;
    height: 294px;
    top: -184px;
    left: 301px;
    opacity: 0;
    transform: scale(0.6);
  }

  .img-car-ev-up-4 {
    width: 624px;
    height: 409px;
    top: -333px;
    left: 242px;
    opacity: 0;
    transform: scale(0.6);
  }

  .ev-technology__image__anim__car.down img {
    position: absolute;
    max-width: 100%;
  }

  .img-car-ev-down-1 {
    top: 1657px;
    left: 395px;
    opacity: 0;
    transform: scale(0.6);
  }

  .img-car-ev-down-2 {
    top: 1671px;
    left: 310px;
    opacity: 0;
    transform: scale(0.6);
  }

  .img-car-ev-down-3 {
    top: 1702px;
    left: 216px;
    opacity: 0;
    transform: scale(0.6);
  }

  .img-car-ev-down-4 {
    top: 1758px;
    left: 133px;
    opacity: 0;
    transform: scale(0.6);
  }

  .ev-technology__image__svg {
    position: absolute;
    top: 142px;
    left: 135px;
  }

  .ev-technology__image__svg svg {
    width: 400px;
    height: 1459px;
  }
}

/* --------------------- ev-technology END -------------------------------- */

/* --------------------- order confirm ------------------------------------ */

.order-confirm-page__container {
  margin-top: 8.8rem;
}

.order-confirm-page__title h1 {
  text-align: left;
  margin: 4rem 0 2.4rem;
}

.order-confirm-page__info {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  margin-bottom: 4rem;
  max-width: 35rem;
}

@media screen and (min-width: 1024px) {
  .order-confirm-page__container {
    margin-top: 88px;
  }

  .order-confirm-page__title h1 {
    margin: 40px 0 24px;
  }

  .order-confirm-page__info {
    font-size: 18px;
    margin-bottom: 40px;
    max-width: 350px;
  }
}

/* --------------------- order confirm END -------------------------------- */

/* --------------------- order-product page ------------------------------- */

.order-product {
  margin: 0;
}

.order-product__container {
  margin-top: 8.8rem;
}

.order-product__title h1 {
  margin: 4rem 0 2.4rem;
  text-align: left;
}

.order-product__block:not(:last-child) {
  margin-bottom: 4rem;
}

.order-product__block.delivery-product {
  margin-bottom: 2.4rem;
}

.order-product__block__title {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  margin-bottom: 1.6rem;
  margin-top: 3.2rem;
}

.order-product__block__line:not(:last-child) {
  margin-bottom: 1.6rem;
}

.order-product__block__row:not(:last-child) {
  margin-bottom: 1.6rem;
}

.order-product__block__line {
  position: relative;
}

.order-product__title h2 {
  text-align: left;
  margin-bottom: 4rem;
}

.order-product__block:not(:last-child) {
  margin-bottom: 0;
}

.order-product__form.order-product__form--bg-black {
  .order-product__block-title {
    color: var(--white);
  }

  .order-product__block__title {
    color: var(--white);
  }

  .order-product__row-pay--top-bordered {
    border-top-color: var(--white);
  }

  .order-product__label,
  .order-product__price {
    color: var(--white);
  }

  .order-product__btn button {
    background: var(--white);
    color: var(--black-2);
  }

  .order-product__politics {
    color: rgba(255, 255, 255, 0.6);
  }
}

.order-product__block-title-col {
  display: flex;
  flex-flow: column;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}

.order-product__block-title {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.order-product__block-link {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #2767c5;
  text-decoration: none;
}

.order-product__block__input {
  display: block;
  width: 100%;
  font-family: var(--openSans);
  font-size: max(18px, 1.8rem);
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  outline: none;
  padding-left: max(24px, 2.4rem);
  padding-right: max(24px, 2.4rem);
  padding-top: max(27px, 2.7rem);
  padding-bottom: max(11px, 1.1rem);
  border: 2px solid rgba(29, 29, 29, 0.2);
  border-radius: 0.8rem;
}

.order-product__block__label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2.4rem;
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.5;
  transition: all 150ms ease-out;
  cursor: text;
  pointer-events: none;
}

.order-product__block__line._active .order-product__block__label {
  top: 1.1rem;
  transform: translateY(0);
  font-size: 1.2rem;
  line-height: 100%;
  transition: all 150ms ease-out;
}

.order-product__block__select__ {
  display: block;
  width: 100%;
  font-family: var(--openSans);
  font-size: max(18px, 1.8rem);
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  outline: none;
  padding-left: max(24px, 2.4rem);
  padding-right: max(24px, 2.4rem);
  padding-top: max(27px, 2.7rem);
  padding-bottom: max(11px, 1.1rem);
  border: 2px solid rgba(29, 29, 29, 0.2);
  border-radius: 0.8rem;
  background: var(--white);
}

.order-product__block__select::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  right: 2.2rem;
  background: url("/img/svg/arrowdown.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
  pointer-events: none;
}

.form-line--black .order-product__block__select::after {
  background-image: url("/img/svg/arrowdown-white.svg");
}

.order-product__block__select__ {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.order-product__block__select__::-ms-expand {
  display: none;
}

.order-product__row-delivery {
  border-top: 1px solid rgba(29, 29, 29, 0.2);
  border-bottom: 2px solid var(--black);
  padding: 2.4rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.order-product__row-delivery__label {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.order-product__row-delivery__text {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  width: 20rem;
}

.order-product__row-pay {
  padding-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.order-product__politics {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: rgba(29, 29, 29, 0.6);
}

.order-product__politics a {
  color: #2767c5;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border 150ms ease-out;
}

.order-product__politics a:hover {
  border-bottom: 1px solid #2767c5;
  transition: border 150ms ease-out;
}

.order-product__total-price {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}

.order-product__label-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-product__label {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
  margin-right: 0.8rem;
}

.order-product__price {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.order-product__btn {
  margin-bottom: 2.4rem;
}

.order-product__btn button {
  background: var(--black);
  color: var(--white);
}

@media screen and (min-width: 1024px) {
  .order-product__block__title {
    font-size: 24px;
    margin-bottom: 16px;
    margin-top: 0;
  }

  .order-product__block-title {
    font-size: 24px;
  }

  .order-product__block-link {
    font-size: 14px;
  }

  .order-product__block-title-col {
    gap: 8px;
    margin-bottom: 0;
  }

  .order-product {
    margin: unset;
  }

  .order-product__title h1 {
    margin: 40px 0 80px;
  }

  .order-product__block {
    display: grid;
    grid-template-columns: 1fr 632px;
  }

  .order-product__block:not(:last-child) {
    margin-bottom: 40px;
  }

  .order-product__block__row {
    display: flex;
  }

  .order-product__block__row:not(:last-child) {
    margin-bottom: 16px;
  }

  .order-product__block__line:not(:last-child) {
    margin-bottom: 0;
    margin-right: 17px;
  }

  .order-product__block__row .form-group:not(:last-child) {
    margin-right: 17px;
  }

  .order-product__block__line {
    width: 100%;
  }

  .order-product__block:not(:first-child) {
    padding-top: 50px;
    border-top: 1px solid rgba(29, 29, 29, 0.1);
    margin-bottom: 40px;
  }

  .order-product__row-delivery {
    display: block;
    padding: 24px 0;
  }

  .order-product__row-delivery__label {
    display: none;
    font-size: 18px;
  }

  .order-product__row-delivery__text {
    width: auto;
    text-align: right;
    font-size: 18px;
  }

  .order-product__row-pay {
    padding-top: 24px;
    flex-direction: row;
  }

  .order-product__row-pay--top-bordered {
    border-top: 2px solid var(--black);
  }

  .order-product__politics {
    width: 388px;
    order: 0;
    font-size: 14px;
  }

  .order-product__total-price {
    order: 2;
    flex-grow: 1;
    justify-content: flex-end;
    margin-right: 32px;
    margin-bottom: 0;
  }

  .order-product__label {
    font-size: 18px;
    margin-right: 8px;
  }

  .order-product__price {
    font-size: 18px;
  }

  .order-product__btn {
    order: 3;
    margin-bottom: 0;
  }

  .order-product__block__input {
    font-size: 18px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 27px;
    padding-bottom: 11px;
    border-radius: 8px;
  }

  .order-product__block__label {
    left: 24px;
    font-size: 18px;
  }

  .order-product__block__line._active .order-product__block__label {
    top: 11px;
    font-size: 12px;
  }

  .order-product__block__select__ {
    font-size: 18px;
    padding: 27px 24px 11px;
    border-radius: 8px;
  }
}

/* --------------------- order-product page END ------------------------------- */

/* -------------------- cart page -------------------------------------------------------- */

.cart-page {
  margin-top: 8.8rem;
}

.cart-page__container {
  margin-top: 8.8rem;
}

.cart-page__title {}

.cart-page__title h1 {
  text-align: left;
  font-weight: 600;
  margin: 4rem 0 2.4rem;
}

.cart__items-list {}

.cart__items-list__container {}

.cart__item {}

.cart__item__container {
  display: flex;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid rgba(29, 29, 29, 0.1);
  min-height: 14rem;
}

.cart__item__img {
  flex-basis: 5.6rem;
  min-width: 5.6rem;
  height: 5.6rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-right: 1.6rem;
  background: var(--black-2);
  display: flex;
  align-items: center;
}

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

.cart__item__info {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}

.cart__item__name a {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  width: 100%;
  margin-bottom: 1.6rem;
  text-decoration: none;
}

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

.cart__item__count__container {
  display: flex;
  padding: 1.4rem 2rem;
  border: 0.2rem solid var(--black);
  border-radius: 5rem;
  align-items: center;
}

.cart__item__count__minus {
  display: flex;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
}

.cart__item__count__minus svg {
  width: 1.4rem;
  height: 0.2rem;
}

.cart__item__count__minus.active {
  cursor: pointer;
}

.cart__item__count__minus.active:hover {
  transform: rotate(-180deg);
  transition: 300ms linear;
}

.cart__item__count__minus.active svg path {
  fill: #323232;
}

.cart__item__count__number {
  margin: 0 1.6rem;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.cart__item__count__plus {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.cart__item__count__plus:hover {
  transform: rotate(180deg);
  transition: 350ms linear;
}

.cart__item__count__plus svg {
  width: 1.4rem;
  height: 1.4rem;
}

.cart__item__amount {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--black);
  position: relative;
}

.cart__item__amount span {
  display: none;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
}

.cart__item__amount span.disable {
  display: none;
}

.cart__item__delete {
  cursor: pointer;
}

.cart__item__delete svg {
  width: 1.4rem;
  height: 1.8rem;
}

.cart__item__delete:hover path {
  fill: #ff4000;
}

.cart__item__amount__calc {}

.cart__delivery {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  display: flex;
  justify-content: space-between;
  padding-bottom: 2.4rem;
  margin-bottom: 4rem;
  border-bottom: 2px solid var(--black);
}

.cart__delivery__label {}

.cart__delivery__info {
  max-width: 20rem;
}

.cart__promo-input {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: row;
}

.cart__promo-input input {
  flex-grow: 1;
  padding: 1.4rem 2.4rem;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--black);
  font-family: var(--openSans);
  background: #ffffff;
  border: 2px solid rgba(29, 29, 29, 0.2);
  border-radius: 0.8rem;
  outline: none;
  max-width: 32rem;
  align-self: center;
}

.cart__promo-input__apply-btn {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: var(--black);
  border-radius: 4.8rem;
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  cursor: pointer;
  min-width: 5.6rem;
  height: 5.6rem;
  margin-left: 1.6rem;
}

.cart__promo-input__apply-btn span {
  display: none;
}

.cart__promo-input__apply-btn svg {
  width: 1.6rem;
  height: 1.6rem;
}

.cart__promo-input__apply-btn.disable {
  opacity: 0.6;
}

.cart__order-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16rem;
}

.cart__order__amount {
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: -0.02em;
  color: #737374;
  margin-bottom: 2.4rem;
}

.cart__order__amount span {
  color: var(--black);
  margin-left: 0.8rem;
}

.cart__order__btn {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: var(--black);
  border-radius: 4.8rem;
  padding: 1.6rem 2.4rem;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .cart__item__container {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(29, 29, 29, 0.1);
    min-height: 140px;
  }

  .cart__item__name a {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .cart__item__count__number {
    margin: 0 16px;
    font-size: 18px;
  }

  .cart__item__count__minus {
    width: 14px;
    height: 14px;
  }

  .cart__item__count__plus svg {
    width: 14px;
    height: 14px;
  }

  .cart__item__count__minus svg {
    width: 14px;
    height: 2px;
  }

  .cart__item__count__container {
    padding: 8px 16px;
    border: 2px solid var(--black);
    border-radius: 50px;
  }

  .cart__item__info {
    flex-direction: row;
    align-items: flex-start;
    margin-top: 46px;
  }

  .cart__item__name {
    margin-bottom: 0;
    font-size: 18px;
    max-width: 300px;
  }

  .cart__item__img {
    flex-basis: 200px;
    min-width: 200px;
    height: 200px;
    margin-right: 34px;
    border-radius: 8px;
  }

  .cart-page__title h1 {
    margin: 40px 0 80px;
  }

  .cart__item__amount {
    margin-right: 40px;
    width: 120px;
    text-align: right;
    font-size: 18px;
  }

  .cart__item__amount span {
    display: block;
    position: absolute;
    right: 0;
    bottom: -40px;
    font-size: 18px;
  }

  .cart__delivery__info {
    max-width: unset;
  }

  .cart__promo-input {
    justify-content: flex-end;
    flex-direction: row;
    margin-bottom: 40px;
  }

  .cart__order-block {
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 160px;
  }

  .cart__order__amount {
    margin-bottom: 0;
    margin-right: 32px;
    font-size: 18px;
  }

  .cart__order__amount span {
    margin-left: 8px;
  }

  .cart__promo-input__apply-btn {
    margin-top: 0;
    padding: 0 24px;
    font-size: 18px;
    border-radius: 48px;
    min-width: 56px;
    height: 56px;
    margin-left: 16px;
  }

  .cart__promo-input__apply-btn span {
    display: block;
  }

  .cart__promo-input__apply-btn svg {
    display: none;
  }

  .cart__promo-input input {
    width: 300px;
    padding: 14px 24px;
    font-size: 18px;
    border-radius: 8px;
    max-width: 320px;
  }

  .cart__item__delete svg {
    width: 14px;
    height: 18px;
  }

  .cart__delivery {
    font-size: 18px;
    padding-bottom: 24px;
    margin-bottom: 40px;
  }

  .cart__order__btn {
    font-size: 18px;
    border-radius: 48px;
    padding: 16px 24px;
  }
}

/* -------------------- cart page END --------------------------------------------------- */

/* -------------------- empty cart --------------------------------------------------- */

.empty-cart__go-buy-link {
  display: flex;
  margin-bottom: 1.6rem;
}

.empty-cart__go-buy-link a {
  display: flex;
  align-items: center;
  align-self: flex-start;
  background: var(--black);
  color: #ffffff;
  letter-spacing: -0.02em;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  padding: 0 2rem 0 2.4rem;
  text-decoration: none;
  height: 5.6rem;
  border-radius: 5rem;
}

.empty-cart__go-buy-link a span {
  margin-right: 1.2rem;
}

.empty-cart__delivery-info {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
  margin-bottom: 4rem;
}

.empty-cart__banner {
  overflow: hidden;
  border-radius: 0.8rem;
  position: relative;
  background: var(--black-2);
  color: #fff;
  padding: 2.4rem;
}

.empty-cart__banner__img {
  position: absolute;
  right: -36%;
  top: 0;
  bottom: 0;
}

.empty-cart__banner__img img {
  height: 100%;
}

.empty-cart__banner__title {
  position: relative;
  z-index: 1;
  font-family: var(--futuraPT);
  font-weight: 450;
  font-size: 4rem;
  line-height: 97.1%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.empty-cart__banner__desc {
  position: relative;
  z-index: 1;
  margin-bottom: 4rem;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
}

.empty-cart__banner__link {
  position: relative;
  z-index: 1;
  display: flex;
}

.empty-cart__banner__link a {
  align-self: flex-start;
  background: #fff;
  display: flex;
  align-items: center;
  height: 5.6rem;
  padding: 0 2rem 0 2.4rem;
  color: var(--black-2);
  text-decoration: none;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  border-radius: 3rem;
}

.empty-cart__banner__link a span {
  margin-right: 1.2rem;
}

@media screen and (min-width: 1024px) {
  .empty-cart__go-buy-link {
    margin-bottom: 16px;
  }

  .empty-cart__go-buy-link a {
    font-size: 18px;
    padding: 0 20px 0 24px;
    height: 56px;
    border-radius: 50px;
  }

  .empty-cart__go-buy-link a span {
    margin-right: 12px;
  }

  .empty-cart__delivery-info {
    font-size: 18px;
    margin-bottom: 40px;
  }

  .empty-cart__banner {
    height: 400px;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    padding: 24px;
  }

  .empty-cart__banner__img {
    right: -10%;
  }

  .empty-cart__banner__title {
    font-size: 68px;
    line-height: 88.7%;
    margin-bottom: 10px;
  }

  .empty-cart__banner__desc {
    flex-grow: 1;
    font-size: 24px;
    max-width: 400px;
    margin-bottom: 40px;
  }

  .empty-cart__banner__link a {
    height: 56px;
    padding: 0 20px 0 24px;
    font-size: 18px;
    border-radius: 30px;
  }

  .empty-cart__banner__link a span {
    margin-right: 12px;
  }
}

/* -------------------- empty cart END --------------------------------------------------- */

/* -------------------- product page --------------------------------------------------- */

.product__info__title h1 {
  margin: 1.6rem 0 2.4rem;
}

.product-page__container {
  display: flex;
  flex-direction: column;
  margin-bottom: 10rem;
  margin-top: 4.8rem;
}

.product__img {}

.product__slider {
  position: relative;
}

.product__slider__container {
  display: flex;
  overflow-x: auto;
  width: 100vw;
  position: relative;
}

.product__slider__img {
  width: 100vw;
  height: 100vw;
  background: var(--black-2);
  display: flex;
  align-items: center;
}

.product__slider__img img {
  width: 100vw;
  height: auto;
}

.product__slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(255, 255, 255);
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.product__slider__arrow.next-arrow {
  right: 2.4rem;
}

.product__slider__arrow.prew-arrow {
  left: 2.4rem;
  display: none;
}

.product__slider__arrow svg {
  width: 1.2rem;
  height: 1.2rem;
}

.product__info {}

.product__info__container {
  display: flex;
  flex-direction: column;
}

.product__info__desc {
  order: 3;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 1.6rem;
}

.product__info__desc__more {
  order: 3;
  margin-bottom: 4.8rem;
  display: flex;
  align-self: flex-start;
}

.product__info__desc__more a {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #2767c5;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.product__info__desc__more a span {
  margin-left: 0.8rem;
  padding: 0.4rem 0.4rem 0;
}

.product__info__desc__more a span svg {
  width: 1.6rem;
  height: 1.6rem;
}

.product__info__choice {
  order: 1;
  margin-bottom: 3.2rem;
}

.product__info__choice__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.4rem;
}

.product__info__choice__ {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  padding: 1.4rem 2.4rem;
  background: var(--white);
  border: 0.2rem solid var(--black);
  border-radius: 4.8rem;
  margin: 0 0.4rem;
}

.product__info__choice__ {
  text-decoration: none;
  color: var(--black);
}

.product__info__choice__.active {
  opacity: 0.4;
  transition: opacity 150ms linear;
}

.product__info__choice__.active:hover {
  opacity: 1;
}

.product__info__choice__info {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
}

.product__info__buy {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6.4rem;
}

.product__info__cost {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  background: var(--white);
  border-radius: 5rem;
  padding: 1.4rem 2.4rem;
}

.product__info__cart-add {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--white);
  background: var(--black);
  border-radius: 5rem;
  padding: 1.4rem 2.4rem;
  text-decoration: none;
}

.product__info__specification-list {
  order: 3;
}

.product__info__specification-item {
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  opacity: 0.6;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid var(--black);
  margin-bottom: 1.6rem;
}

.product__info__specification-item__title {}

.product__info__specification-item__desc {}

.product-page .shop-list__title h2 {
  font-size: 2.4rem;
  line-height: 120%;
  flex-direction: row;
}

.product__slider__pagination {
  position: absolute;
  bottom: 1.6rem;
  left: 50%;
  transform: translate(-50%);
}

.product__slider__pagination ul {
  display: flex;
}

.product__slider__pagination ul li {
  list-style: none;
}

.product__slider__pagination__point {
  width: 0.8rem;
  height: 0.8rem;
  background: #828282;
  margin: 0 0.4rem;
  border-radius: 0.5rem;
}

.product__slider__pagination__point.active {
  background: #d1d1d1;
}

.product__slider__prew-img {
  display: none;
}

@media screen and (min-width: 1024px) {
  .product__slider__container {
    width: 500px;
    border-radius: 8px;
  }

  .product__slider__arrow {
    width: 40px;
    height: 40px;
  }

  .product__slider__arrow.next-arrow {
    right: 24px;
  }

  .product__slider__arrow.prew-arrow {
    left: 24px;
  }

  .product__slider__arrow svg {
    width: 12px;
    height: 12px;
  }

  .product__img {
    width: 500px;
    height: 500px;
  }

  .product__slider__img {
    width: 500px;
    height: 500px;
  }

  .product__slider__img img {
    width: 500px;
    height: auto;
  }

  .product-page {
    margin-top: 48px;
  }

  .product-page__container {
    flex-direction: row;
    margin-bottom: 160px;
    margin: 104px auto 160px;
    max-width: 984px;
  }

  .product__info.wrapper {
    margin: 0;
    width: unset;
    padding-left: 24px;
    width: calc(984px / 2);
  }

  .product__info__title h1 {
    margin: 0 0 16px;
  }

  .product__info__desc {
    order: 1;
    margin-bottom: 8px;
    font-size: 16px;
  }

  .product__info__desc__more {
    order: 1;
    margin-bottom: 40px;
  }

  .product__info__choice {
    order: 2;
    margin-bottom: 40px;
  }

  .product__info__choice__btn {
    justify-content: flex-start;
  }

  .product__info__choice__info {
    text-align: left;
    font-size: 18px;
  }

  .product__info__buy {
    justify-content: flex-start;
    margin-bottom: 80px;
  }

  .product__info__cost {
    padding: 18px 55px;
    font-size: 18px;
    border-radius: 50px;
  }

  .product__info__cart-add {
    flex-grow: 1;
    text-align: center;
    padding: 18px 0;
    font-size: 18px;
    border-radius: 50px;
  }

  .product__info__specification-item {
    font-size: 18px;
    padding-bottom: 14px;
    margin-bottom: 16px;
  }

  .product-page .shop-list__title h2 {
    font-size: 68px;
  }

  .product__slider__prew-img {
    display: block;
  }

  .product__slider__prew-img ul {
    display: flex;
    width: 500px;
    flex-wrap: wrap;
  }

  .product__slider__prew-img__item {
    opacity: 0.6;
    width: 70px;
    height: 70px;
    margin-top: 16px;
    margin-left: 16px;
    list-style: none;
  }

  .product__slider__prew-img__item img {
    width: 70px;
    height: auto;
  }

  .product__slider__prew-img__item:nth-child(6n + 1) {
    margin-left: 0;
  }

  .product__slider__prew-img__item.active {
    opacity: 1;
  }

  .product__slider__pagination {
    display: none;
  }

  .product__slider__prew-img__item a {
    display: flex;
    width: 70px;
    height: 70px;
    align-items: center;
    background: var(--black-2);
    border-radius: 8px;
    overflow: hidden;
  }

  .product__slider__prew-img__item:hover {
    opacity: 1;
  }

  .product-page .shop-list__title h2 {
    font-size: 32px;
  }

  .product-page .shop-list__items-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px 0;
  }

  .product-page .shop-list__item {
    margin: 0 0 0 24px;
  }

  .product-page .shop-list__item:nth-child(3n + 1) {
    margin: 0 0 0 24px;
  }

  .product-page .shop-list__item:first-child {
    margin: 0;
    margin-left: calc((100% - 984px) / 2);
  }

  .product-page .shop-list__item:last-child {
    margin: 0 24px;
  }

  .product__info__desc__more a {
    font-size: 18px;
  }

  .product__info__desc__more a span svg {
    width: 16px;
    height: 16px;
  }

  .product__info__choice__ {
    font-size: 18px;
    padding: 14px 24px;
    border: 2px solid var(--black);
    border-radius: 48px;
    margin: 0 4px;
  }
}

/* -------------------- product page END --------------------------------------------------- */

/* -------------------- thor default page --------------------------------------------------- */
.default-page {
  margin-top: 8.8rem;
}

.default-page h1 {
  text-align: left;
  color: var(--black);
  margin-bottom: 4rem;
}

.default-page p {
  font-size: 2rem;
  line-height: 140%;
}

.default-page p:not(:last-child) {
  margin-bottom: 2rem;
}

@media screen and (min-width: 1024px) {
  .default-page {
    margin-top: 88px;
    /* ставим минимальную высоту 100vh минус высота шапки и футера */
    min-height: calc(100vh - 88px - 374px);
  }

  .default-page h1 {
    margin-bottom: 40px;
  }

  .default-page p {
    font-size: 24px;
    line-height: 140%;
  }

  .default-page p:not(:last-child) {
    margin-bottom: 20px;
  }
}

/* -------------------- thor default page END --------------------------------------------------- */

/* -------------------- thor shop --------------------------------------------------- */
.see_also_swapper {
  position: relative;
}

.shop-list.desktop-slider {
  padding: 0 1.6rem;
}

.shop-page {
  margin-top: 8.8rem;
}

.shop-list {
  margin-bottom: 5.6rem;
}

.shop-list__title {
  margin-bottom: 1.6rem;
}

.shop-list__title h2 {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  text-align: left;
  display: flex;
  flex-direction: column;
}

.shop-list__title h2 span {
  opacity: 0.4;
  display: block;
}

.shop-list__container {
  position: relative;
  margin-left: 1.6rem;
}

.shop-list__container.wrapper {
  margin: 0;
}

.shop-list__items-list {
  display: flex;
  /* overflow-x: auto; */
}

.shop-list__item {
  max-width: 30rem;
  min-height: 40rem;
  margin-right: 1.6rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.shop-list__item:first-child {
  margin-left: 0;
}

.shop-list__item:last-child {
  margin-right: 1.6rem;
}

.shop-list__item__container {
  width: 100%;
  height: 40rem;
  padding: 2.4rem 0;
  background: var(--black-2);
  text-decoration: none;
  color: inherit;
  display: block;
  border-radius: 0.8rem;
  overflow: hidden;
  cursor: pointer;
}

.shop-list__item__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.shop-list__item__name {
  font-weight: 450;
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
  font-family: var(--futuraPT);
  padding: 0 2.4rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.shop-list__item__name span {
  display: block;
}

.shop-list__item__info.black .shop-list__item__name {
  color: var(--black);
}

.shop-list__item__info.black .shop-list__item__cost {
  color: var(--black);
}

.shop-list__item__info.black .shop-list__item__plus-icon path {
  fill: var(--black);
}

.shop-list__item__img {
  width: 100%;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
}

.shop-list__item__img img {
  width: 100%;
}

.shop-list__item__cost {
  padding: 0 2.4rem;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shop-list__item__cost span {
  flex-grow: 1;
}

.shop-list__item__cost .old-price {
  font-size: 1.2rem;
  text-decoration: line-through;
  opacity: 0.6;
  flex-grow: 0;
  margin-right: 0.8rem;
}

.shop-list__item__plus-icon {
  padding: 0.5rem;
}

.shop-list__item__plus-icon svg {
  width: 1.4rem;
  height: 1.4rem;
}

.shop-list__item__plus-icon path {
  fill: #ffffff;
}

.shop-list__item-icon svg {
  width: 3.5rem;
  height: 3.5rem;
}

@media screen and (min-width: 1024px) {
  .shop-page {
    margin-top: 88px;
    /* ставим минимальную высоту 100vh минус высота шапки и футера */
    min-height: calc(100vh - 88px - 374px);
  }

  .shop-list {
    margin-bottom: 56px;
  }

  .shop-list.desktop-slider {
    padding: 0;
    margin-left: calc((100% - 984px) / 2);
    overflow: unset;
  }

  .shop-list__title {
    margin-bottom: 16px;
  }

  .shop-list__title h2 {
    font-size: 24px;
  }

  .shop-list__item {
    max-width: 312px;
    min-height: 400px;
    border-radius: 8px;
    transform: scale(1);
    transition: 500ms;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0);
    margin: 0 0 24px 24px;
  }

  .shop-list__item:last-child {
    margin-right: 0;
  }

  .shop-list__item__container {
    width: 312px;
    height: 400px;
    padding: 24px 0;
    border-radius: 8px;
  }

  .shop-list__item__name {
    font-size: 32px;
    padding: 0 24px;
  }

  .shop-list__item__img {
    margin-bottom: 8px;
    left: 50%;
    max-width: 312px;
    transform: translateY(-50%) translateX(-50%);
  }

  .shop-list__item__cost {
    padding: 0 24px;
    font-size: 18px;
  }

  .shop-list__item__cost .old-price {
    font-size: 12px;
    margin-right: 8px;
  }

  .shop-list__item__plus-icon {
    padding: 5px;
  }

  .shop-list__item__plus-icon svg {
    width: 14px;
    height: 14px;
  }

  .shop-list__container.wrapper {
    margin: 0 auto;
  }

  .shop-list__items-list {
    flex-wrap: wrap;
    overflow-x: unset;
  }

  .shop-list__title h2 {
    flex-direction: row;
    font-size: 32px;
  }

  .shop-list__title h2 span {
    margin-left: 8px;
  }

  .shop-list__item:hover {
    transform: scale(1.02);
    transition: 500ms;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
  }

  .shop-list__item-icon svg {
    width: 35px;
    height: 35px;
  }
}

/* -------------------- thor shop END --------------------------------------------------- */

#path1 {
  transform: scaleY(0);
  overflow: hidden;
}

#path1._active {
  transform: scaleY(1);
  transition: all 150ms ease;
}

.buy-product {
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 100;
  transform: translateY(5.6rem);
  transition: transform 300ms ease-out;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.4);
}

.buy-product__container {
  display: flex;
  justify-content: end;
}

.buy-product__row {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  padding: 1.6rem 1.6rem 0.8rem;
  background-color: transparent;
}

.buy-product__name-product {
  font-family: var(--futuraPT);
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-right: 0.8rem;
}

.buy-product__price {
  font-family: var(--futuraPT);
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-right: 0.8rem;
  opacity: 0.4;
}

.buy-product__btn a {
  display: inline-block;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--white);
  text-decoration: none;
  background: #ff4000;
  padding: 0.8rem 0.9rem;
  border-radius: 4.8rem;
}

.ev-product__btn a {
  background: #00b2ff;
}

.buy-product__price__ .icon-ruble::after {
  font-size: 1.4rem;
  line-height: 100%;
}

@media screen and (min-width: 1024px) {
  .buy-product__row {
    padding: 16px 0 8px 16px;
  }

  .buy-product._anim {
    transform: translateY(0);
  }

  .buy-product {
    transform: translateY(56px);
    transition: transform 200ms ease-out;
    background-color: rgba(0, 0, 0, 0.8);
  }

  .modal-country-open .buy-product {
    transform: translateY(143px);
  }

  .buy-product__name-product {
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.02em;
    margin-right: 8px;
  }

  .buy-product__price {
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.02em;
    margin-right: 16px;
  }

  .buy-product__btn a {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.02em;
    padding: 10px 11px;
    border-radius: 48px;
  }

  .buy-product__price__ .icon-ruble::after {
    font-size: 18px;
    line-height: 100%;
  }
}

/* -------------------- animate-technology-lines-car --------------------------------------------- */
#first-line,
#fourth-line {
  transform: rotate(90deg);
}

.avas__car-line__anim.first._active {
  stroke-dashoffset: 0;
  transition: all 550ms ease-out;
}

.avas__car-line__anim.second._active,
.avas__car-line__anim.third._active {
  stroke-dashoffset: 0;
  transition: all 550ms ease-out 400ms;
}

.avas__car-line__anim.fourth._active {
  stroke-dashoffset: 0;
  transition: all 550ms ease-out 950ms;
}

.avas__car-line__anim.fifth._active {
  stroke-dashoffset: 0;
  transition: all 550ms ease-out 1050ms;
}

.avas__car-line__anim.sixth._active,
.avas__car-line__anim.seventh._active {
  stroke-dashoffset: 164;
  transition: all 550ms ease-out 1400ms;
}

.ev-line.first._active {
  fill: url(#ev-line-1);
}

.ev-car-line__anim.first._active,
.ev-car-line__anim.second._active,
.ev-car-line__anim.third._active,
.ev-car-line__anim.eighth._active {
  stroke-dashoffset: 0;
  transition: 550ms;
}

.ev-car-line__anim.fourth._active {
  stroke-dashoffset: 0;
  transition: 550ms ease-out 400ms;
}

/* .ev-line__anim.second._active {
	stroke-dashoffset: 0;
	transition: 350ms linear 350ms;
} */

.ev-car-line__anim.fifth._active {
  stroke-dashoffset: 0;
  transition: 350ms linear 500ms;
}

.ev-car-line__anim.sixth._active,
.ev-car-line__anim.seventh._active {
  animation: anim-line 350ms linear 0ms 1 normal forwards;
}

@keyframes anim-line {
  100% {
    stroke-dashoffset: 217;
  }
}

/* .car__line-anim.first._active {
	animation: anim-line-1 350ms linear 0ms 1 normal forwards;
}

.car__line-anim.second._active {
	stroke-dashoffset: 90;
	transition: 350ms;
}

@keyframes anim-line-1 {
	100% {
		stroke-dashoffset: 90;
	}
} */

/* .car__line-anim.third._active {
	animation: anim-line-2 350ms linear 0ms 1 normal forwards;
}

@keyframes anim-line-2 {
	100% {
		stroke-dashoffset: 81;
	}
} */

/* .car__line-anim.fifth._active {
	animation: anim-line-3 350ms linear 0ms 1 normal forwards;
}

@keyframes anim-line-3 {
	100% {
		stroke-dashoffset: 870;
	}
}


.car__line-anim.sixth._active {
	animation: anim-line-4 350ms linear 350ms 1 normal forwards;
}

@keyframes anim-line-4 {
	100% {
		stroke-dashoffset: 84;
	}
} */

/* -------------------- animate-technology-lines-car END --------------------------------------------- */

/* popup */
.popup-video {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  /* background-color: rgba(0, 0, 0, 0.8); */
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease-out;
}

.popup-video._active {
  opacity: 1;
  visibility: visible;
  transition: all 300ms ease-out;
}

.popup-video__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--grey-2);
  position: relative;
}

.popup-video__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
}

.popup-video__close svg {
  width: 1.8rem;
  height: 1.8rem;
}

.popup-video__block {
  width: 100%;
  height: 100%;
  padding: 6rem 2rem;
}

.popup-video._active iframe {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .popup-video__close {
    top: 20px;
    right: 20px;
  }

  .popup-video__close svg {
    width: 18px;
    height: 18px;
  }

  .popup-video__block {
    padding: 50px;
  }
}

/* popup END */

/* -------------------------- demonstration-sound ------------------------ */

.demonstration-sound {
  margin-bottom: 16rem;
}

.demonstration-sound__container {
  position: relative;
  border-radius: 1.6rem;
  overflow: hidden;
}

.demonstration-sound__img {
  display: none;
}

.demonstration-sound__content {
  position: relative;
  z-index: 3;
  padding: 4rem 1.6rem;
  background: rgba(29, 29, 29, 0.59);
}

.demonstration-sound__title {
  margin-bottom: 1.6rem;
}

.demonstration-sound__box {
  margin-bottom: 4rem;
}

.demonstration-sound__btn {
  text-align: center;
}

.demonstration-sound__ellipses {
  display: none;
}

@media screen and (min-width: 1024px) {
  .demonstration-sound {
    margin-bottom: 200px;
  }

  .demonstration-sound__container {
    border-radius: 16px;
  }

  .demonstration-sound__content {
    padding: 40px;
    display: flex;
    flex-direction: column;
    min-height: 378px;
    align-items: center;
    background-image: url("../img/demonstration.png");
    background-size: cover;
    background-position: center center;
  }

  .demonstration-sound__box {
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 587px;
    display: flex;
    flex-flow: column;
    align-items: center;
  }

  .demonstration-sound__ellipses {
    display: block;
    position: absolute;
    top: 18px;
    pointer-events: none;
  }

  .ellipses-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    justify-content: space-between;
  }

  .ellipses-container--w-850 {
    width: 850px;
  }

  .ellipse {
    opacity: 0;
    color: var(--red);
  }

  .demonstration-sound__ellipses.active .ellipse-1 {
    animation: ellipseAnim1 0.5s forwards;
    animation-delay: 1.7s;
  }

  .demonstration-sound__ellipses.active .ellipse-2 {
    animation: ellipseAnim2 0.5s forwards;
    animation-delay: 1.3s;
  }

  .demonstration-sound__ellipses.active .ellipse-3 {
    animation: ellipseAnim3 0.5s forwards;
    animation-delay: 0.9s;
  }

  .demonstration-sound__ellipses.active .ellipse-4 {
    animation: ellipseAnim4 0.5s forwards;
    animation-delay: 0.5s;
  }

  @keyframes ellipseAnim1 {
    to {
      filter: blur(2px);
      opacity: 1;
    }
  }

  @keyframes ellipseAnim2 {
    to {
      filter: blur(1px);
      opacity: 1;
    }
  }

  @keyframes ellipseAnim3 {
    to {
      filter: blur(0.5px);
      opacity: 1;
    }
  }

  @keyframes ellipseAnim4 {
    to {
      filter: blur(0.25px);
      opacity: 1;
    }
  }

  .demonstration-sound__img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

  .demonstration-sound__img img {
    display: block;
  }

  .demonstration-sound__title {
    margin-bottom: 16px;
    max-width: 532px;
  }

  .demonstration-sound__title h3 {
    text-align: center;
  }

  .demonstration-sound__text p {
    text-align: center;
    line-height: 1.4;
    font-size: 18px;
  }

  .demonstration-sound__btn {
    text-align: left;
  }
}

/* -------------------------- demonstration-sound END ------------------------ */

/* ---------------------  products-equipment  -------------------- */

.products-equipment {
  margin-bottom: 20rem;
}

.products-equipment__title {

  h2,
  h3 {
    text-align: center;
  }

  h2 {
    margin-bottom: 4rem;
  }

  h3 {
    margin-bottom: 1.6rem;
  }
}

.products-equipment__item {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.8rem;
  text-decoration: none;
  cursor: pointer;
}

.products-equipment__item--without-margin {
  margin: 0;
}

.products-equipment__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 6.4rem;
}

.products-equipment__list--slider {
  display: block;
  position: relative;
}

.products-equipment__list--with-margin:not(:last-child) {
  margin-bottom: 8rem;
}

.make-order__form {
  display: none;
}

.products-equipment-info {
  margin-bottom: 1.6rem;
}

.products-equipment-info__row {
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.products-equipment-info__label {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.products-equipment-info__label.uppercase {
  text-transform: uppercase;
}

.products-equipment-info__icon svg {
  display: block;
  width: 1.1rem;
  height: 2.5rem;
}

.products-equipment-info__benefits {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  text-transform: uppercase;
  margin-top: 3.2rem;
}

.products-equipment-info__benefit span {
  color: var(--red);
}

.products-equipment-info__graphic svg {
  display: block;
  width: 34.2rem;
  height: 11rem;
}

.products-equipment-info__graphic svg path {
  opacity: 0.2;
  fill: #a6a6a6;
  transition: all 0.2s;
}

.products-equipment-info__graphic svg path._active {
  opacity: 1;
  fill: var(--red);
}

.products-equipment__img {
  border: 0;
}

.shop-list__item__cost-row {
    display: flex;
    gap: 5px;
}

.products-equipment__box {
  margin: 1.6rem;
  display: flex;
  flex-flow: column;
  position: relative;
  gap: 0.6rem;
}

.shop-list__item__price__plus-icon {
  position: absolute;
  bottom: 0;
  right: 0;
}

.product-characteristic {
  display: flex;
  gap: 0.5rem;
  flex-flow: column;
}

.product-characteristic-info {
  display: flex;
}

.product-characteristic-label {
  display: flex;

  p {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .text-tooltip {
    margin: .5rem 0 0 .5rem;
  }
}

.product-characteristic-value {
  font-family: var(--futuraPT);
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0;
}

.product-characteristic-value--cn-text {
  font-size: 2rem;
  line-height: 1.25;
}

.product-characteristic-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.products-equipment__col {
  width: 31.2rem;
}

.products-equipment__col--with-gap {
  display: flex;
  flex-flow: column;
  gap: 1.6rem;
}

.products-equipment__price-container {
  display: flex;
  gap: 0.5rem;
  color: var(--white);
}

.products-equipment__price--new {
  font-family: var(--openSans);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: -0.02em;
}

.products-equipment__price--old {
  font-family: var(--openSans);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: -0.02em;

  text-decoration: line-through;
  opacity: 0.6;
}

@media screen and (min-width: 1024px) {
  .products-equipment {
    margin-bottom: 240px;
  }

  .products-equipment__title {
    h2 {
      margin-bottom: 80px;
    }

    h3 {
      margin-bottom: 24px;
    }
  }

  .products-equipment__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
  }

  .products-equipment__list--two-rows {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
    row-gap: 24px;
  }

  .products-equipment__list--with-margin:not(:last-child) {
    margin-bottom: 80px;
  }

  .products-equipment__list--slider {
    display: block;
  }

  .make-order__form {
    display: block;
  }

  .make-order .products-equipment__btn {
    display: none;
  }

  .make-order .products-equipment__img {
    pointer-events: none;
  }

  .products-equipment__col {
    width: 475px;
    display: flex;
    flex-direction: column;
  }

  .products-equipment__col--with-gap {
    gap: 16px;
  }

  .products-equipment__item {
    border-radius: 8px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 475px;
  }

  .products-equipment__item--without-stretch {
    flex-shrink: 0;
    flex-grow: 0;
  }

  .products-equipment-info {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }

  .products-equipment-info__row {
    margin-bottom: 8px;
    gap: 12px;
  }

  .products-equipment-info__label {
    font-size: 32px;
    line-height: 100%;
    gap: 6px;
  }

  .products-equipment-info__icon svg {
    width: 11px;
    height: 25px;
  }

  .products-equipment-info__benefits {
    font-size: 32px;
    line-height: 100%;
    margin-top: 32px;
  }

  .products-equipment-info__graphic svg {
    width: 312px;
    height: 100px;
  }

  .products-equipment__box {
    margin: 16px;

    gap: 8px;
  }

  .products-equipment__img {
    height: 320px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }

  .products-equipment__img--small {
    height: 355px;
    margin-bottom: 0;
  }

  .product-characteristic {
    gap: 5px;
  }

  .product-characteristic-label {
    display: flex;
    gap: 5px;
    align-items: center;

    p {
      font-size: 20px;
      line-height: 1.5;
      font-weight: 500;
    }

    .text-tooltip {
      display: block;

      .text-tooltip__body {
        z-index: 2;
      }
    }
  }

  .product-characteristic-value {
    font-size: 25px;
    line-height: 1;
  }

  .product-characteristic-value--cn-text {
    font-size: 20px;
    line-height: 1.25;
  }

  .products-equipment__price-container {
    gap: 5px;
  }

  .products-equipment__price--new {
    font-size: 18px;
  }

  .products-equipment__price--old {
    font-size: 14px;
  }
}

/* ---------------------  products-equipment  -------------------- */

/* progress-bar */
.progress-bar {
  border-radius: 0.1rem;
  --progress: 0%;
  width: 100%;
  height: 0.6rem;
  background-color: var(--black);
  position: relative;

  &:after {
    content: "";
    left: 0;
    width: var(--progress);
    height: 100%;
    position: absolute;
    background-color: var(--white);
    border-radius: 0.1rem;
  }
}

.progress-bar--orange:after {
  background-color: var(--red);
}

.progress-bar--blue:after {
  background-color: var(--blue);
}

.progress-bar--grey:after {
  background-color: rgba(147, 147, 147, 1);
}

.progress-bar-five-division {
  width: 100%;
  height: 1.8rem;
  z-index: 1;
  position: absolute;
  top: -100%;
}

@media screen and (min-width: 1024px) {
  .progress-bar {
    height: 6px;
    border-radius: 1px;

    &:after {
      border-radius: 1px;
    }
  }

  .progress-bar-five-division {
    height: 18px;
  }
}

/* progress-bar */

/* --------------------- tech-desc  -------------------- */
@media screen and (min-width: 1024px) {
  .tech-desc__btn span {
    background-color: rgba(255, 255, 255, 0.74);
    transition: background-color 0.3s ease-out;
  }

  .tech-desc__btn span:hover {
    background-color: #fff;
  }
}

/* ---------------------  tech-desc  -------------------- */
/* --------------------- thor-dynamic  -------------------- */
@media screen and (min-width: 1024px) {
  .thor-dynamic__btn span {
    background-color: rgba(255, 255, 255, 0.74);
    transition: background-color 0.3s ease-out;
  }

  .thor-dynamic__btn span:hover {
    background-color: #fff;
  }
}

/* --------------------- thor-dynamic  -------------------- */

/* ---------------------------- mn-main-products ------------------------- */

.main-page h2 {
  color: var(--black);
  text-align: left;
  font-weight: 500;
  font-size: 4.8rem;
  line-height: 97.1%;
  letter-spacing: -0.02em;
}

.mn-main-products {
  margin-bottom: 8rem;
}

.main-page.mn-main-page h2 {
  color: var(--white);
  font-size: 3.2rem;
  line-height: 88.7%;
}

.mn-main-products__list {
  margin-bottom: 1.6rem;
}

.mn-main-products__item {
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  position: relative;
  z-index: 5;
}

.mn-main-products__item:not(:last-child) {
  margin-bottom: 1.6rem;
}

.mn-main-products__item__info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 4rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mn-main-products__item__logo {
  margin-bottom: 3.2rem;
}

.mn-main-products__item__logo svg {
  display: block;
  width: auto;
  height: 2.4rem;
}

.mn-main-products__item__name-product {
  font-family: var(--futuraPT);
  font-size: 3.1rem;
  line-height: 120%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 2.4rem;
}

.mn-main-products__item.avas .mn-main-products__item__name-product {
  margin-bottom: 11.5rem;
}

.mn-main-products__item.color-black .mn-main-products__item__name-product {
  color: var(--black);
}

.mn-main-products__item__btns {
  position: relative;
  z-index: 2;
  display: flex;
  margin-bottom: 2.4rem;
}

.mn-main-products__item__btn:not(:last-child) {
  margin-right: 0.8rem;
}

.mn-main-products__item__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  padding: 1.9rem 2.4rem;
  color: var(--black);
  background-color: rgba(255, 255, 255, 0.74);
  text-decoration: none;
  letter-spacing: -0.02em;
  border-radius: 2.8rem;
  -webkit-border-radius: 2.8rem;
  -moz-border-radius: 2.8rem;
  -ms-border-radius: 2.8rem;
  -o-border-radius: 2.8rem;
  overflow: hidden;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.mn-main-products__item__btn.more a {
  background-color: transparent;
  color: var(--white);
}

.mn-main-products__item.color-black .mn-main-products__item__btn.more a {
  color: var(--black);
  /* background-color: rgba(255, 255, 255, 0.74); */
}

.mn-main-products__item__image {
  position: relative;
  z-index: -5;
}

.mn-main-products__item__image img {
  display: block;
  width: 100%;
  height: auto;
}

.mn-main-products__item__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mn-main-products__item__text {
  text-align: center;
}

.mn-main-products__item__text p {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.8);
}

@media screen and (min-width: 1024px) {
  .main-page h2 {
    font-size: 68px;
    line-height: 88.7%;
  }

  .main-page.mn-main-page h2 {
    font-size: 32px;
    line-height: 88.7%;
  }

  .mn-main-products {
    margin-bottom: 115px;
  }

  .mn-main-products__container {
    max-width: 1408px;
    margin: 0 auto;
  }

  .mw-1920 {
    max-width: 1920px;
  }

  .mn-main-products__list {
    margin-bottom: 16px;
  }

  .mn-main-products__item {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }

  .mn-main-products__item:not(:last-child) {
    margin-bottom: 16px;
  }

  .mn-main-products__item__info {
    padding: 57px 20px;
  }

  .mn-main-products__item__logo {
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
    pointer-events: none;
  }

  .mn-main-products__item__logo svg {
    height: 24px;
  }

  .mn-main-products__item__name-product {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 35px;
    max-width: 362px;
    position: relative;
    z-index: 2;
    color: var(--white);
  }

  /* .mn-main-products__item.ev .mn-main-products__item__name-product {
    max-width: 286px;
  } */

  .mn-main-products__item.color-black .mn-main-products__item__name-product {
    margin-bottom: 28px;
    position: relative;
    z-index: 2;
  }

  .mn-main-products__item__btn a {
    font-size: 18px;
    line-height: 100%;
    padding: 19px 24px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    transition: background 300ms ease-out;
    -webkit-transition: background 300ms ease-out;
    -moz-transition: background 300ms ease-out;
    -ms-transition: background 300ms ease-out;
    -o-transition: background 300ms ease-out;
  }

  .mn-main-products__item__btn a:hover {
    background-color: var(--white);
  }

  .mn-main-products__item__btn.more a {
    position: relative;
  }

  .mn-main-products__item__btn.more a:hover {
    background: rgba(0, 0, 0, 0.2);
  }

  .mn-main-products__item__btn span {
    position: relative;
    z-index: 2;
  }

  .mn-main-products__item__btn:not(:last-child) {
    margin-right: 8px;
  }

  .mn-main-products__item__image {
    /* height: 1450px; */
    height: 824px;
  }

  .mn-main-products__item.avas .mn-main-products__item__image {
    display: flex;
    justify-content: center;
  }

  .mn-main-products__item.original .mn-main-products__item__image img {
    transform: translateY(-150px);
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    -o-transform: translateY(-150px);
  }

  .mn-main-products__item.ev .mn-main-products__item__image img {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }

  .mn-main-products__item.avas .mn-main-products__item__image img {
    transform: translateY(-355px);
    -webkit-transform: translateY(-355px);
    -moz-transform: translateY(-355px);
    -ms-transform: translateY(-355px);
    -o-transform: translateY(-355px);
  }

  .mn-main-products__item.echo .mn-main-products__item__image img {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }

  .mn-main-products__item__btns {
    margin-bottom: 24px;
  }

  .mn-main-products__item__text {
    max-width: 532px;
    margin: 0 auto;
  }

  .mn-main-products__item__text p {
    font-size: 18px;
    line-height: 150%;
  }
}

/* ---------------------------- mn-main-products ------------------------- */

/* ---------------------------- mn-main-page ------------------------- */
.mn-main-page {
  margin-top: 4rem;
}

@media screen and (min-width: 1024px) {
  .mn-main-page {
    margin-top: 72px;
  }
}

/* ---------------------------- mn-main-page ------------------------- */

/* ----------------------------- mn-shop-list ------------------------------ */
.mn-shop-list {
  margin-bottom: 8rem;
}

.mn-shop-list .shop-list__item__link_all .shop-list__item__container {
  background: var(--black);
}

.mn-main-page .mn-shop-list__title {
  margin-bottom: 2.4rem;
}

.mn-main-page .shop-list__item {
  max-width: 31.2rem;
  margin-right: 2.4rem;
}

.mn-main-page .shop-list__item__name {
  padding: 0 1.6rem;
}

@media screen and (min-width: 1024px) {
  .mn-shop-list {
    margin-bottom: 144px;
  }

  .mn-main-page .mn-shop-list__title {
    margin: 0 16px 24px;
    max-width: 100%;
  }

  .mn-main-page .shop-list__item__name {
    padding: 0 16px;
  }

  .mn-main-page .shop-list__item {
    max-width: 312px;
    margin-right: 0;
  }

  .mn-main-page .shop-list__item:last-child {
    margin-right: 24px;
  }

  .mn-shop-list__container {
    margin-left: 16px;
  }

  .shop-list-desktop .shop-list__container {
    width: 984px;
    margin: 0 auto;
  }

  .shop-list-desktop .shop-list__item:not(.shop-list__main-product):nth-child(3n + 1) {
    margin-left: 0;
  }

  .mn-shop-list .control-arrow.right {
    left: 90%;
  }

  .mn-shop-list .control-arrow.left {
    left: 2%;
  }
}

@media screen and (min-width: 1440px) {
  .mn-main-page .mn-shop-list__title {
    max-width: 1408px;
    margin-bottom: 24px;
    margin-left: calc((100% - 1408px) / 2);
  }

  .mn-shop-list__container {
    margin-left: calc((100% - 1408px) / 2);
  }

  .mn-shop-list .control-arrow.right {
    left: 1312px;
  }

  .mn-shop-list .control-arrow.left {
    left: -32px;
  }
}

/* ----------------------------- mn-shop-list ------------------------------ */

/* ---------------------------- mn-our-news --------------------------------- */
.our-news {
  margin-bottom: 8rem;
}

.default-page .our-news h2,
.our-news h2 {
  font-family: var(--futuraPT);
  font-size: 3.6rem;
  line-height: 97.1%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  text-align: left;
  margin: 0 1.6rem 1.8rem;
  margin-bottom: 1.8rem;
}

.our-news .thor-blog__slider {
  margin-left: 1.6rem;
}

.mn-main-page .our-news h2 {
  margin-bottom: 2.4rem;
}

.mn-main-page .thor-blog__label {
  font-size: 3.6rem;
  line-height: 100%;
}

.mn-main-page .thor-blog__desc {
  font-size: 2rem;
  line-height: 150%;
}

.blog-page__news>.our-news__container>h1 {
  margin-bottom: 8rem;
}

@media screen and (min-width: 1024px) {
  .mn-main-page .our-news {
    margin-bottom: 160px;
  }

  .mn-main-page .our-news h2 {
    width: 100%;
    margin: 0 16px 24px;
  }

  .mn-main-page .thor-blog__slider {
    margin-left: 16px;
  }

  .mn-main-page .thor-blog__label {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 8px;
  }

  .mn-main-page .thor-blog__desc {
    font-size: 20px;
    line-height: 150%;
  }

  .mn-main-page .thor-blog__slider .control-arrow.left {
    left: 2%;
  }

  .mn-main-page .thor-blog__slider .control-arrow.right {
    left: 90%;
  }
}

@media screen and (min-width: 1440px) {
  .mn-main-page .our-news h2 {
    max-width: 1408px;
    margin-left: calc((100% - 1408px) / 2);
  }

  .mn-main-page .thor-blog__slider {
    margin-left: calc((100% - 1408px) / 2);
  }

  .mn-main-page .thor-blog__slider .control-arrow.right {
    left: 1312px;
  }

  .mn-main-page .thor-blog__slider .control-arrow.left {
    /* left: -32px; */
  }
}

/* ---------------------------- mn-our-news --------------------------------- */
/* ------------------------------ tech-support ------------------ */

.tech-support__content h2 {
  margin-bottom: 4rem;
}

.tech-support__item:not(:last-child) {
  margin-bottom: 5.6rem;
}

.tech-support__item__label {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 1.6rem;
}

.tech-support__item__info {
  width: 31.2rem;
  margin-bottom: 2.4rem;
}

.tech-support__item__desc {
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.tech-support__item__phone {
  margin-bottom: 0.4rem;
}

.tech-support__item__phone a,
.tech-support__item__email a {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  text-decoration: none;
  border-bottom: 1px solid var(--black);
  transition: border 150ms ease-out;
  -webkit-transition: border 150ms ease-out;
  -moz-transition: border 150ms ease-out;
  -ms-transition: border 150ms ease-out;
  -o-transition: border 150ms ease-out;
}

.tech-support__item__btn a {
  display: inline-block;
  padding: 1.9rem 5.2rem 1.9rem 2.4rem;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: var(--black);
  border-radius: 2.8rem;
  -webkit-border-radius: 2.8rem;
  -moz-border-radius: 2.8rem;
  -ms-border-radius: 2.8rem;
  -o-border-radius: 2.8rem;
  text-decoration: none;
  position: relative;
}

.tech-support__item__btn a::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  background-image: url(/img/svg/arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  .tech-support__content h2 {
    margin-bottom: 40px;
  }

  .tech-support__list {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
  }

  .tech-support__item:not(:last-child) {
    margin-bottom: 0;
  }

  .tech-support__item__label {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 16px;
  }

  .tech-support__item__info {
    width: 100%;
    margin-bottom: 24px;
    flex-grow: 1;
  }

  .tech-support__item__desc {
    font-size: 18px;
    line-height: 150%;
  }

  .tech-support__item__phone {
    margin-bottom: 4px;
  }

  .tech-support__item__phone a,
  .tech-support__item__email a {
    font-size: 18px;
    line-height: 150%;
  }

  .tech-support__item__phone a:hover,
  .tech-support__item__email a:hover {
    border-bottom: 1px solid transparent;
  }

  .tech-support__item__btn a {
    padding: 19px 52px 19px 24px;
    font-size: 18px;
    line-height: 100%;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
  }

  .tech-support__item__btn a::after {
    width: 16px;
    height: 16px;
    right: 20px;
  }
}

/* ------------------------------ tech-support END ------------------ */
/* ---------------------------- mn-tech-support ------------------------- */
.mn-tech-support__content .tech-support__content h2 {
  margin-bottom: 2.4rem;
}

.mn-tech-support__item {
  background: var(--black);
  border-radius: 1.6rem;
  padding: 2.4rem;

  min-height: 30.9rem;
  display: flex;
  flex-flow: column;
}

.mn-tech-support__item:not(:last-child) {
  margin-bottom: 2.4rem;
}

.mn-tech-support__item__label {
  color: var(--white);
  margin-bottom: 2.4rem;
}

.mn-tech-support__item__info {
  width: 100%;
  flex-grow: 1;
}

.mn-tech-support__item__desc {
  color: rgba(255, 255, 255, 0.7);
}

.mn-tech-support__item__phone a,
.mn-tech-support__item__email a {
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.mn-tech-support__item__btn a {
  background-color: var(--black-2);
}

@media screen and (min-width: 1024px) {
  .mn-tech-support__container {
    width: 100%;
    margin: 0;
    padding: 0 16px;
  }

  .main-page.mn-main-page h2 {
    margin-bottom: 32px;
  }

  .mn-tech-support__list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 24px;
  }

  .mn-tech-support__item:not(:last-child) {
    margin-bottom: 0;
  }

  .mn-tech-support__item {
    padding: 24px;
    border-radius: 16px;
    width: 360px;
    min-height: 324px;
  }

  .mn-tech-support__item__label {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 1440px) {
  .mn-tech-support__container {
    padding: 0;
    max-width: 1408px;
    margin: 0 auto;
  }
}

/* ---------------------------- mn-tech-support ------------------------- */

/* double-section-banner */
.double-section-banner {
  background-image: url("/img/thor-pro/thor-pro-double-banner-mob.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  background-color: rgb(25, 25, 25);
}

@media screen and (min-width: 1024px) {
  .double-section-banner {
    background-image: url("/img/thor-pro/thor-pro-double-banner.webp");
    background-size: cover;
  }
}

/* double-section-banner */
/* main-banner */
.main-banner {
  padding-top: 9.6rem;
  display: flex;
  flex-flow: column;
  gap: 3rem;
}

.main-banner__text {
  display: flex;
  flex-flow: column;
  align-items: center;
  color: var(--white);
  gap: 2.4rem;
  text-align: center;

  * {
    color: var(--white);
  }

  p {
    font-size: 1.8rem;
    line-height: 150%;
    font-weight: 600;
    letter-spacing: -0.02em;
  }

  h1 {
    font-size: 4.8rem;
  }
}

.main-banner__img img {
  width: 100%;
  height: 35.9rem;
}

.main-banner .thor-pro-icon {
  width: 12rem;
  height: 2.4rem;
}

@media screen and (min-width: 1024px) {
  .main-banner {
    padding-top: 13.3rem;
    width: 984px;
    margin: 0 auto;

    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }

  .main-banner__text {
    width: 392px;
    gap: 24px;

    align-items: start;

    p {
      text-align: left;
      font-size: 18px;
    }

    h1 {
      font-size: 68px;
    }
  }

  .main-banner .thor-pro-icon {
    width: 200px;
    height: 40px;
  }

  .main-banner__img img {
    width: 308px;
    height: 623px;
  }
}

/* main-banner */

/* benefit-cards */
.double-section-banner {
  .benefit-cards {
    padding: 20rem 0 16rem;
  }
}

.benefit-cards {
  margin: 0 1.6rem;
}

.benefit-cards-column {
  display: flex;
  flex-flow: column;
  gap: 1.6rem;
}

.benefit-cards-row {
  display: flex;
  flex-flow: column;
  gap: 1.6rem;
}

.benefit-card {
  border-radius: 1.6rem;
  position: relative;
}

.benefit-card__content {
  position: absolute;
  inset: 0;
  padding: 2.4rem;

  * {
    color: var(--white);
  }

  h2 {
    font-size: 3.2rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  p {
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 600;
  }
}

.benefit-card__content--with-button {
  display: flex;
  flex-flow: column;
  justify-content: space-between;

  * {
    text-align: left;
  }
}

.benefit-card__content-wrapper {
  display: flex;
  flex-flow: column;
}

.benefit-card__img img {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .double-section-banner {
    .benefit-cards {
      padding: 312px 0 240px;
    }
  }

  .benefit-cards {
    width: 984px;
    margin: 0 auto;
  }

  .benefit-card--content {
    padding: 40px;
  }

  .benefit-cards-column {
    gap: 16px;
  }

  .benefit-cards-row {
    flex-flow: row;
    gap: 16px;
  }

  .benefit-card__content {
    h2 {
      font-size: 36px;
      line-height: 120%;
    }

    p {
      font-size: 18px;
    }
  }

  .benefit-card__content--top-center {
    padding: 24px 0 0;
  }

  .benefit-card__content--bottom-left {
    display: flex;
    align-items: end;

    * {
      text-align: left;
    }
  }

  .benefit-card__content--top-left {
    * {
      text-align: left;
    }
  }

  .benefit-card__content-wrapper {
    gap: 10px;
  }
}

/* benefit-cards */

/* common-section */
.common-section {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.common-section__text {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-bottom: 4rem;
  gap: 16px;

  p {
    font-family: var(--openSans);
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.02em;
    color: var(--white);
  }
}

@media screen and (min-width: 1024px) {
  .common-section {
    margin-top: 240px;
    margin-bottom: 240px;
  }

  .common-section__text {
    margin-bottom: 80px;
    gap: 24px;

    p {
      font-size: 26px;
      line-height: 150%;
    }
  }
}

/* common-section */

/* common-container */
.common-container {
  margin: 0 1.6rem;
}

@media screen and (min-width: 1024px) {
  .common-container {
    width: 984px;
    margin: 0 auto;
  }
}

/* common-container */

/* ----------------------- tabs ------------------------- */
.tab-item {
  cursor: pointer;
}

.tab-item-block {
  display: none;
}

.tab-item-block._active {
  display: block;
}

.tab {
  color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid currentColor;
  width: 100%;
  cursor: pointer;

  display: flex;
  justify-content: center;
  padding-bottom: 0.4rem;

  * {
    font-size: 2.8rem;
    color: currentColor;
  }

  &._active {
    color: var(--red, #ff4000);
  }
}

.tab-list {
  display: flex;
}

.tab-description {
  padding: 2.4rem 0;

  p {
    text-align: center;
    line-height: 1.5;
    font-weight: 600;
  }
}

/* ----------------------- tabs ------------------------- */

/* info-pair */
.info-pairs {
  display: flex;
  flex-flow: column;
  gap: 1.6rem;
}

.info-pair {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.info-pair__label,
.info-pair__value {
  font-size: 1.8rem;
  font-family: var(--openSans);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.info-pair__label {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 600;
}

.info-pair__value {
  text-align: right;
}

/* info-pair */

/* pro-icon */
h2 .pro-icon {
  width: 4.3rem;
  height: 3.2rem;
}

@media screen and (min-width: 1024px) {
  h2 .pro-icon {
    width: 62px;
    height: 46px;
  }
}

/* pro-icon */

/* table */
.table {
  display: flex;
  flex-flow: column;
}

.table__column {
  display: flex;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.table__cell {
  padding: 1.6rem 0;
  font-size: 2rem;
  line-height: 1.5;
  font-family: var(--openSans);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.3);

  display: flex;
  align-items: center;
}

.table__cell--big {
  width: 100%;
}

.table__cell--small {
  justify-content: center;
  text-align: center;
  width: 20rem;
  flex-shrink: 0;
  color: var(--white);

  h3 {
    color: var(--red, #ff4000);
    text-align: center;

    .pro-icon {
      width: 4.2rem;
      height: 3.2rem;
    }
  }
}

@media screen and (min-width: 1024px) {
  .table__cell {
    padding: 16px 0;
    font-size: 20px;
  }

  .table__cell--small {
    width: 200px;

    h3 {
      .pro-icon {
        width: 42px;
        height: 32px;
      }
    }
  }
}

/* table */

/* ---------------- n-select-sound --------------------- */

.sound-slider {
  padding: 16rem 0 2.4rem;
  margin-bottom: 15rem;
  background-color: var(--black-2);
  position: relative;
}

.sound-slider h2 {
  &.sound-slider__category-title {
    margin-bottom: 1.6rem;
    color: rgba(255, 255, 255, 0.3);
  }
}

.sound-slider__title {
  max-width: 32rem;
  margin: 0 auto 2.4rem;
}

.sound-slider-tab__head {
  display: flex;
  margin-bottom: 1.6rem;
}

.sound-slider-tab__item {
  width: 100%;
  font-family: var(--futuraPT);
  font-size: 2.8rem;
  line-height: 88.7%;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 0.4rem;
  color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-out;
}

.sound-slider-tab__item.thor._active {
  color: #ff4001;
  border-bottom: 1px solid #ff4001;
}

.sound-slider-tab__item.ev._active {
  color: #00b2ff;
  border-bottom: 1px solid #00b2ff;
}

.sound-slider-tab__item.boombox._active {
  color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.sound-slider__slider {
  &:not(:last-child) {
    margin-bottom: 4rem;
  }
}

.sound-slider-tab__item-block {
  &::after {
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    bottom: -2.4rem;
    left: -1.6rem;
    right: -1.6rem;
    height: 30.2rem;
    background: linear-gradient(176.95deg, transparent 22.32%, #ff4000 96.52%);
  }

  &.ev::after {
    background: linear-gradient(176.95deg, transparent 22.32%, #00b2ff 96.52%);
  }
}

.sound-slider__text {
  max-width: 32rem;
  margin: 0 auto 3.5rem;
  text-align: center;
}

.sound-slider__wrapper {
  display: flex;
  flex-flow: column;
  gap: 2.4rem;

  &.sound-slider__wrapper--separate {
    position: relative;
  }
}

.sound-slider__container {
  display: flex;
  flex-flow: column;
  gap: 8rem;
  margin: 0 1.6rem;
}

.sound-slider__slider__slide {
  position: relative;
  max-width: 18rem;
  width: 100%;
  border-radius: 0.8rem;
  overflow: hidden;
  height: unset;
  z-index: 2;
  cursor: pointer;
}

.sound-slider__slide__box {
  position: relative;
  z-index: -2;
}

.sound-slider__slider__slide:not(:last-child) {
  margin-right: 1.6rem;
}

.sound-slider__slide__image img {
  display: block;
  height: 18rem;
  width: 18rem;
  object-fit: cover;
}

.sound-slider__slide__info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.6rem;
  z-index: 6;
}

.sound-slider__slide__name {
  font-family: var(--futuraPT);
  font-size: 2.4rem;
  line-height: 88.7%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}

.sound-slider__controls {
  .control-arrow.right {
    left: unset;
    right: -32px;
  }
}

@media screen and (min-width: 1024px) {
  .sound-slider {
    padding: 240px 0 68px;
    margin-bottom: 216px;
    position: relative;
  }

  .sound-slider__container {
    width: 1088px;
    margin: 0 auto;

    gap: 80px;
  }

  .sound-slider__wrapper {
    gap: 40px;
  }

  .sound-slider h2 {
    text-align: center;

    &.sound-slider__category-title {
      text-align: left;
      margin-bottom: 16px;
    }
  }

  .sound-slider__title {
    max-width: 494px;
    margin: 0 auto;
    position: relative;
  }

  .sound-slider-tab__head {
    max-width: 439px;
    margin: 0 auto 32px;
  }

  .sound-slider__slider {
    position: unset;

    &:not(:last-child) {
      margin-bottom: 40px;
    }
  }

  .sound-slider__wrapper--separate {
    .sound-slider__slider {
      padding: 0 0 40px 40px;
    }
  }

  .sound-slider__slider-body {
    position: relative;
  }

  .sound-slider-tab__item {
    font-size: 48px;
    line-height: 88.7%;
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  }

  .sound-slider-tab__item.thor._active,
  .sound-slider-tab__item.thor:hover {
    border-bottom: 2px solid #ff4001;
    color: #ff4001;
  }

  .sound-slider-tab__item.ev._active,
  .sound-slider-tab__item.ev:hover {
    border-bottom: 2px solid #00b2ff;
    color: #00b2ff;
  }

  .sound-slider-tab__item.boombox._active,
  .sound-slider-tab__item.boombox:hover {
    border-bottom: 2px solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
  }

  .sound-slider__text {
    max-width: 718px;
    margin: 0 auto 46px;
  }

  .sound-slider-tab__item-block::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: 302px;
    border-radius: 0 0 16px 16px;
  }

  .sound-slider__slider__slide {
    max-width: 260px;
    border-radius: 8px;
    transition: opacity 0.3s ease-out;
  }

  .sound-slider__slider__slide.no_active {
    opacity: 0.3;
  }

  .sound-slider__slider__slide:not(:last-child) {
    margin-right: 16px;
  }

  .sound-slider__slide__info {
    padding: 16px;
  }

  .sound-slider__slide__name {
    font-size: 24px;
    line-height: 88.7%;
  }

  .sound-slider__slide__image img {
    width: auto;
    height: 270px;
  }
}

/* ---------------- n-select-sound --------------------- */

/* audio-control */
.audio-control {
  position: absolute;
  bottom: 1.6rem;
  right: 1.6rem;
  width: 5.6rem;
  height: 5.6rem;
  background-color: var(--white);
  border-radius: 50%;
}

.audio-control::before {
  content: "";
  display: block;
  background-image: url(../img/svg/audio_play.svg);
  background-size: 1.4rem 2.4rem;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 3px;
}

.audio-control::after {
  content: "";
  display: none;
  background-color: #fff;
  background-image: url(../img/svg/audio_pause.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.play .audio-control::before {
  display: none;
}

.play .audio-control::after {
  display: block;
}

.hide_audio_active {
  display: none;
}

.audio-control svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.6rem;
  height: 5.6rem;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all 0.1s ease-out;
  overflow: visible;
}

.play .audio-control svg {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  .audio-control {
    bottom: 16px;
    right: 16px;
    width: 56px;
    height: 56px;
    opacity: 0;
    transition: all 0.3s ease-out;
  }

  .audio-control svg {
    width: 56px;
    height: 56px;
  }

  .audio-control::before {
    background-size: 14px 24px;
    margin-left: 2px;
  }

  .swiper-slide .audio-control,
  .play .audio-control {
    opacity: 0.4;
  }

  .swiper-slide:hover .audio-control,
  .play .audio-control {
    opacity: 1;
  }
}

/* audio-control */

/* ------------------------------------ FORM ------------------------------------- */
.grecaptcha-badge {
  display: none !important;
}

.form-group.has-error .form-line {
  border: 2px solid #dd363c;
}

.form-group.has-error .form-label {
  color: #dd363c;
  opacity: 1;
}

.form-group.has-success .form-line {
  border: 2px solid #359e07;
}

.form-group {
  width: 100%;
  position: relative;
}

.form-group:not(:last-child) {
  margin-bottom: 1.6rem;
}

.form-line {
  position: relative;
  height: 5.6rem;
  border: 2px solid rgba(29, 29, 29, 0.2);
  /* overflow: hidden; */
  border-radius: 0.8rem;
  background: #fff;
  transition: border 150ms ease-out;
  cursor: text;
}

.form-line--black {
  background: #4c4c4c;
  border: 2px solid rgba(29, 29, 29, 0.2);

  .form-label {
    color: rgba(255, 255, 255, 0.5);
  }

  input {
    color: #fff;
  }

  select {
    color: #fff;

    option {
      color: #000;
    }
  }
}

.form-input {
  display: block;
  width: 100%;
  /* height: 2.2rem; */
  height: 3rem;
  font-family: var(--openSans);
  font-size: max(18px, 1.8rem);
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--black);
  outline: none;
  border: 0;
  padding: 0 2.2rem;
  background: transparent;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
}

.iti .form-input.phone {
  padding: 0 2.2rem 0 4.2rem;
}

.iti+.form-label {
  padding: 0 2.2rem 0 4.2rem;
}

.textarea-line {
  position: relative;
  height: 11rem;
  border: 2px solid rgba(29, 29, 29, 0.2);
  overflow: hidden;
  border-radius: 0.8rem;
  background: #fff;
  transition: border 150ms ease-out;
  cursor: text;
}

.form-textarea {
  display: block;
  width: 100%;
  height: 7.6rem;
  font-family: var(--openSans);
  font-size: max(18px, 1.8rem);
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  outline: none;
  border: 0;
  padding: 0 2.2rem;
  background: transparent;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  resize: none;
}

.form-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  transform: translateY(0);
  padding: 0 2.2rem;
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.5;
  transition: all 150ms ease-out;
  cursor: text;
  display: flex;
  align-items: center;
  user-select: none;
  pointer-events: none;
}

.form-line._active .form-label {
  font-size: 1.2rem;
  line-height: 100%;
  transition: all 150ms ease-out;
  top: 25%;
  transform: translateY(-50%);
}

.textarea-line label {
  top: 0;
  align-items: flex-start;
  padding-top: 1.5rem;
}

.form-line.textarea-line._active label {
  top: 0;
  transform: translateY(0);
  padding-top: 1rem;
}

.form-select {
  display: block;
  width: 100%;
  height: 100%;
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  outline: none;
  border: 0;
  padding: 1.8rem 2.2rem 0.8rem;
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
}

form._send {}

.form-btn {
  position: relative;
}

.form-btn__dots {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 0.4rem;
  opacity: 0;
  visibility: hidden;
}

form._send .form-btn__dots {
  opacity: 1;
  visibility: visible;
}

.form-btn__dots .dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  background: #ffffff;
  opacity: 0.1;
}

form._send .form-btn__dots .dot.dot-1 {
  animation: anim-dot 800ms linear 300ms infinite normal forwards;
}

form._send .form-btn__dots .dot.dot-2 {
  animation: anim-dot 800ms linear 600ms infinite normal forwards;
}

form._send .form-btn__dots .dot.dot-3 {
  animation: anim-dot 800ms linear 900ms infinite normal forwards;
}

.form-btn button span {
  display: inline;
  background: unset;
  color: unset;
  border-radius: unset;
  padding: unset;
  font-family: var(--openSans);
  font-weight: unset;
  font-size: unset;
  line-height: unset;
  letter-spacing: unset;
}

form._send .make-request__btn.close {
  opacity: 0;
  visibility: hidden;
}

button {
  outline: none;
}

form._send .form-btn button {
  padding: 1.4rem 0;
  width: 8rem;
}

form._send .form-btn button span {
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}

@keyframes anim-dot {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.5;
  }
}

@media screen and (min-width: 1024px) {
  .form-group:not(:last-child) {
    margin-bottom: 0;
  }

  .form-line {
    width: 100%;
    height: 56px;
    border-radius: 8px;
  }

  .form-input {
    height: 22px;
    font-size: 18px;
    line-height: 150%;
    padding: 0 22px;
    bottom: 8px;
  }

  .textarea-line {
    height: 110px;
    border-radius: 8px;
  }

  .form-textarea {
    height: 77px;
    font-size: 18px;
    line-height: 150%;
    padding: 0 22px;
    bottom: 8px;
  }

  .textarea-line label {
    top: 0;
    padding-top: 20px;
  }

  .form-line.textarea-line._active label {
    padding-top: 10px;
  }

  .form-label {
    font-size: 18px;
    padding: 0 22px;
    line-height: 100%;
  }

  .form-line._active .form-label {
    font-size: 12px;
    line-height: 100%;
  }

  .form-select {
    height: 100%;
    font-size: 18px;
    line-height: 150%;
    padding: 20px 22px 8px;
    bottom: 0;
  }

  .iti .form-input.phone {
    padding: 0 22px 0 46px;
  }

  .iti+.form-label {
    padding: 0 22px 0 46px;
  }

  .form-btn__dots {
    gap: 4px;
  }

  .form-btn__dots .dot {
    width: 8px;
    height: 8px;
  }

  form._send .form-btn button {
    padding: 14px 0;
    width: 80px;
  }
}

/* ------------------------------------ FORM END ------------------------------------- */

/* ------------------------------- contact-us ---------------------------- */
.contact-us {}

.contact-us__container h2 {
  text-align: left;
  margin-bottom: 3.2rem;
}

.contact-us-form__line {
  margin-bottom: 2.4rem;
  background: #4c4c4c;
  border: 2px solid rgba(29, 29, 29, 0.2);
}

.contact-us-form__label {
  color: rgba(255, 255, 255, 0.5);
}

.contact-us-form__input {
  color: #fff;
}

.contact-us-form__textarea {
  margin-bottom: 2.4rem;
  background: #4c4c4c;
  border: 2px solid rgba(29, 29, 29, 0.2);
}

.contact-us-form__textarea textarea {
  color: #fff;
}

.contact-us-form__btns {
  display: flex;
  justify-content: flex-end;
}

.support-page .contact-us-form__btns {
  justify-content: space-between;
  align-items: center;
}

.contact-us-form__btn button {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--black);
  padding: 1.9rem 2.4rem;
  background: #fff;
  border-radius: 2.8rem;
}

.contact-us-form__btn .dot {
  background-color: var(--black);
}

.contact-us-form__line.select-box {
  position: relative;
}

.contact-us-form__line.select-box select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.contact-us-form__line.select-box::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  right: 2.2rem;
  background: url(/img/svg/arrowdown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
  pointer-events: none;
}

.contact-us-form__line.select-box .form-select::-ms-expand {
  display: none;
}

.contact-us-form__file {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1rem;
}

.contact-us-form__file input {
  display: none;
}

.form-file {}

.contact-us-form__file__icon {
  width: 5.6rem;
  height: 5.6rem;
  background: var(--black);
  border-radius: 3rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 150ms ease-out;
}

.contact-us-form__file._active .contact-us-form__file__icon {
  background: #dd363c;
}

.contact-us-form__file__icon svg {
  width: 2rem;
  height: 2rem;
  transition: transform 150ms ease-out;
}

.contact-us-form__file._active .contact-us-form__file__icon svg {
  transform: rotate(45deg);
}

.contact-us-form__file__name {
  font-family: var(--openSans);
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  padding-left: 0.8rem;
}

.contact-us-form__btn {}

.contact-us-form__row--justified {
  display: flex;
  flex-flow: column-reverse;
}

@media screen and (min-width: 1024px) {
  .contact-us__container h2 {
    margin-bottom: 32px;
    max-width: 713px;
  }

  .contact-us-form__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
    margin-bottom: 24px;
  }

  .contact-us-form__row--justified {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
  }

  .contact-us-form__line {
    margin-bottom: 0;
  }

  .contact-us-form__textarea {
    margin-bottom: 24px;
    height: 173px;
  }

  .contact-us-form__textarea textarea {
    height: 135px;
  }

  .contact-us-form__btn button {
    font-size: 18px;
    line-height: 100%;
    padding: 19px 24px;
    border-radius: 40px;
    cursor: pointer;
  }

  .contact-us-form__line.select-box {
    margin-bottom: 24px;
  }

  .contact-us-form__line.select-box::after {
    width: 12px;
    height: 12px;
    right: 22px;
  }

  .contact-us-form__file {
    margin-bottom: 0;
    cursor: pointer;
  }

  .contact-us-form__file__icon {
    width: 56px;
    height: 56px;
  }

  .contact-us-form__file__icon svg {
    width: 20px;
    height: 20px;
  }

  .contact-us-form__file__name {
    font-size: 18px;
    line-height: 150%;
    padding-left: 8px;
  }

  .contact-us-form__box {
    display: flex;
    justify-content: space-between;
  }
}

/* ------------------------------- contact-us ---------------------------- */

.qr-img {
  width: 92px;
  height: 92px;
}

.qr-mini-text {
  font-family: var(--openSans);
  font-size: 1rem;
  line-height: 150%;
  font-weight: 600;
  letter-spacing: 0.08em;

  @media screen and (min-width: 1024px) {
    font-size: 12px;
  }
}

.tippy-content {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-direction: column;
}

/* -------------------------- not-founded page -------------------- */
.not-founded {}

.not-founded__number {
  font-family: var(--futuraPT);
  font-weight: normal;
  font-size: 23.2rem;
  line-height: 88.7%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 2.4rem;
}

.not-founded__text {
  font-family: var(--futuraPT);
  font-weight: normal;
  font-size: 4.8rem;
  line-height: 1.1;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--black);
  margin-bottom: 2.4rem;
}

h1.not-founded__text {
  margin-bottom: 2.4rem;
  text-align: center;
}

.not-founded__btn {
  text-align: center;
}

.not-founded__btn a {
  font-size: 1.8rem;
  line-height: 100%;
  padding: 1.9rem 2.4rem;
  background-color: var(--black);
  color: #fff;
}

.big-bg__allipses {
  z-index: -1;
}

.modal-country-open .big-bg__allipses__mobile .mob-allipse.first {
  top: 12.4rem;
}

.big-bg__allipses__mobile .mob-allipse.first {
  top: -4.6rem;
  left: 0rem;
  height: 37.2rem;
  width: 26rem;
}

.big-bg__allipses__mobile .mob-allipse {
  overflow: hidden;
}

.big-bg__allipses__mobile .mob-allipse img {
  width: 100%;
}

.modal-country-open .big-bg__allipses__mobile .mob-allipse.second {
  top: 23.4rem;
  right: 0;
}

.big-bg__allipses__mobile .mob-allipse.second {
  height: 22.7rem;
  width: 15.7rem;
  right: 0;
  top: 5.4rem;
}

.big-bg__allipses__mobile .mob-allipse.second img {
  transform: translateX(2.5rem);
  height: 22.7rem;
}

@media screen and (min-width: 1024px) {
  .not-founded {
    margin-top: 136px;
  }

  .not-founded__number {
    font-size: 400px;
    line-height: 88.7%;
    margin-bottom: 24px;
  }

  .not-founded__text {
    font-size: 68px;
    line-height: 1.1;
    max-width: 541px;
    margin: 0 auto 24px;
  }

  h1.not-founded__text {
    margin: 0 auto 24px;
    text-align: center;
  }

  .not-founded__btn a {
    font-size: 18px;
    line-height: 100%;
    padding: 19px 24px;
  }

  .big-bg__anim-allipse.first .big-bg__svg-allipse.first {
    filter: blur(0.5px);
    -webkit-filter: blur(0.5px);
    top: 26px;
    left: -4px;
    width: 181px;
    height: 112px;
  }

  .big-bg__anim-allipse.first .big-bg__svg-allipse.second {
    filter: blur(1px);
    -webkit-filter: blur(1px);
    width: 456px;
    height: 283px;
    top: 16px;
    left: -79px;
  }

  .big-bg__anim-allipse.first .big-bg__svg-allipse.third {
    filter: blur(2.5px);
    -webkit-filter: blur(2.5px);
    width: 755px;
    height: 424px;
    top: 32px;
    left: -166px;
  }

  .big-bg__anim-allipse.first .big-bg__svg-allipse.fourth {
    filter: blur(4px);
    -webkit-filter: blur(4px);
    width: 1043px;
    height: 560px;
    top: 63px;
    left: -210px;
  }

  .big-bg__anim-allipse.second .big-bg__svg-allipse.first {
    top: 275px;
    right: -32px;
    width: 75px;
    height: 114px;
    filter: blur(0.5px);
    -webkit-filter: blur(0.5px);
  }

  .big-bg__anim-allipse.second .big-bg__svg-allipse.second {
    top: 230px;
    right: -31px;
    width: 212px;
    height: 279px;
    filter: blur(1px);
    -webkit-filter: blur(1px);
  }

  .big-bg__anim-allipse.second .big-bg__svg-allipse.third {
    top: 157px;
    right: -16px;
    width: 307px;
    height: 476px;
    filter: blur(2.5px);
    -webkit-filter: blur(2.5px);
  }

  .big-bg__anim-allipse.second .big-bg__svg-allipse.fourth {
    top: 78px;
    right: 7px;
    width: 392px;
    height: 679px;
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
}

/* -------------------------- not-founded page END -------------------- */

/* .popup-qr */
.popup-qr {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  width: 100vw;
  height: 100vh;
  background: rgba(29, 29, 29, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  right: 99999999999px;

  transition: opacity 0.3s ease;

  &._active {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    right: 0;
  }
}

.popup-qr__container {
  background: #fff;
  border-radius: 0.8rem;
  padding: 4rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 34.3rem;
  height: 59.4rem;
  position: relative;
}

.popup-qr__close-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.popup-qr__close-btn img {
  width: 2.4rem;
  height: 2.4rem;
}

.popup-qr__title {
  font-family: var(--futuraPT);
  font-size: 3.3rem;
  line-height: 1.3;
  font-weight: 450;
  text-align: center;
  color: var(--black);
  margin-bottom: 5rem;
}

.popup-qr__image {
  width: 23.5rem;
  height: 23.5rem;
  margin-bottom: auto;
}

@media screen and (min-width: 1024px) {
  .popup-qr {
    display: none;
  }
}

/* .popup-qr */

/* thx-page */
.thx-page__wrapper {
  display: flex;
  align-items: center;
  flex-flow: column;
  gap: 1.6rem;
  margin-top: 18rem;
}

h1.thx-page__title {
  text-align: center;
  margin-bottom: 0;

  font-size: 4.8rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.thx-page__text {
  text-align: center;
  margin-bottom: 0;

  * {
    text-align: center;
    color: var(--black-2);
  }

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

  h2 {
    font-size: 3.6rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
}

.thx-page__tick-img {
  width: 7.9rem;
  height: 4.5rem;
}

@media screen and (min-width: 1024px) {
  .thx-page__wrapper {
    margin-top: 240px;
    gap: 16px;
  }

  h1.thx-page__title {
    font-size: 64px;
  }

  .thx-page__text {
    margin-bottom: 0;

    * {
      text-align: center;
      color: var(--black-2);
    }

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

    h2 {
      font-size: 48px;
      line-height: 1.3;
    }
  }

  .thx-page__tick-img {
    width: 105px;
    height: 60px;
  }
}

/* thx-page */

/* БЭМ МОДИФИКАТОРЫ */

.only-desktop {
  display: none;
}

.only-mobile {
  display: inherit;
}

@media screen and (min-width: 1024px) {
  .only-desktop {
    display: inherit;
  }

  .only-mobile {
    display: none;
  }
}

/* БЭМ МОДИФИКАТОРЫ */
/* ------------------------------- BLOG-PAGE --------------------------------- */

.blog-page h1 {
  text-align: left;
  margin-bottom: 2.4rem;
}

.blog-page__news {}

.our-news {
  margin-bottom: 8rem;
}

.our-news__container {
  overflow-x: hidden;
  margin-bottom: 8rem;
}

.article-page__news.our-news.ssss>.our-news__container>.default-page .our-news h2,
.our-news h2 {
  margin: 0 auto;
  margin-bottom: 1.8rem;
  max-width: 984px;
}

.article-page>.breadcrumbs-block {
  margin: 0px 0 56px;
}

.thor-original>main>.our-news__container>h2,
.thor-ev>main>.our-news__container>h2,
main>.common-section>.our-news__container>h2 {
  margin-bottom: 8rem;
}

.blog-page .our-news__container {
  overflow: unset;
  max-width: 984px;
}

.our-news__container.content p {
  margin: 0 0 4rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 1.6rem;
  line-height: 150%;
}

.our-news__secondary-title {
  margin: 0;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.our-news__secondary-title p:not(:last-child) {
  margin-bottom: 1.6rem;
}

.article-page__news.our-news .our-news__secondary-title {
  margin-left: 1.6rem;
  margin-bottom: 2.4rem;
}

@media screen and (min-width: 1024px) {
  .our-news__secondary-title {
    font-size: 20px;
  }

  .our-news__secondary-title p:not(:last-child) {
    margin-bottom: 16px;
  }

  .article-page__news.our-news .our-news__secondary-title {
    width: 984px;
    margin: 0 auto 24px;
  }
}

.our-news .thor-blog__slider {
  margin-left: 1.6rem;
}

.our-news__filters {
  width: 31.2rem;
  position: relative;
  margin-bottom: 4rem;
}

.our-news__filter__label {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: var(--black);
  background: #fff;
  border-radius: 3.2rem;
  padding: 1.6rem 4.8rem 1.6rem 2.4rem;
  position: relative;
  z-index: 3;
  cursor: pointer;
}

.our-news__filter__label::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  right: 2.8rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/arrow-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.our-news__filters ul {
  list-style: none;
  padding: 4rem 2.4rem 1.6rem;
  background: #fff;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 100%;
  border-radius: 0 0 1rem 1rem;
  display: none;
}

.our-news__filter__item {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: var(--black);
  margin-bottom: 1.5rem;
  cursor: pointer;
}

.our-news__filter__link {
  padding: 0;
}

.our-news__filter__link a {
  display: block;
  color: var(--black);
  text-decoration: none;
}

.our-news__filter__item._hide {
  display: none;
}

.our-news__list {
  margin-bottom: 2.4rem;
}

.shorts-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 2.4rem;
}

.shorts-list iframe {
  display: block;
  width: 100%;
  height: 63.4rem;
  border-radius: 0.8rem;
  overflow: hidden;
}

.our-news__item {
  display: block;
  text-decoration: none;
}

.our-news__item:not(:last-child) {
  margin-bottom: 2.4rem;
}

.our-news__image {
  border-radius: 0.8rem;
  overflow: hidden;
}

.our-news__image img {
  display: block;
  width: 100%;
  height: 20.8rem;
  object-fit: cover;
}

.our-news__box {
  padding: 1.6rem 1.6rem 0.8rem;
}

.our-news__label {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
  color: var(--black);
  transition: color 300ms ease-out;
}

.our-news__desc {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
  transition: color 300ms ease-out;
}

.our-news__btn {
  display: block;
  background: var(--black);
  border-radius: 2.8rem;
  color: #fff;
  width: 19rem;
  padding: 1.9rem 2.4rem;
  position: relative;
  margin: 0 auto;
}

.our-news__btn__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  right: 2rem;
}

.our-news__btn__icon svg {
  width: 1.6rem;
  height: 1.6rem;
}

.slider-shorts .swiper-slide {
  max-width: 31.2rem;
  width: 100%;
  margin-right: 1.6rem;
  background-size: 100% 100%;
  position: relative;
}

.slide_btn {
  position: absolute;
  top: 88px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.slider-shorts .swiper-slide iframe {
  display: block;
  width: 100%;
  border-radius: 0.8rem;
  overflow: hidden;
  height: 55.4rem;
  position: relative;
}



@media screen and (min-width: 1024px) {
  .our-news {
    margin-bottom: 80px;
  }

  .our-news .thor-blog__slider {
    margin-left: calc((100% - 1408px) / 2);
  }

  .article-page .thor-blog__slider {
    margin-left: calc((100% - 984px) / 2);
  }

  .our-news__container.content p {
    margin: 0 auto 40px;
    font-size: 26px;
    line-height: 150%;
  }

  .blog-page h1 {
    margin-bottom: 24px;
  }

  .our-news__filters {
    width: unset;
    margin-bottom: 40px;
  }

  .our-news__filter__label {
    display: none;
  }

  .our-news__filters ul {
    display: block;
    background: transparent;
    padding: 0;
    position: relative;
    top: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .our-news__filter__item {
    padding: 14px 24px;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 0;
    border: 2px solid #1d1d1d;
    border-radius: 28px;
    margin-right: 8px;
    transition: all 150ms ease-out;
  }

  .our-news__filter__link {
    padding: 0;
  }

  .our-news__filter__link a {
    padding: 14px 24px;
  }

  .our-news__filter__item._active {
    background: var(--black);
    color: #fff;
    transition: all 150ms ease-out;
  }

  .our-news__filter__link a {
    padding: 14px 24px;
  }

  .our-news__filter__link._active a {
    color: #fff;
  }

  .our-news__list {
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 40px;
  }

  .shorts-list iframe {
    height: 554px;
    border-radius: 8px;
  }

  .our-news__item:not(:last-child) {
    margin-bottom: 0;
  }

  .our-news__item {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.45s, opacity 0.45s, background 300ms ease-out;
    background: transparent;
    border-radius: 8px;
    overflow: hidden;
  }

  .our-news__item:hover {
    background: #fff;
    transition: background 300ms ease-out;
  }

  .our-news__item._hide {
    opacity: 0;
    transform: translateY(50px);
  }

  .our-news__image {
    border-radius: 8px;
  }

  .our-news__image img {
    height: 208px;
  }

  .our-news__box {
    padding: 16px 16px 8px;
  }

  .our-news__label {
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 0;
  }

  .our-news__desc {
    font-size: 16px;
    line-height: 150%;
  }

  .our-news__item:hover .our-news__label,
  .our-news__item:hover .our-news__desc {
    color: var(--black);
  }

  .our-news__btn {
    width: 190px;
    padding: 19px 24px;
    cursor: pointer;
  }

  .our-news__btn__icon {
    right: 20px;
  }

  .our-news__btn__icon svg {
    width: 16px;
    height: 16px;
  }

  .slider-shorts .swiper-slide {
    max-width: 312px;
    width: 100%;
    margin-right: 24px;
  }

  .slider-shorts .swiper-slide iframe {
    height: 554px;
    border-radius: 8px;
  }
}

.our-news__container {
  max-width: 1408px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .our-news__container {
    max-width: 97vw;
  }

  .mn-main-page .our-news .thor-blog__slider {
    margin-left: unset;
  }
}

@media screen and (max-width: 1023px) {
  .our-news__container {
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

@media screen and (max-width: 1023px) {
  .mn-main-page .our-news h2 {
    margin-left: 1.6rem;
  }

  main .our-news__container .thor-blog__slider {
    margin-left: 1.6rem;
  }

  .article-page__news.our-news.ssss>.our-news__container>.default-page .our-news h2,
  .our-news h2 {
    margin: 0 1.6rem 1.8rem;
  }
}

/* ------------------------------- BLOG-PAGE END --------------------------------- */
/* ------------------------------- SUPPORT-PAGE START ------------------------------------- */
body.body-support {
  background: #f5f5f7;
}

.support-page .breadcrumbs-block {
  margin-top: 0;
}

.support-page .textarea-line,
.support-page .contact-us-form__line {
  background-color: white;
}

.support-page .contact-us-form__label,
.support-page .contact-us-form__input,
.support-page .contact-us-form__textarea textarea {
  color: var(--black);
}

.support-page h2 {
  color: var(--black-2);
  text-align: left;
  margin-bottom: 1.6rem;
}

@media screen and (min-width: 1024px) {
  .support-page {
    margin-top: 56px;
  }

  .support-page h2 {
    margin-bottom: 32px;
  }
}

/* ---------------------------- .support-banner -------------------------------- */

.support-banner {
  position: relative;
  height: 28.9rem;
  margin-bottom: 2.2rem;
}

.support-banner__container {
  height: 100%;
}

.support-banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #060606;
  background-image: url(../img/support/bunner-mob.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.support-banner__content h1 {
  color: #fff;
  text-align: left;
  margin-bottom: 3.5rem;
}

.support-banner__content {
  padding-top: 6rem;
  position: relative;
  z-index: 2;
  height: 100%;
  display: block;
}

.search-block__row {
  display: flex;
}

.search-block__line {
  flex-grow: 1;
  margin-right: 1.6rem;
}

.search-block__input {
  height: 2.4rem;
  bottom: 0.6rem;
}

.search-block__btn button {
  height: 5.6rem;
  background: var(--black);
  border-radius: 28px;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 100%;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
  color: #ffffff;
  padding: 0 2.4rem;
  border-radius: 2.8rem;
}

@media screen and (min-width: 1024px) {
  .support-banner {
    height: 440px;
    margin-bottom: 30px;
  }

  .support-banner__bg {
    background-image: url(../img/support/bunner-desktop.jpg);
  }

  .support-banner__content {
    padding-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .support-banner__content h1 {
    text-align: center;
    margin-bottom: 40px;
  }

  .search-block__row {
    width: 521px;
    margin: 0 auto;
  }

  .search-block__input {
    height: 22px;
    bottom: 8px;
  }

  .search-block__btn button {
    cursor: pointer;
    height: 56px;
    font-size: 18px;
    line-height: 100%;
    border-radius: 28px;
  }
}

/* ---------------------------- .support-banner END -------------------------------- */
.our-instructions {
  margin-bottom: 8rem;
}

.our-instructions__list {
  margin-bottom: 6.4rem;
}

.our-instructions__item:not(:last-child) {
  margin-bottom: 1.6rem;
}

.our-instructions__item {
  display: flex;
  flex-direction: column;
  background-color: var(--black-2);
  border-radius: 0.8rem;
  text-decoration: none;
  overflow: hidden;
  padding: 2.4rem;
  position: relative;
}

.our-instructions__item.bg-white {
  background-color: var(--white);
}

.our-instructions__item__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.4rem;
  flex-grow: 1;
}

.our-instructions__item__icon-file svg {
  width: 3.2rem;
  height: 3.2rem;
  overflow: visible;
}

.our-instructions__item__label {
  font-family: var(--futuraPT);
  font-size: 2.6rem;
  line-height: 110%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
  width: 21.8rem;
  position: relative;
  z-index: 2;
}

.our-instructions__item.bg-white .our-instructions__item__label {
  color: var(--black);
}

.our-instructions__image {
  margin: 0 -2.4rem;
  position: relative;
}

.our-instructions__image::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.26%, #000000 100%);
}

.our-instructions__item.bg-white .our-instructions__image::after {
  display: none;
}

.our-instructions__image img {
  display: block;
  width: 100%;
}

.our-instructions__btns {
  margin-top: -3.4rem;
  position: relative;
  z-index: 2;
}

.support-tech-documents-item__btns {
  margin-top: 0.8rem;
}

.support-tech-support-item__label {
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 1.5rem;
  color: black;
}

.support-tech-support-item__image {
  margin: 0 !important;
}

.our-instructions__btn span {
  display: inline-flex;
  align-items: center;
  padding: 1.6rem 1.6rem 1.6rem 2.4rem;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  gap: 1.2rem;
  border-radius: 2.8rem;
}

.our-instructions__item.bg-white .our-instructions__btn span {
  background-color: var(--black);
  color: var(--white);
}

.our-instructions__btn svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}

.our-instructions__item.bg-white .our-instructions__btn svg path {
  fill: var(--white);
}

.select-car {
  background: #ffffff;
  border-radius: 0.8rem;
  padding: 1.6rem;
}

.select-car h3 {
  color: var(--black);
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.select-car__box {
  margin-bottom: 1.6rem;
}

.instruction-form__line {
  margin-bottom: 1.6rem;
}

.instruction-form__line.select-box.form-line:first-child {
  border: 2px solid var(--black);
}

.instruction-form__line.select-box.form-line:first-child::after {
  background-image: url(../img/support/icons/arrowdown.svg);
}

.select-box.form-line._next-item {
  border: 2px solid var(--black);
}

.select-box.form-line._next-item::after {
  background-image: url(../img/support/icons/arrowdown.svg);
}

.instruction-form__line.select-box select option:first-child {
  display: none;
}

.instruction-form__line._hide {
  display: none;
}

.instruction-form__line.select-box {
  position: relative;
}

.arrow-select {
  position: relative;
}

.arrow-select::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  right: 2.2rem;
  background: url(../img/support/icons/arrowdown-grey.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
  transition: transform 150ms ease-out;
}

.question-block__item__label::after {
  background-image: url(../img/support/icons/arrowdown.svg);
}

.arrow-select._open::after {
  transform: translateY(-50%) rotate(180deg);
}

.instruction-form__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
}

.instruction-form__select::-ms-expand {
  display: none;
}

.selected-car__instruction {
  background-color: var(--black-2);
  border-radius: 0.4rem;
  padding: 1.6rem 1rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 19rem;
}

.select-car._founded .selected-car__instruction {
  display: flex;
}

.selected-car__instruction__icon-file {
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 0.8rem;
}

.selected-car__instruction__icon-file svg {
  width: 2.4rem;
  height: 2.4rem;
}

.selected-car__instruction__label {
  font-family: var(--futuraPT);
  font-size: 3.2rem;
  line-height: 103%;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0.8rem;
}

.instruction-car {
  display: none;
}

.select-car._founded .instruction-car {
  display: inline-block;
}

.selected-car__instruction__btn {
  display: none;
}

.select-car._founded .selected-car__instruction__btn {
  display: block;
}

.selected-car__instruction__btn a {
  display: inline-block;
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--black);
  text-decoration: none;
  background-color: #fff;
  padding: 1.4rem 2.4rem;
  border-radius: 4rem;
}

.select-car__not-founded {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--black);
}

.select-car__not-founded a {
  font-family: var(--openSans);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #2767c5;
  text-decoration: none;
  border-bottom: 1px solid #2767c5;
  transition: border 150ms ease-out;
}

@media screen and (min-width: 1024px) {
  .our-instructions {
    margin-bottom: 112px;
  }

  .our-instructions__list {
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
  }

  .our-instructions__item:not(:last-child) {
    margin-bottom: 0;
  }

  .our-instructions__item {
    padding: 24px;
    border-radius: 8px;
  }

  .our-instructions__item__head {
    margin-bottom: 4px;
  }

  .our-instructions__item__icon-file svg {
    width: 32px;
    height: 32px;
  }

  .our-instructions__item__label {
    font-size: 26px;
    line-height: 110%;
    width: 218px;
  }

  .our-instructions__image {
    margin: 0 -24px;
  }

  .our-instructions__btns {
    margin-top: -34px;
  }

  .support-tech-documents-item__btns {
    margin-top: 8px;
  }

  .our-instructions__btn span {
    padding: 16px 16px 16px 24px;
    font-size: 18px;
    line-height: 100%;
    gap: 12px;
    border-radius: 28px;
  }

  .our-instructions__btn svg {
    width: 24px;
    height: 24px;
  }

  .select-car {
    padding: 16px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 476px 1fr;
    grid-column-gap: 16px;
  }

  .select-car h3 {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 8px;
  }

  .instruction-form {
    margin-bottom: 14px;
  }

  .arrow-select::after {
    width: 12px;
    height: 12px;
    right: 20px;
  }

  .arrow-select {
    position: relative;
  }

  .instruction-form__line {
    width: 312px;
    margin-bottom: 0;
  }

  .instruction-form__line:not(:last-child) {
    margin-bottom: 16px;
  }

  .instruction-form__line._hide {
    display: block;
  }

  .select-car__not-founded {
    font-size: 18px;
    line-height: 150%;
    text-align: left;
    display: block;
  }

  .select-car__not-founded a {
    font-size: 18px;
    line-height: 150%;
  }

  .select-car__not-founded a:hover {
    border-bottom: 1px solid transparent;
  }

  .selected-car__instruction {
    display: flex;
    border-radius: 4px;
    padding: 16px;
    align-items: flex-start;
    min-height: unset;
  }

  .selected-car__instruction__icon-file {
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
  }

  .selected-car__instruction__icon-file svg {
    width: 24px;
    height: 24px;
  }

  .selected-car__instruction__label {
    font-size: 32px;
    line-height: 100%;
    text-align: left;
    margin-bottom: 24px;
  }

  .selected-car__instruction__btn a {
    font-size: 18px;
    line-height: 150%;
    padding: 14px 24px;
    border-radius: 40px;
  }
}

/* ----------------------- our-instructions END ----------------------------------- */