@font-face {
 font-family: "Roboto Flex";
 src: url('../fonts/RobotoFlex-VariableFont.ttf') format('truetype-variations'),
 font-weight: 100 1000;
 font-style: normal;
 font-display: swap;
}

:root {
  --main-blue: #0460d9;
  --white: #fff;
  --light-blue: #e1effa;
  --light-grey: #d1dfe9;
  --grey-blue: #b7cede;
  --relume-library-lite--rl-black: black;
  --relume-library-lite--rl-white: white;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.page-wrapper {
  margin-left: 2vw;
  margin-right: 2vw;
}

.main-wrapper {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex-flow: column;
  display: flex;
}

.navbar {
  z-index: 100;
  background-color: var(--main-blue);
  justify-content: flex-start;
  align-items: center;
  height: 4vw;
  margin-top: 2vw;
  margin-bottom: .4vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

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

.hero_wrapper {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  align-items: stretch;
  height: 84vh;
  min-height: 40vw;
  padding: 2vw;
  display: flex;
  position: relative;
}

.header-1 {
  color: #fff;
  font-variation-settings: "wght" 550, "wdth" 46;
  font-family: "Roboto Flex", sans-serif;
  font-size: 6vw;
  line-height: 90%;
}

.hero_right-cell {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
}

.body {
  font-family: "Roboto Flex", sans-serif;
}

.hero_image-12-years {
  -webkit-backdrop-filter: blur(.75rem);
  backdrop-filter: blur(.75rem);
  max-width: none;
  height: 100%;
}

.hero_left-cell {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  flex-flow: row;
  align-items: flex-end;
  padding-right: 1rem;
}

.hero_description-wrapper {
  grid-column-gap: 1.8vw;
  grid-row-gap: 1.8vw;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-size-regular {
  color: var(--main-blue);
  font-family: Inter, sans-serif;
  font-size: 1.1vw;
  line-height: 130%;
}

.text-size-regular.text-color-white {
  color: var(--white);
  font-weight: 300;
  line-height: 130%;
}

.text-size-regular.text-color-white.position-relative {
  text-align: center;
  position: relative;
}

.text-size-regular.text-weight-bold {
  font-weight: 600;
}

.hero_description-text-wrapper {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.hero_image-signature {
  width: 10vw;
  max-width: none;
}

.hero_conteiner {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  padding: 0;
}

.line-white {
  background-color: var(--white);
  width: 100%;
  height: 1px;
}

.text-size-medium {
  color: var(--main-blue);
  font-family: Inter, sans-serif;
  font-size: 1.2vw;
  font-weight: 600;
  line-height: 120%;
}

.text-size-medium.text-color-white {
  color: var(--white);
  font-weight: 400;
}

.navbar_logo {
  width: 10vw;
  max-width: none;
}

.heading-style-h1 {
  color: var(--main-blue);
  font-variation-settings: "wdth" 46, "wght" 550, "opsz" 62;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto Flex", sans-serif;
  font-size: 4vw;
  line-height: 100%;
}

.heading-style-h1.text-color-white {
  color: var(--white);
  position: static;
}

.heading-style-h1.text-color-white.position-relative {
  line-height: 120%;
  position: relative;
}

.heading-style-h1.width-85vw {
  width: 85vw;
}

.heading-style-h1.text-algin_centr {
  text-align: center;
}

.intro_wrapper {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-small {
  color: var(--main-blue);
  font-family: Inter, sans-serif;
  font-size: .9vw;
  line-height: 130%;
}

.text-size-small.text-color-white {
  color: var(--white);
  text-decoration: none;
}

.intro_right-cell {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  flex-flow: column;
  display: flex;
}

.note {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.note-icon {
  width: .8vw;
}

.section_products {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.products_grid {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.info-cell {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.info-cell.aligin-boottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}

.info-cell.aligin-boottom-left {
  justify-content: flex-end;
  align-items: flex-start;
}

.image-cell {
  background-color: var(--light-blue);
  overflow: hidden;
}

.products_table {
  grid-column-gap: .3vw;
  grid-row-gap: .3vw;
  flex-flow: column;
  width: 32vw;
  display: flex;
}

.line-thin {
  background-color: var(--main-blue);
  height: 1px;
}

.line-thin.white-line {
  background-color: var(--white);
  width: 100%;
}

.line-thin.line-item.line-mobile-visible {
  display: none;
}

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

.table-string_padding {
  width: 5rem;
}

.padding-small {
  height: .8vw;
}

.section_brends {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.brends_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brends-cell {
  aspect-ratio: 1;
  border-style: solid none solid solid;
  border-color: var(--main-blue);
  background-image: url('../images/logo-nunicho.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.4vw;
  transition: background-color 1s;
  display: flex;
}

.brends-cell:hover {
  background-color: var(--main-blue);
}

.brends-cell.cell-left {
  background-color: #ebf1f600;
  background-image: url('../images/nunicho-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  transition-property: all;
  transition-duration: 1.2s;
}

.brends-cell.cell-left:hover {
  background-color: #e6f4ff;
}

.brends-cell.cell-centr {
  background-color: #fff0;
  background-image: url('../images/etalon-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  transition-property: all;
  transition-duration: 1.2s;
}

.brends-cell.cell-centr:hover {
  background-color: #e6f4ff;
}

.brends-cell.cell-right {
  background-color: #fff0;
  background-image: url('../images/tit-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  border-right-style: solid;
  border-right-width: 1px;
  transition-property: all;
  transition-duration: 1.2s;
}

.brends-cell.cell-right:hover {
  background-color: #e6f4ff;
}

.products-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 48vw;
}

.section_advantage {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  display: flex;
}

.advantage_grid {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.advantage-cell {
  aspect-ratio: 3 / 2;
  border: 1px solid var(--main-blue);
  flex-flow: column;
  justify-content: space-between;
  padding: 1.4vw;
  display: flex;
}

.plus-icon {
  width: 2.2vw;
}

.text-small-wrapper {
  flex-flow: column;
  display: flex;
}

.empty-cell {
  flex-flow: column;
  justify-content: space-between;
}

.cities-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.cities-img-wrapper {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 6vw;
  padding-bottom: 6vw;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.cities-backgraund {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cities-image {
  z-index: 2;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  width: 28vw;
  position: relative;
  transform: perspective(1000px)rotate(0);
}

.text-form-message {
  color: var(--main-blue);
  font-size: 1rem;
}

.form {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.fotm-button {
  background-color: var(--main-blue);
  background-image: url('../images/arrow-up-right.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 1.2vw;
  border-radius: .2rem;
  height: 4vw;
  font-family: Inter, sans-serif;
  font-size: 1.3vw;
  display: block;
}

.form-block {
  border: 1px #000;
}

.form-item-phone {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--main-blue);
  color: var(--main-blue);
  border-radius: 0;
  height: 4vw;
  margin-bottom: 0;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 2vw;
}

.form-item-phone:active, .form-item-phone:focus-visible, .form-item-phone[data-wf-focus-visible] {
  color: var(--main-blue);
  font-size: 2vw;
}

.form-item-phone::placeholder {
  color: var(--main-blue);
  font-size: 1vw;
}

.padding-medium {
  height: 2vw;
}

.smi_grid {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.smi_left-cell {
  aspect-ratio: 1;
  background-color: var(--light-blue);
  padding: 1.6vw;
  position: relative;
  overflow: hidden;
}

.smi_right-cell {
  aspect-ratio: 1;
  background-color: var(--main-blue);
  flex-flow: column;
  justify-content: space-between;
  padding: 1.6vw;
  display: flex;
}

.articles-wrapper {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.smi-image {
  width: 46vw;
  max-width: none;
  margin-left: -1.6vw;
}

.section_sertificate {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  display: flex;
}

.sertificate_wrapper {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer {
  z-index: 200;
  border-style: solid;
  border-width: 2vw 2vw 4vw;
  border-color: var(--white);
  background-color: var(--main-blue);
  margin-top: 6vw;
  padding: 2vw 2vw 1vw;
  position: relative;
}

.footer-copyright {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.logo-footer {
  width: 12vw;
}

.footer-wrapper {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-contact-wrapper {
  flex-flow: column;
  display: flex;
}

.sertificat-image {
  border: .1rem solid var(--light-blue);
  width: 100%;
  max-width: none;
}

.noise {
  z-index: 999;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.lotty-animation {
  width: 48vw;
  height: 48vw;
}

.image-cell-wrapper {
  display: flex;
  overflow: hidden;
}

.main-background-image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.footer-politkal-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.list {
  color: var(--main-blue);
  margin-bottom: 0;
  padding-left: 1.2vw;
  font-size: 1.1vw;
  line-height: 140%;
}

.section_brending {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.branding_grid {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.branding_left-cell {
  aspect-ratio: 3 / 2.5;
  background-color: var(--light-grey);
  background-image: url('../images/oem-image_1.webp');
  background-position: 50%;
  background-size: cover;
  padding: 1.6vw;
  overflow: hidden;
}

.branding_right-cell {
  aspect-ratio: 3 / 2.5;
  background-color: var(--light-blue);
  flex-flow: column;
  justify-content: space-between;
  padding: 1.6vw;
  display: flex;
}

.button {
  background-color: var(--main-blue);
  text-align: center;
  background-image: url('../images/arrow-up-right.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 1.2vw;
  border-radius: .2rem;
  justify-content: center;
  align-items: center;
  height: 4vw;
  margin-top: auto;
  font-size: 1.3vw;
  display: flex;
}

.button.button-color-white {
  background-color: var(--white);
  color: var(--main-blue);
  background-image: url('../images/blue-up-right-arrow.svg');
  transition: background-color 1s;
}

.button.button-color-white:hover {
  background-color: var(--light-grey);
}

.brending-products_grid {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.branding-products-empty-cell {
  background-image: url('../images/lines-pattern.svg');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  padding: 1.4vw;
  display: flex;
}

.branding-products-cell {
  aspect-ratio: 1;
  border: 1px solid var(--main-blue);
  background-image: url('../images/corner-blue.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 6%;
  flex-flow: column;
  justify-content: space-between;
  padding: 1.4vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.russia-wrapper {
  justify-content: center;
  align-items: center;
  height: 48vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.russia_background-imege {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  max-width: none;
  position: absolute;
  inset: 0%;
}

.russia_text-wrapper {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
}

.russia_flag-wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  display: flex;
}

.russia_flag-image {
  width: 4vw;
  position: relative;
}

.sectioon_castomization {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  display: flex;
}

.castomization_grid {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.castomization_left-cell {
  margin-top: .4vw;
  padding-right: 12vw;
}

.castomization_right-cell {
  grid-column-gap: .3vw;
  grid-row-gap: .3vw;
  flex-flow: column;
  display: flex;
}

.castomization_table {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  display: flex;
}

.castomization_item {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  display: flex;
}

.section_quality {
  background-color: var(--main-blue);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quality-image {
  z-index: 0;
  width: 75vw;
}

.quality_cell {
  aspect-ratio: 1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0460d90d;
  border: 1px solid #ffffff80;
  flex-flow: column;
  justify-content: space-between;
  padding: 1.4vw;
  display: flex;
}

.quality_grid {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.quality_header-wrapper {
  flex-flow: column;
  justify-content: space-between;
  padding-right: 15vw;
}

.quality_image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.product-image {
  width: 100%;
  max-width: none;
  position: absolute;
  inset: 0%;
}

.branding-products-button {
  background-color: var(--white);
  color: var(--main-blue);
  text-align: center;
  border-radius: .2rem;
  margin: 1.4vw;
  padding: .6vw .5rem;
  font-family: Inter, sans-serif;
  font-size: 1.1vw;
  position: absolute;
  inset: auto 0% 0%;
}

.products-popup {
  z-index: 999;
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #b7cede40;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: scroll;
}

.products-popup_right {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  padding: 1.8vw 2vw;
  display: flex;
}

.padding-large {
  height: 4vw;
}

.oem-wrapper {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex-flow: column;
  display: flex;
}

.products-popup_image {
  width: 100%;
  max-width: none;
  height: auto;
}

.products-popup_imege-wrapper {
  overflow: hidden;
}

.image-4 {
  position: absolute;
  inset: auto 1.6vw 1.6vw auto;
}

.section_oem-baner {
  background-color: var(--main-blue);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.oem-baner_left-cell {
  flex-flow: column;
  justify-content: space-between;
  padding: 1.6vw;
  display: flex;
}

.oem-baner-img {
  width: 100%;
  max-width: none;
}

.preloader {
  z-index: 999;
  background-color: #3058e3;
  border: 1.8vw solid #eee;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-14 {
  order: 0;
  width: 20vw;
}

.lottie-animation-4 {
  width: 15vw;
  margin-top: 7vw;
  position: absolute;
}

.text-size-large {
  color: var(--main-blue);
  font-family: Inter, sans-serif;
  font-size: 1.8vw;
  font-weight: 600;
  line-height: 120%;
}

.text-size-large.text-color-white {
  color: var(--white);
  font-weight: 400;
}

.scrolix-logo {
  width: 4vw;
}

.developer_wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.padding-extra-small {
  height: .2vw;
}

.text-link_wrapper {
  color: #fff;
  text-decoration: none;
}

.list-castom {
  grid-column-gap: .28rem;
  grid-row-gap: .28rem;
  color: var(--main-blue);
  flex-flow: column;
  justify-content: space-between;
  margin-bottom: 0;
  padding-left: .9rem;
  list-style-type: disc;
  display: flex;
}

.list_item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  line-height: 1.8vw;
  list-style-type: disc;
}

.list_item.list-item_no-dots {
  list-style-type: none;
}

.color-mark {
  background-color: var(--main-blue);
  border-radius: 100px;
  width: 1vw;
  height: 1vw;
}

.color-mark.red {
  background-color: #ff2b2b;
}

.color-mark.yellow {
  background-color: #ffd102;
}

.color-mark.green {
  background-color: #12d904;
}

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

.section_oem-sertificate {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  background-color: var(--light-blue);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 6vw 2vw 0;
  display: flex;
  overflow: hidden;
}

.image-15 {
  max-width: 85%;
}

.oem-sertificate_text-wrapper {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 70%;
  display: flex;
}

.data_list {
  color: var(--main-blue);
  padding-left: 1rem;
}

.data_cell {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.oem-sertificat-data_wrapper {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: flex;
}

.button-popup-close {
  background-color: var(--main-blue);
  text-align: center;
  background-image: url('../images/arrow-left.svg');
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 1.2vw;
  border-radius: .2rem;
  justify-content: center;
  align-items: center;
  height: 4vw;
  margin-top: auto;
  font-size: 1.3vw;
  display: flex;
}

.form-popup {
  z-index: 100;
  opacity: 1;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-popup_wrapper {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  margin: 4vw;
  padding: 6vw 2vw 1vw;
  display: flex;
  position: relative;
}

.text-very-large {
  color: var(--main-blue);
  font-variation-settings: "wdth" 46, "wght" 550, "opsz" 62;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto Flex", sans-serif;
  font-size: 3.2vw;
  line-height: 100%;
}

.form-popup_close-wrapper {
  background-color: var(--light-blue);
  justify-content: flex-end;
  width: 100%;
  padding: 1vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.from-popup_data {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  display: flex;
}

.close_form-popup {
  transition: background-color .5s;
}

.close_form-popup:hover {
  background-color: var(--light-blue);
}

.fotm-button_close {
  border: 1px solid var(--main-blue);
  background-color: var(--white);
  color: var(--main-blue);
  border-radius: .2rem;
  height: 4vw;
  font-family: Inter, sans-serif;
  font-size: 1.3vw;
  display: none;
}

.text-size-ultra-small {
  color: var(--main-blue);
  font-family: Inter, sans-serif;
  font-size: .9vw;
  line-height: 120%;
}

.text-size-ultra-small.text-color-white {
  color: var(--white);
  text-decoration: none;
}

.footer-img {
  display: none;
}

.popup-fotm-button {
  background-color: var(--main-blue);
  background-image: url('../images/arrow-up-right.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 1.2vw;
  border-radius: .2rem;
  height: 4vw;
  font-family: Inter, sans-serif;
  font-size: 1.3vw;
  display: block;
}

.text-span {
  color: var(--white);
}

.brends-link {
  text-decoration: none;
}

.map-cont {
  background-color: #aaaaaa29;
  height: 100%;
}

.map {
  background-color: #ffffff29;
  height: 100%;
  line-height: 1.3px;
}

.section_contacts {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.contacts_left-cell {
  aspect-ratio: 3 / 2.5;
  overflow: hidden;
}

.contacts_right-cell {
  aspect-ratio: 3 / 2.5;
  background-color: var(--light-blue);
  flex-flow: column;
  justify-content: space-between;
  padding: 1.6vw;
  display: flex;
}

.link {
  color: var(--main-blue);
  text-decoration: none;
}

.menu-wrapper {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  margin-left: auto;
  display: flex;
}

.header-link {
  color: var(--white);
  text-decoration: none;
}

.section-privacy {
  justify-content: center;
  align-items: flex-start;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.privacy-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
}

.privacy-link {
  color: var(--white);
}

.privacy-link.text-color-blue {
  color: var(--main-blue);
}

.cookie-wrapper {
  z-index: 90;
  border: 2px solid var(--main-blue);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  padding: 1vw 2vw;
  display: none;
  position: fixed;
  inset: auto auto 0% 0%;
}

.button-cookies {
  background-color: var(--main-blue);
  text-align: center;
  border-radius: .2rem;
  justify-content: center;
  align-items: center;
  height: 2.8vw;
  margin-top: auto;
  font-size: .625rem;
  display: flex;
}

.cookies-link {
  color: var(--main-blue);
}

.coockies-data {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cookies-icon {
  width: 2vw;
  max-width: none;
}

.container {
  display: none;
}

.form-item-name {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--main-blue);
  color: var(--main-blue);
  border-radius: 0;
  height: 4vw;
  margin-bottom: 0;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 2vw;
}

.form-item-name:active, .form-item-name:focus-visible, .form-item-name[data-wf-focus-visible] {
  color: var(--main-blue);
  font-size: 2vw;
}

.form-item-name::placeholder {
  color: var(--main-blue);
  font-size: 1vw;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.up-button-icon {
  width: 2vw;
}

.sertificate-list_item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  list-style-type: disc;
}

.button-back-home {
  background-color: var(--main-blue);
  text-align: center;
  background-image: url('../images/arrow-up-right.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 1.2vw;
  border-radius: .2rem;
  justify-content: center;
  align-items: center;
  height: 4vw;
  margin-top: auto;
  font-size: 1.3vw;
  display: flex;
}

@media screen and (max-width: 991px) {
  .page-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-bottom: 1rem;
  }

  .main-wrapper {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .navbar {
    height: 3rem;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero_wrapper {
    height: auto;
    min-height: auto;
    padding: 1rem;
  }

  .header-1 {
    font-size: 5rem;
  }

  .hero_right-cell {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hero_left-cell {
    display: none;
  }

  .text-size-regular {
    font-size: .875rem;
  }

  .hero_image-signature {
    width: 8rem;
  }

  .text-size-medium {
    font-size: 1rem;
    line-height: 120%;
  }

  .navbar_logo {
    width: 7rem;
  }

  .heading-style-h1 {
    font-size: 3rem;
  }

  .heading-style-h1.text-color-white.position-relative {
    text-align: center;
    line-height: 100%;
  }

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

  .text-size-small {
    font-size: .875rem;
  }

  .intro_right-cell {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .note {
    display: none;
  }

  .section_products {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .products_grid {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .info-cell.aligin-boottom-right {
    align-items: stretch;
  }

  .products_table {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    width: 100%;
  }

  .line-thin.line-item {
    margin-bottom: .26rem;
  }

  .line-thin.line-item.line-mobile-visible {
    display: block;
  }

  .line-thin.line-mobile-hiden, .table-string_padding {
    display: none;
  }

  .padding-small {
    height: .625rem;
  }

  .brends-cell.cell-left {
    background-size: 70%;
    padding-bottom: 1rem;
  }

  .brends-cell.cell-left:hover {
    background-size: 70%, 70%;
  }

  .brends-cell.cell-centr {
    background-size: 70%;
    padding-bottom: 1rem;
  }

  .brends-cell.cell-centr:hover {
    background-size: 70%, 70%;
  }

  .brends-cell.cell-right {
    background-size: 70%;
    padding-bottom: 1rem;
  }

  .brends-cell.cell-right:hover {
    background-size: 70%, 70%;
  }

  .section_advantage {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .advantage_grid {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .advantage-cell {
    aspect-ratio: 16 / 9;
    padding: 1rem;
  }

  .plus-icon {
    width: 1.8rem;
  }

  .empty-cell {
    display: none;
  }

  .cities-img-wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .cities-image {
    width: 40%;
  }

  .form {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .fotm-button {
    background-position: 98%;
    background-size: .875rem;
    height: 3rem;
    font-size: .875rem;
  }

  .form-item-phone {
    height: 2.4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem;
    line-height: 20;
  }

  .form-item-phone:focus {
    font-size: 1.5rem;
  }

  .form-item-phone::placeholder {
    font-size: .875rem;
  }

  .padding-medium {
    height: 1rem;
  }

  .smi_grid {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    grid-template-columns: 1fr;
  }

  .smi_left-cell {
    aspect-ratio: 3 / 2;
    padding: 1rem;
  }

  .smi_right-cell {
    aspect-ratio: 2;
    padding: 1rem;
  }

  .articles-wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    width: 100%;
  }

  .smi-image {
    width: 100%;
    margin-left: -1.2rem;
    position: absolute;
    bottom: -12.4rem;
  }

  .section_sertificate {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .sertificate_wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer {
    border-width: 1rem;
    margin-top: 6rem;
    padding: 1rem;
  }

  .footer-copyright {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .logo-footer {
    width: 9rem;
  }

  .footer-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .footer-politkal-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .list {
    padding-left: 1rem;
    font-size: 1rem;
  }

  .branding_grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .branding_left-cell {
    aspect-ratio: 3 / 2;
    padding: 1rem;
  }

  .branding_right-cell {
    aspect-ratio: 2.39;
    padding: 1rem;
  }

  .button {
    background-position: 98%;
    background-size: .875rem;
    height: 3rem;
    font-family: Inter, sans-serif;
    font-size: .875rem;
  }

  .button.button-color-white {
    background-position: 97%;
    background-size: .875rem;
    height: 2.4rem;
    font-size: .875rem;
  }

  .brending-products_grid {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .branding-products-empty-cell {
    display: none;
  }

  .branding-products-cell {
    aspect-ratio: 1;
    padding: 1rem 1rem 4rem;
  }

  .russia_text-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .russia_flag-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .russia_flag-image {
    width: 3rem;
  }

  .sectioon_castomization {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .castomization_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .castomization_right-cell {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .castomization_table {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .castomization_item {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .section_quality {
    padding: 1rem;
  }

  .quality-image {
    width: 131vw;
    max-width: none;
  }

  .quality_cell {
    aspect-ratio: auto;
    border-color: #fff;
    height: 12rem;
    padding: 1rem;
  }

  .quality_grid {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .quality_header-wrapper {
    padding-bottom: 2rem;
    padding-right: 8rem;
  }

  .product-image {
    top: -8%;
  }

  .branding-products-button {
    background-color: var(--main-blue);
    color: var(--white);
    margin: 1rem;
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: .875rem;
  }

  .products-popup {
    grid-column-gap: .4vw;
    grid-row-gap: .4vw;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .products-popup_right {
    padding: 1rem;
  }

  .padding-large {
    height: 2rem;
  }

  .oem-wrapper {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .products-popup_left {
    display: none;
  }

  .oem-baner_left-cell {
    padding: 1rem;
  }

  .text-size-large {
    font-size: 1.3rem;
    line-height: 120%;
  }

  .text-size-large.text-color-white {
    font-size: 1.3rem;
  }

  .scrolix-logo {
    order: -1;
    width: 4rem;
  }

  .developer_wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .padding-extra-small {
    height: .2rem;
  }

  .success-message {
    background-color: var(--light-grey);
  }

  .color-mark.blue, .color-mark.red, .color-mark.yellow, .color-mark.green {
    width: .625rem;
    height: .625rem;
  }

  .section_oem-sertificate {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-15 {
    max-width: 100%;
  }

  .oem-sertificate_text-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    max-width: 100%;
  }

  .oem-sertificat-data_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
  }

  .button-popup-close {
    background-position: 2%;
    background-size: .875rem;
    height: 2.5rem;
    font-family: Inter, sans-serif;
    font-size: .875rem;
  }

  .form-popup_wrapper {
    width: 60%;
    margin: 4rem 4rem 2rem;
    padding: 5rem 2rem 1rem;
  }

  .text-very-large {
    font-size: 3rem;
  }

  .form-popup_close-wrapper {
    padding: 1rem;
  }

  .from-popup_data {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .fotm-button_close {
    background-position: 96%;
    background-size: .875rem;
    height: 3rem;
    font-size: .875rem;
  }

  .text-size-ultra-small {
    font-size: .625rem;
  }

  .popup-fotm-button {
    background-position: 97%;
    background-size: .875rem;
    height: 3rem;
    font-size: .875rem;
  }

  .contacts_left-cell {
    aspect-ratio: 3 / 2;
  }

  .contacts_right-cell {
    aspect-ratio: 2.39;
    padding: 1rem;
  }

  .privacy-wrapper {
    width: 80%;
  }

  .cookie-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1rem;
  }

  .button-cookies {
    background-image: none;
    height: 2.4rem;
    font-family: Inter, sans-serif;
  }

  .cookies-icon {
    width: 5rem;
  }

  .form-item-name {
    height: 2.4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem;
    line-height: 20;
  }

  .form-item-name:focus {
    font-size: 1.5rem;
  }

  .form-item-name::placeholder {
    font-size: .875rem;
  }

  .up-button-icon {
    width: 2rem;
  }

  .button-back-home {
    background-position: 94%;
    background-size: .875rem;
    height: 3rem;
    font-family: Inter, sans-serif;
    font-size: .875rem;
  }
}

@media screen and (max-width: 767px) {
  .page-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-bottom: 1rem;
  }

  .navbar {
    margin-top: .5rem;
  }

  .header-1 {
    font-size: 3.9rem;
  }

  .hero_right-cell {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero_image-12-years {
    display: none;
  }

  .hero_description-text-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .text-size-medium {
    object-fit: fill;
    font-size: 1rem;
  }

  .heading-style-h1.text-algin_centr {
    text-align: left;
  }

  .section_products {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

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

  .image-cell {
    width: 100%;
  }

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

  .brends-cell.cell-left {
    aspect-ratio: 16 / 9;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-right-style: solid;
    border-right-width: 1px;
  }

  .brends-cell.cell-left:hover {
    background-size: 22rem, 22rem;
  }

  .brends-cell.cell-centr {
    aspect-ratio: 16 / 9;
    border-bottom-style: none;
    border-right-style: solid;
    border-right-width: 1px;
  }

  .brends-cell.cell-centr:hover {
    background-size: 22rem, 22rem;
  }

  .brends-cell.cell-right {
    aspect-ratio: 16 / 9;
    border-style: solid;
    border-width: 1px;
  }

  .brends-cell.cell-right:hover {
    background-size: 22rem, 22rem;
  }

  .products-image {
    height: auto;
  }

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

  .advantage-cell {
    aspect-ratio: 1;
  }

  .cities-image {
    width: 50%;
  }

  .fotm-button {
    background-position: 96%;
  }

  .smi_right-cell {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    aspect-ratio: auto;
  }

  .articles-wrapper {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    grid-template-columns: 1fr;
  }

  .smi-image {
    bottom: -9.7rem;
  }

  .footer-copyright {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .lotty-animation {
    width: 100%;
    height: auto;
  }

  .image-cell-wrapper {
    aspect-ratio: 1;
  }

  .footer-politkal-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .section_brending {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .branding_left-cell {
    aspect-ratio: 1;
  }

  .branding_right-cell {
    aspect-ratio: auto;
  }

  .button {
    background-position: 97%;
  }

  .button.button-color-white {
    background-position: 98%;
  }

  .brending-products_grid {
    grid-template-columns: 1fr;
  }

  .russia-wrapper {
    aspect-ratio: 1;
    height: auto;
  }

  .russia_background-imege {
    height: 100%;
  }

  .russia_flag-image {
    width: 2rem;
  }

  .castomization_left-cell {
    margin-top: 0;
  }

  .section_quality {
    background-image: url('../images/plus-bacground-mobile_1.avif');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .quality-image {
    width: 180vw;
    display: none;
  }

  .quality_cell {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-color: #fff6;
    height: 18rem;
  }

  .quality_image-wrapper {
    inset: auto 0% 0%;
  }

  .image-4 {
    width: 2rem;
  }

  .section_oem-baner {
    grid-template-columns: 1fr;
  }

  .oem-baner-img {
    object-fit: cover;
  }

  .image-14 {
    width: 30vw;
  }

  .lottie-animation-4 {
    width: 30vw;
    margin-top: 10vw;
  }

  .scrolix-logo {
    order: -1;
  }

  .section_oem-sertificate {
    padding-top: 1rem;
  }

  .image-15 {
    width: 170%;
    max-width: none;
  }

  .oem-sertificate_text-wrapper {
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
  }

  .oem-sertificat-data_wrapper {
    flex-flow: column;
  }

  .button-popup-close {
    background-position: 3%;
  }

  .text-very-large {
    font-size: 2rem;
  }

  .from-popup_data {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fotm-button_close {
    background-position: 95%;
  }

  .popup-fotm-button {
    background-position: 94%;
  }

  .section_contacts {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .contacts_left-cell {
    aspect-ratio: 1;
  }

  .contacts_right-cell {
    aspect-ratio: auto;
  }

  .section-privacy {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .button-cookies {
    background-image: none;
    height: 2rem;
  }

  .coockies-data {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cookies-icon {
    display: none;
  }

  .button-back-home {
    background-position: 94%;
  }
}

@media screen and (max-width: 479px) {
  .page-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
  }

  .main-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .navbar {
    justify-content: space-between;
    align-items: center;
  }

  .hero_wrapper {
    justify-content: flex-start;
    align-items: center;
    height: 80vh;
  }

  .header-1 {
    font-size: 11vw;
  }

  .hero_right-cell {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .text-size-regular {
    font-size: .875rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .navbar_logo {
    width: 6rem;
  }

  .heading-style-h1 {
    font-size: 2.2rem;
  }

  .section_products {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .line-thin.line-item {
    margin-bottom: .14rem;
  }

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

  .brends-cell.cell-left {
    aspect-ratio: 16 / 9;
  }

  .brends-cell.cell-left:hover {
    background-size: 70%, 70%;
  }

  .brends-cell.cell-centr {
    aspect-ratio: 16 / 9;
  }

  .brends-cell.cell-centr:hover {
    background-size: 70%, 70%;
  }

  .brends-cell.cell-right {
    aspect-ratio: 16 / 9;
  }

  .brends-cell.cell-right:hover {
    background-size: 70%, 70%;
  }

  .section_advantage {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .advantage_grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .advantage-cell {
    aspect-ratio: 16 / 9;
  }

  .cities-img-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .cities-image {
    width: 85%;
  }

  .fotm-button {
    background-position: 95%;
  }

  .smi_left-cell {
    aspect-ratio: auto;
    min-height: 25rem;
  }

  .smi-image {
    margin-bottom: -1.2rem;
    bottom: -2rem;
  }

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

  .footer {
    margin-top: 4rem;
  }

  .footer-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer-politkal-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .list {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    flex-flow: column;
    font-size: .875rem;
    line-height: 120%;
    display: flex;
  }

  .branding_left-cell {
    aspect-ratio: auto;
    min-height: 25rem;
  }

  .button {
    background-position: 95%;
  }

  .button.button-color-white {
    background-position: 96%;
  }

  .brending-products_grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .branding-products-cell {
    aspect-ratio: 1;
  }

  .russia-wrapper {
    padding: 1rem;
  }

  .russia_background-imege {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: 100% 50%;
    max-width: none;
  }

  .russia_text-wrapper {
    width: auto;
  }

  .castomization_left-cell {
    padding-right: 0;
  }

  .section_quality {
    background-color: var(--main-blue);
    padding: 1rem;
  }

  .quality-image {
    width: 131vh;
  }

  .quality_cell {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    height: 13rem;
  }

  .quality_grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
  }

  .quality_header-wrapper {
    padding-right: 1rem;
  }

  .oem-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .oem-baner_left-cell {
    aspect-ratio: auto;
  }

  .oem-baner-img {
    aspect-ratio: 1;
    object-position: 100% 50%;
  }

  .image-14 {
    width: 45vw;
  }

  .lottie-animation-4 {
    display: none;
  }

  .text-size-large {
    font-size: 1rem;
  }

  .list-castom {
    grid-column-gap: .18rem;
    grid-row-gap: .18rem;
    padding-left: 1rem;
  }

  .color-mark.blue, .color-mark.red, .color-mark.yellow, .color-mark.green {
    width: .7rem;
    height: .7rem;
  }

  .section_oem-sertificate {
    background-color: #e6f4ff;
  }

  .image-15 {
    width: 240%;
  }

  .oem-sertificate_text-wrapper {
    max-width: 100%;
  }

  .button-popup-close {
    background-position: 5%;
  }

  .form-popup_wrapper {
    width: 100%;
    margin: 1rem;
    padding: 5rem 2rem 1rem;
  }

  .text-very-large {
    font-size: 2.2rem;
  }

  .fotm-button_close {
    background-position: 92%;
  }

  .text-size-ultra-small {
    font-size: .625rem;
  }

  .footer-img {
    border-radius: 2px;
    display: block;
  }

  .popup-fotm-button {
    background-position: 94%;
  }

  .text-span {
    text-decoration: none;
  }

  .contacts_left-cell {
    aspect-ratio: auto;
    min-height: 25rem;
  }

  .menu-wrapper {
    display: none;
  }

  .privacy-wrapper {
    width: 90%;
  }

  .cookie-wrapper {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    width: 100vw;
    display: none;
  }

  .button-cookies {
    background-image: none;
    width: 100%;
  }

  .container {
    margin-left: auto;
    margin-right: 0;
    display: block;
  }

  .nav-menu {
    background-color: var(--main-blue);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 1rem 1rem 2rem;
  }

  .mobile-menu-link {
    color: #fff;
    font-variation-settings: "wdth" 46, "wght" 550, "opsz" 31.1;
    padding: 1rem 0;
    font-family: "Roboto Flex", sans-serif;
    font-size: 1.7rem;
  }

  .mobile-menu-batton {
    background-image: url('../images/icon-menu.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 1.3rem;
    padding-left: 0;
    padding-right: 0;
    transition: all .35s;
  }

  .mobile-menu-batton.w--open {
    background-color: #c8c8c800;
    background-image: url('../images/x-square.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .button-back-home {
    background-position: 93%;
  }
}

#w-node-d341870a-79cd-eb20-f256-13dd1ec1f391-a88802a8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_54816866-f77e-a3f6-31ed-74fa86381f9d-a88802a8, #w-node-_018fd170-33f5-7e35-ec75-b5a1793cd28f-5e79b17d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b230e9cd-3e76-eb52-2085-be0071f95079-5e79b17d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a6db1469-822f-6a52-c4b6-e2ebc02f127a-f8043bb2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-d341870a-79cd-eb20-f256-13dd1ec1f391-a88802a8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d341870a-79cd-eb20-f256-13dd1ec1f392-a88802a8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5e69619e-9d9d-5c62-0dec-6a39d6462d92-a88802a8, #w-node-_33a3b747-2f83-69db-b952-bfdb6d464bbb-a88802a8 {
    order: 9999;
  }

  #w-node-_141c7edd-1d18-891b-2393-c2bde0dfaee6-a88802a8, #w-node-c727eb64-dd01-c29b-3ae4-46de0314392a-5e79b17d, #w-node-ac14a224-a094-321a-6a99-7bd04ccded77-5e79b17d, #w-node-fa162d1f-61e9-aee5-343b-9d7992d02b17-f8043bb2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c1f6a250-624d-43aa-301f-048d1eed1311-a88802a8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}