@font-face {
  font-display:swap;
  font-family: Mulish;
  src: url(./fonts/Mulish-VariableFont_wght.woff2);
}
@font-face {
  font-display:swap;
  font-family: Forum;
  src: url(./fonts/Forum-Regular.woff2);
}

@font-face {
  font-display:swap;
  font-family: MYRIADPRO-SEMIBOLD;
  src: url(./fonts/MYRIADPRO-SEMIBOLD.OTF);
}


@font-face {
  font-display:swap;
  font-family: FoglihtenNo06m_076;
  src: url(./fonts/FoglihtenNo06_076.otf);
}

@font-face {
  font-display:swap;
  font-family: FoglihtenNo06m;
  src: url(./fonts/Foglihtenno06.otf);
}


@font-face {
  font-display:swap;
  font-family: MYRIADPRO-REGULAR;
  src: url(./fonts/MYRIADPRO-REGULAR.OTF);
}

@font-face {
  font-display:swap;
  font-family: Times-New-Roman-Bold;
  src: url(./fonts/Times-New-Roman-Bold.ttf);
}


@font-face {
  font-display:swap;
  font-family: Times-New-Roman-Regular;
  src: url(./fonts/Times-New-Roman-Regular.ttf);
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

body {
  background-color: black;
}

.eyscrol {
  display: flex;
  gap: 10px;
  margin-top: 30px;
  display: none;
}

.eyscrol img {
  width: 30px;
}

.eyscrol p {
  color: white;
  font-family: sans-serif;
  line-height: 21px;
}

.mb {
  display: none;
}

#openModal {
  color: #221f14;
}

@media (pointer: coarse) {
  /* Тут указываем свойства для ссылок на мобильных устройствах */
  a[href^="tel"] {
    text-decoration: none;
    color: inherit;
    /* inherit - это наследование цвета родителя*/
  }
}

:root {
  --def_text_color: #96a1ac;
  --hover_color: #ffdf74;
  --bg_gradient: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  --text_gradient: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
}

.modal {
  height: -moz-fit-content;
  height: fit-content;
  width: 60%;
  max-width: 1275px;
  max-height: 90%;
  background: black;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border: 4px solid;
  -o-border-image: linear-gradient(180deg, #bc901c 0%, #976813 100%) 1;
  border-image: linear-gradient(180deg, #bc901c 0%, #976813 100%) 1;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.modal .modalCont {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 0;
  width: 60%;
}

.modal .modalCont h2 {
  font-family: "Forum";
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  background-size: 200% 100%;
  animation: shimmer 10s linear infinite;
  transition: background-position 0.5s ease-out;
}

.modal .modalCont .submit {
  display: none;
  flex-direction: column;
  align-items: center;
}

.modal .modalCont .submit .fire {
  margin-top: 31px;
}

.modal .modalCont .submit p {
  font-family: "Mulish";
  font-size: 24px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #dddfe4;
  margin-top: 50px;
}

.modal .modalCont button {
  all: unset;
  text-transform: uppercase;
  width: 100%;
  border-radius: 100px;
  cursor: pointer;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  position: relative;
  font-family: "Forum";
  font-size: 24px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  padding: 20px 50px;
  text-align: center;
  z-index: 2 !important;
  overflow: hidden;
}

.modal .modalCont button::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: red;
  top: -4px;
  left: 0;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  z-index: -1;
}

.modal .modalCont button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.modal .modalCont .BackToSite {
  margin-top: 50px;
}

.modal .modalCont form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}

.modal .modalCont form input {
  all: unset;
  width: 100%;
  max-width: 100%;
  padding: 20px 50px;
  background: #ffffff;
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
}

.modal .close {
  position: absolute;
  border: 4px solid;
  background: black;
  -o-border-image: linear-gradient(180deg, #bc901c 0%, #976813 100%) 1;
  border-image: linear-gradient(180deg, #bc901c 0%, #976813 100%) 1;
  padding: 20px;
  top: -4px;
  right: -76px;
  cursor: pointer;
}

@keyframes shine {
  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }
}

@keyframes size {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes shimmer {
  0% {
    background-position: 100% 50%;
  }

  50% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}

@keyframes fade_in {
  from {
    left: -100%;
  }

  to {
    left: 0;
    opacity: 1;
  }
}

.animated-element {
  opacity: 0;
  position: relative;
  transition: 0.3s;
}

.animate {
  animation: fade_in 1s;
  transition: 0.3s;
}

.shimmer {
  animation: shimmer 10s linear infinite;
  opacity: 1;
}

.modalbg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6666;
  display: none;
  background-color: rgba(0, 0, 0, 0.568);
}





.ProductModals {
  height: 700px; /* Высота модального окна для десктопа */
  width: 90%; /* Ширина модального окна для десктопа */
  max-width: 1275px; /* Максимальная ширина модального окна для десктопа */
  max-height: 90%; /* Максимальная высота модального окна для десктопа */
  background: white; /* Фоновый цвет модального окна */
  position: fixed; /* Позиционирование модального окна фиксировано относительно окна браузера */
  top: 50%; /* Отступ сверху на 50% от высоты окна браузера */
  left: 50%; /* Отступ слева на 50% от ширины окна браузера */
  transform: translate(-50%, -50%); /* Центрирование модального окна по горизонтали и вертикали */
  z-index: 9999; /* Порядковый индекс для наложения на другие элементы */
  display: none; /* Скрытие модального окна по умолчанию */
  gap: 20px; /* Пробел между элементами внутри модального окна */
}

.leftSides {
  width: 50%; /* Ширина левой стороны модального окна для десктопа */
  height: 100%; /* Высота левой стороны модального окна для десктопа */
  background-image: url("../img/sliceimg1v2.jpg"); /* Фоновое изображение левой стороны */
  background-size: cover; /* Масштабирование фонового изображения для покрытия всего блока */
  background-position: center; /* Центрирование фонового изображения */
  background-repeat: no-repeat; /* Запрещение повторения фонового изображения */
}

.rightSides { 
  width: 50%; /* Ширина правой стороны модального окна для десктопа */
  display: flex; /* Использование Flexbox для компоновки элементов внутри правой стороны */
  flex-direction: column; /* Вертикальное расположение элементов внутри правой стороны */
  padding: 50px 20px; /* Внутренние отступы правой стороны */
}

.logo {
  display: flex; /* Использование Flexbox для компоновки элементов внутри логотипа */
  align-items: center; /* Вертикальное выравнивание элементов внутри логотипа по центру */
  gap: 20px; /* Пробел между элементами внутри логотипа */
}

.logo h2 {
  font-family: "Forum"; /* Шрифт для заголовка в логотипе */
  font-size: 32px; /* Размер шрифта заголовка */
  font-weight: 400; /* Насыщенность шрифта заголовка */
  line-height: 35px; /* Междустрочный интервал заголовка */
  text-align: left; /* Выравнивание текста заголовка по левому краю */
  display: flex; /* Использование Flexbox для компоновки элементов заголовка */
  color: #fb974e; /* Цвет текста заголовка */
  text-transform: uppercase; /* Преобразование текста заголовка в верхний регистр */
}

.logo .line {
  width: 87px; /* Ширина линии */
  border-top: 1px solid #fb974e; /* Верхняя граница линии */
}

.title {
  margin-top: 30px; /* Отступ сверху для блока с заголовками */
  display: flex; /* Использование Flexbox для компоновки элементов внутри блока с заголовками */
  flex-direction: column; /* Вертикальное расположение элементов внутри блока с заголовками */
  gap: 10px; /* Пробел между элементами внутри блока с заголовками */
}

.title h2 {
  font-family: "Mulish"; /* Шрифт для заголовка внутри блока с заголовками */
  font-size: 16px; /* Размер шрифта заголовка */
  font-weight: 400; /* Насыщенность шрифта заголовка */
  line-height: 19px; /* Междустрочный интервал заголовка */
  text-align: left; /* Выравнивание текста заголовка по левому краю */
}

.titleText {
  font-family: "Mulish"; /* Шрифт для текста внутри блока с заголовками */
  font-size: 15px; /* Размер шрифта текста */
  font-weight: 400; /* Насыщенность шрифта текста */
  line-height: 19px; /* Междустрочный интервал текста */
  text-align: left; /* Выравнивание текста по левому краю */
  height: 95px; /* Высота блока с текстом */
  overflow: hidden; /* Скрытие содержимого, выходящего за пределы блока */
  overflow-y: scroll; /* Добавление вертикальной прокрутки для блока с текстом */
}

.info {
  margin-top: 50px; /* Отступ сверху для блока с информацией */
  display: flex; /* Использование Flexbox для компоновки элементов внутри блока с информацией */
  flex-direction: column; /* Вертикальное расположение элементов внутри блока с информацией */
  gap: 10px; /* Пробел между элементами внутри блока с информацией */
}

.info h2 {
  font-family: "Mulish"; /* Шрифт для заголовка внутри блока с информацией */
  font-size: 16px; /* Размер шрифта заголовка */
  font-weight: 400; /* Насыщенность шрифта заголовка */
  line-height: 19px; /* Междустрочный интервал заголовка */
  text-align: left; /* Выравнивание текста заголовка по левому краю */
}

.infoText p {
  width: 100%; /* Ширина параграфа с информацией */
  display: flex; /* Использование Flexbox для компоновки элементов внутри параграфа */
  align-items: center; /* Вертикальное выравнивание элементов внутри параграфа по центру */
  justify-content: space-between; /* Распределение элементов по краям параграфа */
  padding: 6px; /* Внутренние отступы параграфа */
}

.infoText p span {
  font-family: "Mulish"; /* Шрифт для текста внутри параграфа */
  font-size: 13px; /* Размер шрифта текста */
  font-weight: 400; /* Насыщенность шрифта текста */
  line-height: 19px; /* Междустрочный интервал текста */
  text-align: right; /* Выравнивание текста по правому краю */
  color: black; /* Цвет текста */
}

.white {
  background-color: white; /* Фоновый цвет параграфа с классом .white */
}

.price {
  display: flex; /* Использование Flexbox для компоновки элементов внутри блока с ценой */
  margin-top: 30px; /* Отступ сверху для блока с ценой */
}

.price h3 {
  font-family: "Forum"; /* Шрифт для заголовка цены */
  font-size: 43px; /* Размер шрифта заголовка цены */
  font-weight: 400; /* Насыщенность шрифта заголовка цены */
  line-height: 47px; /* Междустрочный интервал заголовка цены */
  text-align: left; /* Выравнивание текста заголовка цены по левому краю */
  color: #fb974e; /* Цвет текста заголовка цены */
}

.price h3 span {
  font-family: "Mulish"; /* Шрифт для текста внутри заголовка цены */
  font-size: 16px; /* Размер шрифта текста внутри заголовка цены */
  font-weight: 400; /* Насыщенность шрифта текста */
  line-height: 20px; /* Междустрочный интервал текста */
  text-align: left; /* Выравнивание текста по левому краю */
  color: #fb974e; /* Цвет текста */
}

.orderButton {
  all: unset; /* Удаление всех стилей по умолчанию */
  width: 100%; /* Ширина кнопки заказа */
  text-align: center; /* Выравнивание текста внутри кнопки по центру */
  font-family: "Mulish";
  font-size: 25px; /* Размер шрифта текста кнопки заказа */
  font-weight: 600; /* Насыщенность шрифта текста кнопки заказа */
  line-height: 22px; /* Междустрочный интервал текста кнопки заказа */
  padding: 23px 0; /* Внутренние отступы кнопки заказа */
  background: #fb974e; /* Фоновый цвет кнопки заказа */
  border-radius: 26px; /* Скругление углов кнопки заказа */
  color: white !important; /* Цвет текста кнопки заказа */
  margin-top: 20px; /* Отступ сверху для кнопки заказа */
  cursor: pointer; /* Курсор в виде руки при наведении на кнопку заказа */
}

.closeProducts {
  position: absolute; /* Позиционирование кнопки закрытия относительно родительского элемента */
  top: 15px; /* Отступ сверху для кнопки закрытия */
  right: 30px; /* Отступ справа для кнопки закрытия */
  cursor: pointer; /* Курсор в виде руки при наведении на кнопку закрытия */
}

@media only screen and (max-width: 768px) {
  .ProductModals {
    height: 90vh; /* Высота модального окна будет автоматически подстраиваться под содержимое */
    width: 95%; /* Ширина модального окна для мобильных устройств */
    max-width: none; /* Удаление ограничения на максимальную ширину */
    max-height: none; /* Удаление ограничения на максимальную высоту */
    top: 1%; /* Отступ сверху для модального окна на мобильных устройствах */
    left: 2.5%; /* Отступ слева для модального окна на мобильных устройствах */
    transform: none; /* Удаление трансформации для центрирования */
    display: flex; /* Использование Flexbox для вертикального расположения элементов */
    flex-direction: column; /* Вертикальное расположение элементов внутри модального окна */
    gap: 20px; /* Пробел между элементами внутри модального окна */
    z-index: 9999; /* Порядковый индекс для наложения на другие элементы */
    display: none; /* Скрытие модального окна по умолчанию */
  }

  .leftSides {
    width: auto; /* Ширина изображения на мобильных устройствах */
    height: 450px; /* Установите высоту по вашему усмотрению */
    background-size: cover; /* Масштабирование фонового изображения для покрытия всего блока */
    background-position: center; /* Центрирование фонового изображения */
    background-repeat: no-repeat; /* Запрещение повторения фонового изображения */
  }

/* 
  .leftSides img {
    max-width: 100%;
    height: auto;
  } */
  
  .rightSides {
    margin-left: -10px;
    margin-top: -48px;
    width: 90%; /* Ширина правой стороны модального окна на мобильных устройствах */
    padding: 20px; /* Уменьшенные внутренние отступы правой стороны на мобильных устройствах */
  }

  .logo {
    flex-direction: column;
    align-items: flex-start; /* Выровнять элементы по левому краю */
    gap: 10px;
  }

  .logo h2{
    margin: 0; /* Убираем отступы */
    margin-right: 225px;
    margin-top: 19px;
    margin-bottom: 14px;
    font-family: "FoglihtenNo06m";
    font-weight: 500;
    font-size: 40px;
    line-height: 35px;
    letter-spacing: 0.01em;
    text-align: left;
    display: flex;
    background: linear-gradient(180deg, #dab448 0%, #be8c29 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .logo .line {
    display: none; /* Скрытие линии на мобильных устройствах */
  }

  .title {
    margin-top: 2px; /* Уменьшенный отступ сверху для блока с заголовками */
  }
  
  .title h2{
    font-weight: 600;
    font-size: 14px;
    color: #000;
    font-family: "MYRIADPRO-SEMIBOLD";
  }

  .titleText {
    margin-top: -12px;
    font-weight: 400;
    font-size: 11px;
    color: #000;
    font-family: "MYRIADPRO-REGULAR";
    line-height: 1;
  }

  .info {
    margin-top: 30px; /* Уменьшенный отступ сверху для блока с информацией */
  }

  .info h2{
    margin-top: -34px;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    font-family: "MYRIADPRO-SEMIBOLD";

  }
  .infoText{
    margin-top: -6px;

  }

  .infoText p span{
    font-size: 11px;
    font-weight: 500;
  }

  .infoText p {
    background-color: white;
    display: grid;
    grid-template-columns: auto 1fr; /* Первая колонка будет для заголовков, вторая для значений */
    align-items: center;
    padding: 0px; /* Внутренние отступы */
  }

  .infoText p span:first-child {
    font-weight: 700;
    font-size: 12px;
    color: #000;
    font-family: "Times-New-Roman-Bold";
    margin-right: 5px; /* Отступ между заголовком и текстом */
  }

  .infoText p span:last-child {
    font-weight: 400;
    font-size: 11px;
    color: #000;
    text-align: left; /* Выровнять текст по левому краю */
    font-family: "Times-New-Roman-Regular";
  }

  .price {
    margin-top: 10px; /* Уменьшаем отступ сверху */
    justify-content: flex-end; /* Перемещаем цену правее */
  }

  .price h3 {
    font-family: "Forum";
    margin-top: -111px;
    font-weight: 400;
    font-size: 38px;
    background: linear-gradient(180deg, #dab448 0%, #be8c29 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .orderButton {
    margin-top: 2px; 
    padding: 15px 0; /* Уменьшенные внутренние отступы кнопки заказа */
    background: linear-gradient(0.00deg, rgb(177, 132, 14) -11.429%,rgb(255, 225, 117) 57.731%,rgb(167, 124, 34) 109.19%,rgb(255, 245, 140) 158.075%,rgb(141, 90, 7) 192.857%);
  }
  .order-text{
    font-size: 20px;
    color:#000;
    font-family: "FoglihtenNo06m";
    text-transform: uppercase; /* Преобразование текста в верхний регистр */
    letter-spacing: 1px;
  }
  .closeProducts {
    top: 10px; /* Уменьшенный отступ сверху для кнопки закрытия */
    right: 10px; /* Уменьшенный отступ справа для кнопки закрытия */
  }

}

/* new */
@media (max-width: 430px) { 
  .price h3 { 
     font-size: 30px;
  }
}

/* new */
@media (max-width: 460px) { 
  .price h3 { 
     font-size: 30px;
  }
}



.ModalburgerMenu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 430px;
  background-color: black;
  z-index: 9999;
  flex-direction: column;
  border-bottom: 2px solid;
  border-left: 2px solid;
  -o-border-image: linear-gradient(180deg, #bc901c 0%, #976813 100%) 1;
  border-image: linear-gradient(180deg, #bc901c 0%, #976813 100%) 1;
  right: -100%;
  transition: 0.5s ease;
}

.ModalburgerMenu .closeBurgerCont {
  width: 100%;
  height: 29px;
  background: linear-gradient(180deg, #ba9234 0%, #fdde72 100%);
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 12px;
}

.ModalburgerMenu .BurgerOptions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: center;
  padding: 0 30px;
}

.ModalburgerMenu .BurgerOptions .Links {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 15px;
}

.ModalburgerMenu .BurgerOptions .Links a {
  all: unset;
  font-family: "Mulish";
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  color: #96a1ac;
}

.ModalburgerMenu .BurgerOptions .Links a p {
  text-align: end;
}

.ModalburgerMenu .BurgerOptions .line {
  width: 80%;
  border: 1px solid;
  -o-border-image: linear-gradient(180deg, #bc901c 0%, #976813 100%) 1;
  border-image: linear-gradient(180deg, #bc901c 0%, #976813 100%) 1;
  margin-top: 20px;
}

.ModalburgerMenu .BurgerOptions .email {
  font-family: "Mulish";
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: #96a1ac;
  margin-top: 20px;
}
.ModalburgerMenu .BurgerOptions .email a {
  text-decoration: none;
  color: inherit;
}

.ModalburgerMenu .BurgerOptions .phone {
  font-family: "Forum";
  font-size: 28px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: left;
  color: white;
  margin-top: 8px;
}

.ModalburgerMenu .BurgerOptions button {
  all: unset;
  width: 154px;
  height: 33px;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  font-family: "Mulish";
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}

.ModalburgerMenu .BurgerOptions button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.conteiner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  z-index: -2;
  height: 100px;
}

.conteiner header {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 9;
}

.conteiner header .childHeader {
  width: 100%;
  max-width: 1290px;
  display: flex;
  padding: 15px 30px;
  justify-content: space-between;
  align-items: center;
}

.conteiner header .childHeader img {
  width: 214px;
}

.conteiner header .childHeader .HeaderLinks {
  display: flex;
  width: 50%;
  flex-direction: column;
  gap: 30px;
}

.conteiner header .childHeader .HeaderLinks .Info {
  display: flex;
  justify-content: space-between;
}

.conteiner header .childHeader .HeaderLinks .Info .WorkTo {
  font-family: "Mulish";
  font-size: 14px;
  font-weight: 400;
  line-height: 17.57px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--def_text_color);
}

.conteiner header .childHeader .HeaderLinks .Info .email {
  font-family: "Mulish";
  font-size: 14px;
  font-weight: 400;
  line-height: 17.57px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--hover_color);
  -webkit-text-decoration: dotted;
  text-decoration: dotted;
  text-decoration-color: var(--hover_color);
}
.conteiner header .childHeader .HeaderLinks .Info .email a {
  text-decoration: none;
  color: inherit;
}

.conteiner header .childHeader .HeaderLinks .Info .forDesigners {
  font-family: "Mulish";
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--def_text_color);
  text-decoration: underline;
}

.conteiner header .childHeader .HeaderLinks .Links {
  display: flex;
  gap: 24px;
}

.conteiner header .childHeader .HeaderLinks .Links a {
  all: unset;
  cursor: pointer;
  color: var(--def_text_color);
  font-family: "Forum";
  font-size: 19px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  transition: 0.3s ease;
}

.conteiner header .childHeader .HeaderLinks .Links a:hover {
  color: var(--hover_color);
}

.conteiner header .childHeader .Phone {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: end;
  position: relative;
}

.conteiner header .childHeader .Phone a {
  font-family: "Forum";
  font-size: 28px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: right;
  color: white;
  text-decoration: none;
}

.conteiner header .childHeader .Phone button {
  all: unset;
  width: 154px;
  height: 33px;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  font-family: "Mulish";
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.conteiner header .childHeader .Phone button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.conteiner header .childHeader .Phone .burgermenu {
  width: 41px;
  height: 41px;
  background: var(--bg_gradient);
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.conteiner header .childHeader .Phone .burgermenu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.conteiner header .childHeader .Phone .burgermenu img {
  width: 60%;
}

.conteiner .header1 {
  position: absolute;
}

.conteiner .header2 {
  background-color: black;
  display: none;
  transition: 0.3s;
  top: -100%;
  animation: hd2 0.5s ease;
}

.conteiner .header2 .HeaderLinks {
  display: flex;
  flex-direction: row !important;
  width: 60% !important;
}

.conteiner .header2 .HeaderLinks .Links {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  white-space: nowrap;
}

.conteiner .header2 .HeaderLinks .Email {
  font-family: "Mulish";
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: right;
  color: #96a1ac;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  gap: 24px;
}

.conteiner #home {
  width: 100%;
  height: 100vh;
  max-height: 904px;
  background-image: url(../img/bgSection1.jpg);
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  color: var(--def_text_color);
  position: relative;
}

.conteiner #home .childConteiner {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.conteiner #home .childConteiner .HomeInfo {
  display: flex;
  flex-direction: column;
}

.conteiner #home .childConteiner .HomeInfo h1 {
  font-family: "Forum";
  font-size: 94px;
  font-weight: 400;
  line-height: 72px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  overflow: hidden;
  background-size: 200% 100%;
  animation: shimmer 10s linear infinite;
  transition: background-position 0.5s ease-out;
}

.conteiner #home .childConteiner .HomeInfo .HomeInfoTitle {
  font-family: "Mulish";
  font-size: 29px;
  font-weight: 300;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 50px;
}

.conteiner #home .childConteiner .HomeInfo .HomeInfoTitle span {
  font-family: "Forum";
  font-size: 29px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
  color: #cdd5df;
}

.conteiner #home .childConteiner .HomeInfo .HomeInfoTitleMobile {
  display: none;
  font-family: "Forum";
  font-size: 26px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 16px;
}

.conteiner #home .childConteiner .HomeInfo .Exclusive {
  display: flex;
  gap: 86px;
  margin-top: 47px;
}

.conteiner #home .childConteiner .HomeInfo .Exclusive .ExclusiveItem {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: 280px;
}

.conteiner
  #home
  .childConteiner
  .HomeInfo
  .Exclusive
  .ExclusiveItem
  .ExclusiveItemLogo {
  display: flex;
  align-items: center;
  gap: 15px;
}

.conteiner
  #home
  .childConteiner
  .HomeInfo
  .Exclusive
  .ExclusiveItem
  .ExclusiveItemLogo
  img {
  animation: size 10s linear infinite;
  transition: 0.5s ease-out;
}

.conteiner
  #home
  .childConteiner
  .HomeInfo
  .Exclusive
  .ExclusiveItem
  .ExclusiveItemTitle {
  font-family: "Mulish";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}

.conteiner #home .childConteiner .HomeInfo .HomeTitleMobile {
  display: none;
  flex-direction: column;
  gap: 24px;
  margin-top: 80px;
}

.conteiner
  #home
  .childConteiner
  .HomeInfo
  .HomeTitleMobile
  .HomeTitleMobileItem {
  font-family: "Mulish";
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

.conteiner #home .childConteiner .HomeImg {
  position: absolute;
  bottom: -57px;
  right: 59px;
  z-index: 4;
}

.conteiner #home .childConteiner .HomeImg .pcImg {
  display: block;
  width: 400px;
}

.conteiner #home .childConteiner .GetCatalog {
  margin-left: 50px;
}

.conteiner #products {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url(../img/bgSection2.jpg);
  background-position: center;
  background-size: cover;
  color: var(--def_text_color);
  padding-bottom: 100px;
}

.conteiner #products .childConteiner {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}

.conteiner #products .childConteiner h2 {
  font-family: "Forum";
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  background-size: 200% 100%;
  transition: background-position 0.5s ease-out;
  position: relative;
}

.conteiner #products .childConteiner .fire {
  margin-top: 31px;
}

.conteiner #products .childConteiner .swiperConteiner {
  margin-top: 50px;
  width: 80%;
  height: 50%;
}

.conteiner #products .childConteiner .swiperConteiner .swiperItem h2 {
  display: none;
  font-family: "Forum";
  font-size: 28px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  transition: 0.3s;
  background-size: 200% 100%;
  animation: shimmer 10s linear infinite;
  transition: background-position 0.5s ease-out;
}

.conteiner #products .childConteiner .swiperConteiner .swiperItem img {
  width: 100%;
  height: 450px;
  -o-object-fit: contain;
  object-fit: contain;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemInfo {
  display: none;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  flex-direction: column;
  transition: 0.3s;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemInfo
  .elem {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemInfo
  .elem
  p {
  font-family: "Mulish";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemInfo
  .elem
  .tohki {
  width: 100%;
  border-bottom: 1px #91959c dashed;
  margin-bottom: 3px;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemInfo
  .elem
  span {
  font-family: "Mulish";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #dddfe4;
  white-space: nowrap;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemPrice {
  width: 100%;
  display: none;
  justify-content: space-between;
  margin-top: 20px;
  transition: 0.3s;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemPrice
  p {
  font-family: "Mulish";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  width: 50%;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemPrice
  span {
  font-family: "Forum";
  font-size: 43px;
  font-weight: 400;
  line-height: 47px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemPrice
  span
  .span {
  font-family: "Mulish";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemMore {
  all: unset;
  display: none;
  text-transform: uppercase;
  height: 55px;
  width: 256px;
  border-radius: 100px;
  margin: 30px auto;
  transition: 0.3s;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  position: relative;
  font-family: "Forum";
  font-size: 24px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: center;
  z-index: 2 !important;
  color: #221f14;
  cursor: pointer;
  overflow: hidden;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemMore::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: red;
  top: -4px;
  left: 0;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  z-index: -1;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiperItem
  .swiperItemMore::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.conteiner #products .childConteiner .swiperConteiner .swiper-slide-active h2 {
  display: block;
}

.conteiner #products .childConteiner .swiperConteiner .swiper-slide-active img {
  margin-top: 36px;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiper-slide-active
  .swiperItemInfo {
  display: flex;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiper-slide-active
  .swiperItemPrice {
  display: flex;
}

.conteiner
  #products
  .childConteiner
  .swiperConteiner
  .swiper-slide-active
  .swiperItemMore {
  display: block;
}

.conteiner #products .childConteiner .swiperConteiner .product-prev {
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  top: 40%;
}

.conteiner #products .childConteiner .swiperConteiner .product-next {
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  top: 40%;
}

.conteiner #about {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url(../img/bgSection3.jpg);
  background-position: center;
  background-size: cover;
  color: var(--def_text_color);
  padding-bottom: 100px;
}

.conteiner #about .childConteiner {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}

.conteiner #about .childConteiner h2 {
  font-family: "Forum";
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  background-size: 200% 100%;
  transition: background-position 0.5s ease-out;
  position: relative;
}

.conteiner #about .childConteiner .fire {
  margin-top: 31px;
}

.conteiner #about .childConteiner .aboutTitle {
  font-family: "Mulish";
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  color: #dddfe4;
  margin-top: 30px;
  width: 969px;
}

.conteiner #about .childConteiner .aboutConteiner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 80px;
  grid-gap: 40px;
}

.conteiner #about .childConteiner .aboutConteiner .aboutItem {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.conteiner #about .childConteiner .aboutConteiner .aboutItem img {
  width: 100px;
  height: 110px;
  animation: size 10s linear infinite;
  transition: 0.5s ease-out;
}

.conteiner #about .childConteiner .aboutConteiner .aboutItem .aboutItemRSide {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.conteiner
  #about
  .childConteiner
  .aboutConteiner
  .aboutItem
  .aboutItemRSide
  h2 {
  font-family: "Forum";
  font-size: 28px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% 100%;
  animation: shimmer 10s linear infinite;
  transition: background-position 0.5s ease-out;
}

.conteiner #about .childConteiner .aboutConteiner .aboutItem .aboutItemRSide p {
  font-family: "Mulish";
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #dddfe4;
}

.conteiner #about .childConteiner .offerTitle {
  color: #dddfe4;
  font-family: "Mulish";
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 80px;
}

.conteiner #about .childConteiner .offerTitle span {
  font-family: "Mulish";
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
}

.conteiner #production {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url(../img/bgSection4.jpg);
  background-position: center;
  background-size: cover;
  color: var(--def_text_color);
  padding-bottom: 100px;
}

.conteiner #production .childConteiner {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}

.conteiner #production .childConteiner h2 {
  font-family: "Forum";
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  background-size: 200% 100%;
  transition: background-position 0.5s ease-out;
}

.conteiner #production .childConteiner .fire {
  margin-top: 31px;
}

.conteiner #production .childConteiner .productionTitle {
  font-family: "Mulish";
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  color: #dddfe4;
  margin-top: 30px;
}

.conteiner #production .childConteiner .swiperProduction {
  width: 100%;
  margin-top: 30px;
}

.conteiner #production .childConteiner .swiperProduction .swiperItem img {
  width: 100%;
}

.conteiner #production .childConteiner .swiperProduction .production-next {
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  top: 40%;
}

.conteiner #production .childConteiner .swiperProduction .production-prev {
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  top: 40%;
}

.conteiner #production .childConteiner .productionСonnection form {
  display: flex;
  align-items: center;
  gap: 15px;
}

.conteiner #production .childConteiner .productionСonnection form input {
  height: 59px;
  width: 275px;
  border-radius: 100px;
  padding: 0 30px;
}
.conteiner #about .childConteiner form {
  display: none;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}

.conteiner #about .childConteiner form input {
  height: 59px;
  width: 100%;
  border-radius: 100px;
  padding: 0 30px;
}
.conteiner #production .childConteiner .productionСonnection button {
  text-transform: uppercase;
  width: 100%;
  display: block;
  height: 55px;
  width: 256px;
  border-radius: 100px;
  margin-top: 45px;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  position: relative;
  font-family: "Forum";
  font-size: 24px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: center;
  z-index: 2 !important;
  overflow: hidden;
  cursor: pointer;
  color: #221f14;
}

.conteiner #production .childConteiner .productionСonnection button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.conteiner #production .childConteiner .productionСonnection button::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: red;
  top: -4px;
  left: 0;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  z-index: -1;
}

.conteiner #reviews {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url(../img/bgSection3.jpg);
  background-position: center;
  background-size: cover;
  color: var(--def_text_color);
  padding-bottom: 100px;
}

.conteiner #reviews .childConteiner {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}

.conteiner #reviews .childConteiner h2 {
  font-family: "Forum";
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  background-size: 200% 100%;
  transition: background-position 0.5s ease-out;
}

.conteiner #reviews .childConteiner .fire {
  margin-top: 31px;
}

.conteiner #reviews .childConteiner .reviewsConteiner {
  width: 80%;
  margin-top: 30px;
}

.conteiner
  #reviews
  .childConteiner
  .reviewsConteiner
  .reviewsCreate
  .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px !important;
  /* //width: 33% !important; */
  height: 650px;
  overflow: hidden !important;
  -o-object-fit: contain;
  object-fit: contain;
}

/* .conteiner
  #reviews
  .childConteiner
  .reviewsConteiner
  .reviewsCreate
  .swiper-slide {
  /* width: 100% !important;
  max-width: 100% !important;
  background-color: white;
  border-radius: 30px !important;
  overflow: hidden;
  -o-object-fit: contain;
  object-fit: contain; 
} */

.conteiner
  #reviews
  .childConteiner
  .reviewsConteiner
  .reviewsCreate
  .swiper-slide
  > img {
  width: 100% !important;
  height: 100% !important;
  /* object-fit: cover !important; */
}

.conteiner #reviews .childConteiner .reviewsConteiner .reviews-prev {
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  top: 40%;
}

.conteiner #reviews .childConteiner .reviewsConteiner .reviews-next {
  width: 100px;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  top: 40%;
}

.conteiner #reviews .childConteiner .reviewsСonnection form {
  display: flex;
  align-items: center;
  gap: 15px;
}

.conteiner #reviews .childConteiner .reviewsСonnection form input {
  height: 59px;
  width: 275px;
  border-radius: 100px;
  padding: 0 30px;
}

.conteiner #reviews .childConteiner .reviewsСonnection button {
  text-transform: uppercase;
  height: 55px;
  width: 314px;
  border-radius: 100px;
  margin-top: 45px;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  position: relative;
  font-family: "Forum";
  font-size: 24px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: center;
  z-index: 2 !important;
  overflow: hidden;
  cursor: pointer;
  color: #221f14;
}

.conteiner #reviews .childConteiner .reviewsСonnection button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.conteiner #reviews .childConteiner .reviewsСonnection button::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: red;
  top: -4px;
  left: 0;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  z-index: -1;
}

.conteiner #payment {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url(../img/bgSection5.jpg);
  background-position: center;
  background-size: cover;
  color: var(--def_text_color);
  padding-bottom: 100px;
}

.conteiner #payment .childConteiner {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}

.conteiner #payment .childConteiner h2 {
  font-family: "Forum";
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  background-size: 200% 100%;
  transition: background-position 0.5s ease-out;
}

.conteiner #payment .childConteiner .fire {
  margin-top: 31px;
}

.conteiner #payment .childConteiner .paymentTitle {
  font-family: "Mulish";
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  width: 969px;
  margin-top: 30px;
  color: #dddfe4;
}

.conteiner #payment .childConteiner .mt {
  margin-top: 140px;
}

.conteiner #payment .childConteiner .offerTitle {
  color: #dddfe4;
  font-family: "Mulish";
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 95px;
}

.conteiner #payment .childConteiner .offerTitle span {
  font-family: "Mulish";
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
}

.conteiner #designers {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url(../img/bgSection3.jpg);
  background-position: center;
  background-size: cover;
  color: var(--def_text_color);
  padding-bottom: 100px;
}

.conteiner #designers .childConteiner {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}

.conteiner #designers .childConteiner h2 {
  font-family: "Forum";
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  background-size: 200% 100%;
  transition: background-position 0.5s ease-out;
}

.conteiner #designers .childConteiner .fire {
  margin-top: 31px;
}

.conteiner #designers .childConteiner .designersTitle {
  font-family: "Mulish";
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  width: 969px;
  margin-top: 30px;
  color: #dddfe4;
}

.conteiner #designers .childConteiner .france {
  width: 70%;
  margin-top: 15px;
}

.conteiner #designers .childConteiner .setModal {
  all: unset;
  color: #221f14;
  cursor: pointer;
  text-transform: uppercase;
  height: 55px;
  padding: 0 27px;
  border-radius: 100px;
  margin-top: 20px;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  position: relative;
  font-family: "Forum";
  font-size: 24px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: center;
  z-index: 2 !important;
  cursor: pointer;
  overflow: hidden;
}

.conteiner #designers .childConteiner .setModal::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.conteiner #designers .childConteiner .setModal::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: red;
  top: -4px;
  left: 0;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  z-index: -1;
}

.conteiner #contacts {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url(../img/bgSection6.jpg);
  background-position: center;
  background-size: cover;
  -o-object-fit: contain;
  object-fit: contain;
  color: var(--def_text_color);
  padding-bottom: 100px;
}

.conteiner #contacts .childConteiner {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
}

.conteiner #contacts .childConteiner h2 {
  font-family: "Forum";
  font-size: 38px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  background-size: 200% 100%;
  transition: background-position 0.5s ease-out;
}

.conteiner #contacts .childConteiner .fire {
  margin-top: 31px;
}

.conteiner #contacts .childConteiner .contactsConteiner {
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin-top: 100px;
}

.conteiner #contacts .childConteiner .contactsConteiner .contactsItem {
  display: flex;
  align-items: center;
  gap: 50px;
}

.conteiner #contacts .childConteiner .contactsConteiner .contactsItem img {
  animation: size 10s linear infinite;
  transition: 0.5s ease-out;
  height: 40px;
}

.conteiner #contacts .childConteiner .contactsConteiner .contactsItem p {
  font-family: "Mulish";
  font-size: 20px;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}

.conteiner #contacts .childConteiner .setModal {
  all: unset;
  color: #221f14;
  cursor: pointer;
  text-transform: uppercase;
  height: 55px;
  padding: 0 27px;
  border-radius: 100px;
  margin-top: 90px;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  position: relative;
  font-family: "Forum";
  font-size: 24px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: center;
  z-index: 2 !important;
  cursor: pointer;
  overflow: hidden;
}

.conteiner #contacts .childConteiner .setModal::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.conteiner #contacts .childConteiner .setModal::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: red;
  top: -4px;
  left: 0;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  z-index: -1;
}

.conteiner footer {
  width: 100%;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
}

.conteiner footer p {
  font-family: "Mulish";
  font-size: 16px;
  font-weight: 400;
  line-height: 73px;
  letter-spacing: 0em;
  text-align: left;
  color: #292929;
}

.GetCatalog {
  height: 70px;
  width: 395px;
  border-radius: 100px;
  margin-top: 60px;
  background: linear-gradient(
    118.95deg,
    #b1840e 7.58%,
    #ffe175 37.17%,
    #a77c22 59.2%,
    #fff58c 80.12%,
    #8d5a07 95.01%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: end;
  cursor: pointer;
}

.GetCatalog .GetCatalogBg {
  position: absolute;
  top: -4px;
  left: -2;
  height: 70px;
  width: 395px;
  background: linear-gradient(
    0deg,
    #b1840e -11.43%,
    #ffe175 57.73%,
    #a77c22 109.19%,
    #fff58c 158.08%,
    #8d5a07 192.86%
  );
  box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  z-index: -1;
  overflow: hidden;
}

.GetCatalog .GetCatalogBg::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 5s infinite linear;
}

.GetCatalog .GetCatalogImg {
  position: absolute;
  top: -27px;
  left: -65px;
}

.GetCatalog p {
  font-family: "Forum";
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 17px;
  color: #221f14;
  margin-right: 29px;
}

.GetCatalog p .span1 {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.GetCatalog p .span1 .span2 {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 17px;
}

.GetCatalog p .span1 .span3 {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 17px;
}

@media only screen and (max-width: 1370px) {
  .conteiner #about .childConteiner .aboutConteiner .aboutItem {
    width: 250px;
  }
}

@media only screen and (max-width: 1281px) {
  .conteiner #home .childConteiner .HomeInfo h1 {
    font-size: 84px;
    margin-top: 40px;
  }

  .conteiner #home .childConteiner .HomeImg {
    right: 67px;
    bottom: -49px;
  }

  .conteiner header .childHeader .HeaderLinks .Links a {
    font-size: 18px;
  }

  .conteiner .header .childHeader .HeaderLinks {
    gap: 0;
  }

  .conteiner .header2 .childHeader .HeaderLinks .Email p {
    font-size: 16px;
  }

  .conteiner #home .childConteiner .HomeImg img {
    width: 386px;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitle {
    margin-top: 30px;
  }

  .conteiner #home .childConteiner .HomeInfo .Exclusive {
    margin-top: 40px;
  }

  .ProductModal .rightSide .order {
    font-size: 25px;
  }

  .conteiner header .childHeader .Phone a {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1198px) {
  .conteiner #home .childConteiner .HomeInfo h1 {
    font-size: 74px;
  }

  .conteiner #about .childConteiner .aboutConteiner {
    grid-template-columns: repeat(2, 1fr);
  }

  .conteiner #about .childConteiner .aboutTitle {
    width: 80%;
  }

  .conteiner header .childHeader .HeaderLinks .Links a {
    font-size: 17px;
  }

  .conteiner .header2 .childHeader .HeaderLinks .Email p {
    font-size: 14px;
  }

  .conteiner #payment .childConteiner .paymentTitle {
    width: 80%;
  }
}

@media only screen and (max-width: 1146px) {
  .conteiner header .childHeader .HeaderLinks .Links a {
    font-size: 16px;
  }

  .conteiner .header2 .childHeader .HeaderLinks .Email p {
    font-size: 13px;
  }

  .modal {
    height: -moz-fit-content;
    height: fit-content;
    width: 70%;
  }

  .conteiner footer p {
    font-size: 27px;
  }

  .conteiner
    #products
    .childConteiner
    .swiperConteiner
    .swiperItem
    .swiperItemPrice
    span {
    font-size: 36px;
  }

  .conteiner
    #products
    .childConteiner
    .swiperConteiner
    .swiperItem
    .swiperItemPrice
    p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1094px) {
  .conteiner header .childHeader .HeaderLinks .Links a {
    font-size: 15px;
  }

  .conteiner .header2 .childHeader .HeaderLinks .Email p {
    font-size: 13px;
  }

  .conteiner #home .childConteiner .HomeInfo h1 {
    font-size: 69px;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitle {
    font-size: 21px;
  }

  .conteiner #home .childConteiner .HomeImg {
    right: 45px;
  }

  .ProductModal {
    width: 90%;
  }
}

@media only screen and (max-width: 1047px) {
  .conteiner header .childHeader .HeaderLinks .Links a {
    font-size: 14px;
  }

  .conteiner .header2 .childHeader .HeaderLinks .Email p {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1024px) {
  .conteiner header .childHeader .HeaderLinks {
    display: none;
  }

  .conteiner header .childHeader .Phone {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }

  .conteiner header .childHeader .Phone button {
    display: none;
  }

  .conteiner header .childHeader .Phone .burgermenu {
    display: flex;
  }

  .ModalburgerMenu {
    display: none;
  }

  .conteiner #home .childConteiner .HomeImg .pcImg {
    width: 250px;
  }

  .conteiner #home .childConteiner .HomeImg {
    right: 96px;
    bottom: -21px;
  }

  .conteiner #home .childConteiner .HomeInfo h1 {
    font-size: 54px;
  }

  .conteiner #designers .childConteiner .designersTitle {
    width: 80%;
  }

  .conteiner #products {
    padding-bottom: 30px;
  }

  .conteiner #about {
    padding-bottom: 30px;
  }

  .conteiner #production {
    padding-bottom: 30px;
  }

  .conteiner #reviews {
    padding-bottom: 30px;
  }

  .conteiner #payment {
    padding-bottom: 30px;
  }

  .conteiner #designers {
    padding-bottom: 30px;
  }

  .conteiner #contacts {
    padding-bottom: 30px;
  }

  .conteiner #products .childConteiner .swiperConteiner {
    width: 80%;
  }

  .conteiner #products .childConteiner .swiperConteiner .swiperItem img {
    margin: 36px auto 0 auto;
    display: block;
    width: 90%;
  }

  .conteiner
    #products
    .childConteiner
    .swiperConteiner
    .swiper-slide-active
    .swiperItemMore {
    width: 200px;
  }

  .conteiner
    #products
    .childConteiner
    .swiperConteiner
    .swiperItem
    .swiperItemPrice
    span {
    font-size: 30px;
  }
}

@media only screen and (max-width: 956px) {
  .conteiner #home .childConteiner .HomeImg {
    right: 46px;
  }

  .conteiner #contacts .childConteiner .contactsConteiner .contactsItem p {
    font-size: 25px;
  }

  .conteiner #production .childConteiner .productionСonnection .setModal {
    font-size: 20px;
  }

  .conteiner #reviews .childConteiner .reviewsСonnection .setModal {
    font-size: 20px;
  }

  .conteiner #designers .childConteiner .setModal {
    font-size: 20px;
  }

  .conteiner footer p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 893px) {
  .conteiner #home .childConteiner .HomeImg {
    right: 21px;
  }

  .conteiner #home .childConteiner .HomeInfo .Exclusive {
    gap: 32px;
  }

  .conteiner
    #home
    .childConteiner
    .HomeInfo
    .Exclusive
    .ExclusiveItem
    .ExclusiveItemTitle {
    font-size: 15px;
  }

  .conteiner #home .childConteiner .HomeInfo .Exclusive .ExclusiveItem {
    width: 230px;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitle {
    font-size: 18px;
  }

  .conteiner #products .childConteiner .swiperConteiner {
    width: 90%;
  }

  .conteiner
    #products
    .childConteiner
    .swiperConteiner
    .swiperItem
    .swiperItemInfo {
    margin-top: 20px;
  }

  .conteiner #products .childConteiner .swiperConteiner .swiperItem img {
    margin: 16px auto 0 auto;
  }

  .conteiner
    #products
    .childConteiner
    .swiperConteiner
    .swiperItem
    .swiperItemInfo
    .elem
    span {
    font-size: 14px;
  }

  .conteiner
    #products
    .childConteiner
    .swiperConteiner
    .swiperItem
    .swiperItemInfo
    .elem
    p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .conteiner #home .childConteiner .HomeInfo .Exclusive {
    display: none;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitle {
    display: none;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitleMobile {
    display: block;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeTitleMobile {
    display: flex;
  }

  .conteiner
    #home
    .childConteiner
    .HomeInfo
    .HomeTitleMobile
    .HomeTitleMobileItem {
    width: 389px;
    margin-bottom: 20px;
  }

  .conteiner #home .childConteiner .HomeImg {
    bottom: 133px;
    right: 49px;
  }

  .childConteiner {
    height: 100%;
  }

  .conteiner #home .childConteiner .HomeInfo h1 {
    margin-top: 100px;
  }

  .childConteiner .GetCatalog .GetCatalogBg {
    width: 100%;
    height: 50px;
  }

  .childConteiner .GetCatalog {
    width: 100%;
    height: 50px;
  }

  .conteiner #home .childConteiner .GetCatalog {
    margin: 0;
  }

  .GetCatalog .GetCatalogImg {
    left: -20px;
  }

  .GetCatalog p {
    font-size: 38px;
    text-transform: uppercase;
  }

  .conteiner #home .childConteiner .HomeImg .pcImg {
    width: 205px;
  }

  .GetCatalog .GetCatalogImg {
    width: 110px;
    top: -11px;
    left: -9px;
  }

  .conteiner #designers .childConteiner .designersTitle {
    display: flex;
    flex-direction: column;
    gap: 17px;
  }

  .modal .close {
    padding: 13px;
    right: -63px;
  }

  .modal {
    width: 80%;
  }

  .conteiner footer {
    height: -moz-fit-content;
    height: fit-content;
    padding: 15px;
    gap: 30px;
  }

  .conteiner footer img {
    width: 150px;
  }

  .conteiner footer p {
    font-size: 17px;
  }

  .conteiner #products .childConteiner .swiperConteiner {
    width: 50%;
  }

  .conteiner
    #products
    .childConteiner
    .swiperConteiner
    .swiperItem
    .swiperItemMore {
    margin: 10px auto;
  }

  .conteiner #production .childConteiner .swiperProduction .production-next {
    display: none;
  }

  .conteiner #production .childConteiner .swiperProduction .production-prev {
    display: none;
  }

  .swiperCreateProduction {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .ProductModal .rightSide .info {
    margin-top: 25px;
  }

  .productionСonnection {
    align-self: self-start;
  }

  .reviewsСonnection {
    /* align-self: self-start; */
  }
}

@media only screen and (max-width: 716px) {
  .conteiner #home .childConteiner .HomeInfo h1 {
    font-size: 66px;
    width: 361px;
  }

  .conteiner #home {
    max-height: 652px;
  }

  .GetCatalog p {
    font-size: 34px;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitleMobile {
    width: 376px;
  }

  .conteiner #contacts .childConteiner .contactsConteiner .contactsItem p {
    font-size: 20px;
  }

  .conteiner #contacts .childConteiner .contactsConteiner .contactsItem img {
    width: 40px;
  }

  .modal .modalCont h2 {
    font-size: 30px;
  }

  .modal .close {
    padding: 12px;
    right: -46px;
  }

  .modal .close img {
    width: 14px;
  }
}

@media only screen and (max-width: 663px) {
  .conteiner #about .childConteiner .aboutTitle {
    font-size: 14px;
  }

  .mb {
    display: block;
  }

  .conteiner
    #about
    .childConteiner
    .aboutConteiner
    .aboutItem
    .aboutItemRSide
    p {
    font-size: 14px;
  }

  .conteiner #about .childConteiner .aboutConteiner .aboutItem img {
    min-width: 85px;
    width: 85px;
  }

  .conteiner #about .childConteiner .offerTitle {
    font-size: 18px;
  }

  .conteiner #about .childConteiner .offerTitle span {
    font-size: 18px;
  }

  .conteiner #home .childConteiner .HomeImg {
    right: 32px;
  }

  .GetCatalog p {
    font-size: 28px;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitleMobile {
    width: 271px;
  }

  .conteiner
    #home
    .childConteiner
    .HomeInfo
    .HomeTitleMobile
    .HomeTitleMobileItem {
    width: 321px;
  }

  .conteiner #designers .childConteiner .designersTitle p {
    font-family: "Mulish";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
  }

  .modal .modalCont p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 585px) {
  .reviewsCreate {
    gap: 20px;
    align-items: center;
  }
  .conteiner
    #reviews
    .childConteiner
    .reviewsConteiner
    .reviewsCreate
    .swiper-slide {
    max-height: 550px !important;
  }
  .ProductModal {
    max-height: 600px;
  }

  .conteiner #reviews .childConteiner .reviewsСonnection button {
    margin-top: 15px;
  }

  .eyscrol {
    display: flex !important;
  }

  .GetCatalog p {
    font-size: 25px;
  }

  .conteiner footer img {
    width: 100px;
  }

  .conteiner footer p {
    font-size: 14px;
  }

  .conteiner #contacts .childConteiner .contactsConteiner .contactsItem p {
    font-size: 16px;
  }

  .conteiner #contacts .childConteiner .contactsConteiner .contactsItem img {
    width: 30px;
  }

  .modal .modalCont {
    width: 70%;
    padding: 35px 0;
  }

  .modal .modalCont form button {
    padding: 10px 10px;
    font-family: "Forum";
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
  }

  .modal .modalCont .submit .BackToSite {
    padding: 10px 10px;
    font-family: "Forum";
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
  }

  .modal .modalCont form input {
    padding: 10px 10px;
  }

  .modal {
    width: 70%;
  }

  .conteiner #products .childConteiner .swiperConteiner {
    width: 100%;
  }

  .conteiner #products .childConteiner .swiperConteiner .product-next {
    display: none;
  }

  .conteiner #products .childConteiner .swiperConteiner .product-prev {
    display: none;
  }

  .conteiner #products .childConteiner .swiperConteiner .swiperItem img {
    width: 100%;
    height: 550px;
  }

  .conteiner #reviews .childConteiner .reviewsConteiner .reviews-next {
    display: none;
  }

  .conteiner #reviews .childConteiner .reviewsConteiner .reviews-prev {
    display: none;
  }

  .ProductModal .rightSide .info .infoText p span {
    font-size: 11px;
  }

  .ProductModal .rightSide .price h3 {
    font-size: 33px;
  }

  .ProductModal .rightSide .order {
    padding: 15px 0;
  }

  .ProductModal .rightSide .info h2 {
    font-size: 13px;
  }

  .ProductModal .rightSide .title h2 {
    font-size: 13px;
  }

  .ProductModal .rightSide .title .titleText {
    font-size: 13px;
    line-height: 17px;
  }

  .ProductModal .rightSide .logo h2 {
    font-size: 30px;
  }

  .ProductModal .rightSide .logo .line {
    width: 47px;
  }

  .ProductModal .rightSide .title {
    margin-top: 15px;
  }

  .ProductModal .rightSide {
    padding: 50px 20px 50px 0;
  }

  .ProductModal .rightSide .info .infoText p span {
    font-size: 10px;
  }

  .ProductModal .rightSide .order {
    font-size: 16px;
  }

  .conteiner #reviews .childConteiner .reviewsСonnection button {
    width: 221px;
  }

  .conteiner #production .childConteiner .productionСonnection button {
    width: 221px;
  }
  .ProductModal .leftSide {
    background-size: 130% 100%;
  }
  .ProductModal .rightSide .title .titleText {
    font-size: 10px;
    line-height: 10px;
    height: 100%;
    overflow-y: hidden;
  }
  .ProductModal .rightSide .price {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 554px) {
  .conteiner footer p {
    font-size: 14px;
  }

  .conteiner #about .childConteiner form {
    display: flex;
  }
  .conteiner footer {
    gap: 15px;
  }

  .conteiner footer img {
    width: 100px;
  }

  .conteiner header .childHeader img {
    width: 160px;
  }

  .conteiner #contacts .childConteiner .setModal {
    font-size: 20px;
  }

  .conteiner #production .childConteiner .productionСonnection .setModal {
    font-size: 20px;
  }

  .conteiner #reviews .childConteiner .reviewsСonnection .setModal {
    font-size: 20px;
  }

  .conteiner #designers .childConteiner .setModal {
    font-size: 20px;
  }

  .conteiner #designers .childConteiner .setModal {
    padding: 0 17px;
  }

  .conteiner header .childHeader .Phone a {
    font-size: 26px;
  }

  .conteiner #home .childConteiner .HomeInfo h1 {
    font-size: 54px;
    margin-top: 68px;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitleMobile {
    width: 246px;
  }

  .conteiner
    #home
    .childConteiner
    .HomeInfo
    .HomeTitleMobile
    .HomeTitleMobileItem {
    font-family: "Mulish";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    width: 194px;
  }
  .conteiner
    #reviews
    .childConteiner
    .reviewsConteiner
    .reviewsCreate
    .swiper-slide {
    width: 100%;
  }

  .GetCatalog p {
    font-size: 20px;
  }

  .conteiner #about .childConteiner .aboutConteiner .aboutItem {
    flex-direction: row;
    width: 100%;
  }

  .conteiner #about .childConteiner .aboutConteiner .aboutItem img {
    min-width: 73px;
    width: 73px;
  }

  .conteiner #about .childConteiner .aboutConteiner .aboutItem .aboutItemRSide {
    align-items: flex-start;
  }

  .conteiner
    #about
    .childConteiner
    .aboutConteiner
    .aboutItem
    .aboutItemRSide
    p {
    text-align: start;
  }

  .conteiner #about .childConteiner .aboutConteiner {
    grid-template-columns: repeat(1, 1fr);
  }

  .conteiner #payment .childConteiner .mt {
    margin-top: 45px;
  }

  .conteiner #payment .childConteiner .paymentTitle {
    font-size: 14px;
  }

  .conteiner #payment .childConteiner .offerTitle {
    font-size: 16px;
    margin-top: 45px;
  }

  .conteiner #payment .childConteiner .offerTitle span {
    font-size: 16px;
  }
  .ProductModal .leftSide {
    background-size: 140% 100%;
  }
}

@media only screen and (max-width: 480px) {
  .conteiner #reviews .childConteiner .reviewsConteiner {
    width: 100%;
  }

  .conteiner footer img {
    width: 100px;
  }

  .conteiner header .childHeader .Phone a {
    display: none;
  }

  .ProductModal .rightSide .logo {
    gap: 10px;
  }

  .conteiner footer p {
    font-size: 10px;
  }

  .GetCatalog .GetCatalogText {
    font-family: "Forum";
    font-size: 20px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
  }

  .GetCatalog .GetCatalogImg {
    width: 110px;
    top: -11px;
    left: -9px;
  }

  .conteiner #home .childConteiner .HomeInfo h1 {
    width: 300px;
    font-size: 40px;
    line-height: 44px;
  }

  .conteiner #home .childConteiner .HomeImg {
    right: 0;
  }

  .GetCatalog .GetCatalogText {
    font-size: 19px;
  }

  .conteiner #home .childConteiner .HomeImg .pcImg {
    width: 180px;
  }

  .conteiner #contacts .childConteiner .contactsConteiner .contactsItem p {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    line-height: 18px;
  }

  .conteiner #contacts .childConteiner .contactsConteiner .contactsItem img {
    width: 27px;
  }

  .conteiner #contacts .childConteiner .contactsConteiner .contactsItem {
    gap: 30px;
  }

  .conteiner #contacts .childConteiner .setModal {
    font-size: 16px;
  }

  .conteiner #production .childConteiner .productionСonnection button {
    font-size: 16px;
  }

  .conteiner #reviews .childConteiner .reviewsСonnection button {
    font-size: 16px;
  }

  .conteiner #designers .childConteiner .setModal {
    font-size: 16px;
  }

  .modal .modalCont h2 {
    font-size: 20px;
  }

  .modal .modalCont form {
    margin-top: 15px;
  }

  .conteiner #products .childConteiner .swiperConteiner .swiperItem img {
    width: 100%;
    height: 400px;
  }
  .ProductModal .leftSide {
    background-size: 150% 100%;
  }
}

@media only screen and (max-width: 457px) {
  .GetCatalog .GetCatalogText {
    font-size: 18px;
  }
  .ProductModal .leftSide {
    background-size: 153% 100%;
  }
}

@media only screen and (max-width: 441px) {
  .GetCatalog .GetCatalogText {
    font-size: 16px;
  }
  .ProductModal .leftSide {
    background-size: 155% 100%;
  }
  .ProductModal .rightSide .price {
    margin-top: 0px;
  }
  .ProductModal .rightSide .order {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 420px) {
  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitleMobile {
    width: 200px;
  }

  .conteiner
    #home
    .childConteiner
    .HomeInfo
    .HomeTitleMobile
    .HomeTitleMobileItem {
    width: 133px;
  }

  .GetCatalog .GetCatalogText {
    font-size: 15px;
  }

  .GetCatalog .GetCatalogImg {
    left: -26px;
  }

  .ProductModal .rightSide .info .infoText p span {
    font-size: 9px;
  }

  .ProductModal .rightSide .info .infoText p .materialsFize {
    font-size: 7px;
  }
  .ProductModal .leftSide {
    background-size: 160% 100%;
  }
}

@media only screen and (max-width: 370px) {
  .conteiner #home .childConteiner .HomeInfo .HomeTitleMobile {
    margin-top: 60px;
  }

  .GetCatalog .GetCatalogText {
    font-size: 12px;
    font-weight: 900;
  }

  .conteiner #home .childConteiner .HomeInfo .HomeInfoTitleMobile {
    font-size: 22px;
  }

  .conteiner #home .childConteiner .HomeInfo h1 {
    width: 270px;
  }

  .conteiner footer p {
    font-size: 8px;
  }

  .conteiner #products .childConteiner .swiperConteiner .swiperItem img {
    width: 100%;
    height: 300px;
  }
  .ProductModal .leftSide {
    background-size: 165% 100%;
  }
}

@media only screen and (max-width: 350px) {
  .conteiner #home .childConteiner .HomeImg .pcImg {
    width: 150px;
  }

  .conteiner footer p {
    font-size: 7px;
  }

  .conteiner #home .childConteiner .HomeImg {
    right: 12px;
    bottom: 160px;
  }

  .GetCatalog .GetCatalogImg {
    left: -35px;
    top: -8px;
  }

  .GetCatalog p {
    margin-right: 15px;
  }
  .ProductModal .leftSide {
    background-size: 170% 100%;
  }
}

@keyframes hd2 {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

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