@charset "UTF-8";
:root {
  --color-background-gray: #f9f9f9;
  --color-black: #323335;
  --color-gray: #7b808a;
  --color-light-gray: #f5f5f5;
  --color-red: #841308;
  --color-stroke: #cccfd7;
}

@font-face {
  font-weight: 400;
  font-family: "Evolventa";
  font-style: normal;

  font-display: swap;
  src: url("../fonts/Evolventa-Regular.woff2") format("woff2");
}
@font-face {
  font-weight: 400;
  font-family: "Evolventa";
  font-style: italic;

  font-display: swap;
  src: url("../fonts/Evolventa-Oblique.woff2") format("woff2");
}
@font-face {
  font-weight: 700;
  font-family: "Evolventa";
  font-style: normal;

  font-display: swap;
  src: url("../fonts/Evolventa-Bold.woff2") format("woff2");
}
@font-face {
  font-weight: 700;
  font-family: "Evolventa";
  font-style: italic;

  font-display: swap;
  src: url("../fonts/Evolventa-BoldOblique.woff2") format("woff2");
}
* {
  font-size: 16px;
  line-height: 140%;
  font-family: "Evolventa", sans-serif;
  color: var(--color-black);
}
@media (min-width: 1200px) {
  * {
    font-size: 18px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;

  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;

  list-style: none;
}

button {
  padding: 0;

  color: inherit;

  background: transparent;
  border: none;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh !important;
  margin: 0;
}

.main-inner {
  flex: 1 0 auto;
  padding-top: 64px;
}
@media (min-width: 768px) {
  .main-inner {
    padding-top: 80px;
  }
}
@media (min-width: 1200px) {
  .main-inner {
    padding-top: 130px;
  }
}

.h-100 {
  height: 100%;
}

.fsz-15 {
  font-size: 15px;
}

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

a:hover,
.link:hover {
  color: var(--color-red);
  text-decoration: underline;
}

.link--red {
  color: var(--color-red);
  text-decoration: underline;
}
.link--red:hover {
  text-decoration: none;
}

.overflow-hidden {
  overflow: hidden;
}

.bg-gray {
  background: var(--color-background-gray);
}

section {
  padding: 60px 0;
}
@media (min-width: 1200px) {
  section {
    padding: 80px 0;
  }
}
@media (min-width: 1600px) {
  section {
    padding: 100px 0;
  }
}

.visually-hidden:not(:focus):not(:active),
input[type=radio].visually-hidden,
input[type=checkbox].visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.btn {
  display: block;
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  padding: 23px 35px;

  font-weight: 700;
  color: white;

  background-color: var(--color-red);
  border: 1px solid var(--color-red);
  cursor: pointer;

  transition: 0.3s ease-in-out;
}
.btn:hover {
  color: var(--color-red);
  text-decoration: none;

  background-color: transparent;
}
.btn--transparent {
  font-weight: 400;
  color: var(--color-black);

  background-color: transparent;
}
.btn--transparent:hover {
    background-color: var(--color-red);
    color: white;
}
.btn--white {
    background-color: white;
    color: var(--color-black);
    text-transform: uppercase;
}
.btn--white:hover {
    border-color: white;
    background-color: var(--color-red);
    color: white;
}

.h--center {
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  margin-right: auto;
  margin-left: auto;

  text-align: center;
}
.h--bb {
  padding-bottom: 20px;

  border-bottom: 1px solid var(--color-stroke);
}

.h1 {
  margin-bottom: 40px;
}
.h1,
.h1 span {
  font-weight: 700;
  font-size: 30px;
  line-height: 120%;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .h1,
  .h1 span {
    margin-bottom: 50px;

    font-size: 36px;
  }
}
.h1 span {
  color: var(--color-red);
}
.h1--bt {
  padding-top: 20px;

  border-top: 1px solid var(--color-stroke);
}
@media (min-width: 768px) {
  .h1--bt {
    padding-top: 24px;
  }
}
.h1--bottom-line {
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 20px;

  border-bottom: 1px solid var(--color-stroke);
}
@media (min-width: 768px) {
  .h1--bottom-line {
    padding-bottom: 24px;
  }
}

.h2 {
  margin-bottom: 40px;

  font-size: 26px;
}
@media (min-width: 1200px) {
  .h2 {
    font-size: 32px;
  }
}

.h3 {
  margin-bottom: 16px;

  font-weight: 700;
  font-size: 20px;
}
@media (min-width: 1200px) {
  .h3 {
    margin-bottom: 20px;

    font-size: 24px;
  }
}

.h4,
.contacts__item a[href*="tel:"] {
  font-size: 20px;
}
@media (min-width: 1200px) {
  .h4,
  .contacts__item a[href*="tel:"] {
    font-size: 24px;
  }
}

.num-title {
  margin-bottom: 12px;

  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .num-title--xl {
    font-size: 48px;
  }
}

.subtitle {
    font-weight: 400;
    font-size: 16px;
    color: inherit;
    text-align: left;
}
.subtitle--accent {
    color: var(--color-red);
}
.subtitle--center {
    text-align: center;
}
@media (min-width: 1200px) {
    .subtitle {
        font-size: 18px;
    }
}

.text-block {
  padding-left: 30px;

  border-left: 1px solid var(--color-red);
}
@media (min-width: 768px) {
  .text-block {
    padding-left: 40px;
  }
}
.text-block__title {
  margin-bottom: 24px;
}
.text-block__btn {
  margin-top: 24px;
}

.red-block {
  padding: 16px;

  background: var(--color-red);
}
.red-block * {
  color: white;
}
@media (min-width: 768px) {
  .red-block {
    padding: 24px;
  }
}
@media (min-width: 1200px) {
  .red-block {
    padding: 40px;
  }
}
.red-block__icon {
  margin-bottom: 16px;
}
.red-block__link {
  display: block;
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  margin-top: 24px;
  padding-right: 46px;

  font-weight: 700;

  background-image: url("data:image/svg+xml,%3Csvg width='31' height='16' viewBox='0 0 31 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.7071 8.70711C31.0976 8.31658 31.0976 7.68342 30.7071 7.29289L24.3431 0.928932C23.9526 0.538408 23.3195 0.538408 22.9289 0.928932C22.5384 1.31946 22.5384 1.95262 22.9289 2.34315L28.5858 8L22.9289 13.6569C22.5384 14.0474 22.5384 14.6805 22.9289 15.0711C23.3195 15.4616 23.9526 15.4616 24.3431 15.0711L30.7071 8.70711ZM0 9H30V7H0V9Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right center;
}
.red-block__link:hover {
  color: white;
}
@media (min-width: 1200px) {
  .red-block__link {
    margin-top: 40px;
  }
}
.red-block a:hover {
  color: inherit;
}

.content-item {
  position: relative;

  display: flex;
  flex-direction: column;
  height: 100%;
}
.content-item__hidden-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.content-item__img {
  padding-top: 89%;
}
.content-item__title {
  padding: 20px 0;

  font-weight: 700;

  border-bottom: 1px solid var(--color-stroke);
}
.content-item__bot {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: flex-end;
}
.content-item__data {
  padding-top: 10px;

  color: var(--color-gray);
}
.content-item__link {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.content-item__link,
.content-item__link * {
  color: var(--color-red);
}
.content-item__link::after {
  content: "";

  width: 40px;
  height: 1px;
  margin-left: 15px;

  background: var(--color-red);
}
.content-item__post {
    color: var(--color-red);
}
.content-item__caption {
  position: absolute;
  bottom: 0;
  left: 0;

  width: 100%;
  padding: 10px;
  padding-top: 12px;

  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}
.content-item__caption > span {
  font-weight: 700;
  font-size: 14px;
  color: var(--color-background-gray);
}
.content-item__text {
  padding-top: 20px;
}
.content-item--news .content-item__title {
  flex-grow: 1;
}
.content-item--news .content-item__bot {
  flex-grow: 0;
}
.content-item:hover .content-item__title {
  color: var(--color-red);
}
.content-item:hover .content-item__link {
  text-decoration: underline;
}
.content-item--bordered {
  padding: 20px;

  border: 1px solid var(--color-stroke);

  transition: border-color 0.15s ease-in-out;
}
.content-item--bordered .content-item__title {
  border-bottom: none;
}
.content-item--bordered .content-item__data {
  margin-bottom: auto;
  padding-top: 0;
}
.content-item--bordered:hover {
  border-color: var(--color-red);
}
.content-item--video .content-item__title {
  border-bottom: none;
}
.content-item--video:hover .content-item__title {
  color: inherit;
}
.content-item--material .content-item__title {
  text-transform: uppercase;
}
.content-item--material .content-item__link {
  margin-top: 0;
}
.content-item--material-gallery .content-item__img {
  padding-top: 80%;
}
.content-item--distinctive .content-item__img {
  padding-top: 62%;
}
@media (min-width: 1200px) {
  .content-item--bordered {
    padding: 24px;
  }
  .content-item--material-gallery .content-item__img {
    padding-top: 70%;
  }
}
@media (min-width: 1600px) {
  .content-item--material-gallery .content-item__img {
    padding-top: 48%;
  }
}

.content-list {
  display: grid;

  gap: 40px;
}
@media (min-width: 768px) {
  .content-list {
    column-gap: 30px;

    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 50px;
  }
}
@media (min-width: 1200px) {
  .content-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .content-list--two-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1600px) {
  .content-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .content-list--catalog {
    grid-template-columns: repeat(3, 1fr);
  }
  .content-list--two-cols {
    grid-template-columns: repeat(2, 1fr);
  }
  .content-list--distinctive {
    grid-template-columns: repeat(3, 1fr);
  }
}

.content-list-small {
  display: grid;

  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .content-list-small {
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1600px) {
  .content-list-small {
    grid-template-columns: repeat(6, 1fr);
  }
}

.catalog-list {
  display: grid;

  gap: 20px;
}
@media (min-width: 768px) {
  .catalog-list {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .catalog-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.catalog-list__category {
  padding-top: 100%;
}
.catalog-list__category::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 150px;

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0) 100%);

  transition: 0.3s ease-in-out;
}
.catalog-list__category-content {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  z-index: 5;

  transition: 0.3s ease-in-out;
}
.catalog-list__category-title {
  position: relative;

  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  margin: 0 auto;
  padding-bottom: 16px;

  text-align: center;
  color: white;
}
.catalog-list__category-title::after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 0;
  left: 30px;

  height: 1px;

  background: white;
}
.catalog-list__category-text {
  padding-top: 16px;

  text-align: center;
  color: white;
}
.catalog-list__category:hover::after {
  height: 100%;

  background: var(--color-red);
}
.catalog-list__category:hover .catalog-list__category-content {
  bottom: 50%;

  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.video {
  position: relative;

  width: 100%;
  height: 0;
  padding-bottom: 46%;

  background-color: #000000;
  border-radius: 6px;
}
.video--enabled {
  cursor: pointer;
}
.video--enabled .video__button {
  display: flex;
}
.video__link {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}
.video__media {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  border: none;

  -o-object-fit: cover;
  object-fit: cover;
}
.video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;

  display: none;
  padding: 0;

  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  text-transform: uppercase;

  background-color: transparent;
  border: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;

  transition: opacity 0.3s;
}
.video__button::before {
  content: "";

  border: 8px solid transparent;
  border-left: 14px solid white;
}
.video:hover .video__button {
  opacity: 0.6;
}

.breadcrumbs {
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  margin: 0 auto;
  padding: 24px 0 20px;

  text-align: center;
}
.breadcrumbs * {
  color: var(--color-gray);
}
@media (min-width: 768px) {
  .breadcrumbs {
    padding: 30px 0 24px;
  }
}
@media (min-width: 1200px) {
  .breadcrumbs {
    padding-top: 40px;
  }
}

.about-text hr {
  width: 300px;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 0;

  background: var(--color-red);
  border: 0;
}
.about-text .h1 {
  margin-bottom: 40px;
}
.about-text .h4,
.about-text .contacts__item a[href*="tel:"],
.contacts__item .about-text a[href*="tel:"] {
  margin-top: 40px;
  margin-bottom: 24px;
}
.about-text p {
  margin-bottom: 24px;
}
.about-text > *:first-child {
  margin-top: 0;
}
.about-text > *:last-child {
  margin-bottom: 0;
}

.ibg,
.promotions__item-img,
.product-images__img,
.manufacture-slider__item,
.about-intro-slider__item,
.representative__img,
.cooperation-slider__item,
.possibilities__item-img,
.content-item__img,
.catalog-list__category {
  position: relative;
}
.ibg > img,
.promotions__item-img > img,
.product-images__img > img,
.manufacture-slider__item > img,
.about-intro-slider__item > img,
.representative__img > img,
.cooperation-slider__item > img,
.possibilities__item-img > img,
.content-item__img > img,
.catalog-list__category > img {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
  object-fit: cover;
}

.text-content > * {
  margin: 24px 0;
}
.text-content > *:first-child {
  margin-top: 0;
}
.text-content > *:last-child {
  margin-bottom: 0;
}
.text-content a {
  font-size: inherit;
  color: var(--color-red);
  text-decoration: underline;
}
.text-content a:hover {
  text-decoration: none;
}
.text-content ol,
.text-content ul {
  padding: revert;

  list-style: revert;
}
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5 {
  font-size: revert;
}

.content-detail__date {
  margin-bottom: 40px;

  text-align: center;
  color: var(--color-gray);
}
.content-detail__img {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .content-detail__img {
    margin-bottom: 50px;
  }
}

.header {
  position: fixed;
  left: 0;
  z-index: 10;

  width: 100%;

  background-color: white;
  border-bottom: 1px solid var(--color-stroke);
}
.header-top {
  height: 64px;
}
@media (min-width: 768px) {
  .header-top {
    height: 80px;
  }
}
.header-top__left {
  display: flex;
}
.header-top__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header__phone {
  font-size: 20px;
}
@media (max-width: 767.98px) {
  .header__phone {
    display: block;
    width: 36px;
    height: 36px;

    font-size: 0;

    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5 33.5005C30.635 33.5005 32.75 31.2955 33.3725 27.4405C33.4433 26.943 33.4134 26.4363 33.2846 25.9506C33.1557 25.4649 32.9306 25.01 32.6225 24.613L32.5025 24.5005L27.95 20.9005C27.2621 20.3854 26.4181 20.1222 25.5594 20.155C24.7006 20.1878 23.8792 20.5145 23.2325 21.0805L21.2675 22.9405C17.1725 22.0105 11.2925 16.7005 11 12.7855L12.9425 10.738C13.4993 10.0881 13.817 9.26729 13.8429 8.41188C13.8688 7.55648 13.6014 6.71795 13.085 6.03551L9.5 1.49801C9.46259 1.44813 9.41693 1.40501 9.365 1.37051C8.96892 1.06339 8.5153 0.838783 8.03094 0.709964C7.54658 0.581145 7.04132 0.550728 6.545 0.620509C2.705 1.25051 0.5 3.36551 0.5 6.50051C0.5 13.6614 3.34464 20.5289 8.40812 25.5924C13.4716 30.6559 20.3392 33.5005 27.5 33.5005ZM6.785 2.11301C6.89237 2.10557 7.00013 2.10557 7.1075 2.11301C7.56966 2.11476 8.02007 2.25878 8.3975 2.52551L11.9 6.95051C12.2044 7.35529 12.3633 7.85092 12.3511 8.35724C12.3388 8.86355 12.1561 9.35092 11.8325 9.74051L9.7025 11.9905C9.573 12.1288 9.50065 12.311 9.5 12.5005C9.5 17.3305 16.4675 23.6755 21.38 24.5005C21.4941 24.5194 21.611 24.5116 21.7216 24.4777C21.8322 24.4439 21.9335 24.385 22.0175 24.3055L24.2675 22.198C24.6542 21.8682 25.1413 21.679 25.6492 21.6613C26.1572 21.6436 26.6562 21.7984 27.065 22.1005L31.5275 25.6105C31.8639 26.0761 32.004 26.6552 31.9175 27.223C31.55 29.398 30.5 32.0005 27.5 32.0005C20.737 32.0005 14.251 29.3139 9.46878 24.5317C4.6866 19.7496 2 13.2635 2 6.50051C2 3.50051 4.6025 2.45051 6.785 2.11301Z' fill='%23841308'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media (min-width: 1200px) {
  .header__phone {
    font-size: 24px;
  }
}
.header__social {
  display: inline-flex;
  align-items: center;
  height: 30px;
  margin-left: 12px;
  padding-left: 12px;

  border-left: 1px solid var(--color-gray);
}
@media (max-width: 1199.98px) {
  .header__social {
    display: none;
  }
}
.header__social-item {
  height: 100%;
  margin-right: 8px;
}
.header__social-item:last-child {
  margin-right: 0;
}
.header__call {
  display: block;

  cursor: pointer;
}
@media (max-width: 1199.98px) {
  .header__call {
    display: none;
  }
}
.header__logo {
  display: block;
  width: 100px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .header__logo {
    width: 80px;
  }
}
.header__login {
  min-height: 32px;
  margin-right: 20px;
  font-size: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6156 11.6269C21.6156 8.51988 19.0957 6 15.9886 6C12.8816 6 10.3617 8.51988 10.3617 11.6269C10.3617 14.7339 12.8816 17.2538 15.9886 17.2538C19.0957 17.2538 21.6156 14.7339 21.6156 11.6269ZM11.8296 11.6269C11.8296 9.32722 13.6889 7.46789 15.9886 7.46789C18.2883 7.46789 20.1477 9.32722 20.1477 11.6269C20.1477 13.9266 18.2883 15.7859 15.9886 15.7859C13.6889 15.7859 11.8296 13.9266 11.8296 11.6269Z' fill='%23841308'/%3E%3Cpath d='M6.56976 25.8654C6.69209 25.9388 6.81441 25.9633 6.93674 25.9633C7.18139 25.9633 7.4505 25.841 7.57282 25.5963C9.28536 22.5627 12.5147 20.6789 15.9887 20.6789C19.4627 20.6789 22.6921 22.5627 24.4291 25.5963C24.6248 25.9388 25.0896 26.0612 25.4321 25.8654C25.7747 25.6697 25.897 25.2049 25.7013 24.8624C23.7196 21.3884 20.001 19.211 15.9887 19.211C11.9765 19.211 8.25784 21.3884 6.27619 24.8624C6.08047 25.2049 6.20279 25.6697 6.56976 25.8654Z' fill='%23841308'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 48px;
}
@media (max-width: 767.98px) {
  .header__login {
    display: none !important; 
  }
}
@media (max-width: 1199.98px) {
  .header__login {
    width: 32px;
    font-size: 0;
  }
}
@media (min-width: 1200px) {
  .header__login {
    margin-right: 30px;
    padding-left: 48px;
  }
}
.header__burger {
  position: relative;

  width: 40px;
  height: 40px;

  cursor: pointer;
}
.header__burger span,
.header__burger span::after,
.header__burger span:before {
  position: absolute;
  left: 0;

  width: 100%;
  height: 2px;

  background: var(--color-black);
}
.header__burger span {
  top: 50%;

  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header__burger span::after,
.header__burger span::before {
  content: "";
}
.header__burger span::before {
  top: -11px;
}
.header__burger span::after {
  top: 11px;
}
.header-menu {
  height: calc(130px - 80px);
}
@media (max-width: 1199.98px) {
  .header-menu {
    display: none;
  }
}
.header-menu__list {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .header-menu__list {
    width: 1190px;
    margin: 0 auto;
  }
}
.header-menu__list > li > a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 30px;
}
@media (min-width: 1600px) {
  .header-menu__list > li > a {
    padding: 0 20px;
  }
}
.header-menu__list a {
  font-size: 15px;
}
.header-menu__parent {
  position: relative;
}
.header-menu__parent > a::after {
  content: "";

  width: 14px;
  height: 14px;
  margin-left: 10px;

  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.5L7 10.5L2 5.5' stroke='%23323335'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;

  transition: 0.3s ease-in-out;
}
.header-menu__parent > ul {
  position: absolute;
  top: calc(100% + 1px);

  display: none;
  width: -webkit-max-content;
  width:    -moz-max-content;
  width:         max-content;
  padding: 20px;

  background: white;
}
@media (max-width: 1199.98px) {
  .header-menu__parent > ul {
    left: 10px;
  }
}
.header-menu__parent > ul li {
  margin-bottom: 12px;
}
.header-menu__parent > ul li:last-child {
  margin-bottom: 0;
}
.header-menu__parent > ul a:hover {
  text-decoration: unset;
}
.header-menu__parent:hover > a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.5L7 10.5L2 5.5' stroke='%23841308'/%3E%3C/svg%3E%0A");
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header-menu__parent:hover > ul {
  display: block;
}

.header-toggle .overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;

  background: rgba(0, 0, 0, 0.5);
}
.header-toggle-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 30;

  width: calc(100% - 15px);
  padding: 62px 15px 50px 20px;
  overflow: auto;

  background: white;
}
@media (min-width: 768px) {
  .header-toggle-content {
    width: calc(100% - 40px);
    padding: 80px 140px 60px 40px;
  }
}
@media (min-width: 1200px) {
  .header-toggle-content {
    width: calc(100% - 640px);
    padding: 92px 165px 83px 60px;
  }
}
@media (min-width: 1600px) {
  .header-toggle-content {
    width: calc(100% - 1110px);
    padding: 145px 155px 83px 80px;
  }
}
.header-toggle-close {
  position: fixed;
  top: 12px;
  right: 15px;
  z-index: 40;

  width: 40px;
  height: 40px;

  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.15039' y='33' width='40' height='2' transform='rotate(-45 5.15039 33)' fill='%23841308'/%3E%3Crect x='6.56445' y='5' width='40' height='2' transform='rotate(45 6.56445 5)' fill='%23841308'/%3E%3C/svg%3E");
  cursor: pointer;
}
.header-toggle-section {
  padding: 20px 0;

  border-bottom: 1px solid var(--color-stroke);
}
.header-toggle-section:first-child {
  padding-top: 0;
}
.header-toggle-section:last-child {
  padding-bottom: 0;

  border-bottom: none;
}
@media (min-width: 1200px) {
  .header-toggle-section {
    padding: 40px 0;
  }
}
.header-toggle-menu ul {
  display: none;
  padding-top: 12px;
  padding-left: 30px;
}
.header-toggle-menu > li {
  margin-bottom: 16px;
}
.header-toggle-menu > li:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .header-toggle-menu > li {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .header-toggle-menu a {
    font-size: 24px;
  }
}
.header-toggle-menu__parent > a {
  display: flex;
  align-items: baseline;
}
.header-toggle-menu__parent > a::after {
  content: "";

  width: 14px;
  height: 14px;
  margin-left: 10px;

  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.5L7 10.5L2 5.5' stroke='%23323335'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;

  transition: 0.3s ease-in-out;
}
.header-toggle-menu__parent li {
  margin-bottom: 12px;
}
.header-toggle-menu__parent li:last-child {
  margin-bottom: 0;
}
.header-toggle-menu__parent.opened > a::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header-toggle-menu__parent.opened > ul {
  display: block;
}
.header-toggle-phone {
  display: block;
  margin-bottom: 12px;

  font-size: 20px;
}
.header-toggle-call {
  margin-bottom: 24px;
}
.header-toggle-social {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.header-toggle-social__item {
  margin-right: 12px;
}
.header-toggle-social__item:last-child {
  margin-right: 0;
}
.header-toggle-login {
  height: 32px;
  padding-left: 48px;

  font-size: 15px;

  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6156 11.6269C21.6156 8.51988 19.0957 6 15.9886 6C12.8816 6 10.3617 8.51988 10.3617 11.6269C10.3617 14.7339 12.8816 17.2538 15.9886 17.2538C19.0957 17.2538 21.6156 14.7339 21.6156 11.6269ZM11.8296 11.6269C11.8296 9.32722 13.6889 7.46789 15.9886 7.46789C18.2883 7.46789 20.1477 9.32722 20.1477 11.6269C20.1477 13.9266 18.2883 15.7859 15.9886 15.7859C13.6889 15.7859 11.8296 13.9266 11.8296 11.6269Z' fill='%23841308'/%3E%3Cpath d='M6.56976 25.8654C6.69209 25.9388 6.81441 25.9633 6.93674 25.9633C7.18139 25.9633 7.4505 25.841 7.57282 25.5963C9.28536 22.5627 12.5147 20.6789 15.9887 20.6789C19.4627 20.6789 22.6921 22.5627 24.4291 25.5963C24.6248 25.9388 25.0896 26.0612 25.4321 25.8654C25.7747 25.6697 25.897 25.2049 25.7013 24.8624C23.7196 21.3884 20.001 19.211 15.9887 19.211C11.9765 19.211 8.25784 21.3884 6.27619 24.8624C6.08047 25.2049 6.20279 25.6697 6.56976 25.8654Z' fill='%23841308'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-y: -1px;
  cursor: pointer;
}
.header-toggle-info {
  margin-bottom: 30px;
}
.header-toggle-info__item {
  margin-bottom: 16px;
}
.header-toggle-info__item:last-child {
  margin-bottom: 0;
}

.footer {
  border-top: 1px solid var(--color-stroke);
}
.footer-section {
  border-bottom: 1px solid var(--color-stroke);
}
.footer-section:last-child {
  border-bottom: none;
}
.footer--top {
  padding: 30px 0 40px;
}
@media (min-width: 1200px) {
  .footer--top {
    padding-top: 50px;
  }
}
.footer--bot {
  padding: 16px 0;
}
.footer--bot * {
  font-size: 14px;
  color: var(--color-gray);
}
@media (min-width: 1200px) {
  .footer--bot * {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .footer--bot > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 767.98px) {
  .footer--bot__item {
    margin-bottom: 16px;
  }
  .footer--bot__item:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .footer--bot__links {
    display: flex;
  }
}
.footer--bot__links a {
  display: block;
}
@media (max-width: 767.98px) {
  .footer--bot__links a {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .footer--bot__links a {
    margin-right: 36px;
  }
}
.footer--bot__links a:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.footer__logo {
  display: block;
  width: 150px;
}
@media (max-width: 1199.98px) {
  .footer__logo {
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .footer__logo {
    width: 180px;
  }
}
@media (min-width: 1600px) {
  .footer__logo {
    width: 100%;

    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.footer-menu {
  display: grid;

  grid-column-gap: 30px;
  grid-row-gap: 16px;
}
@media (max-width: 767.98px) {
  .footer-menu {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .footer-menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1600px) {
  .footer-menu {
    grid-template-columns: 2fr 2fr 3fr;
  }
}
@media (min-width: 768px) and (max-width: 1599.98px) {
  .footer-menu__list:last-child {
    grid-column-end: 3;
    grid-column-start: 1;
  }
}
.footer-menu__list li {
  margin-bottom: 16px;
}
.footer-menu__list li:last-child {
  margin-bottom: 0;
}
.footer-phone {
  display: block;
  margin-bottom: 24px;

  font-size: 20px;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .footer-phone {
    font-size: 24px;
  }
}
.footer-address {
  margin-bottom: 16px;
}
.footer-schedule {
  margin-bottom: 40px;
}
.footer-btn {
  padding: 17px 31px;

  font-weight: 400;
}
.footer-social {
  display: flex;
  align-items: center;
}
.footer-social__item {
  margin-right: 16px;
}
.footer-social__item:last-child {
  margin-right: 0;
}
.footer-copyright {
  opacity: 0.4;

  transition: 0.3s;
}
@media (max-width: 767.98px) {
  .footer-copyright {
    width: 150px;
  }
}
.footer-copyright:hover {
  opacity: 1;
}

.arrow-up {
  position: fixed;
  right: 10px;
  bottom: 30px;

  width: 48px;
  height: 48px;

  background-image: url("data:image/svg+xml,%3Csvg width='26' height='14' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5996L13 0.799609L25 13.5996' stroke='%23CCCFD7'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid var(--color-stroke);
  cursor: pointer;
}
@media (min-width: 768px) {
  .arrow-up {
    right: 40px;
    bottom: 50px;
  }
}

/**************************\
  Basic Modal Styles
\**************************/
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;

  display: none;
}
.modal.is-open {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  justify-content: center;
  align-items: center;

  background: rgba(0, 0, 0, 0.6);
}
.modal__container {
  position: relative;

  width: 100%;
  max-width: 330px;
  max-height: 100vh;
  padding: 30px;
  overflow-y: auto;

  background-color: #ffffff;
}
@media (min-width: 768px) {
  .modal__container {
    max-width: 500px;
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .modal__container {
    max-width: 600px;
    padding: 50px;
  }
}
.modal__content {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .modal__content {
    margin-bottom: 40px;
  }
}
.modal__close {
  position: absolute;
  top: 12px;
  right: 12px;

  font-size: 20px;

  cursor: pointer;
}
.modal__close:before {
  content: "✕";
}
.modal__footer {
  display: grid;

  gap: 16px;
}

/**************************\
  Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}
.modal[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=false] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1), mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1), mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.form-fields {
  display: grid;
  margin-bottom: 24px;

  row-gap: 24px;
}
@media (min-width: 768px) {
  .form-fields {
    margin-bottom: 40px;
  }
}
.form-input {
  width: 100%;
  padding: 12px 14px;

  border: 1px solid var(--color-stroke);
}
.form-label {
  display: block;
  margin-bottom: 12px;

  color: var(--color-red);

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-checkbox {
  margin-top: 6px;
}
@media (min-width: 1200px) {
  .form-checkbox {
    margin-top: 16px;
  }
}
.form-checkbox [type=checkbox] {
  display: none;
}
.form-checkbox [type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.68182L4.88889 7.5L11 1.5' stroke='%23841308' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 9px;
}
.form-checkbox label {
  display: flex;
}
.form-checkbox label::before {
  content: "";

  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 14px;

  border: 1px solid var(--color-red);
}
.form-error {
  margin-top: 6px;

  color: #d9200e;
}
.form-submit-btn {
  width: 100%;

  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .form-submit-btn {
    width: auto;
  }
  .form-submit-btn--wide {
    width: 100%;
  }
}

.pass-shower {
  position: relative;
}
.pass-shower > input[type=password] {
  padding-right: 36px;
}
.pass-shower > input[type=text] {
  padding-right: 36px;
}
.pass-shower__btn {
  position: absolute;
  top: 0;
  right: 14px;
  z-index: 1;

  width: 16px;
  height: 16px;

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2131_7174)'%3E%3Cpath d='M15.8822 7.954C15.305 6.674 13.0415 2.5 8.11097 2.5C3.18042 2.5 0.916963 6.674 0.339759 7.954C0.262276 8.12553 0.222168 8.31199 0.222168 8.50067C0.222168 8.68934 0.262276 8.8758 0.339759 9.04733C0.916963 10.326 3.18042 14.5 8.11097 14.5C13.0415 14.5 15.305 10.326 15.8822 9.046C15.9595 8.87466 15.9995 8.68843 15.9995 8.5C15.9995 8.31157 15.9595 8.12534 15.8822 7.954ZM8.11097 13.1667C3.9647 13.1667 2.02995 9.58933 1.5369 8.50733C2.02995 7.41067 3.9647 3.83333 8.11097 3.83333C12.2474 3.83333 14.1828 7.39533 14.685 8.5C14.1828 9.60467 12.2474 13.1667 8.11097 13.1667Z' fill='%23841308'/%3E%3Cpath d='M8.11077 5.16602C7.46065 5.16602 6.82514 5.36151 6.28459 5.72778C5.74404 6.09405 5.32273 6.61465 5.07394 7.22374C4.82515 7.83282 4.76006 8.50305 4.88689 9.14965C5.01372 9.79625 5.32678 10.3902 5.78648 10.8564C6.24618 11.3225 6.83188 11.64 7.4695 11.7686C8.10712 11.8973 8.76804 11.8312 9.36866 11.5789C9.96929 11.3267 10.4827 10.8994 10.8438 10.3512C11.205 9.80309 11.3978 9.15862 11.3978 8.49935C11.3968 7.61562 11.0501 6.76839 10.4339 6.1435C9.81769 5.5186 8.98222 5.16707 8.11077 5.16602ZM8.11077 10.4993C7.7207 10.4993 7.33939 10.3821 7.01506 10.1623C6.69073 9.94253 6.43795 9.63017 6.28867 9.26472C6.1394 8.89926 6.10034 8.49713 6.17644 8.10917C6.25254 7.72121 6.44038 7.36484 6.7162 7.08514C6.99202 6.80543 7.34343 6.61495 7.72601 6.53778C8.10858 6.46061 8.50513 6.50021 8.86551 6.65159C9.22588 6.80297 9.5339 7.05931 9.75061 7.38821C9.96732 7.71711 10.083 8.10379 10.083 8.49935C10.083 9.02978 9.8752 9.53849 9.50534 9.91356C9.13548 10.2886 8.63383 10.4993 8.11077 10.4993Z' fill='%23841308'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2131_7174'%3E%3Crect width='15.7778' height='16' fill='white' transform='translate(0.222168 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.pass-shower__btn.is-show::before {
  content: "";
  position: absolute;
  top: -1px;

  width: 1px;
  height: 120%;

  background-color: var(--color-red);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.get-catalog-wrap {
  position: relative;

  padding: 40px 0 50px;
}
@media (min-width: 768px) {
  .get-catalog-wrap {
    height: 384px;
    padding-top: 88px;
  }
}
@media (min-width: 1200px) {
  .get-catalog-wrap {
    height: 500px;
    padding-top: 145px;
  }
}
@media (min-width: 1600px) {
  .get-catalog-wrap {
    height: 600px;
    padding-top: 190px;
  }
}
@media (min-width: 768px) {
  .get-catalog-left {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .get-catalog__img {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;

    width: 50%;
    max-height: 100%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (min-width: 1600px) {
  .get-catalog__img {
    right: 60px;
  }
}
.get-catalog__title {
  position: relative;

  padding-bottom: 24px;
}
@media (max-width: 767.98px) {
  .get-catalog__title {
    text-align: center;
  }
}
.get-catalog__title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 1px;

  background: var(--color-stroke);
}
@media (min-width: 768px) {
  .get-catalog__title::after {
    right: -200px;
    left: -35px;
  }
}
@media (min-width: 768px) {
  .get-catalog__title::after {
    left: -100px;
  }
}
@media (max-width: 767.98px) {
  .get-catalog__btn {
    margin: 0 auto;
  }
}
.get-catalog__link {
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .get-catalog__link {
    justify-content: center;
    margin-top: 24px;
  }
}

[class^=icon--]:hover svg path,
[class*=" icon--"]:hover svg path {
  transition: 0.3s;
}

.socials {
  display: flex;
  align-items: center;
}
.header__social .socials {
  height: inherit;
}
.socials__item {
  margin-right: 18px;
}
.header__social .socials__item {
  height: 100%;
  margin-right: 8px;
}
.header__social .socials__item svg {
  width: 30px;
  height: 30px;
}
.footer-social .socials__item svg {
  width: 32px;
  height: 32px;
}
.footer-social .socials__item svg path.fill {
  fill: #7b808a;
}
.socials__item:last-child {
  margin-right: 0;
}

.icon--telegram:hover svg path.fill {
  fill: #2aabee;
}

.icon--vk:hover svg path.fill {
  fill: #0077ff;
}

.icon--youtube:hover svg path.fill {
  fill: #ff0000;
}
.header__social .icon--youtube svg {
  width: 38px;
  height: 30px;
}
.footer-social .icon--youtube svg {
  width: 36px;
  height: 27px;
}

.pagination {
  display: flex;
  justify-content: center;
  margin: 0;
  margin-right: -8px;
  padding: 0;

  list-style: none;
}
.pagination > li {
  margin-right: 8px;
}
.pagination a,
.pagination span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  overflow: hidden;

  line-height: 1;
  color: var(--color-black);
  text-decoration: none;
  white-space: nowrap;

  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
}
.pagination .prev a,
.pagination .next a {
  font-size: 0;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  border-color: var(--color-red);
}
.pagination .prev {
  margin-right: 12px;
}
.pagination .prev a {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.14133 9.44824L7.27306 12.5797C7.33275 12.6374 7.38037 12.7064 7.41312 12.7826C7.44588 12.8589 7.46312 12.9409 7.46384 13.0239C7.46456 13.1069 7.44875 13.1892 7.41732 13.266C7.3859 13.3428 7.33949 13.4126 7.28081 13.4712C7.22213 13.5299 7.15234 13.5763 7.07553 13.6078C6.99872 13.6392 6.91642 13.655 6.83344 13.6543C6.75045 13.6536 6.66844 13.6363 6.59218 13.6036C6.51593 13.5708 6.44697 13.5232 6.38931 13.4635L2.27357 9.34806C2.2411 9.326 2.21071 9.30089 2.18282 9.273C2.12413 9.21431 2.07772 9.14453 2.0463 9.06772C2.01487 8.99091 1.99906 8.90861 1.99978 8.82562C2.0005 8.74264 2.01774 8.66063 2.0505 8.58437C2.07843 8.51936 2.11716 8.45964 2.16497 8.40772C2.17299 8.3987 2.18131 8.38989 2.18989 8.3813C2.19644 8.37476 2.20311 8.36838 2.20991 8.36216L6.389 4.18306C6.51119 4.06119 6.67119 3.99994 6.83119 3.99994C6.95478 3.99996 7.07559 4.03663 7.17835 4.10531C7.2811 4.17399 7.36119 4.27159 7.40849 4.38578C7.45578 4.49997 7.46816 4.62561 7.44405 4.74683C7.41995 4.86805 7.36044 4.97941 7.27306 5.06681L4.1414 8.19824L14.5068 8.19824C14.6726 8.19824 14.8316 8.26409 14.9488 8.3813C15.066 8.49851 15.1318 8.65748 15.1318 8.82324C15.1318 8.989 15.066 9.14797 14.9488 9.26518C14.8316 9.38239 14.6726 9.44824 14.5068 9.44824L4.14133 9.44824Z' fill='%23841308'/%3E%3C/svg%3E");
}
.pagination .next {
  margin-left: 12px;
}
.pagination .next a {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9905 8.20605L9.85877 5.07456C9.79908 5.0169 9.75147 4.94794 9.71871 4.87168C9.68596 4.79543 9.66871 4.71342 9.66799 4.63043C9.66727 4.54744 9.68309 4.46514 9.71451 4.38833C9.74594 4.31152 9.79234 4.24174 9.85103 4.18306C9.90971 4.12438 9.97949 4.07797 10.0563 4.04654C10.1331 4.01512 10.2154 3.9993 10.2984 4.00002C10.3814 4.00075 10.4634 4.01799 10.5397 4.05074C10.6159 4.0835 10.6849 4.13111 10.7425 4.19081L14.8583 8.30624C14.8907 8.32829 14.9211 8.35341 14.949 8.3813C15.0077 8.43998 15.0541 8.50977 15.0855 8.58658C15.117 8.66339 15.1328 8.74569 15.1321 8.82867C15.1313 8.91166 15.1141 8.99367 15.0813 9.06993C15.0534 9.13494 15.0147 9.19465 14.9669 9.24658C14.9588 9.2556 14.9505 9.26441 14.9419 9.273C14.9354 9.27954 14.9287 9.28592 14.9219 9.29214L10.7428 13.4712C10.6206 13.5931 10.4606 13.6544 10.3006 13.6544C10.1771 13.6543 10.0562 13.6177 9.95349 13.549C9.85073 13.4803 9.77064 13.3827 9.72335 13.2685C9.67606 13.1543 9.66368 13.0287 9.68778 12.9075C9.71189 12.7862 9.77139 12.6749 9.85877 12.5875L12.9904 9.45605H2.625C2.45924 9.45605 2.30027 9.39021 2.18306 9.273C2.06585 9.15579 2 8.99681 2 8.83105C2 8.66529 2.06585 8.50632 2.18306 8.38911C2.30027 8.2719 2.45924 8.20605 2.625 8.20605H12.9905Z' fill='%23841308'/%3E%3C/svg%3E");
}
.pagination .active span {
  color: var(--color-background-gray);

  background-color: var(--color-red);
  border-color: var(--color-red);
}
@media (min-width: 1200px) {
  .pagination a {
    transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  }
  .pagination a:hover {
    border-color: var(--color-red);
  }
}

.about-project {
  padding: 16px;
}
.about-project__title {
  margin-bottom: 16px;

  font-size: 20px;
  line-height: 27px;
}
.about-project__customer {
  margin-bottom: 16px;
}
.about-project__descr {
  margin-bottom: 24px;
}
.about-project__descr > *:first-child {
  margin-top: 0;
}
.about-project__descr > *:last-child {
  margin-bottom: 0;
}
.about-project__link {
  display: flex;
}
.about-project__link a {
  display: flex;
  align-items: center;

  color: var(--color-red);
}
.about-project__link svg {
  margin-right: 12px;

  color: unset;
}
.about-project__link svg use {
  color: unset;
}
@media (min-width: 768px) {
  .about-project {
    padding: 30px;
  }
  .about-project__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .about-project__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.material-accordion {
  display: grid;

  row-gap: 16px;
}
.material-accordion__item--opened .material-accordion__btn {
  color: var(--color-background-gray);

  background-color: var(--color-red);
}
.material-accordion__item--opened .material-accordion__item-cross {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.material-accordion__item--opened .material-accordion__item-hidden {
  display: block;
  padding-top: 24px;
  padding-bottom: 16px;
}
.material-accordion__btn {
  display: flex;
  align-items: center;
  padding: 16px;

  color: var(--color-black);

  background-color: var(--color-light-gray);
  cursor: pointer;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.material-accordion__item-title {
  flex-grow: 1;
  margin: 0;

  color: inherit;
  text-transform: uppercase;
}
.material-accordion__item-cross {
  flex-shrink: 0;
  width: 24px;
  height: 24px;

  color: inherit;

  transition: -webkit-transform 0.3s ease-in-out;
  transition:         transform 0.3s ease-in-out;
  transition:         transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.material-accordion__item-cross use {
  color: inherit;
}
.material-accordion__item-hidden {
  display: none;
}
.material-accordion__gallery {
  display: grid;

  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .material-accordion__gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .material-accordion__gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}

.status-info[aria-hidden=true] {
  display: none;
}
.status-info--pending .status-info__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.3949 8.95753V3.69531H38.8808C39.5023 3.69531 40.0058 3.19185 40.0058 2.57031C40.0058 1.94877 39.5023 1.44531 38.8808 1.44531H8.93359C8.31205 1.44531 7.80859 1.94877 7.80859 2.57031C7.80859 3.19185 8.31205 3.69531 8.93359 3.69531H11.4198V8.95753C11.436 12.1849 12.7518 15.2695 15.0693 17.5153L22.2649 24.472L15.3865 30.9449C14.2038 32.0617 13.2618 33.4084 12.6184 34.9024C11.9749 36.3964 11.6436 38.0061 11.6448 39.6328V44.1953H8.93359C8.31205 44.1953 7.80859 44.6988 7.80859 45.3203C7.80859 45.9419 8.31205 46.4453 8.93359 46.4453H38.8808C39.5023 46.4453 40.0058 45.9419 40.0058 45.3203C40.0058 44.6988 39.5023 44.1953 38.8808 44.1953H36.5074V39.7164C36.5044 38.0617 36.1577 36.4258 35.4893 34.9121C34.821 33.3984 33.8455 32.0401 32.6248 30.9231L25.5523 24.4614L32.7467 17.5152C33.8938 16.4034 34.8073 15.0738 35.4338 13.6043C36.0602 12.1348 36.387 10.555 36.3949 8.95753ZM34.2574 39.7164V44.1953H13.8948V39.6328C13.8943 38.3131 14.1634 37.0073 14.6858 35.7954C15.2081 34.5835 15.9726 33.4911 16.9323 32.5853L23.9245 26.0178L31.1105 32.5833C32.1004 33.4895 32.8912 34.5915 33.4329 35.8194C33.9746 37.0473 34.2553 38.3743 34.2574 39.7164ZM23.9074 22.9188L16.6349 15.8995C15.7037 14.9978 14.9618 13.9194 14.4527 12.7274C13.9436 11.5353 13.6774 10.2537 13.6698 8.95753V3.69531H34.1449V8.95753C34.1371 10.2537 33.8709 11.5353 33.3617 12.7274C32.8525 13.9194 32.1105 14.9978 31.1794 15.8995L23.9074 22.9188Z' fill='%23841308'/%3E%3C/svg%3E");

  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.status-info--accept .status-info__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='30' fill='%23841308'/%3E%3Cpath d='M14 28.6389L25.5503 40.5L46 19.5' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  -webkit-animation-name: buble;
  animation-name: buble;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.status-info--failed .status-info__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='30' fill='%23323335'/%3E%3Cpath d='M20.2771 41L30.502 30.5M40.7268 20L30.502 30.5M30.502 30.5L20.002 20M30.502 30.5L41.002 41' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.status-info__container {
  display: grid;
  padding: 60px 20px;

  text-align: center;
  color: var(--color-black);

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

  justify-items: center;
  row-gap: 16px;
}
.status-info__icon {
  width: 48px;
  height: 48px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 1200px) {
  .status-info__icon {
    width: 60px;
    height: 60px;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  50% {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  50% {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes buble {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  40% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  65% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes buble {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  40% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  65% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  20% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  30% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  60% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  70% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  20% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  30% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  60% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  70% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.seo-text * {
    line-height: 1.6;
}
.seo-text_hidden {
    max-height: 480px;
    overflow: hidden;
    position: relative;
}
@media (min-width: 768px) {
    .seo-text_hidden {
        max-height: 216px;
    }
}
@media (min-width: 1200px) {
    .seo-text_hidden {
        max-height: 203px;
    }
}
@media (min-width: 1600px) {
    .seo-text_hidden {
        max-height: 174px;
    }
}
.seo-text_hidden::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 56px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.seo-text__btn {
    margin-top: 16px;
}

@media (max-width: 767.98px) {
  .main-slider {
    padding-bottom: 40px;
  }
}
@media (max-width: 1199.98px) {
  .main-slider {
    padding-bottom: 60px;
  }
}
.main-slider__item {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 520px;
  padding: 30px;
}
.main-slider__item * {
  color: white;
}
@media (max-width: 767.98px) {
  .main-slider__item * {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .main-slider__item {
    align-items: flex-start;
    height: 336px;
    padding-right: 33%;
    padding-left: 40px;
  }
}
@media (min-width: 1200px) {
  .main-slider__item {
    height: 540px;
    padding-right: 41%;
    padding-bottom: 120px;
    padding-left: 50px;
  }
}
@media (min-width: 1600px) {
  .main-slider__item {
    height: 600px;
    padding-right: 50%;
    padding-left: 135px;
  }
}
.main-slider__item-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;

  width: 100%;
  height: 100%;
}
.main-slider__item-img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
  object-fit: cover;
}
.main-slider__item-img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  background: rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) {
  .main-slider__item-img::after {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.48) 74%);
  }
}
.main-slider__item-title {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .main-slider__item-title {
    margin-bottom: 36px;
  }
}
.main-slider__item-text {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .main-slider__item-text {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .main-slider .slider-nav {
    position: absolute;
    bottom: 30px;
    left: 50px;
    z-index: 5;

    width: calc(59% - 50px);
  }
  .main-slider .slider-nav__delimiter {
    background: white;
  }
  .main-slider .slider-nav__counts span {
    color: white;
  }
  .main-slider .slider-nav__arrow {
    border-color: white;
  }
  .main-slider .slider-nav__arrow:hover {
    background-color: white;
  }
  .main-slider .slider-nav__prev {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 18 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 31L0.999999 16L17 1' stroke='white'/%3E%3C/svg%3E%0A");
  }
  .main-slider .slider-nav__prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5996 25L0.799609 13L13.5996 1' stroke='%237B808A'/%3E%3C/svg%3E%0A");
  }
  .main-slider .slider-nav__next {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 18 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L17 16L1 31' stroke='white'/%3E%3C/svg%3E ");
  }
  .main-slider .slider-nav__next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.400391 1L13.2004 13L0.400391 25' stroke='%237B808A'/%3E%3C/svg%3E ");
  }
}
@media (min-width: 1600px) {
  .main-slider .slider-nav {
    left: 135px;

    width: calc(50% - 135px);
  }
}

@media (min-width: 1600px) {
  .main-features {
    padding: 80px 0;
  }
}
.main-features-top {
  display: grid;
  margin-bottom: 40px;

  column-gap: 30px;

  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  row-gap: 20px;
}
@media (min-width: 768px) {
  .main-features-top {
    margin-bottom: 60px;

    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .main-features-top {
    margin-bottom: 80px;
  }
}
.main-features-text {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .main-features-text {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .main-features-text {
    margin-bottom: 0;
  }
}
.main-features-counters {
  display: grid;

  column-gap: 30px;

  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  row-gap: 20px;
}
@media (max-width: 767.98px) {
  .main-features-counters {
    padding: 0 30px;
  }
}
@media (min-width: 768px) {
  .main-features-counters {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .main-features-counters {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1600px) {
  .main-features-counters {
    padding-left: 90px;

    grid-template-columns: repeat(3, 1fr);
  }
}
.main-features-counters__item {
  padding: 30px 20px;

  background: white;
}

.main-catalog {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .main-catalog {
    padding-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .main-catalog {
    padding-bottom: 50px;
  }
}
.main-catalog__title {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .main-catalog__title {
    margin-bottom: 24px;
  }
}
.main-catalog__sub-title {
  margin-bottom: 30px;

  text-align: center;
  color: var(--color-red);
}
@media (min-width: 768px) {
  .main-catalog__sub-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .main-catalog__sub-title {
    margin-bottom: 50px;
  }
}

.possibilities {
  padding: 30px 0 60px;
}
@media (min-width: 768px) {
  .possibilities {
    padding: 40px 0 100px;
  }
}
@media (min-width: 1600px) {
  .possibilities {
    padding: 50px 0 120px;
  }
}
.possibilities-wrap {
  display: grid;

  column-gap: 30px;

  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  row-gap: 20px;
}
@media (min-width: 768px) {
  .possibilities-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.possibilities__item {
  display: flex;
  flex-direction: column;
}
.possibilities__item-img {
  padding-top: 57%;

  border: 1px solid var(--color-red);
}
.possibilities__item-info {
  flex-grow: 1;
  padding: 30px;
}
@media (min-width: 768px) {
  .possibilities__item:first-child {
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) {
  .advantages {
    padding: 80px 0;
  }
}
@media (min-width: 1200px) {
  .advantages {
    padding: 100px 0;
  }
}

.main-news {
  padding: 40px 0;
}
@media (min-width: 1200px) {
  .main-news {
    padding: 50px 0;
  }
}
@media (min-width: 1600px) {
  .main-news {
    padding: 60px 0;
  }
}

.main-about {
  padding-top: 40px;
}
@media (min-width: 1200px) {
  .main-about {
    padding-top: 50px;
  }
}
@media (min-width: 1600px) {
  .main-about {
    padding-bottom: 120px;
  }
}
.main-about__video {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .main-about__video {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .main-about__video {
    margin-bottom: 60px;
  }
}
@media (max-width: 1199.98px) {
  .main-about__text {
    margin-bottom: 30px;
  }
}

.news-block {
  padding: 60px 0;
}
@media (min-width: 1200px) {
  .news-block {
    padding-bottom: 80px;
  }
}
@media (min-width: 1600px) {
  .news-block {
    padding-bottom: 100px;
  }
}

.cooperation-about {
  padding-bottom: 40px;
}
@media (min-width: 1600px) {
  .cooperation-about {
    padding-bottom: 50px;
  }
}
.cooperation-about__text {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .cooperation-about__text {
    margin-bottom: 40px;
  }
}
.cooperation-slider__item {
  padding-top: 78%;
}

.your-benefit {
  padding-top: 40px;
}
@media (min-width: 1600px) {
  .your-benefit {
    padding-top: 50px;
  }
}
.your-benefit-wrap {
  display: grid;

  gap: 20px;
}
@media (min-width: 768px) {
  .your-benefit-wrap {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .your-benefit-wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1199.98px) {
  .steps-text {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .steps-text {
    margin-top: 30px;
  }
}
.steps-accordion {
  display: grid;

  row-gap: 16px;
}
.steps-accordion__item {
  display: flex;
  padding: 16px;

  background: white;
  cursor: pointer;
}
@media (min-width: 768px) {
  .steps-accordion__item {
    padding: 30px;
  }
}
.steps-accordion__item-content {
  flex-grow: 1;
  padding: 3px 12px 0 16px;
}
@media (min-width: 768px) {
  .steps-accordion__item-content {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .steps-accordion__item-content {
    padding-top: 8px;
  }
}
.steps-accordion__item-content a {
  color: var(--color-red);
  text-decoration: underline;
}
.steps-accordion__item-cross {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 6px;

  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21' width='40' height='2' transform='rotate(90 21 0)' fill='%23323335'/%3E%3Crect x='40' y='21' width='40' height='2' transform='rotate(-180 40 21)' fill='%23323335'/%3E%3C/svg%3E%0A");
  background-size: cover;

  transition: -webkit-transform 0.3s ease-in-out;
  transition:         transform 0.3s ease-in-out;
  transition:         transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .steps-accordion__item-cross {
    width: 40px;
    height: 40px;
  }
}
.steps-accordion__item-hidden {
  display: none;
  margin-top: 16px;
}
@media (max-width: 767.98px) {
  .steps-accordion__item-hidden {
    width: calc(100% + 50px + 12px + 24px);

    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
}
.steps-accordion__item--opened .steps-accordion__item-hidden {
  display: block;
}
.steps-accordion__item--opened .steps-accordion__item-cross {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.basis-salon {
  padding-bottom: 40px;
}
@media (min-width: 1200px) {
  .basis-salon {
    padding-bottom: 50px;
  }
}
.basis-salon__img {
  max-width: 700px;
}
@media (max-width: 1199.98px) {
  .basis-salon__img {
    margin-bottom: 40px;
  }
}
.basis-salon__text {
  display: grid;
  margin-bottom: 40px;

  row-gap: 24px;
}
.basis-salon__text a {
  color: var(--color-red);
  text-decoration: underline;
}
.basis-salon-list {
  display: grid;

  gap: 30px;
}
@media (min-width: 768px) {
  .basis-salon-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .basis-salon-list {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1600px) {
  .basis-salon-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .basis-salon-list__item {
    grid-column: span 3;
  }
}
@media (min-width: 1600px) {
  .basis-salon-list__item {
    grid-column: auto;
  }
}
@media (min-width: 768px) {
  .basis-salon-list__item:last-child {
    grid-column: span 2;
  }
}
@media (min-width: 1200px) {
  .basis-salon-list__item:last-child {
    grid-column: span 7;
  }
}
@media (min-width: 1600px) {
  .basis-salon-list__item:last-child {
    grid-column: span 2;
  }
}
.basis-salon-list__item b {
  color: var(--color-red);
}

.materials {
  padding-top: 40px;
}
@media (min-width: 1200px) {
  .materials {
    padding-top: 50px;
  }
}
.materials-items {
  display: grid;

  gap: 20px;
}
@media (min-width: 768px) {
  .materials-items {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .materials-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.materials__item {
  position: relative;

  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px;

  border: 1px solid var(--color-red);

  transition: 0.3s;
}
@media (min-width: 1600px) {
  .materials__item {
    padding: 40px;
  }
}
.materials__item a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.materials__item-bot {
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .materials__item-bot {
    margin-top: 0;

    opacity: 0;
  }
}
.materials__item-link {
  display: flex;
  align-items: center;

  font-weight: 700;
  color: var(--color-red);
}
.materials__item-link::after {
  content: "";

  display: block;
  width: 40px;
  height: 1px;
  margin-left: 15px;

  background: var(--color-red);
}
.materials__item-icon {
  margin-bottom: 20px;
}
.materials__item:hover {
  background: var(--color-red);
}
@media (min-width: 1200px) {
  .materials__item:hover {
    height: calc(100% + 30px);
  }
  .materials__item:hover .materials__item-bot {
    opacity: 1;
  }
}
.materials__item:hover * {
  color: white;
}
.materials__item:hover .materials__item-icon path {
  fill: white;
}
.materials__item:hover .materials__item-link::after {
  background: white;
}

@media (max-width: 767.98px) {
  .invite {
    padding-top: 50px;
  }
}
@media (max-width: 1199.98px) {
  .invite {
    padding-top: 60px;
  }
}
@media (min-width: 1600px) {
  .invite {
    padding: 60px 0;
  }
}
.invite__img {
  width: 100%;
  max-width: 780px;
}
@media (max-width: 1199.98px) {
  .invite__img {
    margin-bottom: 40px;
  }
}
.invite__title {
  padding-bottom: 24px;

  border-bottom: 1px solid var(--color-stroke);
}
@media (min-width: 1600px) {
  .invite__title {
    padding-bottom: 30px;
  }
}
.invite-contacts {
  display: grid;

  gap: 30px;
}
@media (max-width: 767.98px) {
  .invite-contacts * {
    margin-right: auto;
    margin-left: auto;

    text-align: center;
  }
}
@media (min-width: 768px) {
  .invite-contacts {
    grid-template-columns: repeat(2, 1fr);
  }
}
.invite-contacts__title {
  margin-bottom: 20px;

  font-weight: 700;
}
@media (min-width: 1200px) {
  .invite-contacts__title {
    margin-bottom: 24px;
  }
}

@media (max-width: 1199.98px) {
  .representative-title {
    margin-bottom: 30px;
  }
}
.representative__img {
  padding-top: 109%;
}
@media (max-width: 767.98px) {
  .representative__img {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199.98px) {
  .representative__img {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .representative__img {
    padding-top: 68%;
  }
}
@media (min-width: 1200px) {
  .representative__img {
    height: 800px;
  }
}
@media (min-width: 1600px) {
  .representative__img {
    height: 840px;
  }
}
.representative-rules {
  display: grid;

  row-gap: 20px;
}
@media (min-width: 768px) and (max-width: 1599.98px) {
  .representative-rules__item {
    padding: 30px;
  }
}
@media (min-width: 1600px) {
  .representative-left {
    padding-right: 50px;
  }
}

@media (min-width: 1600px) {
  .about-intro {
    padding-bottom: 80px;
  }
}
.about-intro__text {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .about-intro__text {
    margin-bottom: 40px;
  }
}
.about-intro__video {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .about-intro__video {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .about-intro__video {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .about-intro__video {
    margin-bottom: 60px;
  }
}
.about-intro-slider__item {
  padding-top: 46.5%;
}
@media (max-width: 1199.98px) {
  .about-materials-text {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .about-materials-text {
    margin-top: 20px;
  }
}
.about-materials-wrap {
  display: grid;

  gap: 20px;
}

.manufacture-slider__item {
  padding-top: 66.5%;
}

@media (min-width: 1200px) {
  .history-left {
    margin-top: 40px;
  }
}
.history-items {
  display: grid;

  gap: 16px;
}
.history__item {
  padding: 16px;

  background: white;
}
@media (min-width: 768px) {
  .history__item {
    display: flex;
    padding: 30px;
  }
  .history__item .num-title {
    margin-right: 30px;
    margin-bottom: 0;
  }
}

.contacts-wrap {
  display: grid;
  margin-bottom: 40px;

  column-gap: 30px;

  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  row-gap: 40px;
}
@media (min-width: 768px) {
  .contacts-wrap {
    margin-bottom: 50px;

    grid-template-columns: repeat(2, 1fr);
    row-gap: 50px;
  }
}
@media (min-width: 1200px) {
  .contacts-wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1600px) {
  .contacts-wrap {
    grid-template-columns: repeat(6, 1fr);
  }
}
.contacts__item {
  display: grid;

  gap: 20px;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows:         min-content;
}
@media (min-width: 1200px) {
  .contacts__item {
    gap: 24px;
  }
}
.contacts__item-title {
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  padding-bottom: 12px;

  color: var(--color-gray);

  border-bottom: 1px solid var(--color-gray);
}
.contacts__item a {
  display: block;

  color: var(--color-red);
}
.contacts__item a[href*="mailto:"] {
  text-decoration: underline;
}
.contacts__item-address {
  display: grid;

  gap: 16px;
}
.contacts__item--for-btn-hd .contacts__item-title {
  opacity: 0;
}
@media (max-width: 1199.98px) {
  .contacts__item--for-btn-hd {
    display: none;
  }
}
.contacts-map iframe {
  width: 100%;
  height: 310px;
}
@media (min-width: 1200px) {
  .contacts-map iframe {
    height: 500px;
  }
}

.product {
  display: grid;

  row-gap: 30px;
}
@media (min-width: 768px) {
  .product {
    row-gap: 40px;
  }
}
@media (min-width: 1200px) {
  .product {
    column-gap: 30px;

    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    grid-template-columns: 2fr 1fr;
  }
}
.product-images {
  display: grid;

  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .product-images {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .product-images {
    grid-column-end: 3;
    grid-column-start: 1;
    grid-template-columns: 2fr 1fr;
  }
}
.product-images__img {
  padding-top: 64%;
}
.product-images__img img {
  display: block;
}
.product-images__img--big {
  grid-column-end: 3;
  grid-column-start: 1;
}
@media (min-width: 1200px) {
  .product-images__img--big {
    grid-column-end: 2;
    grid-row-end: 3;
    grid-row-start: 1;
  }
}
@media (min-width: 1200px) {
  .product-gallery {
    grid-column-end: 3;
    grid-column-start: 1;
    grid-row-start: 3;
  }
}
.product-description {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .product-description {
    margin-bottom: 40px;
  }
}
.product-description * {
  margin: revert;
}
.product-description ol,
.product-description ul {
  padding: revert;

  list-style: revert;
}
.product-characteristics table {
  width: 100%;

  border-collapse: collapse;
}
.product-characteristics table tr:last-child td {
  border-bottom: none;
}
.product-characteristics table td {
  padding: 10px;

  font-size: 15px;

  border-bottom: 1px solid var(--color-stroke);
}
@media (min-width: 1200px) {
  .product-characteristics table td {
    font-size: 16px;
  }
}
.product-characteristics table td:first-child {
  color: var(--color-gray);
}
.product__right {
  display: grid;
  height: -webkit-fit-content;
  height:    -moz-fit-content;
  height:         fit-content;

  gap: 16px;
}
.product__right-block {
  padding: 16px;
}
@media (min-width: 768px) {
  .product__right-block {
    padding: 30px;
  }
}
.product-additional {
  display: grid;

  row-gap: 16px;
}
@media (min-width: 768px) {
  .product-additional {
    row-gap: 24px;
  }
}
@media (min-width: 1600px) {
  .product-additional {
    row-gap: 30px;
  }
}
.product-additional__top {
  display: flex;
  align-items: center;
}
.product-additional__icon {
  margin-right: 20px;
}
.product-additional__icon svg {
  width: 32px;
  height: 32px;
}
.product-additional__text * {
  font-size: 15px;
}
.product-create {
  display: flex;

  border: 1px solid var(--color-red);
}
.product-create__icon {
  margin-right: 16px;
}
@media (min-width: 768px) {
  .product-create__icon {
    margin-right: 24px;
  }
}
@media (min-width: 1200px) {
  .product-create__icon {
    margin-right: 30px;
  }
}
.product-create__title {
  margin-bottom: 12px;
}

.promotions {
  display: grid;

  gap: 20px;
}
.promotions__item {
  border: 1px solid var(--color-stroke);
}
.promotions__item:hover .promotions__item-title {
  color: var(--color-red);
}
@media (min-width: 768px) {
  .promotions__item {
    display: grid;

    column-gap: 30px;

    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    grid-template-columns: 5fr 7fr;
  }
}
.promotions__item-img {
  padding-top: 47%;
}
@media (min-width: 768px) {
  .promotions__item-img {
    padding-top: 0;
  }
}
.promotions__item-right {
  padding: 20px;
}
@media (min-width: 768px) {
  .promotions__item-right {
    padding: 30px 30px 30px 0;
  }
}
@media (min-width: 1200px) {
  .promotions__item-right {
    padding: 38px 40px 38px 20px;
  }
}
@media (min-width: 1600px) {
  .promotions__item-right {
    padding: 50px 50px 50px 20px;
  }
}
.promotions__item-title {
  margin-bottom: 16px;

  font-weight: 700;
}
.promotions__item-date {
  margin-top: 20px;
  padding-top: 10px;

  color: var(--color-gray);

  border-top: 1px solid var(--color-stroke);
}
@media (min-width: 768px) {
  .promotions__item-date {
    margin-top: 30px;
  }
}
@media (min-width: 1600px) {
  .promotions__item-date {
    margin-top: 87px;
  }
}

.promotion-models .content-item__title {
  padding-bottom: 0;

  border-bottom: none;
}

.news-detail__subtitle {
  margin-bottom: 24px;

  font-size: 20px;
  line-height: 27px;
}
.news-detail__video {
  margin-top: 50px;
}
.news-detail__nav {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;

  row-gap: 24px;
}
.news-detail__nav-item {
  display: flex;
  align-items: center;

  color: var(--color-gray);
}
.news-detail__nav-item::after {
  content: "";

  width: 40px;
  height: 1px;

  background: var(--color-gray);
}
.news-detail__nav--prev {
  flex-direction: row-reverse;
  margin-right: auto;
}
.news-detail__nav--prev::after {
  margin-right: 15px;
}
.news-detail__nav--next {
  margin-left: auto;
}
.news-detail__nav--next::after {
  margin-left: 15px;
}
.news-detail__gallery {
  display: grid;

  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
.news-detail__header-img {
  display: flex;
  flex-wrap: wrap;
}
.news-detail__header-img > img {
  flex-basis: 100%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .news-detail__subtitle {
    margin-bottom: 30px;
  }
  .news-detail__gallery {
    grid-template-columns: repeat(3, 1fr);
  }
  .news-detail__header-img {
    margin-right: -15px;
    margin-left: -15px;
  }
  .news-detail__header-img > img {
    max-width: calc(50% - 30px);
    margin: 0 15px;
  }
}
@media (min-width: 1200px) {
  .news-detail__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
  .news-detail__gallery {
    grid-template-columns: repeat(4, 1fr);
  }
  .news-detail__gallery--material {
    grid-template-columns: repeat(3, 1fr);
  }
  .news-detail__content-grid {
    display: grid;
    align-items: start;

    gap: 30px;
    grid-template-columns: 8fr 4fr;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1620px;
  }
  .col-hd {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-hd-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-hd-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-hd-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-hd-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-hd-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-hd-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-hd-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-hd-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-hd-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-hd-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-hd-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-hd-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-hd-0 {
    margin-left: 0;
  }
  .offset-hd-1 {
    margin-left: 8.333333%;
  }
  .offset-hd-2 {
    margin-left: 16.666667%;
  }
  .offset-hd-3 {
    margin-left: 25%;
  }
  .offset-hd-4 {
    margin-left: 33.333333%;
  }
  .offset-hd-5 {
    margin-left: 41.666667%;
  }
  .offset-hd-6 {
    margin-left: 50%;
  }
  .offset-hd-7 {
    margin-left: 58.333333%;
  }
  .offset-hd-8 {
    margin-left: 66.666667%;
  }
  .offset-hd-9 {
    margin-left: 75%;
  }
  .offset-hd-10 {
    margin-left: 83.333333%;
  }
  .offset-hd-11 {
    margin-left: 91.666667%;
  }
  .align-items-hd-center {
    align-items: center !important;
  }
  .justify-content-hd-center {
    justify-content: center !important;
  }
}
.swiper-wrapper {
  box-sizing: border-box;
}

.swiper-pagination {
  position: static;
}

.swiper-pagination-custom {
  width: auto;
}

.swiper-slide {
  height: auto;
}

.slider-nav {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.slider-nav__arrow {
  display: block;
  width: 48px;
  height: 48px;

  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid var(--color-gray);
  cursor: pointer;

  transition: 0.3s;
}
.slider-nav__arrow:hover {
  background-color: var(--color-gray);
}
.slider-nav__prev {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5996 25L0.799609 13L13.5996 1' stroke='%237B808A'/%3E%3C/svg%3E%0A");
  border-right: none;
}
.slider-nav__prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5996 25L0.799609 13L13.5996 1' stroke='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.slider-nav__next {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.400391 1L13.2004 13L0.400391 25' stroke='%237B808A'/%3E%3C/svg%3E ");
}
.slider-nav__next:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.400391 1L13.2004 13L0.400391 25' stroke='%23FFFFFF'/%3E%3C/svg%3E ");
}
.slider-nav__delimiter {
  flex-grow: 1;
  height: 1px;

  background: var(--color-gray);
}
.slider-nav__counts {
  margin-right: 16px;
}
.slider-nav__counts span {
  color: var(--color-gray);
}
.slider-nav__counts span.total {
  opacity: 0.6;
}

.fslightbox-slide-number-container * {
  color: #d7d7d7;
}

.basis-first__cover {
    position: relative;

    height: 220px;
    margin-bottom: -30px;
    overflow: hidden;
    margin-bottom: -30px;
}
.basis-first__cover img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}
.basis-first__content {
    color: white;
    background-color: var(--color-red);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
    color: white;

    background-color: var(--color-red);
}
.basis-first__text * {
    font-weight: 700;
    color: white;
}
@media (min-width: 768px) {
    .basis-first__container {
        position: relative;
    }
    .basis-first__cover-wrapper {
        position: absolute;

        height: 100%;
    }
    .basis-first__cover {
        position: static;

        height: auto;
        margin-bottom: 0;
        overflow: visible;
    }
    .basis-first__cover img {
        left: 15px;

        width: calc(100% - 30px);
    }
    .basis-first__content {
        min-height: 600px;
        justify-content: center;
        min-height: 600px;
    }
}

.basis-project {
    padding: 16px;

    background-color: white;
}
.basis-project__slide {
    position: relative;

    height: 260px;
    overflow: hidden;
}
.basis-project__slide img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}
.basis-project__slide--thumb {
    height: 0;
    padding-bottom: 23%;
}
.basis-project__nav {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 1;

    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    pointer-events: none;
}
.basis-project__nav-arrow {
    width: 16px;
    height: 30px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    pointer-events: auto;
}
.basis-project__descr-title {
    color: var(--color-red);
    text-transform: uppercase;
}
.basis-project__descr-text > *:first-child {
    margin-top: 0;
}
.basis-project__descr-text > *:last-child {
    margin-bottom: 0;
}
.basis-project__descr-text p {
    margin: 24px 0;
}
.basis-project__resume {
    display: grid;
    padding: 16px;

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

    row-gap: 16px;
}
.basis-project__resume-label {
    margin-bottom: 8px;

    font-size: 14px;
    color: var(--color-red);
}
.basis-project__resume-value {
    font-weight: 700;
}
.basis-project__resume-value ins {
    margin-right: 12px;

    text-decoration: none;
}
.basis-project__resume-value del {
    font-weight: 400;
    color: var(--color-gray);
}
@media (min-width: 768px) {
    .basis-project {
        padding: 30px;
    }
    .basis-project__thumbs {
        width: 50%;
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .basis-project__thumbs {
        width: auto;
        margin-left: auto;
    }
    .basis-project__descr,
    .basis-project__resume {
        margin-left: 40px;
    }
}
@media (min-width: 1600px) {
    .basis-project__descr {
        margin-bottom: 0 !important;
    }
    .basis-project__resume {
        margin-left: 0;
    }
}

.basis-test {
    position: relative;

    padding: 80px 30px;

    background-color: rgba(0, 0, 0, 0.4);
    background-image: url("../img/basis-salon/basis-cover.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}
.basis-test * {
    color: white;
}
.basis-test__btn {
    margin: 0 auto;

    text-transform: uppercase;
}
.basis-test__btn:hover {
    color: var(--color-red);

    background-color: white;
}

.feature-block {
    display: flex;
    align-items: center;
    padding: 24px;

    color: var(--color-black);

    background-color: var(--color-background-gray);
}
.feature-block__icon {
    flex-shrink: 0;
    margin-right: 20px;
}
.feature-block__text {
    flex-grow: 1;
}

.advantages-basis-block {
    padding: 30px;

    border: 1px solid var(--color-red);
}
@media (min-width: 1200px) {
    .advantages-basis-block {
        padding: 40px;
    }
}
/*# sourceMappingURL=main.css.map */

.h1-register {
	text-transform: none;
}