@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900; 1,14..32,100..900&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Days+One&display=swap);
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 320px
}
body {
  color: #000;
  line-height: 1;
  font-family: "Days One";
  font-size: totoRem(16);
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
button,
input,
textarea {
  font-family: "Days One";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: rgba(0,0,0,0)
}
input,
textarea {
  width: 100%
}
label {
  display: inline-block
}
button,
option,
select {
  cursor: pointer
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper>main {
  flex: 1 1 auto
}
.wrapper>* {
  min-width: 0
}
[class*=__container] {
  max-width: 78.125rem;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto
}
[class*=__container-big] {
  max-width: 88.0625rem;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 .625rem
}
[class*="--gc"] {
  display: grid;
  min-width: 0;
  grid-template-columns: .625rem 1fr minmax(auto,88.0625rem) 1fr .625rem
}
[class*="--gc"]>* {
  min-width: 0;
  grid-column: 3/4
}
.icon-menu {
  display: none
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ibg--top {
  -o-object-position: top;
  object-position: top
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom
}
.ibg--left {
  -o-object-position: left;
  object-position: left
}
.ibg--right {
  -o-object-position: right;
  object-position: right
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain
}
.button {
  font-weight: 400;
  border: 3px solid rgba(0,0,0,.231372549);
  color: #fff;
  background-color: #317ae7;
  border-radius: 15px;
  min-width: 212px;
  transition: background-color .3s ease,box-shadow .3s ease
}
.button:hover {
  background-color: #2375f0;
  box-shadow: 0 0 6px #2375f0
}
.btn {
  position: relative;
  z-index: 1;
  width: 100%;
  border: 3px solid rgba(0,0,0,.231372549);
  background: #007bff;
  color: #fff;
  border: none;
  padding: 10px 5px;
  border-radius: 6px;
  cursor: pointer;
  transition: background .2s
}
.btn:hover {
  background: #0056b3
}
.header {
  background-color: #7f0002
}
.swiper-pagination-bullet-active {
    border-radius: 1px!important;
    background: #570000!important;
    width: 17px!important;
    height: 4px!important;
}
.swiper-pagination-bullet {
    border-radius: 1px!important;
    width: 17px!important;
    height: 4px!important;
}
.header__container-big {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.header__logo {
  position: relative;
  z-index: 5
}
.header__logo img {
  max-width: 18.0625rem
}
.header__actions {
  position: relative;
  z-index: 5;
  display: flex;
  gap: 1rem;
  align-items: center
}
.menu {
  padding: 0 .625rem
}
.menu__body {
  z-index: 7
}
.menu__list {
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}
.menu__link {
  color: #fff;
  padding: 8px 15px;
  transition: all .6s ease .1s;
  background-color: rgba(255,255,255,0)
}
.menu__link:hover {
  color: #000;
  background-color: #fff;
  padding: 8px 15px;
  border-radius: 20px
}
.menu__link:active {
  color: #000;
  background-color: #fff;
  padding: 8px 15px;
  border-radius: 20px
}
.footer {
  background: #750000;
  color: #fff;
  padding: 30px 20px
}
.footer__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 20px
}
.footer__logo {
  font-size: 24px;
  font-weight: 700;
  font-family: "Arial Black",sans-serif
}
.footer__nav {
  display: flex;
  gap: 60px
}
.footer__nav .footer__list {
  list-style: none;
  margin: 0;
  padding: 0
}
.footer__nav .footer__list li {
  margin-bottom: 10px
}
.footer__nav .footer__list li a {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: opacity .3s
}
.footer__nav .footer__list li a:hover {
  opacity: .7
}
.footer__socials {
  display: flex;
  gap: 15px;
  margin-bottom: 15px
}
.footer__socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden
}
.footer__socials a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.footer__socials a img:hover {
  box-shadow: 0 2px 8px rgba(250,250,250,.1)
}
.footer__line {
  height: 1px;
  width: 100%;
  background: rgba(255,255,255,.5)
}
.banner {
  background-color: #7f0002
}
.banner__container-big {
  padding: 0!important
}
.banner__wrapper {
  flex-direction: row;
  position: relative;
  display: flex;
  align-items: center;
  height: 90vh;
  max-height: 580px!important;
  background-color: #fff;
  border-radius: 30px;
  z-index: 0
}
.banner__wrapper::before {
  content: "";
  position: absolute;
  background: url(../img/banner.webp) no-repeat center/cover;
  pointer-events: none;
  z-index: -1;
  top: 50%;
  right: 30px;
  width: 820px;
  height: 490px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.banner__item {
  padding-left: 50px
}
.banner__item h1 {
  color: #7f0002;
  max-width: 640px
}
.banner__item span {
  color: #000
}
.it-n {
  display: none
}
.it-n img {
  width: 100%
}
.catalog {
  padding-top: 40px;
  background-color: #7f0002
}
.catalog__container-big {
  border-radius: 30px 30px 0 0;
  background-color: #fff
}
.catalog__title {
  color: #05001f
}
.catalog__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  justify-content: space-between
}
.catalog__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  border-radius: 21px 20px 10px 10px;
  border: 2px solid rgba(0,0,0,.2509803922);
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
  text-align: center;
  width: 23%;
  overflow: hidden;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s,-webkit-transform .2s;
  cursor: pointer
}
.catalog__item:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px)
}
.catalog__material h3 {
  padding-bottom: 5px
}
.catalog__material img {
  height: 50px;
  width: 70px
}
.catalog__img {
  width: 100%;
  height: auto;
  margin-bottom: 15px
}
.catalog__info {
  gap: 4px;
  justify-content: space-evenly;
  display: flex;
  align-items: center;
  padding: 5px;
  margin-bottom: 10px
}
.catalog__price {
  font-weight: 700
}
.popup {
  position: fixed;
  z-index: 100000000000000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  display: none;
  align-items: center;
  justify-content: center
}
.popup__content {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  width: 320px;
  position: relative
}
.popup__close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  cursor: pointer
}
.popup__form {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.popup__form button,
.popup__form input {
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ddd
}
.popup__form button {
  background: #007bff;
  color: #fff;
  border: none;
  cursor: pointer
}
.popup__form button:hover {
  background: #0056b3
}
.popup__content h3 {
  text-align: center;
  padding-bottom: 10px
}
label {
  color: #7f0002
}
.about {
  background-color: #7f0002;
  color: #fff;
  padding-bottom: 50px
}
.about__container {
  position: relative
}
.about__container::before {
  content: "";
  position: absolute;
  background: url(../img/banner2.svg) no-repeat center/cover;
  pointer-events: none;
  z-index: 0;
  bottom: -50px;
  right: -10px;
  width: 370px;
  height: 473px
}
.about__item {
  display: flex;
  gap: 20px;
  flex-direction: column;
  max-width: 70%;
  z-index: 1;
  position: relative
}
.it2-n {
  display: none
}
.it2-n img {
  max-width: 350px;
  -webkit-mask-image: linear-gradient(black 90%,transparent 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(black 90%,transparent 100%);
  mask-repeat: no-repeat;
  mask-size: 100% 100%
}
.catalog-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.7);
  display: none;
  justify-content: center;
  align-items: center;
  padding: 20px;
  z-index: 9999
}
.catalog-popup__right b {
  color: #7f0002;
  font-weight: 400
}
.catalog-popup.active {
  display: flex
}
.catalog__info-btn span {
  display: inline-block;
  -webkit-transform: translateY(-12%);
  transform: translateY(-12%)
}
.catalog-popup__content {
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  max-width: 800px;
  width: 100%;
  max-height: 95vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,.2)
}
.catalog-popup__close {
  position: absolute;
  top: 15px;
  right: 15px;
  border: none;
  background: 0 0;
  font-size: 28px;
  cursor: pointer
}
.catalog-popup__title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px
}
.catalog-popup__body {
  display: flex;
  gap: 20px
}
.catalog-popup__left {
  flex: 0 0 35%
}
.catalog-popup__right {
  flex: 1;
  font-size: 14px;
  line-height: 1.5
}
.catalog-popup__right ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px
}
.catalog-popup__right li {
  margin-bottom: 8px
}
.catalog-popup__btn {
  display: block;
  margin-top: 20px;
  width: 100%;
  padding: 12px;
  font-size: 16px;
  border-radius: 8px;
  background: #06c;
  color: #fff;
  border: none;
  cursor: pointer
}
.catalog-popup__btn:hover {
  background: #0052a3
}
.catalog-popup__vin {
  margin-top: 25px;
  font-weight: 700;
  font-size: 16px;
  text-align: left
}
.catalog-popup__slider {
  width: 300px;
  border-radius: 12px;
  overflow: hidden
}
.catalog-popup__slider img {
  width: 100%;
  display: block;
  border-radius: 12px
}
.catalog-popup__slider .swiper-pagination {
  margin-top: 10px;
  text-align: center
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: relative;
  left: 0;
  z-index: 100000000000000000000;
  width: 100%
}
.swiper-pagination-bullet-active {
  border-radius: inherit;
  background: #570000;
  width: 17px;
  height: 4px
}
.swiper-pagination-bullet {
  border-radius: inherit;
  background: #570000;
  width: 17px;
  height: 4px
}
.catalog__img-wrap {
  position: relative;
  display: inline-block
}
.car-popup__price {
  margin-top: 20px
}
.car-popup__price .car-popup__old span {
  font-size: 14px;
  color: #000;
  display: block;
  margin-bottom: 2px
}
.car-popup__price .car-popup__old del {
  font-size: 20px;
  color: #000;
  text-decoration: line-through
}
.car-popup__price .car-popup__new {
  margin-top: 10px
}
.car-popup__price .car-popup__new span {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 4px
}
.car-popup__price .car-popup__new strong {
  font-size: 28px;
  font-weight: 700;
  color: #a50000
}
.catalog__info-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,.7);
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
  transition: background .2s ease
}
.catalog__info-btn:hover {
  background: rgba(0,0,0,.9)
}
.title-block {
  font-family: "Days One";
  color: #05001f
}
.stage__wrapper {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  row-gap: 35px;
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px
}
.stage__item {
  justify-content: flex-start;
  min-height: 120px;
  align-items: stretch;
  display: flex;
  width: 40%;
  border-radius: 20px;
  transition: background-color .9s ease;
  background: linear-gradient(108.94deg,#700000 12.43%,#570000 92.08%)
}
.stage__subtitle {
  color: rgba(255,255,255,.5019607843);
  font-family: Inter;
  padding-top: .625rem
}
.number-line {
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.number-line__title {
  color: #fff;
  font-family: Inter;
  font-weight: 600
}
.number-line__number {
  display: flex;
  border: 3px solid #ff7b7e;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  justify-content: center;
  align-items: center
}
.reviews {
  font-family: Arial,sans-serif;
  color: #333
}
.reviews__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px
}
.reviews__logo {
  display: flex;
  align-items: center
}
.reviews__logo img {
  height: 70px;
  margin-right: 10px
}
.reviews__logo .reviews__rating {
  font-size: 16px;
  font-weight: 500
}
.reviews__btn {
  background: #ff4d4f;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background .3s
}
.reviews__btn:hover {
  background: #e63b3d
}
.reviews__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}
.rr {
  color: #fbbc05
}
.review {
  flex: 1 1 calc(33.333% - 20px);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  padding: 20px;
  display: flex;
  flex-direction: column
}
.review__user {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}
.review__user img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 12px
}
.review__user h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600
}
.review__user span {
  font-size: 12px;
  color: #777
}
.review__stars {
  color: #fbbc05;
  font-size: 14px;
  margin-bottom: 10px
}
.review p {
  font-size: 14px;
  line-height: 1.4;
  color: #555
}
.contact {
  color: #000
}
.contact__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px
}
.contact__item {
  flex: 1 1 calc(33.333% - 20px);
  min-width: 250px;
  text-align: center
}
.contact__item .contact__icon {
  margin-bottom: 12px
}
.contact__item .contact__icon img {
  width: 36px;
  height: 36px;
  -o-object-fit: contain;
  object-fit: contain
}
.contact__item h3 {
  font-family: "Days One";
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px
}
.contact__item p {
  font-family: Inter;
  font-size: 14px;
  line-height: 1.4
}
.contact__item a {
  color: maroon;
  text-decoration: none
}
.contact__item a:hover {
  text-decoration: underline
}
.contact__item strong {
  color: #000
}
.features__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  padding: 30px;
  border: 2px solid #ccc;
  border-radius: 8px;
  background: #fff;
  margin-top: 20px
}
.features__item {
  min-width: 200px;
  flex: 1 1 25%;
  text-align: center;
  padding: 10px
}
.features__item .features__icon {
  margin-bottom: 12px
}
.features__item .features__icon img {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
  object-fit: contain
}
.features__item h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px;
  color: #05001f
}
.features__item p {
  font-size: 13px;
  line-height: 1.4;
  color: #333
}
@media (min-width:89.3125em) {
  .button {
    font-size: 1rem
  }
  .button {
    padding-top: .96875rem
  }
  .button {
    padding-bottom: .96875rem
  }
  .button {
    padding-left: 2.875rem
  }
  .button {
    padding-right: 2.875rem
  }
  .btn {
    font-size: 1.0625rem
  }
  .header {
    padding-top: .9375rem
  }
  .header {
    padding-bottom: .9375rem
  }
  .header__logo img {
    width: 18.0625rem
  }
  .header__logo img {
    height: 3.75rem
  }
  .banner__item h1 {
    font-size: 3.75rem
  }
  .banner__item h1 {
    padding-bottom: 3.125rem
  }
  .catalog__container-big {
    padding-bottom: 3.75rem
  }
  .catalog__title {
    font-size: 2.25rem
  }
  .catalog__title {
    padding-bottom: 1.875rem
  }
  .catalog__title {
    padding-top: 3.125rem
  }
  .catalog__material h3 {
    font-size: 1rem
  }
  .catalog__price {
    font-size: 1rem
  }
  .popup__content h3 {
    font-size: 1.5rem
  }
  .about__title {
    font-size: 2.25rem
  }
  .about__title {
    padding-bottom: 1.875rem
  }
  .about__title {
    padding-top: 3.125rem
  }
  .title-block {
    font-size: 2.25rem
  }
  .title-block {
    padding-bottom: 1.875rem
  }
  .title-block {
    padding-top: 3.125rem
  }
  .stage {
    padding-bottom: 3.125rem
  }
  .stage__wrapper-block {
    padding: .9375rem
  }
  .number-line__title {
    font-size: 2.125rem
  }
  .number-line__number {
    font-size: 1.25rem
  }
  .number-line__number {
    margin-right: .9375rem
  }
  .contact {
    padding-bottom: 3.125rem
  }
}
@media (max-width:20em) {
  .button {
    font-size: .875rem
  }
  .button {
    padding-top: .71875rem
  }
  .button {
    padding-bottom: .71875rem
  }
  .button {
    padding-left: 1.6875rem
  }
  .button {
    padding-right: 1.6875rem
  }
  .btn {
    font-size: .8125rem
  }
  .header {
    padding-top: .625rem
  }
  .header {
    padding-bottom: .625rem
  }
  .header__logo img {
    width: 8.75rem
  }
  .header__logo img {
    height: 3.125rem
  }
  .banner__item h1 {
    font-size: 2.375rem
  }
  .banner__item h1 {
    padding-bottom: 1.5625rem
  }
  .catalog__container-big {
    padding-bottom: 2.5rem
  }
  .catalog__title {
    font-size: 1.5rem
  }
  .catalog__title {
    padding-bottom: 1.25rem
  }
  .catalog__title {
    padding-top: 1.5625rem
  }
  .catalog__material h3 {
    font-size: .875rem
  }
  .catalog__price {
    font-size: .875rem
  }
  .popup__content h3 {
    font-size: 1.375rem
  }
  .about__title {
    font-size: 1.5rem
  }
  .about__title {
    padding-bottom: 1.25rem
  }
  .about__title {
    padding-top: 1.5625rem
  }
  .title-block {
    font-size: 1.5rem
  }
  .title-block {
    padding-bottom: 1.25rem
  }
  .title-block {
    padding-top: 1.5625rem
  }
  .stage {
    padding-bottom: 1.5625rem
  }
  .stage__wrapper-block {
    padding: .625rem
  }
  .number-line__title {
    font-size: 1.375rem
  }
  .number-line__number {
    font-size: 1.125rem
  }
  .number-line__number {
    margin-right: .625rem
  }
  .contact {
    padding-bottom: 1.5625rem
  }
}
@media (max-width:61.99875em) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 0;
    left: -100%;
    transition: all .3s ease 0s;
    overflow: auto;
    background-color: #1b2327;
    gap: 1.875rem;
    z-index: 4;
    padding-left: .9375rem;
    padding-right: .9375rem
  }
  .menu__body::before {
    content: "";
    position: fixed;
    top: 0;
    left: -100%;
    transition: all .3s ease 0s;
    width: 100%;
    background-color: #7f0002;
    z-index: 2
  }
  .menu-open .menu__body {
    left: 0
  }
  .menu-open .menu__body::before {
    left: 0
  }
  .menu__list {
    flex-direction: column;
    text-align: center
  }
  .menu__link {
    font-size: 1.5rem;
    color: #fff
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    cursor: pointer;
    z-index: 5
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .125rem;
    background-color: #fff
  }
  .icon-menu::before {
    top: 0
  }
  .icon-menu::after {
    bottom: 0
  }
  .icon-menu span {
    top: calc(50% - .0625rem)
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .banner__wrapper {
    flex-direction: row-reverse
  }
  .banner__wrapper::before {
    display: none
  }
  .it-n {
    display: block
  }
  .catalog__item {
    width: 31%
  }
  .stage__wrapper {
    row-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
  }
  .stage__item {
    width: 47%
  }
  .features__wrapper {
    flex-wrap: wrap
  }
}
@media (max-width:61.99875em)and (max-width:0.125em) {
  .menu__body {
    padding-top: 7.5rem
  }
}
@media (max-width:47.99875em) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    overflow: auto;
    padding: 3.125rem .9375rem .9375rem 1.875rem;
    transition: left .3s
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 4.375rem;
    left: -100%;
    top: 0;
    transition: left .3s;
    z-index: 2
  }
  .menu-open .menu__body {
    left: 0
  }
  .menu-open .menu__body::before {
    left: 0
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    z-index: 5
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .125rem;
    background-color: #000
  }
  .icon-menu::before {
    top: 0
  }
  .icon-menu::after {
    bottom: 0
  }
  .icon-menu span {
    top: calc(50% - .0625rem)
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .btn {
    border: 1px solid rgba(0,0,0,.2509803922);
    border-radius: 5px
  }
  .banner__wrapper {
    flex-direction: column
  }
  .banner__item {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center
  }
  .banner__item h1 {
    text-align: center
  }
  .it-n img {
    max-width: 500px
  }
  .catalog__title {
    text-align: center
  }
  .catalog__list {
    gap: 10px
  }
  .catalog__item {
    border: 1px solid rgba(0,0,0,.2509803922);
    border-radius: 10px 10px 5px 5px;
    width: 48%
  }
  .catalog__material img {
    height: 35px;
    width: 55px
  }
  .about__container::before {
    display: none
  }
  .about__title {
    text-align: center
  }
  .about__item {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
  }
  .it2-n {
    display: block;
    display: flex;
    align-items: center
  }
  .catalog-popup {
    padding: 10px
  }
  .catalog-popup__body {
    display: flex;
    gap: 10px;
    flex-direction: column
  }
  .title-block {
    text-align: center
  }
  .stage__wrapper {
    row-gap: 15px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
  }
  .stage__item {
    width: 100%;
    border-radius: 10px
  }
  .stage__subtitle {
    line-height: 21px
  }
  .features__wrapper {
    gap: 10px
  }
}
@media (max-width:47.99875em)and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (max-width:29.99875em) {
  .header__btn-menu {
    display: none
  }
  .header__btn-menu::before {
    content: "";
    position: fixed;
    top: 0;
    left: -100%;
    transition: all .3s ease 0s;
    width: 100%;
    z-index: 2
  }
  .menu-open .header__btn-menu {
    left: 0
  }
  .menu-open .header__btn-menu::before {
    left: 0
  }
}
@media (min-width:20em)and (max-width:89.3125em) {
  .button {
    font-size: clamp(.875rem ,.8389314698rem + .180342651vw ,1rem)
  }
  .button {
    padding-top: clamp(.71875rem ,.6466129396rem + .3606853021vw ,.96875rem)
  }
  .button {
    padding-bottom: clamp(.71875rem ,.6466129396rem + .3606853021vw ,.96875rem)
  }
  .button {
    padding-left: clamp(1.6875rem ,1.344848963rem + 1.7132551849vw ,2.875rem)
  }
  .button {
    padding-right: clamp(1.6875rem ,1.344848963rem + 1.7132551849vw ,2.875rem)
  }
  .btn {
    font-size: clamp(.8125rem ,.7403629396rem + .3606853021vw ,1.0625rem)
  }
  .header {
    padding-top: clamp(.625rem ,.5348286745rem + .4508566276vw ,.9375rem)
  }
  .header {
    padding-bottom: clamp(.625rem ,.5348286745rem + .4508566276vw ,.9375rem)
  }
  .header__logo img {
    width: clamp(8.75rem ,6.0628944995rem + 13.4355275023vw ,18.0625rem)
  }
  .header__logo img {
    height: clamp(3.125rem ,2.944657349rem + .9017132552vw ,3.75rem)
  }
  .banner__item h1 {
    font-size: clamp(2.375rem ,1.9782461677rem + 1.9837691614vw ,3.75rem)
  }
  .banner__item h1 {
    padding-bottom: clamp(1.5625rem ,1.1116433724rem + 2.254283138vw ,3.125rem)
  }
  .catalog__container-big {
    padding-bottom: clamp(2.5rem ,2.1393146979rem + 1.8034265104vw ,3.75rem)
  }
  .catalog__title {
    font-size: clamp(1.5rem ,1.2835888188rem + 1.0820559062vw ,2.25rem)
  }
  .catalog__title {
    padding-bottom: clamp(1.25rem ,1.069657349rem + .9017132552vw ,1.875rem)
  }
  .catalog__title {
    padding-top: clamp(1.5625rem ,1.1116433724rem + 2.254283138vw ,3.125rem)
  }
  .catalog__material h3 {
    font-size: clamp(.875rem ,.8389314698rem + .180342651vw ,1rem)
  }
  .catalog__price {
    font-size: clamp(.875rem ,.8389314698rem + .180342651vw ,1rem)
  }
  .popup__content h3 {
    font-size: clamp(1.375rem ,1.3389314698rem + .180342651vw ,1.5rem)
  }
  .about__title {
    font-size: clamp(1.5rem ,1.2835888188rem + 1.0820559062vw ,2.25rem)
  }
  .about__title {
    padding-bottom: clamp(1.25rem ,1.069657349rem + .9017132552vw ,1.875rem)
  }
  .about__title {
    padding-top: clamp(1.5625rem ,1.1116433724rem + 2.254283138vw ,3.125rem)
  }
  .title-block {
    font-size: clamp(1.5rem ,1.2835888188rem + 1.0820559062vw ,2.25rem)
  }
  .title-block {
    padding-bottom: clamp(1.25rem ,1.069657349rem + .9017132552vw ,1.875rem)
  }
  .title-block {
    padding-top: clamp(1.5625rem ,1.1116433724rem + 2.254283138vw ,3.125rem)
  }
  .stage {
    padding-bottom: clamp(1.5625rem ,1.1116433724rem + 2.254283138vw ,3.125rem)
  }
  .stage__wrapper-block {
    padding: clamp(.625rem ,.5348286745rem + .4508566276vw ,.9375rem)
  }
  .number-line__title {
    font-size: clamp(1.375rem ,1.1585888188rem + 1.0820559062vw ,2.125rem)
  }
  .number-line__number {
    font-size: clamp(1.125rem ,1.0889314698rem + .180342651vw ,1.25rem)
  }
  .number-line__number {
    margin-right: clamp(.625rem ,.5348286745rem + .4508566276vw ,.9375rem)
  }
  .contact {
    padding-bottom: clamp(1.5625rem ,1.1116433724rem + 2.254283138vw ,3.125rem)
  }
}
@media (max-width:61.99875em)and (min-width:20em) {
  .menu__body {
    padding-top: 11.25rem
  }
}
@media (max-width:61.99875em)and (min-width:0.125em)and (max-width:20em) {
  .menu__body {
    padding-top: clamp(7.5rem ,7.4764150943rem + 18.8679245283vw ,11.25rem)
  }
}