/*!
Theme Name: unika
Theme URI: http://underscores.me/
Author: Ilya Beskaravainyi
Author URI: http://underscores.me/
Description: Unika 2026
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: unika
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

unika is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@charset "UTF-8";

:root {
  --content-width: 1820px;
  --content-fluid-width: 1700px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --container-fluid-width: calc(var(--content-fluid-width) + (var(--container-offset) * 2));
  --font-family: "Onest", sans-serif;
  --second-family: "bebasneuecyrillic";
  --second-family-regular: "bebasneuecyrillicregular";
  --third-family: "Merriweather", sans-serif;
  --font3: "Geologica Roman", sans-serif;
  --outline: #e3ebf2;
  --main-color: #0c0915;
  --black: #000;
  --background: #f3f7fd;
  --success: #27c340;
  --error: #e02828;
  --yellow: #ffc529;
  --disabled: #c5cfdc;
  --tetriary: #abc4e4;
  --primary: #2f80ed;
  --gray: #8b8b8b;
  --secondary: #2169c9;
  --secondary-color-black: #2b3e73;
  --secondary-text-color-black: #a9aaad;
}

/* stylelint-disable */

/* stylelint-disable */

/* stylelint-disable */

.custom-checkbox__field:checked+.custom-checkbox__content::after {
  opacity: 1;
}

.custom-checkbox__field:focus+.custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}

.custom-checkbox__field:disabled+.custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

/* stylelint-disable */

@font-face {
  font-family: bebasneuecyrillic;
  font-display: swap;
  src: url("assets/fonts/bebasneuecyrillic.woff2") format("woff2"), url("assets/fonts/bebasneuecyrillic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: bebasneuecyrillicregular;
  font-display: swap;
  src: url("assets/fonts/bebasneuecyrillicregular.woff2") format("woff2"), url("assets/fonts/bebasneuecyrillicregular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

input[type=range] {
  -webkit-appearance: none;
  /* Скрывает слайдер, чтобы можно было создать свой */
  width: 100%;
  /* Указание параметра ширины требуется для Firefox. */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none;
  /* Убирает голубую границу у элемента. Хотя, возможно, и стоит создавать некоторое оформления для состояния фокуса в целях обеспечения доступности. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  /* Скрывает слайдер, чтобы можно было добавить собственные стили. */
  border-color: transparent;
  color: transparent;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

button,
input,
select,
textarea {
  font: inherit;
  outline: 0;
  border: none;
  background-color: transparent;
  padding: 0;
  color: inherit;
}

ul[class] {
  list-style: none;
}

ul,
ol {
  list-style: none;
}

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

a {
  list-style: none;
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.2s linear, color 0.2s linear, background-color 0.2s linear;
  -o-transition: opacity 0.2s linear, color 0.2s linear, background-color 0.2s linear;
  transition: opacity 0.2s linear, color 0.2s linear, background-color 0.2s linear;
}

a svg {
  -webkit-transition: fill 0.2s linear, stroke 0.2s linear;
  -o-transition: fill 0.2s linear, stroke 0.2s linear;
  transition: fill 0.2s linear, stroke 0.2s linear;
}

a:hover {
  opacity: 1;
  text-decoration: none;
}

button {
  -webkit-transition: opacity 0.2s linear, color 0.2s linear;
  -o-transition: opacity 0.2s linear, color 0.2s linear;
  transition: opacity 0.2s linear, color 0.2s linear;
  cursor: pointer;
}

button svg {
  -webkit-transition: fill 0.2s linear, stroke 0.2s linear;
  -o-transition: fill 0.2s linear, stroke 0.2s linear;
  transition: fill 0.2s linear, stroke 0.2s linear;
}

button:hover {
  opacity: 1;
}

input,
button,
textarea,
select {
  font: inherit;
  outline: none;
  border: none;
  background-color: transparent;
}

.btn-check:focus+.btn,
.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

a {
  text-decoration: none;
}

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-footer button:active:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-close:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

html,
body {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  color: var(--main-color);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
}

html {
  scroll-behavior: smooth;
}

body.hidden {
  overflow: hidden;
}

body.modal-open {
  overflow: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

table {
  border-spacing: 0;
  width: 100%;
}

section {
  padding-top: 160px;
  padding-bottom: 160px;
}

.sect.pb-0 {
  padding-bottom: 0;
}

.sect.pt-0 {
  padding-top: 0;
}

.formInput {
  height: 42px;
  border-radius: 0;
  border-bottom: 1px solid #eee;
  background-color: transparent;
  width: 100%;
  padding-left: 0;
  font-size: 14px;
  text-transform: uppercase;
}

.formInput::-webkit-input-placeholder {
  color: #9f9f9f;
  font-size: 14px;
  text-transform: uppercase;
}

.formInput::-moz-placeholder {
  color: #9f9f9f;
  font-size: 14px;
  text-transform: uppercase;
}

.formInput:-ms-input-placeholder {
  color: #9f9f9f;
  font-size: 14px;
  text-transform: uppercase;
}

.formInput::-ms-input-placeholder {
  color: #9f9f9f;
  font-size: 14px;
  text-transform: uppercase;
}

.formInput::placeholder {
  color: #9f9f9f;
  font-size: 14px;
  text-transform: uppercase;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

.sectHead {
  margin-bottom: 30px;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  position: relative;
  background-color: #fbfaf3;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
}

.footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.container {
  padding: 0 var(--container-offset);
  width: 100%;
}

.container {
  padding: 0 15px;
}

.container-fluid {
  max-width: 100%;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-family);
  color: var(--main-color);
  font-weight: 500;
  line-height: normal;
}

h1,
.h1 {
  font-weight: 500;
  font-size: 110px;
  line-height: 120%;
}

h2,
.h2 {
  font-size: 96px;
  line-height: 120%;
}

h2.h2--sm,
.h2.h2--sm {
  font-size: 80px;
  line-height: 120%;
}

h2 span,
.h2 span {
  font-style: italic;
  font-weight: 500;
  font-family: var(--third-family);
}

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

.title-dark {
  color: var(--main-color);
}

.title-dark span {
  color: #c42935;
}

.title-white {
  color: #fff;
}

.title-white span {
  color: #c9a77d;
}

.underline {
  text-decoration: underline;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.text-start {
  text-align: start !important;
}

@-webkit-keyframes shows {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes shows {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fz-18 {
  font-size: 18px;
  line-height: 140%;
}

.fz-20 {
  font-size: 20px;
  line-height: 140%;
}

.content>p {
  margin-bottom: 15px;
}

.content>p a {
  display: inline;
  border-bottom: 1px solid #000;
}

.content>ul {
  margin-top: 15px;
  margin-bottom: 15px;
  list-style-type: disc;
  padding-left: 20px;
}

.content>a {
  display: inline;
  border-bottom: 1px solid #000;
}

.navArrow {
  border-radius: 50%;
  background-color: #c42935;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.navArrow:hover {
  background-color: var(--main-color);
}

.navArrow.swiper-button-disabled {
  background-color: #090A0F;
  pointer-events: none;
}

.mt-16 {
  margin-top: 16px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-150 {
  margin-top: 150px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.position-relative {
  position: relative;
}

.z-1 {
  z-index: 1;
}

.color--white {
  color: #fff;
}

.color-opacity-90 {
  color: rgba(255, 255, 255, 0.9);
}

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

.subtitle {
  font-size: 20px;
  text-align: center;
  color: rgba(9, 10, 15, 0.25);
}

.d-none {
  display: none !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-block {
  display: block !important;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gap-10 {
  gap: 10px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.gap-40 {
  gap: 40px;
}

.ml-auto {
  margin-left: auto;
}

.ml-240 {
  margin-left: 240px;
}

.d-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
}

.grid-cols-2>* {
  -ms-grid-column-span: 6;
  grid-column: 6 span;
}

.align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.h-100 {
  height: 100%;
}

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: background-color 0.2s linear, color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  height: 52px;
  padding-left: 24px;
  padding-right: 24px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.03em;
  font-weight: 600;
}

.button--lg {
  height: 64px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
}

.button--white {
  background-color: #fff;
}

.button--white:hover {
  background-color: #90BD28;
  color: #fff;
}

.button--black {
  background-color: #090a0f;
  color: #fff;
}

.button--black:hover {
  background-color: #c42935;
}

.button--red {
  background-color: #c42935;
  color: #fff;
}

.button--red:hover {
  background-color: var(--main-color);
}

.button svg {
  width: 16px;
  height: 16px;
  stroke: #000;
}

.button.color-white {
  color: #fff;
}

.headerOrderBtn {
  background: rgba(255, 255, 255, 0.15);
}

.headerOrderBtn:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.introCenter {
  position: relative;
}

.introSortVideoBtn {
  background-color: #fff;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 20px;
}

.introSortVideoBtn:hover {
  background-color: #90BD28;
}

.introSortVideoBtn:hover svg {
  fill: #fff;
}

.introSortVideoBtn svg {
  width: 32px;
  height: 32px;
  fill: #90BD28;
}

.introOptBtn {
  font-weight: 600;
  font-size: 18px;
  line-height: 356%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  color: #fbfaf3;
  background: #338a81;
  border-radius: 90px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  margin: auto;
}

.introCommerceBtn {
  background-color: #90bd28;
  width: 220px;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 165px;
  right: -65px;
}

.introCommerceBtn::before,
.introCommerceBtn::after {
  content: "";
  position: absolute;
  /* 
     Отступ от краев 3px + толщина 2px = 5px.
     Используем inset -5px, чтобы расширить псевдоэлемент за пределы кнопки 
  */
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  border-radius: 50%;
  border: 2px solid white;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  pointer-events: none;
  /* Чтобы обводка не мешала клику */
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.introCommerceBtn::before {
  mask-image: conic-gradient(white, rgba(255, 255, 255, 0));
  -webkit-mask-image: conic-gradient(white, rgba(255, 255, 255, 0));
  opacity: 1;
}

.introCommerceBtn::after {
  opacity: 0;
  /* Изначально скрыта */
}

.introCommerceBtn:hover::after {
  opacity: 1;
  /* Показываем цельную */
}

.introCommerceBtn:hover {
  -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.video-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #fff;
}

.video-btn svg {
  width: 24px;
  height: 24px;
}

.video-btn-lg {
  width: 64px;
  height: 64px;
}

.video-btn-lg svg {
  width: 32px;
  height: 32px;
}

/* Hamburger Menu */

.hamburger {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 18px;
  height: 14px;
  min-width: 15px;
  margin-right: 0;
  cursor: pointer;
  position: relative;
  display: none;
}

.hamburger div {
  -ms-flex-item-align: start;
  align-self: flex-start;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 10px;
}

.hamburger .meat {
  width: 100%;
}

.top-bun.active,
.meat.active,
.bottom-bun.active {
  opacity: 0;
}

.modal {
  display: none;
  color: var(--main-color);
}

.modal .h2 {
  font-size: 40px;
  margin-bottom: 30px;
}

.modal .orderForm {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.tabs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  padding: 4px;
  background-color: var(--background);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 15px;
}

.tabs__nav-btn {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  border-radius: 14px;
  padding-left: 16px;
  padding-right: 16px;
}

.tabs__nav-btn--active {
  background-color: var(--primary);
  color: #fff;
}

.tabs__panel {
  display: none;
}

.tabs__panel--active {
  display: block;
}

.headerW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-column-gap: 65px;
  -moz-column-gap: 65px;
  column-gap: 65px;
}

.header .hamburgerW {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 50px;
  display: none;
}

.headerNav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.headerNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 52px;
  -moz-column-gap: 52px;
  column-gap: 52px;
}

.headerNav ul li a {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  -webkit-text-decoration-color: transparent !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  -webkit-transition: -webkit-text-decoration 0.2s linear;
  transition: -webkit-text-decoration 0.2s linear;
  -o-transition: text-decoration 0.2s linear;
  transition: text-decoration 0.2s linear;
  transition: text-decoration 0.2s linear, -webkit-text-decoration 0.2s linear;
}

.headerNav ul li a:hover {
  -webkit-text-decoration-color: #fff !important;
  text-decoration-color: #fff !important;
}

.headerNav.active {
  display: block;
  -webkit-animation: shows 0.5s;
  animation: shows 0.5s;
}

.headerLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.headerLogo:hover {
  opacity: 0.85;
}

.headerLogo img {
  width: 88px;
}

.headerContacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-column-gap: 52px;
  -moz-column-gap: 52px;
  column-gap: 52px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 47px;
  padding-bottom: 47px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.headerPhone {
  -webkit-text-decoration-color: transparent !important;
  text-decoration-color: transparent !important;
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  -webkit-transition: -webkit-text-decoration 0.2s linear;
  transition: -webkit-text-decoration 0.2s linear;
  -o-transition: text-decoration 0.2s linear;
  transition: text-decoration 0.2s linear;
  transition: text-decoration 0.2s linear, -webkit-text-decoration 0.2s linear;
}

.headerPhone:hover {
  -webkit-text-decoration-color: #fff !important;
  text-decoration-color: #fff !important;
}

.headerAddress {
  text-transform: uppercase;
}

.headerAddress--sm {
  display: none;
}

.headerNavHead {
  display: none;
}

.headerNavStrawL {
  width: 140px;
  display: none;
  position: absolute;
}

.headerNavStrawR {
  width: 120px;
  display: none;
  position: absolute;
}

.intro {
  padding-top: 28px;
  padding-bottom: 130px;
  position: relative;
}

.introW {
  background: -webkit-gradient(linear, left bottom, left top, from(#912231), to(#591a2c));
  background: -o-linear-gradient(bottom, #912231 0%, #591a2c 100%);
  background: linear-gradient(0deg, #912231 0%, #591a2c 100%);
}

.introHead {
  position: relative;
  margin-bottom: 13px;
}

.introHead h1 {
  font-weight: 500;
  font-size: 110px;
  line-height: 120%;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
}

.introHeadStrawL {
  position: absolute;
  left: 329px;
  top: 9px;
}

.introHeadStrawR {
  position: absolute;
  right: 166px;
  top: -44px;
}

.introHead span {
  font-family: var(--third-family);
  font-style: italic;
  color: #f9e5cd;
}

.introSort {
  max-width: 345px;
  padding-top: 62px;
}

.introSortTags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
}

.introSortTags ul li {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 90px;
  padding-left: 32px;
  padding-right: 32px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 356%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  color: #fbfaf3;
}

.introSortVideo {
  position: relative;
}

.introSortVideoImageW {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 20px;
  padding-bottom: 20px;
}

.introSortVideoImageW img {
  width: 220px;
  height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.introImage {
  padding-top: 45px;
  padding-left: 45px;
  padding-right: 45px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 500px 500px 0 0;
}

.introImage img {
  width: 660px;
  -o-object-fit: cover;
  object-fit: cover;
}

.introSortR {
  position: absolute;
  right: 0;
  bottom: 400px;
  width: 244px;
}

.introContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.history {
  --offset: 161px;
  background-color: #FBFAF3;
  padding-top: 370px;
  padding-bottom: 0;
  margin-top: -250px;
  /* высота_секции * tan(15deg) */
  -webkit-clip-path: polygon(0 var(--offset), 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 var(--offset), 100% 0, 100% 100%, 0 100%);
}

.historyHead {
  position: relative;
  margin-bottom: 62px;
}

.historyStrawbL,
.historyStrawbC,
.historyStrawbR {
  position: absolute;
}

.historyStrawbL {
  left: -50px;
  top: -125px;
}

.historyStrawbC {
  left: 360px;
  top: -65px;
}

.historyStrawbR {
  right: 44px;
  top: -35px;
}

.historyContent {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.historyContent .col {
  -ms-grid-column-span: 4;
  grid-column: 4 span;
}

.historyFruitsDescr {
  font-family: var(--third-family);
  font-style: italic;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: rgba(12, 9, 21, 0.75);
}

.historyFruitsLogo {
  padding: 33px 39px 40px;
  background: #191d26;
}

.historyFruitsImage {
  width: 220px;
}

.historyFruitsImage img {
  width: 100%;
}

.historyL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.historyVideoBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.historyVideoW {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 900px;
  position: relative;
}

.historyVideoW .video-btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.historyVideoW .video-btn:hover {
  background-color: rgba(255, 255, 255, 0.85);
}

.historyVideoW.w-122 {
  width: 122px;
  height: 176px;
}

.historyVideoW.w-220 {
  width: 220px;
  height: 320px;
}

.status {
  --offset: 161px;
  position: relative;
  padding-top: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-clip-path: polygon(0 var(--offset), 100% 0, 100% calc(100% - var(--offset)), 0 100%);
  clip-path: polygon(0 var(--offset), 100% 0, 100% calc(100% - var(--offset)), 0 100%);
  margin-top: -100px;
  padding-bottom: 590px;
  overflow: hidden;
}

.status .container {
  position: relative;
  z-index: 2;
}

.status::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#090a0f), to(rgba(9, 10, 15, 0.4)));
  background: -o-linear-gradient(top, #090a0f 0%, rgba(9, 10, 15, 0.4) 100%);
  background: linear-gradient(180deg, #090a0f 0%, rgba(9, 10, 15, 0.4) 100%);
  z-index: 0;
}

.status::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 0;
}

.statusHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 190px;
}

.status .subtitle {
  color: rgba(255, 255, 255, 0.5);
}

.status .rect-top {
  position: absolute;
  z-index: 1;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 0;
  left: 0;
  width: 100%;
  height: 7vw;
}

.status .rect-top img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.statusHeadL {
  width: 370px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-top: 220px;
}

.statusHeadR {
  padding-left: 120px;
  padding-top: 200px;
}

.statusHeadDescrW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: 230px;
  -moz-column-gap: 230px;
  column-gap: 230px;
}

.statusHeadDescrW .rect {
  width: 12px;
  height: 12px;
  background-color: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.statusCard {
  background-color: #fff;
  padding-top: 55px;
  padding-bottom: 48px;
  padding-right: 54px;
  padding-left: 40px;
}

.statusCardCount {
  margin-bottom: 155px;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: 0.02em;
  color: #c42935;
  font-family: var(--second-family-regular);
}

.statusCardTitle {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #090a0f;
  margin-bottom: 20px;
}

.statusCardTitle sup {
  font-family: var(--third-family);
  font-style: italic;
  color: rgba(9, 10, 15, 0.25);
  font-size: 18px;
  line-height: normal;
}

.statusCardTitle span {
  font-family: var(--third-family);
  font-style: italic;
  color: #c9a77d;
}

.statusCardDescr {
  font-size: 16px;
  line-height: 140%;
  color: rgba(9, 10, 15, 0.75);
}

.statusGrid {
  position: relative;
  display: -ms-grid;
  display: grid;
  row-gap: 220px;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
}

@media(max-width: 991px) {
  .statusGrid {
    row-gap: 60px;
  }
}

.statusSlide {
  -ms-grid-column-span: 6;
  grid-column: 6 span;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 450px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  /* активный слайд вернёт себе клики отдельным правилом */
}

.statusSlide:nth-child(1) {
  -webkit-transform: translate(0, 23px);
  -ms-transform: translate(0, 23px);
  transform: translate(0, 23px);
}

/* 2. следующий — справа, чуть уменьшен и полупрозрачно наплывает */

.statusSlide:nth-child(even) {
  -webkit-transform: translate(0, 400px);
  -ms-transform: translate(0, 400px);
  transform: translate(0, 400px);
  margin-left: auto;
}

.termin {
  padding-bottom: 0;
}

.terminDescr {
  color: rgba(12, 9, 21, 0.75);
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 140%;
  color: rgba(12, 9, 21, 0.75);
}

.terminHead {
  position: relative;
}

.terminStrawL,
.terminStrawR,
.terminStrawB {
  position: absolute;
}

.terminStrawL {
  left: 70px;
  top: -25px;
}

.terminStrawR {
  right: 265px;
  top: -85px;
}

.terminStrawB {
  bottom: -100px;
  right: 80px;
}

.terminContent {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.terminContent .col {
  -ms-grid-column-span: 4;
  grid-column: 4 span;
}

.terminSort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.terminSort h3 {
  font-weight: 500;
  font-size: 44px;
  letter-spacing: 0.01em;
  text-align: right;
}

.terminSortDescr {
  text-align: right;
  color: rgba(12, 9, 21, 0.75);
  line-height: 163%;
  max-width: 445px;
}

.terminSortList {
  max-width: 450px;
}

.terminSortList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  row-gap: 6px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.terminSortList ul li {
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(9, 10, 15, 0.75);
  background: #efeee8;
  border-radius: 90px;
  padding-left: 20px;
  padding-right: 20px;
}

.terminContentLineSm {
  width: 266px;
  height: 1px;
  background-color: rgba(9, 10, 15, 0.1);
  display: none;
}

.terminContentImageSm {
  display: none;
  width: 93px;
}

.strawbSortSect {
  position: relative;
}

.strawbSortSect .container {
  height: 1000px;
  position: relative;
  z-index: 1;
}

.albaBg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}

.albaBg--sm {
  display: none;
}

.alba {
  --offset: 161px;
  margin-top: -100px;
  -webkit-clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 100%);
}

.asia {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  --offset: 161px;
  margin-top: -165px;
  -webkit-clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 calc(100% - var(--offset)));
  clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 calc(100% - var(--offset)));
}

.asia-line-wrapper {
  --offset: 161px;
  --line-thickness: 10px;
  position: relative;
}

.asia-line-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: calc(var(--offset) + var(--line-thickness));
  background: #fff;
  -webkit-clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 var(--line-thickness));
  clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 var(--line-thickness));
}

.strawbSortSubtitle {
  font-family: var(--third-family);
  font-style: italic;
  font-weight: 500;
  font-size: 44px;
  letter-spacing: 0.01em;
  color: #c9a77d;
}

.strawbSortSubtitle.color-white {
  color: #fff;
  opacity: 0.75;
}

.strawbSortTitle {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 300px;
  line-height: 300px;
  color: #fff;
  margin-top: 10px;
  letter-spacing: 0.01em;
}

.alba {
  position: relative;
}

.strawbSortAdvs {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.strawbSortAdvs ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 400%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  color: #fbfaf3;
  background: #338a81;
  border-radius: 90px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
}

.strawbSortAdvs.strawbSortAdvs--alba ul li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(1) {
  left: -30vw;
  top: -5vw;
}

.strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(2) {
  left: -20vw;
  top: -15vw;
}

.strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(3) {
  right: -15vw;
  top: -15vw;
}

.strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(4) {
  right: -20vw;
  top: -7vw;
}

.strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(5) {
  right: -12vw;
  top: 5vw;
}

.strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(6) {
  right: 0vw;
  top: 13vw;
}

.strawbSortAdvs.strawbSortAdvs--asia ul li {
  background-color: #c42935;
  white-space: nowrap;
}

.strawbSortAdvs.strawbSortAdvs--asia ul li:nth-child(1) {
  left: -30vw;
  top: -5vw;
}

.strawbSortAdvs.strawbSortAdvs--asia ul li:nth-child(2) {
  right: -20vw;
  top: -7vw;
}

.strawbSortAdvs.strawbSortAdvs--asia ul li:nth-child(3) {
  right: -11vw;
  top: 7vw;
}

.strawbSortAdvs.strawbSortAdvs--asia ul li:nth-child(4) {
  right: 1vw;
  top: 17vw;
}

.strawbSortBlockHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.strawbSortBlockSubtitle {
  font-family: var(--third-family);
  font-style: italic;
  font-weight: 500;
  font-size: 44px;
  letter-spacing: 0.01em;
  text-align: right;
  color: #fff;
  opacity: 0.25;
}

.strawbSortBlockCount {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 200px;
  line-height: 200px;
  color: rgba(255, 255, 255, 0.25);
}

.strawbSortContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 100px;
}

.strawbSortBlock {
  max-width: 450px;
}

.strawbSortBlockDescr {
  font-weight: 500;
  font-size: 16px;
  line-height: 163%;
  color: #fff;
}

.asia .strawbSortHead {
  position: relative;
  left: -100px;
}

.asia .strawbSortBlockCount {
  font-family: var(--second-family-regular);
}

.podbor {
  background-color: #fbfaf3;
}

.podborHeadGal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -125px;
}

.podborHeadGal>a {
  border: 8px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(9, 10, 15, 0.1), 0 0 10px 0 rgba(9, 10, 15, 0.05);
  box-shadow: 0 2px 8px 0 rgba(9, 10, 15, 0.1), 0 0 10px 0 rgba(9, 10, 15, 0.05);
  background: #f00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.podborHeadGal>a:hover {
  opacity: 0.9;
}

.podborHeadGal>a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.podborHeadGal>a:nth-child(1) {
  width: 366px;
  position: relative;
  z-index: 3;
  bottom: 50px;
}

.podborHeadGal>a:nth-child(2) {
  width: 464px;
  height: 333px;
  position: relative;
  z-index: 2;
  left: -200px;
  bottom: 250px;
}

.podborHeadGal>a:nth-child(3) {
  width: 244px;
  height: 276px;
}

.podborHeadGal>a:nth-child(4) {
  width: 366px;
  height: 261px;
  position: relative;
  bottom: 120px;
}

.podborHead {
  position: relative;
}

.podborHeadDescr {
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: rgba(12, 9, 21, 0.75);
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
}

.podborHeadStrawbL,
.podborHeadStrawbR,
.podborHeadStrawbB {
  position: absolute;
}

.podborHeadStrawbL {
  left: 190px;
  top: -25px;
}

.podborHeadStrawbR {
  right: 390px;
  top: -67px;
}

.podborHeadStrawbB {
  right: 237px;
  bottom: 0;
}

.podborFootGal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.podborFootGal>a {
  border: 8px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(9, 10, 15, 0.1), 0 0 10px 0 rgba(9, 10, 15, 0.05);
  box-shadow: 0 2px 8px 0 rgba(9, 10, 15, 0.1), 0 0 10px 0 rgba(9, 10, 15, 0.05);
  background: #f00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.podborFootGal>a:hover {
  opacity: 0.9;
}

.podborFootGal>a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.podborFootGal>a:nth-child(1) {
  width: 338px;
  height: 382px;
  position: relative;
  z-index: 3;
  bottom: 82px;
}

.podborFootGal>a:nth-child(2) {
  width: 488px;
  height: 305px;
  position: relative;
  z-index: 2;
  left: -279px;
  bottom: -200px;
}

.podborFootGal>a:nth-child(3) {
  width: 244px;
  height: 276px;
  bottom: -270px;
  position: relative;
  left: 100px;
  z-index: 2;
}

.podborFootGal>a:nth-child(4) {
  width: 390px;
  height: 440px;
  position: relative;
  z-index: 1;
  bottom: -60px;
  right: 100px;
}

.stat {
  background-color: #090A0F;
  padding-top: 0;
  --offset: 161px;
  margin-top: -100px;
  -webkit-clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 100%);
  margin-top: -267px;
  padding-bottom: 300px;
}

.stat .subtitle {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.25);
  text-align: start;
}

.statContent {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 370px 1fr;
  grid-template-columns: 370px 1fr;
}

.statContentL {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 290px;
}

.statContentHead {
  padding-top: 260px;
  padding-left: 120px;
  padding-bottom: 120px;
  padding-right: 65px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.statContentHead .h2 {
  font-size: 80px;
  line-height: 120%;
}

.statContentHeadDescrW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.statContentHeadDescrW .rect {
  width: 12px;
  height: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #c42935;
  position: relative;
  bottom: 3px;
}

.statContentHeadDescr {
  font-size: 18px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.75);
  max-width: 640px;
}

.statContentItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: 140px;
  -moz-column-gap: 140px;
  column-gap: 140px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.statContentItem:not(:last-child) {
  margin-bottom: 190px;
}

.statContentItemText {
  font-size: 18px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.75);
  max-width: 342px;
  margin-left: auto;
}

.statContentL {
  position: relative;
}

.statContentBody {
  padding-top: 145px;
  padding-left: 120px;
  position: relative;
}

.statContentBodyImage {
  position: absolute;
  bottom: 340px;
}

.statContentBodyImage--sm {
  display: none;
}

.statContentBodyImage::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 580px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#090a0f), to(rgba(9, 10, 15, 0)));
  background: -o-linear-gradient(right, #090a0f 0%, rgba(9, 10, 15, 0) 100%);
  background: linear-gradient(270deg, #090a0f 0%, rgba(9, 10, 15, 0) 100%);
}

.statContentBodyImage img {
  min-width: 710px;
  height: 360px;
  -o-object-fit: cover;
  object-fit: cover;
}

.statContentItemCount {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 200px;
  line-height: 170px;
  text-transform: uppercase;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.statContentItemCount span {
  font-weight: 400;
  font-size: 64px;
  line-height: 64px;
  letter-spacing: 0.02em;
  position: relative;
  bottom: 20px;
}

.statContentItemOf {
  font-weight: 500;
  font-size: 24px;
  color: #c9a77d;
}

.statGalContent {
  padding-top: 200px;
}

.statGalContentBlock {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 24px;
}

.statGalContentBlockCol {
  -ms-grid-column-span: 6;
  grid-column: 6 span;
}

.statGalImage {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}

.statGalImage.w-100 {
  width: 100%;
}

.statGalImage:hover {
  opacity: 0.85;
}

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

.statGalImage--220 img {
  width: 220px;
  height: 150px;
}

.statGalImage--340 img {
  width: 340px;
  height: 230px;
}

.statGalImage--460 {
  max-width: 100%;
}

.statGalImage--460 img {
  width: 460px;
  height: 315px;
  max-width: 100%;
}

.statGalImage.h-480 img {
  height: 480px;
}

.statGalContentBlockQuote {
  font-family: var(--third-family);
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height: 140%;
  color: #fff;
}

.statGalContentBlockQuote span {
  color: rgba(255, 255, 255, 0.55);
}

.statGalContentBlockQuote.max-w-345 {
  max-width: 345px;
}

.quality {
  margin-top: -170px;
  padding-top: 300px;
  position: relative;
}

.quality .h2 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.qualityDescr {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.qualitySliderLine {
  height: calc(100% - 750px);
  width: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.25);
  display: none;
}

.qualitySliderLine .rect {
  width: 24px;
  height: 24px;
  background-color: #c42935;
  position: absolute;
  top: 300px;
  left: -12px;
}

.result {
  background-color: #fff;
  margin-top: -160px;
  padding-top: 250px;
  padding-bottom: 150px;
}

.result .subtitle {
  font-size: 36px;
  color: rgba(9, 10, 15, 0.25);
  text-align: start;
  margin-bottom: 70px;
}

.resultGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.resultCard {
  -ms-grid-column-span: 3;
  grid-column: 3 span;
  border: 1px solid rgba(9, 10, 15, 0.15);
  padding: 48px 32px 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 480px;
  transition: background-color .2s linear;
}


.resultCardCount {
  font-family: var(--second-family-regular);
  font-weight: 300;
  font-size: 64px;
  line-height: 64px;
  letter-spacing: 0.02em;
  color: #c42935;
  margin-bottom: 20px;
}

.resultCardTitle {
  margin-top: auto;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #090a0f;
  margin-bottom: 16px;
}

.resultCardDescr {
  font-size: 16px;
  line-height: 140%;
  color: rgba(9, 10, 15, 0.75);
}

.resultCard:hover {
  background-color: #C42935;
}

.resultCard:hover .resultCardCount {
  color: #fff;
}

.resultCard:hover .resultCardTitle {
  color: #fff;
}

.resultCard:hover .resultCardDescr {
  color: #fff;
}

.conditions {
  background-color: #fff;
  padding-top: 0;
}

.conditions .h2 {
  font-size: 80px;
  line-height: 120%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.conditionsDescr {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 140%;
}

.conditionsGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  --offset: 80px;
  /* Сдвигаем нижний блок вверх для компенсации пустоты */
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--offset)));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--offset)));
}

.conditionsCard {
  padding-top: 55px;
  padding-left: 35px;
  padding-right: 30px;
  padding-bottom: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.conditionsCardCount {
  font-family: var(--second-family-regular);
  font-weight: 400;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: 0.02em;
  color: #fff;
  position: relative;
  z-index: 1;
}

.conditionsCardTitle {
  max-width: 384px;
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #fff;
  margin-top: auto;
  position: relative;
  z-index: 1;
}

.conditionsCardTitle span {
  color: #edd4b5;
  font-style: italic;
  font-family: var(--third-family);
}

.conditionsCardDescr {
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  margin-top: 16px;
  max-width: 450px;
  position: relative;
  z-index: 1;
}

.conditionsCardDescr ul {
  list-style-type: disc;
  padding-left: 20px;
}

.conditionsCardImage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}

.conditionsCardImage--sm {
  display: none;
}

.conditionsL {
  -ms-grid-column-span: 8;
  grid-column: 8 span;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.conditionsL .conditionsCard:nth-child(1) {
  height: 480px;
  -ms-grid-column-span: 12;
  grid-column: 12 span;
}

.conditionsL .conditionsCard:nth-child(2) {
  -ms-grid-column-span: 12;
  grid-column: 12 span;
}

.conditionsL .conditionsCard:nth-child(2) .conditionsCardCount {
  color: var(--main-color);
}

.conditionsL .conditionsCard:nth-child(2) .conditionsCardTitle {
  color: var(--main-color);
}

.conditionsL .conditionsCard:nth-child(2) .conditionsCardDescr {
  color: var(--main-color);
}

.conditionsL .conditionsCard:nth-child(3) {
  height: 570px;
  -ms-grid-column-span: 8;
  grid-column: 8 span;
  padding-bottom: 120px;
}

.conditionsL .conditionsCard:nth-child(4) {
  background-color: #090A0F;
  -ms-grid-column-span: 4;
  grid-column: 4 span;
  padding-bottom: 100px;
}

.conditionsL .conditionsCard:nth-child(4) .conditionsCardImage {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
  width: 205px;
}

.conditionsRight {
  -ms-grid-column-span: 4;
  grid-column: 4 span;
}

.conditionsRight .conditionsCard {
  background: #FCF1E1;
  width: 100%;
  height: 100%;
}

.conditionsRight .conditionsCardCount {
  color: var(--main-color);
}

.conditionsRight .conditionsCardTitle {
  color: var(--main-color);
  margin-top: unset;
  margin-top: 85px;
}

.conditionsRight .conditionsCardDescr {
  color: var(--main-color);
}

.cert {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 270px;
}

.cert .h2 {
  font-size: 80px;
  line-height: 120%;
  margin-left: auto;
  margin-right: auto;
}

.certDescr {
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: rgba(12, 9, 21, 0.75);
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.cert .sliderW {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 60px;
}

.cert .sliderW .navArrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.cert .swiper-wrapper {
  justify-content: center;
}

.cert .sliderW .navArrow.swiper-button-lock {
  display: none;
}

.cert .sliderW .navArrowPrev {
  left: 0;
}

.cert .sliderW .navArrowNext {
  right: 0;
}

.certSlider {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  height: fit-content;
}

.certSlide {
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  -webkit-box-shadow: 0 2px 8px 0 rgba(9, 10, 15, 0.1), 0 0 10px 0 rgba(9, 10, 15, 0.05);
  box-shadow: 0 2px 8px 0 rgba(9, 10, 15, 0.1), 0 0 10px 0 rgba(9, 10, 15, 0.05);
  background: #fff;
  border: 8px solid #fff;
  border-radius: 10px;
  height: fit-content;
}

.certSlide img {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
  object-fit: cover;
}

.certSlide:hover {
  opacity: 0.85;
}

.steps {
  background-color: #090a0f;
  --offset: 161px;
  margin-top: -161px;
  -webkit-clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 100%);
  padding-top: 270px;
  padding-bottom: 270px;
}

.steps .subtitle {
  color: rgba(255, 255, 255, 0.25);
}

.steps .h2 {
  max-width: 910px;
  margin-left: auto;
  margin-right: auto;
}

.stepsDescr {
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
}

.stepsGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  margin-top: 70px;
  margin-bottom: 80px;
}

.stepsCard {
  -ms-grid-column-span: 4;
  grid-column: 4 span;
  background: rgba(255, 255, 255, 0.05);
  padding: 55px 40px 48px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 480px;
}

.stepsCard.white {
  background-color: #fff;
}

.stepsCard.white .stepsCardCount {
  color: #c9a77d;
}

.stepsCard.white .stepsCardTitle,
.stepsCard.white .stepsCardDescr {
  color: var(--main-color);
}

.stepsCard.red {
  background-color: #c42935;
}

.stepsCard .button {
  margin-top: 22px;
}

.stepsCardCount {
  font-family: var(--second-family-regular);
  font-weight: 400;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: 0.02em;
  color: #fff;
  margin-bottom: 60px;
}

.stepsCardTitle {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #fff;
  margin-bottom: 20px;
  margin-top: auto;
}

.stepsCardDescr {
  font-size: 16px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.75);
}

.order {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.orderL {
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 44px;
  padding-right: 44px;
  border-right: 1px solid rgba(9, 10, 15, 0.15);
  width: 600px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.orderR {
  width: calc(100% - 600px);
}

.order .subtitle {
  color: rgba(9, 10, 15, 0.25);
  text-align: start;
  margin-bottom: 60px;
}

.order .h2 {
  font-size: 64px;
  line-height: 120%;
  margin-bottom: 32px;
}

.orderDescr {
  color: rgba(9, 10, 15, 0.75);
}

.orderDecor {
  border-bottom: 1px solid rgba(9, 10, 15, 0.15);
  padding-top: 180px;
  padding-left: 100px;
  padding-bottom: 60px;
}

.orderDecor .rect {
  width: 12px;
  height: 12px;
  background: #c42935;
}

.orderContacts {
  margin-top: auto;
}

.orderContactsName {
  margin-bottom: 17px;
}

.orderContacts .socials ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.orderContacts .socials ul li a {
  background-color: #eee;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.orderContacts .socials ul li a:hover {
  background-color: #c42935;
}

.orderContacts .socials ul li a:hover svg {
  fill: #fff !important;
}

.orderContacts .socials ul li a svg {
  width: 22px;
  height: 22px;
  stroke: transparent;
  fill: rgba(9, 10, 15, 0.5);
  stroke-width: 2px;
}

.orderContacts .socials ul li:nth-child(1) a svg {
  width: 19px;
  height: 19px;
}

.orderContacts .socials ul li:nth-child(2) a svg {
  width: 24px;
  height: 24px;
}

.orderContacts .socials ul li.hover-stroke a svg {
  width: 25px;
  height: 25px;
}

.orderContacts .socials ul li.hover-stroke a:hover svg {
  fill: #fff !important;
  stroke: transparent !important;
}

.orderContactsFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.orderContactsPhone {
  font-weight: 500;
  font-size: 31px;
  line-height: 130%;
  letter-spacing: 0.01em;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.orderContactsPhone:hover {
  color: #c42935;
}

.orderForm {
  padding-top: 100px;
  padding-left: 98px;
  padding-right: 98px;
  padding-bottom: 60px;
}

.agreementW {
  margin-top: 16px;
}

.orderForm .agreement {
  color: #9f9f9f;
  font-size: 12px;
  line-height: 140%;
}

.orderForm .agreement a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #3f3e43;
  text-align: center;
}

.orderForm .agreement a:hover {
  color: #c42935;
}

.orderFormGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 60px;
}

.orderFormGrid .inputW {
  -ms-grid-column-span: 6;
  grid-column: 6 span;
}

.orderFormGrid .inputW.inputW--full {
  -ms-grid-column-span: 12;
  grid-column: 12 span;
}

.orderFormGrid .button {
  -ms-grid-column-span: 12;
  grid-column: 12 span;
  width: 100%;
}

.contacts {
  background-color: #fff;
  --offset: 161px;
  -webkit-clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% var(--offset), 100% 100%, 0 100%);
  padding-top: 0;
  margin-top: -163px;
  padding-bottom: 0;
}

.contacts .h2 {
  font-size: 80px;
  line-height: 120%;
}

.contacts .socials ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.contacts .socials ul li a {
  background-color: #eee;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contacts .socials ul li a:hover {
  background-color: #c42935;
}

.contacts .socials ul li a:hover svg {
  fill: #fff !important;
}

.contacts .socials ul li a svg {
  width: 22px;
  height: 22px;
  stroke: transparent;
  fill: rgba(9, 10, 15, 0.5);
  stroke-width: 2px;
}

.contacts .socials ul li.hover-stroke a svg {
  width: 25px;
  height: 25px;
}

.contacts .socials ul li.hover-stroke a:hover svg {
  fill: #fff !important;
  stroke: transparent !important;
}

.contactsHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(9, 10, 15, 0.1);
}

.contactsHead .subtitle {
  color: rgba(0, 0, 0, 0.5);
  text-align: start;
}

.contactsHeadL {
  width: 490px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 320px;
}

.contactsHeadR {
  padding-top: 300px;
  padding-left: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 50px;
  padding-bottom: 70px;
}

.contactsHeadR .rect {
  width: 12px;
  height: 12px;
  background-color: #000;
  position: relative;
  left: 5px;
}

.contactsContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(9, 10, 15, 0.1);
}

.contactsContentL {
  width: 490px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.contactsContentR {
  padding-top: 70px;
  padding-left: 120px;
  padding-bottom: 200px;
}

.contactsItem:not(:last-child) {
  margin-bottom: 44px;
}

.contactsItemName {
  color: rgba(9, 10, 15, 0.75);
  margin-bottom: 20px;
}

.contactsItem .socials ul li:nth-child(2) a svg {
  width: 27px;
  height: 27px;
}

.contactsLink {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
}

.contactsLink:hover {
  color: #c42935;
}

.contactsAddress {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #090a0f;
}

.maps__map {
  height: 580px;
  width: 100%;
}

.ymaps-2-1-79-ground-pane {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.footer {
  background-color: #fff;
}

.footerLink {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.03em;
  text-align: right;
  text-transform: uppercase;
}

.footerLink:hover {
  color: rgb(196, 41, 53);
}

.footerW {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-top: 43px;
  padding-bottom: 43px;
}

.footerW .col {
  -ms-grid-column-span: 6;
  grid-column: 6 span;
}

.footerW .col:nth-child(2) {
  text-align: end;
}

.footerW .col:nth-child(3) {
  text-align: end;
}

.footer .copyright {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

@media (min-width: 575.98px) {
  .container {
    max-width: 540px;
    margin: auto;
    padding: 0;
  }
}

@media (min-width: 767.98px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (min-width: 991.98px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 1199.98px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-block {
    display: block !important;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1370px;
  }
}

@media (min-width: 1500px) {
  .container {
    max-width: 1440px;
  }
}

@media (min-width: 1700px) {
  .podbor .container {
    max-width: 1685px;
  }
}

@media (min-width: 1800px) {
  .header .container {
    max-width: 1770px;
  }
}

@media (min-width: 2000px) {
  .status .rect-top {
    height: 6vw;
  }
}

@media (max-width: 1799px) {
  .headerW {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  .headerNav ul {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .headerContacts {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}

@media (max-width: 1700px) {
  .asia .strawbSortHead {
    left: 0;
  }
}

@media (max-width: 1699px) {
  .podborHeadStrawbL {
    width: 220px;
  }

  .podborHeadStrawbB {
    width: 200px;
    right: 150px;
  }
}

@media (max-width: 1599px) {
  .cert {
    padding-bottom: 250px;
  }
}

@media (max-width: 1550px) {
  .strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(1) {
    left: -45vw;
  }

  .strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(2) {
    left: -37vw;
  }

  .strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(3) {
    right: -30vw;
  }

  .strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(4) {
    right: -33vw;
  }

  .strawbSortAdvs.strawbSortAdvs--alba ul li:nth-child(5) {
    right: -17vw;
  }
}

@media (max-width: 1500px) {

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

  .introHead h1 {
    font-size: 80px;
  }

  .introHeadStrawL {
    left: 200px;
    top: -20px;
  }

  .introHeadStrawR {
    right: 150px;
    width: 200px;
  }
}

@media (max-width: 1499px) {
  .podborHeadGal>a:nth-child(2) {
    bottom: 200px;
    height: 259px;
    width: 400px;
  }

  .podborHeadStrawbL {
    left: 100px;
  }

  .qualitySliderLine {
    left: -200px;
  }
}

@media (max-width: 1400px) {
  .formInput {
    font-size: 13px;
  }

  .formInput::-webkit-input-placeholder {
    font-size: 13px;
  }

  .formInput::-moz-placeholder {
    font-size: 13px;
  }

  .formInput:-ms-input-placeholder {
    font-size: 13px;
  }

  .formInput::-ms-input-placeholder {
    font-size: 13px;
  }

  .formInput::placeholder {
    font-size: 13px;
  }

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

  h2.h2--sm,
  .h2.h2--sm {
    font-size: 60px;
  }

  .historyStrawbL {
    width: 250px;
  }

  .historyStrawbR {
    width: 250px;
  }

  .podborHeadGal>a:nth-child(1) {
    width: 280px;
  }

  .podborHeadGal>a:nth-child(2) {
    width: 300px;
    height: 200px;
  }

  .podborHeadGal>a:nth-child(3) {
    width: 200px;
    height: 230px;
    left: 100px;
    position: relative;
  }

  .podborHeadGal>a:nth-child(4) {
    width: 300px;
    height: 200px;
  }

  .podborHeadStrawbL {
    left: 30px;
  }

  .podborHeadStrawbR {
    right: 300px;
    top: -80px;
  }

  .podborHeadStrawbB {
    right: 50px;
  }

  .podborFootGal>a:nth-child(2) {
    width: 300px;
    height: 200px;
    bottom: -250px;
  }

  .podborFootGal>a:nth-child(4) {
    width: 320px;
    height: 400px;
  }

  .stat .subtitle {
    font-size: 14px;
  }

  .statContentHead {
    padding-left: 80px;
    padding-bottom: 80px;
  }

  .statContentHead .h2 {
    font-size: 60px;
  }

  .statContentItem {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
  }

  .statContentItem:not(:last-child) {
    margin-bottom: 100px;
  }

  .statContentItemText {
    font-size: 16px;
  }

  .statContentBody {
    padding-top: 80px;
    padding-left: 80px;
  }

  .statContentBodyImage img {
    min-width: 500px;
    height: 300px;
  }

  .statContentItemCount {
    font-size: 130px;
    line-height: 130px;
  }

  .statContentItemCount span {
    font-size: 32px;
    bottom: 0;
  }

  .qualitySliderLine {
    left: 15px;
  }

  .resultCard {
    -ms-grid-column-span: 4;
    grid-column: 4 span;
  }

  .conditions .h2 {
    font-size: 60px;
  }

  .conditionsGrid {
    gap: 16px;
  }

  .conditionsCardTitle {
    font-size: 26px;
    line-height: 110%;
  }

  .conditionsL {
    gap: 16px;
  }

  .conditionsL .conditionsCard:nth-child(3) {
    -ms-grid-column-span: 7;
    grid-column: 7 span;
  }

  .conditionsL .conditionsCard:nth-child(4) {
    -ms-grid-column-span: 5;
    grid-column: 5 span;
  }

  .cert .h2 {
    font-size: 60px;
  }

  .certSlide img {
    height: 350px;
  }

  .order .h2 {
    font-size: 48px;
  }

  .orderDecor {
    padding-left: 50px;
    padding-top: 160px;
  }

  .orderForm {
    padding-top: 60px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
  }

  .orderFormGrid {
    row-gap: 40px;
  }

  .contacts .h2 {
    font-size: 60px;
  }

  .contactsHeadR {
    padding-left: 60px;
  }

  .contactsContentR {
    padding-left: 60px;
    padding-top: 60px;
  }

  .contactsLink {
    font-size: 27px;
  }

  .contactsAddress {
    font-size: 27px;
  }
}

@media (max-width: 1399px) {
  .headerContacts {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 13px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .introSortR {
    width: 150px;
  }

  .strawbSortContent {
    padding-bottom: 0;
  }
}

@media (max-width: 1199px) {
  .formInput {
    font-size: 16px;
    padding-left: 0;
  }

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

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

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

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

  .fz-xl-16 {
    font-size: 16px;
  }

  .mt-xl-25 {
    margin-top: 25px;
  }

  .mt-xl-50 {
    margin-top: 50px;
  }

  .flex-xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .gap-xl-15 {
    gap: 15px;
  }

  .headerOrderBtn--lg {
    display: none;
  }

  .introCommerceBtn {
    bottom: -79px;
    right: 150px;
    z-index: 2;
    width: 180px;
    height: 180px;
    font-size: 17px;
  }

  .hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header .hamburgerW {
    display: block;
  }

  .headerNav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    z-index: 3;
    background-color: #FBFAF3;
    padding-top: 15px;
    padding-bottom: 80px;
  }

  .headerNav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    row-gap: 15px;
    margin-top: 50px;
  }

  .headerNav ul li a {
    color: var(--main-color);
  }

  .headerLogo img {
    width: 78px;
  }

  .headerContacts {
    border-bottom: none;
  }

  .headerAddress--sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
  }

  .headerNavHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row-reverse;
  }

  .headerNavStrawL {
    display: block;
    left: 30px;
    top: 360px;
  }

  .headerNavStrawR {
    display: block;
    right: 0;
    top: 370px;
  }

  .intro {
    padding-bottom: 65px;
  }

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

  .introHeadStrawL {
    width: 100px;
  }

  .introHeadStrawR {
    width: 150px;
    top: -20px;
    right: 180px;
  }

  .introSort {
    max-width: 460px;
  }

  .introSortVideoImageW {
    padding-right: 15px;
    padding-bottom: 15px;
  }

  .introSortVideoImageW img {
    width: 170px;
    height: 170px;
  }

  .introImage img {
    width: 470px;
  }

  .introSortR {
    display: none;
  }

  .history {
    --offset: 20px;
    padding-top: 180px;
    margin-top: -80px;
  }

  .historyHead {
    margin-bottom: 24px;
  }

  .historyStrawbL {
    display: none;
  }

  .historyStrawbC {
    left: 200px;
  }

  .historyStrawbR {
    width: 170px;
    right: 140px;
  }

  .historyContent .col {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .historyFruits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .historyFruitsDescr {
    text-align: center;
    font-size: 14px;
  }

  .historyFruitsLogo {
    padding: 25px 30px 30px;
  }

  .historyFruitsImage {
    width: 170px;
  }

  .historyR {
    display: none;
  }

  .historyC img {
    margin-left: auto;
    margin-right: auto;
    width: 266px;
  }

  .status {
    --offset: 20px;
    padding-top: 180px;
    margin-top: -80px;
  }

  .statusHead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 50px;
  }

  .status .subtitle {
    text-align: start;
  }

  .statusHeadL {
    width: auto;
    padding-right: 0;
    border-right: none;
    padding-top: 0;
  }

  .statusHeadR {
    padding-left: 0;
    padding-top: 24px;
  }

  .statusHeadDescrW .rect {
    display: none;
  }

  .statusSlide {
    position: relative;
  }

  .termin {
    padding-bottom: 100px;
  }

  .terminStrawL {
    width: 180px;
  }

  .terminStrawR {
    width: 115px;
    right: 150px;
    top: -50px;
  }

  .terminStrawB {
    width: 150px;
  }

  .terminContent {
    row-gap: 70px;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .terminContent .col {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
    padding-right: 30px;
  }

  .terminSort {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
  }

  .terminSort h3 {
    font-size: 36px;
  }

  .terminSortDescr {
    text-align: start;
    font-size: 14px;
    line-height: 140%;
  }

  .terminSortList ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .terminSortList ul li {
    font-size: 11px;
    height: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .terminImage--lg {
    display: none;
  }

  .terminContentLineSm {
    display: block;
  }

  .terminContentImageSm {
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
  }

  .alba {
    --offset: 20px;
    margin-top: 0;
    padding-bottom: 80px;
  }

  .asia {
    --offset: 20px;
    margin-top: -35px;
  }

  .asia-line-wrapper {
    --offset: 20px;
    --line-thickness: 6px;
  }

  .strawbSortSubtitle {
    font-size: 21px;
  }

  .strawbSortTitle {
    font-size: 130px;
    line-height: 130px;
  }

  .strawbSortBlockSubtitle {
    display: none;
  }

  .strawbSortBlockCount {
    font-size: 64px;
    line-height: 64px;
  }

  .strawbSortBlockDescr {
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
  }

  .podbor .subtitle {
    margin-bottom: 30px;
  }

  .podborHeadGal>a:nth-child(3) {
    left: 0;
  }

  .podborHeadGal>a:nth-child(4) {
    right: 150px;
  }

  .podborHeadStrawbL {
    left: -40px;
  }

  .podborHeadStrawbR {
    right: 250px;
    top: -100px;
  }

  .podborHeadStrawbB {
    right: -10px;
    width: 180px;
  }

  .podborFootGal>a:nth-child(1) {
    width: 300px;
    height: 350px;
  }

  .podborFootGal>a:nth-child(3) {
    width: 200px;
    height: 250px;
    left: 150px;
  }

  .podborFootGal>a:nth-child(4) {
    width: 250px;
    height: 300px;
  }

  .stat {
    --offset: 20px;
    margin-top: -100px;
  }

  .statContentL {
    padding-top: 180px;
  }

  .statContentHead {
    padding-top: 150px;
  }

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

  .statContentHeadDescr {
    font-size: 16px;
  }

  .statContentItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .statContentItemText {
    margin-left: unset;
    margin-top: 10px;
  }

  .statContentItemOf {
    font-size: 20px;
  }

  .statGalImage.h-480 img {
    height: 300px;
  }

  .quality {
    padding-top: 180px;
  }

  .quality .h2 {
    margin-left: unset;
    text-align: start;
  }

  .qualityDescr {
    margin-left: unset;
    text-align: start;
  }

  .qualitySliderLine {
    display: none;
  }

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

  .conditionsGrid {
    --offset: 20px;
  }

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

  .cert .sliderW {
    margin-top: 48px;
  }

  .steps {
    --offset: 20px;
    padding-top: 160px;
    padding-bottom: 200px;
  }

  .steps .h2 {
    margin-left: unset;
  }

  .stepsCard {
    -ms-grid-column-span: 6;
    grid-column: 6 span;
  }

  .order {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .orderL {
    border-right: none;
    width: 100%;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px;
  }

  .orderR {
    width: 100%;
  }

  .order .subtitle {
    margin-bottom: 20px;
  }

  .order .h2 {
    font-size: 32px;
    margin-bottom: 24px;
  }

  .orderDescr {
    font-size: 14px;
  }

  .orderDecor {
    display: none;
  }

  .orderContactsName {
    display: none;
  }

  .orderContactsFooter {
    display: none;
  }

  .orderForm {
    padding-left: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 24px;
  }

  .orderFormGrid {
    row-gap: 30px;
  }

  .contacts {
    --offset: 20px;
    margin-top: -40px;
  }

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

  .contactsHeadL {
    padding-top: 150px;
  }

  .contactsHeadR {
    padding-top: 150px;
  }

  .contactsContentR {
    padding-bottom: 100px;
  }

  .footerLink {
    font-size: 13px;
  }

  .footer .copyright {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  section {
    padding-bottom: 35px;
    padding-top: 35px;
  }

  .sectHead {
    margin-bottom: 24px;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .fz-lg-14 {
    font-size: 14px;
  }

  .navArrow {
    width: 40px;
    height: 40px;
  }

  .mb-lg-25 {
    margin-bottom: 25px;
  }

  .mt-lg-80 {
    margin-top: 80px;
  }

  .mt-lg-30 {
    margin-top: 30px;
  }

  .mt-lg-14 {
    margin-top: 14px;
  }

  .mt-lg-50 {
    margin-top: 50px;
  }

  .mt-lg-25 {
    margin-top: 25px;
  }

  .mt-lg-24 {
    margin-top: 24px;
  }

  .subtitle {
    font-size: 14px;
  }

  .gap-lg-16 {
    gap: 16px;
  }

  .gap-lg-0 {
    gap: 0;
  }

  .ml-240.ml-lg-0 {
    margin-left: 0;
  }

  .button--lg {
    font-size: 15px;
    height: 56px;
  }

  .introCommerceBtn {
    left: 0;
    right: 0;
    margin: auto;
    width: 172px;
    height: 172px;
    font-size: 14px;
  }

  .headerNav ul {
    max-width: 720px;
  }

  .headerNavHead {
    max-width: 720px;
  }

  .introHeadStrawL {
    left: 130px;
  }

  .introHeadStrawR {
    right: 100px;
  }

  .introSort {
    display: none;
  }

  .introContent {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .historyStrawbC {
    left: 100px;
    top: -40px;
  }

  .historyStrawbR {
    right: 80px;
  }

  .status {
    padding-bottom: 100px;
  }

  .statusCard {
    padding: 24px 24px 30px;
  }

  .statusCardCount {
    margin-bottom: 60px;
    font-size: 56px;
    line-height: 56px;
  }

  .statusCardTitle {
    font-size: 24px;
  }

  .statusCardDescr {
    font-size: 14px;
  }

  .statusSlide {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .statusSlide:nth-child(even) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .termin {
    padding-top: 100px;
  }

  .terminDescr {
    font-size: 14px;
  }

  .terminStrawL {
    left: 20px;
  }

  .terminStrawR {
    right: 50px;
  }

  .strawbSortSect {
    padding-bottom: 150px;
  }

  .strawbSortBlock {
    max-width: 400px;
  }

  .podborHeadGal {
    margin-top: -72px;
  }

  .podborHeadGal>a:nth-child(1) {
    bottom: 0;
    width: 200px;
  }

  .podborHeadGal>a:nth-child(2) {
    bottom: -80px;
    left: -150px;
    width: 150px;
    height: 130px;
  }

  .podborHeadGal>a:nth-child(3) {
    width: 150px;
    height: 190px;
  }

  .podborHeadGal>a:nth-child(4) {
    display: none;
  }

  .podborHeadDescr {
    font-size: 14px;
  }

  .podborHeadStrawbL {
    width: 180px;
  }

  .podborHeadStrawbR {
    right: 100px;
    top: -120px;
  }

  .podborHeadStrawbB {
    width: 130px;
  }

  .podborFootGal>a:nth-child(1) {
    width: 225px;
    height: 300px;
  }

  .podborFootGal>a:nth-child(2) {
    display: none;
  }

  .podborFootGal>a:nth-child(3) {
    width: 150px;
    height: 180px;
    bottom: -120px;
  }

  .podborFootGal>a:nth-child(4) {
    right: 0;
  }

  .stat {
    padding-bottom: 90px;
  }

  .statContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .statContentL {
    border-right: none;
  }

  .statContentHead {
    padding-left: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 0;
  }

  .statContentHead .h2 {
    font-size: 32px;
  }

  .statContentHeadDescrW .rect {
    display: none;
  }

  .statContentHeadDescr {
    font-size: 14px;
  }

  .statContentItem {
    position: relative;
    z-index: 1;
  }

  .statContentItemText {
    font-size: 14px;
  }

  .statContentBody {
    padding-top: 55px;
  }

  .statContentBodyImage {
    bottom: unset;
    top: 24px;
    left: 0;
  }

  .statContentBodyImage--lg {
    display: none;
  }

  .statContentBodyImage--sm {
    display: block;
  }

  .statContentBodyImage::before {
    width: 200px;
  }

  .statContentBodyImage img {
    min-width: unset;
    width: 266px;
    height: 140px;
  }

  .statContentItemCount {
    font-family: var(--second-family-regular);
  }

  .statContentItemOf {
    font-size: 14px;
  }

  .statGalContent {
    padding-top: 100px;
  }

  .statGalContentBlock {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
  }

  .statGalContentBlockCol .grid-cols-2>* {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .statGalImage--220.w-lg-100 {
    width: 100%;
  }

  .statGalImage--220.w-lg-100 img {
    width: 100%;
  }

  .statGalImage--220 img {
    height: 230px;
  }

  .statGalImage--340.w-lg-100 {
    width: 100%;
  }

  .statGalImage--340.w-lg-100 img {
    width: 100%;
  }

  .statGalImage--460 img {
    height: 230px;
  }

  .statGalImage.h-480 img {
    height: 230px;
  }

  .statGalContentBlockQuote {
    display: none !important;
  }

  .result {
    padding-bottom: 100px;
  }

  .result .subtitle {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .resultCard {
    -ms-grid-column-span: 6;
    grid-column: 6 span;
    min-height: 350px;
  }

  .resultCard.active {
    background-color: transparent;
  }

  .resultCard.active .resultCardCount {
    color: #c42935;
  }

  .resultCard.active .resultCardTitle {
    color: var(--main-color);
  }

  .resultCard.active .resultCardDescr {
    color: var(--main-color);
  }

  .conditions {
    padding-bottom: 80px;
  }

  .conditionsDescr {
    font-size: 14px;
  }

  .conditionsL {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .conditionsL .conditionsCard:nth-child(2) .conditionsCardCount {
    margin-bottom: 80px;
  }

  .conditionsL .conditionsCard:nth-child(2) {
    padding-bottom: 350px;
    padding-top: 45px;
  }

  .conditionsL .conditionsCard:nth-child(3) {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .conditionsL .conditionsCard:nth-child(4) {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .conditionsRight {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .cert {
    padding-bottom: 80px;
  }

  .certSlide {
    border-radius: 5px;
  }

  .certSlide img {
    height: 300px;
    border-radius: 2px;
  }

  .steps {
    padding-top: 80px;
    padding-bottom: 120px;
  }

  .steps {
    margin-top: 0;
  }

  .stepsDescr {
    font-size: 14px;
  }

  .stepsGrid {
    gap: 15px;
    margin-top: 48px;
    margin-bottom: 30px;
  }

  .stepsCard {
    padding-top: 48px;
    padding-bottom: 30px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .stepsCardCount {
    font-size: 64px;
    line-height: 64px;
  }

  .stepsCardTitle {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .orderForm .agreement {
    font-size: 10px;
  }

  .contacts .h2 {
    font-size: 34px;
  }

  .contactsHead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: none;
  }

  .contactsHeadL {
    padding-top: 80px;
    border-right: none;
    width: 100%;
  }

  .contactsHeadR {
    padding-left: 0;
    padding-top: 24px;
    padding-bottom: 25px;
  }

  .contactsHeadR .rect {
    display: none;
  }

  .contactsContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contactsContentL {
    width: 100%;
  }

  .contactsContentR {
    padding-left: 0;
    padding-top: 32px;
  }

  .contactsLink {
    font-size: 24px;
  }

  .contactsAddress {
    font-size: 24px;
  }

  .maps__map {
    height: 400px;
  }

  .footerW {
    row-gap: 15px;
  }

  .footerW .col {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .footerW .col:nth-child(2) {
    text-align: start;
  }

  .footerW .col:nth-child(3) {
    text-align: start;
  }
}

@media (max-width: 767px) {

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

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

  h2.h2--sm,
  .h2.h2--sm {
    font-size: 32px;
  }

  .button.w-md-100 {
    width: 100%;
  }

  .introOptBtn {
    font-size: 14px;
    padding-left: 24px;
    padding-right: 24px;
    top: 0;
  }

  .modal .h2 {
    font-size: 27px;
    margin-bottom: 20px;
  }

  .headerNav ul {
    max-width: 540px;
  }

  .headerContacts {
    padding-top: 36px;
    padding-bottom: 18px;
  }

  .headerPhone--lg {
    font-size: 0;
    width: 52px;
    height: 52px;
    background: rgba(255, 255, 255, 0.15) url("assets/img/icons/phone-white.svg") no-repeat center center/24px;
  }

  .headerAddress--lg {
    display: none;
  }

  .headerNavHead {
    max-width: 540px;
  }

  .introHead h1 {
    font-size: 36px;
    margin-bottom: 30px;
  }

  .introHeadStrawL {
    display: none;
  }

  .introHeadStrawR {
    display: none;
  }

  .introImage {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .history {
    padding-top: 140px;
  }

  .historyStrawbL,
  .historyStrawbC,
  .historyStrawbR {
    display: none;
  }

  .status {
    padding-top: 80px;
  }

  .termin {
    padding-top: 80px;
  }

  .terminStrawL,
  .terminStrawR,
  .terminStrawB {
    display: none;
  }

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

  .strawbSortSect .container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .alba {
    padding-top: 100px;
  }

  .asia {
    padding-top: 100px;
  }

  .strawbSortSubtitle {
    display: none;
  }

  .strawbSortHead {
    margin-bottom: 92px;
  }

  .strawbSortAdvs {
    position: unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: unset;
    width: 100%;
  }

  .strawbSortAdvs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
  }

  .strawbSortAdvs ul li {
    position: unset;
    height: 24px;
    font-size: 11px;
    font-weight: 500;
    padding-left: 14px;
    padding-right: 14px;
  }

  .strawbSortBlockHead {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;
  }

  .strawbSortContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .strawbSortBlock {
    max-width: 100%;
    width: 100%;
  }

  .podborHeadGal>a {
    border: 4px solid #fff;
    border-radius: 5px;
  }

  .podborHeadGal>a:nth-child(1) {
    width: 135px;
    height: 150px;
  }

  .podborHeadGal>a:nth-child(2) {
    width: 115px;
    height: 80px;
    bottom: -40px;
    left: -120px;
  }

  .podborHeadGal>a:nth-child(3) {
    width: 94px;
    height: 105px;
  }

  .podborHeadStrawbL,
  .podborHeadStrawbR,
  .podborHeadStrawbB {
    display: none;
  }

  .podborFootGal {
    margin-top: 50px;
  }

  .podborFootGal>a {
    border: 3px solid #fff;
    border-radius: 5px;
  }

  .podborFootGal>a:nth-child(1) {
    width: 100px;
    height: 115px;
    bottom: 0;
  }

  .podborFootGal>a:nth-child(3) {
    bottom: -50px;
    width: 95px;
    height: 110px;
  }

  .podborFootGal>a:nth-child(4) {
    width: 135px;
    height: 150px;
    bottom: -30px;
  }

  .stat {
    padding-top: 140px;
  }

  .statContentL {
    padding-top: 0;
  }

  .quality {
    padding-top: 100px;
  }

  .resultCard {
    padding: 45px 24px 30px;
  }

  .conditions .h2 {
    font-size: 32px;
  }

  .conditionsL .conditionsCard:nth-child(4) {
    padding-bottom: 70px;
  }

  .stepsCard {
    min-height: unset;
  }

  .orderFormGrid .inputW {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .contactsContentR {
    padding-bottom: 48px;
  }
}

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

  .d-sm-none {
    display: none !important;
  }

  .ml-sm-auto {
    margin-left: auto;
  }

  .ml-sm-unset {
    margin-left: unset !important;
  }

  .button.w-sm-100 {
    width: 100%;
  }

  .headerNav ul {
    max-width: 100%;
  }

  .headerNavHead {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .introImage {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }

  .introImage img {
    width: 100%;
  }

  .statusGrid {
    row-gap: 15px;
  }

  .statusSlide {
    width: 100%;
  }

  .statusSlide:nth-child(1) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .terminSortDescr {
    max-width: 250px;
  }

  .terminContentImageSm {
    right: -15px;
  }

  .albaBg--lg {
    display: none;
  }

  .albaBg--sm {
    display: block;
  }

  .podborHeadGal>a:nth-child(2) {
    left: -15vw;
  }

  .podborHeadGal>a:nth-child(3) {
    left: -15px;
  }

  .podborFootGal>a:nth-child(3) {
    left: 61px;
  }

  .statGalContentBlockCol.cols-sm-1 {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .statGalImage--220 img {
    height: 64vw;
  }

  .statGalImage--340 img {
    height: 64vw;
  }

  .statGalImage--340.w-sm-50 {
    width: calc(50% - 8px);
  }

  .statGalImage--340.h-sm-50 {
    height: 32vw;
  }

  .statGalImage--340.h-sm-50 img {
    height: 100%;
  }

  .statGalImage--460 img {
    height: 64vw;
  }

  .statGalImage--460.w-sm-50 {
    width: calc(50% - 8px);
  }

  .statGalImage--460.h-sm-50 {
    height: 32vw;
  }

  .statGalImage--460.h-sm-50 img {
    height: 100%;
  }

  .statGalImage.h-480 img {
    height: 64vw;
  }

  .statGalImage.h-480.w-sm-50 {
    width: calc(50% - 8px);
  }

  .statGalImage.h-480.h-sm-50 {
    height: 32vw;
  }

  .statGalImage.h-480.h-sm-50 img {
    height: 100%;
  }

  .resultGrid {
    gap: 15px;
  }

  .resultCard {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .conditionsCardCount {
    font-size: 64px;
    line-height: 64px;
  }

  .conditionsCardImage--lg {
    display: none;
  }

  .conditionsCardImage--sm {
    display: block;
  }

  .conditionsL .conditionsCard:nth-child(1) {
    padding-bottom: 250px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .conditionsL .conditionsCard:nth-child(1) .conditionsCardCount {
    margin-bottom: 80px;
  }

  .conditionsL .conditionsCard:nth-child(3) {
    padding-bottom: 60px;
    height: 400px;
  }

  .conditionsL .conditionsCard:nth-child(4) .conditionsCardCount {
    margin-bottom: 80px;
  }

  .certSlide img {
    height: 50vw;
  }

  .stepsCard {
    -ms-grid-column-span: 12;
    grid-column: 12 span;
  }

  .maps__map {
    height: 85vw;
  }
}

.content h2 {
  font-size: 32px;
  margin-bottom: 15px;
}

@media(max-width: 767px) {
  .statGalImage--460 {
    width: 100%;
  }
}

.wpcf7-not-valid-tip {
  font-size: 14px;
  line-height: normal;
}

.wpcf7 form .wpcf7-response-output {
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  line-height: normal;
}

.fancybox__backdrop {
  background: #9122316b;
}

.agreementW {
  display: flex;
  grid-column: 12 span;
  border: 1px solid #912231;
  padding: 4px;
  margin-bottom: 20px;
}

.wpcf7-list-item {
  margin-left: 0;
}

.agreement {
  cursor: pointer;
  display: flex;
  align-items: center;
  grid-column: 12 span;
  column-gap: 12px;
  transition: color .2s linear;
}

.agreement:hover {
  color: #000;
}

.agreement .rect {
  width: 32px;
  height: 32px;
  border: 2px solid #EEEEEE;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}

.agreementW .wpcf7-form-control-wrap {}

.agreementW .wpcf7-form-control-wrap input {
  display: none;
}

.agreementW:has(input:checked) .rect {
  background-image: url('assets/img/icons/checked.svg');
  background-color: #090A0F;
  border-color: #000;
}

.agreementW:has(input:checked) {
  border-color: transparent;
}


.orderForm .button {
  width: 100%;
}

.steps .orderForm .agreementW {
  margin-top: -25px;
}

@media(max-width: 991px) {
  .steps .orderForm .agreementW {
    margin-top: 0px;
  }
}