@charset "UTF-8";



@font-face {

  font-family: Montserrat;

  font-display: swap;

  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");

  font-weight: 500;

  font-style: normal;

}



@font-face {

  font-family: Montserrat;

  font-display: swap;

  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");

  font-weight: 400;

  font-style: normal;

}



* {

  padding: 0px;

  margin: 0px;

  border: 0px;

}



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



html,

body {

  height: 100%;

  min-width: 320px;

}



body {

  color: #191919;

  line-height: 1;

  font-family: Montserrat, sans-serif;

  font-size: 0.875rem;

  -ms-text-size-adjust: 100%;

  -moz-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



input,

button,

textarea {

  font-family: Montserrat, sans-serif;

  font-size: inherit;

  line-height: inherit;

}

.preloader {

    position: fixed;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 99999;

}

.preloader_video{

    position:fixed;

    width: 100%;

    height: 100%;

    background:black;

    

}

button {

  cursor: pointer;

  color: inherit;

  background-color: transparent;

}



a {

  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;

}



body {

  background: #fff;

}



.lock body {

  overflow: hidden;

  -ms-touch-action: none;

      touch-action: none;

  -ms-scroll-chaining: none;

      overscroll-behavior: none;

}



.wrapper {

  min-height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  overflow: hidden;

}



@supports (overflow: clip) {

  .wrapper {

    overflow: clip;

  }

}



.wrapper main.page {

  padding-top: 3.5rem;

}



.wrapper > main {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 auto;

          flex: 1 1 auto;

}



.wrapper > * {

  min-width: 0;

}



/*

(i) Стилі будуть застосовуватись до

всіх класів, що містять *__container

Наприклад header__container, main__container і т.п.

Сніппет (HTML): cnt

*/



[class*=__container] {

  max-width: 97.5rem;

  margin: 0 auto;

  padding: 0 1.25rem;

}



[class*=-ibg] {

  position: relative;

}



[class*=-ibg] img {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  -o-object-fit: cover;

     object-fit: cover;

}



[class*=-ibg--contain] img {

  -o-object-fit: contain;

     object-fit: contain;

}



.btn {

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  color: #fff;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.2;

  padding: 1rem 2.625rem;

  border-radius: 6.25rem;

  background: #191919;

  -webkit-transition: background 0.3s;

  transition: background 0.3s;

}

.slick-dots,

.swiper-pagination {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-column-gap: 1.25rem;

     -moz-column-gap: 1.25rem;

          column-gap: 1.25rem;

  row-gap: 0.625rem;

}

.slick-dots li button,

.swiper-pagination .swiper-pagination-bullet {

  display: block;

  width: 0.625rem;

  height: 0.625rem;

  background: #d0d0d0;

  -webkit-transition: background 0.3s;

  transition: background 0.3s;

  cursor: pointer;

}

.slick-dots  li.slick-active ,

.swiper-pagination .swiper-pagination-bullet-active {

  background: #414141;

}



.swiper-button-prev{

  width: 2rem;

  height: 2rem;

  display: -ms-grid;

  display: grid;

  place-content: center;

  pointer-events: all;

}

.swiper-button-next {

  width: 2rem;

  height: 100%;

  display: -ms-grid;

  display: grid;

  place-content: center;

  pointer-events: all;

}

.product-page__slider .slick-arrow svg,

.project-page__slider .slick-arrow svg,

.swiper-button-prev svg,

.swiper-button-next svg {

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;

}

.slick-dots {

  display: flex;

  align-items: center;

  

  column-gap: 1.25rem;

  row-gap: 0.625rem;

}



.slick-dots li button {

  display: block;

  width: 0.625rem;

  height: 0.625rem;

  background: #d0d0d0;

  transition: background 0.3s;

  cursor: pointer;

}

.schedule_content{
   font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.44;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.slick-dots li.slick-active button {

  background: #414141;

}

.project-page__slide {

  height: 300px; 

  min-height:300px;

}



/* Ensure images fill the entire slide */



.project-page__slide img {

    display:block;
    height: 100%;
  object-fit: cover;
-o-object-fit:cover;
  min-height:300px !important;

}

.title {

  color: #191919;

  font-weight: 500;

  line-height: 1.3;

  text-transform: uppercase;

}



.breadcrumbs {

  padding: 1.875rem 0;

  color: #191919;

}



.breadcrumbs__link {

  font-size: 1rem;

  line-height: 1.2;

  color: #191919;

}



.breadcrumbs__link:not(:last-child) {

  margin-right: 0.75rem;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}



.breadcrumbs__link:not(:last-child)::after {

  content: "/";

  font-size: 1rem;

  display: inline-block;

  margin-left: 0.75rem;

}



.header {

  position: fixed;

  left: 0;

  top: 0;
  z-index: 15;

  width: 100%;

  background: #fff;

  -webkit-box-shadow: 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12);

          box-shadow: 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12);

  padding: 0.6875rem 0;

}



.header__body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 1.25rem;

}



.header__logo {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 0.9375rem;

}



.header__logo-img {

  max-width: 11.0625rem;

  width: 100%;

  height: auto;

  -o-object-fit: cover;

     object-fit: cover;

}



.header__logo-text {

  max-width: 6.75rem;

  width: 100%;

  height: auto;

  -o-object-fit: cover;

     object-fit: cover;

  margin-top: auto;

}



.menu {

  margin-left: auto;

}



.menu__list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  row-gap: 0.625rem;

}

.menu__url{

     font-weight: 500;

     line-height: normal;

  letter-spacing: 0.56px;

  text-transform: uppercase;

  padding: 0.6875rem 0 0 0;

  margin-bottom: -0.6875rem;

  display: -ms-grid;

  display: grid;

  gap: 0.625rem;

}



.menu__link,

.menu__btn {

  font-weight: 500;

  line-height: normal;

  letter-spacing: 0.56px;

  text-transform: uppercase;

  padding: 0.6875rem 0 0 0;

  margin-bottom: -0.6875rem;

  display: -ms-grid;

  display: grid;

  gap: 0.625rem;

}



.menu__link::after,

.menu__btn::after {

  content: "";

  width: 0;

  height: 0.0625rem;

  background-color: #191919;

  -webkit-transition: width 0.3s;

  transition: width 0.3s;

}



.submenu {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  z-index: -1;
  background: #fff;

  -webkit-box-shadow: inset 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12);

          box-shadow: inset 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12);

  padding: 3.125rem 0;

}



.submenu__container {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(120px, 200px))[4] (minmax(170px, 200px))[2];

  grid-template-columns: repeat(4, minmax(120px, 200px)) repeat(2, minmax(170px, 200px));

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 1.25rem;

}


.submenu__title {

  font-size: 1rem;

  font-weight: 500;

  line-height: 1.2;

  text-transform: uppercase;
  
}



.submenu__title:not(:last-child) {

  margin-bottom: 1.875rem;

}
.submenu__col{
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;

      align-content: start;

  gap: 0.2rem;
}

.submenu__list {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;

      align-content: start;

  gap: 1.5rem;

}

.submenu__list_child3{

  display: -ms-grid;

  display: grid;

  -ms-flex-line-pack: start;

      align-content: start;

      gap:0.3rem;

}



.submenu__link {

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  font-size: 1rem;

  line-height: 1.2;

  position: relative;

}



.submenu__link::before {

  content: "";

  position: absolute;

  left: -0.75rem;

  bottom: 0;

  width: 0.125rem;

  height: 0;

  background-color: #191919;

  -webkit-transition: height 0.3s;

  transition: height 0.3s;

}



.languages__list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 0.75rem;

}



.languages__link {

  display: block;

  color: #9f9f9f;

  font-size: 0.875rem;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 0.42px;

  text-transform: uppercase;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}



.languages__link.active {

  display: -ms-grid;

  display: grid;

  gap: 0.125rem;

  color: #191919;

}



.languages__link.active::after {

  content: "";

  width: 100%;

  height: 0.0625rem;

  background-color: #191919;

  -webkit-transition: width 0.3s;

  transition: width 0.3s;

}



.icon-menu {

  display: none;

}



.footer {

  padding: 3.75rem 0;

  background-color: #414141;

  color: #fff;

}



.footer__body {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (auto)[5];

  grid-template-columns: repeat(5, auto);

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 0.9375rem;

}



.footer__logo {

  display: block;

}



.footer__logo:not(:last-child) {

  margin-bottom: 1.875rem;

}



.footer__logo img {

  width: 100%;

  height: auto;

  -o-object-fit: cover;

     object-fit: cover;

}



.footer__copy {

  font-size: 1rem;

  line-height: 1.5;

}



.footer__copy:not(:last-child) {

  margin-bottom: 1.875rem;

}



.footer__dev {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.625rem;

  font-size: 1rem;

}



.footer__title {

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  font-size: 0.875rem;

  font-weight: 500;

  line-height: 1.2;

  letter-spacing: 0.56px;

  text-transform: uppercase;

  list-style: none;

}



.footer__title:not(:last-child) {

  margin-bottom: 1.25rem;

}



.footer__title::marker {

  display: none;

}



.footer__title::-webkit-details-marker {

  display: none;

}



.footer__list {

  display: -ms-grid;

  display: grid;

  gap: 1rem;

}



.footer__link {

  display: block;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  line-height: 1.2;

}



.footer__col-links {

  display: -ms-grid;

  display: grid;

  -ms-flex-line-pack: start;

      align-content: start;

  gap: 0.625rem;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

}



.footer__contacs {

  display: -ms-grid;

  display: grid;

  -ms-flex-line-pack: start;

      align-content: start;

  gap: 1rem;

}



.footer__name {

  font-size: 1rem;

}



.footer__socials {

  display: -ms-grid;

  display: grid;

  -ms-flex-line-pack: start;

      align-content: start;

  gap: 1.0625rem;

}



.footer__soc-link {

  display: -ms-grid;

  display: grid;

  place-content: center;

  width: 3.125rem;

  height: 3.125rem;

  border: 1px solid #fff;

  -webkit-transition: -webkit-transform 0.6s;

  transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  transition: transform 0.6s, -webkit-transform 0.6s;

}



.promo__slider {

  position: relative;

  min-height: 31.25rem;

}



.promo__slider::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  background: rgba(0, 0, 0, 0.35);

  pointer-events: none;

}



.promo__logo {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 5;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (1fr)[5];

  grid-template-columns: repeat(5, 1fr);

  grid-auto-rows: auto;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  justify-items: center;

}



.promo__logo svg {

  width: 100%;

  height: auto;

}



.promo__logo .anim-opacity {

  -ms-grid-column-span: 5;

  grid-column: span 5;

  -webkit-transform: translate(0px, 20px);

      -ms-transform: translate(0px, 20px);

          transform: translate(0px, 20px);

  opacity: 0;

  will-change: transform;

}



._watcher-view .promo__logo .anim-opacity {

  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;

  transition: opacity 1s ease, -webkit-transform 1s ease;

  transition: transform 1s ease, opacity 1s ease;

  transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;

  -webkit-transform: translate(0px, 0px);

      -ms-transform: translate(0px, 0px);

          transform: translate(0px, 0px);

  opacity: 1;

}



.promo__logo .anim-rotate {

  -webkit-transform-origin: center;

      -ms-transform-origin: center;

          transform-origin: center;

  -webkit-transform: rotateY(90deg);

          transform: rotateY(90deg);

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;

  will-change: transform;

}



._watcher-view .promo__logo .anim-rotate {

  -webkit-transition: -webkit-transform 2s ease;

  transition: -webkit-transform 2s ease;

  transition: transform 2s ease;

  transition: transform 2s ease, -webkit-transform 2s ease;

  -webkit-transform: rotateY(0deg);

          transform: rotateY(0deg);

}



.promo__slide-img {

  position: relative;

  height: 100vh;

  min-height: 31.25rem;

}



.promo__slide-img img {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  -o-object-fit: cover;

     object-fit: cover;

}



.promo .swiper-pagination {

  display: -ms-grid;

  display: grid;

  gap: 1.25rem;

  position: absolute;

  top: 50%;

  right: 2.5rem;

  z-index: 3;

  -webkit-transform: translate(0px, -50%);

      -ms-transform: translate(0px, -50%);

          transform: translate(0px, -50%);

}



.promo .swiper-pagination .swiper-pagination-bullet {

  display: block;

  width: 0.625rem;

  height: 0.625rem;

  background: rgba(255, 255, 255, 0.3);

  -webkit-transition: background 0.3s;

  transition: background 0.3s;

  cursor: pointer;

}



.promo .swiper-pagination .swiper-pagination-bullet-active {

  background: rgb(255, 255, 255);

}



.promo__arrow-down {

  position: absolute;

  left: 50%;

  bottom: 1.625rem;

  -webkit-transform: translate(-50%, 0px);

      -ms-transform: translate(-50%, 0px);

          transform: translate(-50%, 0px);

}



.promo__arrow-down path {

  stroke-opacity: 0.2;

  -webkit-animation: arrowOpacity 1.5s infinite;

          animation: arrowOpacity 1.5s infinite;

}



.promo__arrow-down path:nth-child(2) {

  -webkit-animation-delay: -0.2s;

          animation-delay: -0.2s;

}



.promo__arrow-down path:nth-child(3) {

  -webkit-animation-delay: -0.4s;

          animation-delay: -0.4s;

}



@-webkit-keyframes arrowOpacity {

  0% {

    stroke-opacity: 0.2;

  }



  50% {

    stroke-opacity: 1;

  }



  100% {

    stroke-opacity: 0.2;

  }

}



@keyframes arrowOpacity {

  0% {

    stroke-opacity: 0.2;

  }



  50% {

    stroke-opacity: 1;

  }



  100% {

    stroke-opacity: 0.2;

  }

}



.about {

  background-color: #fff;

}



.about__body {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (1fr)[2];

  grid-template-columns: repeat(2, 1fr);

  gap: 2.5rem;

}



.about__content {

  display: -ms-grid;

  display: grid;

  -ms-flex-line-pack: start;

      align-content: start;

  grid-auto-rows: auto;

  gap: 2.5rem;

}



.about__title {

  font-weight: 500;

  line-height: 1.3;

  letter-spacing: 1.12px;

  text-transform: uppercase;

}



.about__text {

  font-weight: 400;

  line-height: 1.44;

}



.about__img img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.projects {

  padding: 3.75rem 0;

  background: #f1f1f1;

}



.projects__head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 0.9375rem;

}



.projects__head:not(:last-child) {

  margin-bottom: 2.5rem;

}



.projects__title {

  font-weight: 500;

  line-height: 1.3;

  letter-spacing: 1.12px;

  text-transform: uppercase;

}



.projects__slide-img {

  max-height: 25.875rem;

  overflow: hidden;

}



.projects__slide-img:not(:last-child) {

  margin-bottom: 1.875rem;

}



.projects__slide-img img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transition: -webkit-transform 0.6s;

  transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  transition: transform 0.6s, -webkit-transform 0.6s;

}



.projects__slide-name {

  font-size: 1.125rem;

  font-weight: 500;

  line-height: 1.3;

  letter-spacing: 0.72px;

  text-transform: uppercase;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}



.catalog__title:not(:last-child) {

  margin-bottom: 1.875rem;

}



.catalog__text {

  font-size: 1.125rem;

  font-weight: 400;

  line-height: 1.44;

}
.catalog__text h2{
    font-size: 1.55rem;
    margin:10px 0;
}
.catalog__text h3 {
    font-size: 1.45rem;
    margin:10px 0;
}



.catalog__text:not(:last-child) {

  margin-bottom: 1.875rem;

}



.catalog__items {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (1fr)[4];

  grid-template-columns: repeat(4, 1fr);

  gap: 2.5rem;

}



.catalog__item-img {

  overflow: hidden;
  height:500px;

}



.catalog__item-img:not(:last-child) {

  margin-bottom: 1.25rem;

}



.catalog__item-img img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transition: -webkit-transform 0.6s;

  transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  transition: transform 0.6s, -webkit-transform 0.6s;

}



.catalog__name {

  color: #191919;

  font-size: 1rem;

  font-weight: 500;

  letter-spacing: 0.64px;

  text-transform: uppercase;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}



.product-page {

  position: relative;

}



.product-page::after {

  content: "";

  height: 100%;

  width: 29%;

  background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));

  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);

  position: absolute;

  right: 0;

  top: 0;

  z-index: 2;

}



.product-page__body {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 48.125rem;

  grid-template-columns: 1fr 48.125rem;

  -ms-grid-rows: auto;

  grid-template-rows: auto;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  min-width: 0;

}



.product-page__content {

  max-width: 46.875rem;

  width: 100%;

  position: relative;

  z-index: 3;

  background-color: #fff;

}



.product-page__title {

  max-width: 31.25rem;

}



.product-page__text {

  max-width: 31.25rem;

  font-size: 1.125rem;

  line-height: 1.44;

}



.product-page__slider {

  min-width: 0;

  position: relative;

}



.product-page__slider::before {

  content: "";

  width: 100vw;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  background-color: #fff;

  -webkit-transform: translate(-100%, 0px);

      -ms-transform: translate(-100%, 0px);

          transform: translate(-100%, 0px);

}



.product-page__wrapper:not(:last-child) {

  margin-bottom: 1.25rem;

}



.product-page__slide img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.product-page__navigation {

  max-width: 25.875rem;

  width: 100%;

  position: absolute;

  left: -2rem;

  z-index: 4;

  top: 50%;

  -webkit-transform: translate(0px, -50%);

      -ms-transform: translate(0px, -50%);

          transform: translate(0px, -50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 0.625rem;

}



.product-page .swiper-pagination {

  max-width: 21.875rem;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.aboutus__body {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (1fr)[2];

  grid-template-columns: repeat(2, 1fr);

  gap: 2.5rem;

}



.aboutus__text {

  display: -ms-grid;

  display: grid;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  gap: 1.25rem;

  font-size: 1.125rem;

  font-weight: 400;

  line-height: 1.44;

}



.aboutus__img {

  max-height: 30rem;

}



.aboutus__img img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.history__title:not(:last-child) {

  margin-bottom: 2.5rem;

}



.history-block {

  width: 100%;

  display: -ms-grid;

  display: grid;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  gap: 2.5rem;

  position: relative;

  padding-bottom: 1.875rem;

}



.history-block::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  bottom: 0;

  height: 100%;

  -webkit-transform: translate(-50%, 0px);

      -ms-transform: translate(-50%, 0px);

          transform: translate(-50%, 0px);

  width: 0.25rem;

  background: #d9d9d9;

}



.history-block::after {

  content: "";

  position: absolute;

  bottom: -10px;

  left: 50%;

  -webkit-transform: translate(-50%, 0px);

      -ms-transform: translate(-50%, 0px);

          transform: translate(-50%, 0px);

  width: 0;

  height: 0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 15px solid #d9d9d9;

}



.history-block__title {

  font-size: 1.5rem;

  font-weight: 500;

  line-height: normal;

  text-transform: uppercase;

  list-style: none;

  padding-left: 6.25rem;

  position: relative;

  -webkit-transform: translate(0px, 30px);

      -ms-transform: translate(0px, 30px);

          transform: translate(0px, 30px);

  opacity: 0;

  -webkit-transition: opacity 1s, -webkit-transform 1s;

  transition: opacity 1s, -webkit-transform 1s;

  transition: transform 1s, opacity 1s;

  transition: transform 1s, opacity 1s, -webkit-transform 1s;

}



._watcher-view .history-block__title {

  -webkit-transform: translate(0px, 0px);

      -ms-transform: translate(0px, 0px);

          transform: translate(0px, 0px);

  opacity: 1;

}



.history-block__title:not(:last-child) {

  margin-bottom: 1.25rem;

}



.history-block__title::marker {

  display: none;

}



.history-block__title::-webkit-details-marker {

  display: none;

}



.history-block__title span {

  font-size: 0.875rem;

}



.history-block__title::before {

  content: "";

  position: absolute;

  top: 0;

  left: -2.75rem;

  width: 1.75rem;

  height: 1.75rem;

  border: 1px solid #191919;

  background: #fff url("../img/icon/cube.svg") center/16px no-repeat;

}



.history-block__title::after {

  content: "";

  width: 3.75rem;

  height: 0.0625rem;

  position: absolute;

  left: 0.75rem;

  top: 50%;

  -webkit-transform: translate(0px, -0.5px);

      -ms-transform: translate(0px, -0.5px);

          transform: translate(0px, -0.5px);

  background-color: #191919;

}



.history-block__item--left .history-block__title {

  padding-left: 0;

  padding-right: 6.25rem;

}



.history-block__item--left .history-block__title::before {

  left: auto;

  right: -2.75rem;

}



.history-block__item--left .history-block__title::after {

  left: auto;

  right: 0.75rem;

}



.history-block__body {

  padding-left: 6.25rem;

  font-size:1.125rem;

  line-height:1.44;

}

.history-block__body ul,

.history-block__list {

  display: -ms-grid;

  display: grid;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  gap: 1.25rem;

}

.history-block__body ul li,

.history-block__row {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1.5rem 1fr;

  grid-template-columns: 1.5rem 1fr;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  gap: 1.25rem;

  font-size: 1.125rem;

  line-height: 1.44;

  -webkit-transform: translate(0px, 30px);

      -ms-transform: translate(0px, 30px);

          transform: translate(0px, 30px);

  opacity: 0;

}

.history-block__body ul li:nth-child(1),

.history-block__row:nth-child(1) {

  -webkit-transition: all 1s ease 0s;

  transition: all 1s ease 0s;

}

.history-block__body ul li:nth-child(2),

.history-block__row:nth-child(2) {

  -webkit-transition: all 2s ease 0s;

  transition: all 2s ease 0s;

}

.history-block__body ul li:nth-child(3),

.history-block__row:nth-child(3) {

  -webkit-transition: all 3s ease 0s;

  transition: all 3s ease 0s;

}

._watcher-view .history-block__body ul li,

._watcher-view .history-block__row {

  -webkit-transform: translate(0px, 0px);

      -ms-transform: translate(0px, 0px);

          transform: translate(0px, 0px);

  opacity: 1;

}

.history-block__body ul li:before,

.history-block__row::before {

  content: "";

  width: 1.5rem;

  height: 1.5rem;

  background: url("../img/icon/check.svg") center/cover no-repeat;

}



.contacts__title:not(:last-child) {

  margin-bottom: 1.875rem;

}



.contacts__body {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (1fr)[2];

  grid-template-columns: repeat(2, 1fr);

  gap: 1.875rem;

}



.contacts__content {

  display: -ms-grid;

  display: grid;

  -ms-flex-line-pack: start;

      align-content: start;

  gap: 2.5rem;

}



.contacts__phones {

  display: -ms-grid;

  display: grid;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  gap: 1rem;

}



.contacts__row {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 12.5rem 1fr;

  grid-template-columns: 12.5rem 1fr;

  gap: 1.875rem;

}



.contacts__row-title {

  font-size: 1.125rem;

  font-weight: 400;

  line-height: 1.44;

}



.contacts__row-link {

  font-size: 1.125rem;

  font-weight: 500;

  line-height: 1.44;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}



.contacts__socials {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 1.5625rem;

}



.contacts__soc-link {

  display: -ms-grid;

  display: grid;

  place-content: center;

  width: 3.125rem;

  height: 3.125rem;

  border: 1px solid #191919;

  -webkit-transition: border 0.3s;

  transition: border 0.3s;

}



.contacts__soc-link path {

  -webkit-transition: fill 0.3s;

  transition: fill 0.3s;

}



.contacts__map {

  min-height: 25rem;

}



.contacts__map iframe {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.projects-page__title:not(:last-child) {

  margin-bottom: 1.875rem;

}



.projects-page__items {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (1fr)[2];

  grid-template-columns: repeat(2, 1fr);

  gap: 3.75rem 2.5rem;

}



.projects-page__img {

  overflow: hidden;

}



.projects-page__img:not(:last-child) {

  margin-bottom: 1.875rem;

}



.projects-page__img img {

  width: 100%;

  height: auto;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transition: -webkit-transform 0.6s;

  transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  transition: transform 0.6s, -webkit-transform 0.6s;

}



.projects-page__name {

  font-weight: 500;

  line-height: 1.3;

  text-transform: uppercase;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}

.projects__slider{

  position:relative;

  z-index:2;

}

.project-page {

  position: relative;

}

.projects__slider::after{

  content: "";

  height: 100%;

  width: 13%;

  background: -webkit-gradient(linear, right top, left top, from(#f1f1f1), to(rgba(255, 255, 255, 0)));

  background: linear-gradient(270deg, #f1f1f1 0%, rgba(255, 255, 255, 0) 100%);

  position: absolute;

  cursor:pointer;

  right: 0;

  top: 0;

  z-index: 3;

}

.project-page::after {

  content: "";

  height: 100%;

  width: 12%;

  background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));

  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);

  position: absolute;

  cursor:pointer;

  right: 0;

  top: 0;

  z-index: 3;

}



.project-page__body {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 59.375rem;

  grid-template-columns: 1fr 59.375rem;

  -ms-grid-rows: auto;

  grid-template-rows: auto;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  min-width: 0;

}



.project-page__content {

  max-width: 35.625rem;

  width: 100%;

  position: relative;

  z-index: 3;

  background-color: #fff;

}



.project-page__title {

  max-width: 31.25rem;

}



.project-page__text {

  max-width: 31.25rem;

  font-size: 1.125rem;

  line-height: 1.44;

}

.product-page__slider,

.project-page__slider {

  min-width: 0;

  position: relative;

}

.product-page__slider,

.project-page__slider {

  overflow: visible;

}

.project-page__slider::before {

  content: "";

  width: 100vw;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  background-color: #fff;

  -webkit-transform: translate(-100%, 0px);

      -ms-transform: translate(-100%, 0px);

          transform: translate(-100%, 0px);

}



.project-page__wrapper:not(:last-child) {

  margin-bottom: 1.25rem;

}

.slick-slide {

  margin-right: 25px; 

  height: 550px !important; 

  min-height:500px;

}

.slick-list{

    overflow:visible !important;

}


.slick-arrow{

     max-width: 44rem;

  width: 100%;

  position: absolute;

  z-index: 4;

  

  top: 50%;

  -webkit-transform: translate(0px, -50%);

      -ms-transform: translate(0px, -50%);

          transform: translate(0px, -50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 0.625rem;

}

.slick-arrow.slick-next{

  height: 100%;

  display: -ms-grid;

  display: grid;

  pointer-events: all;

}

.projects__container{

  position:relative;

}



.projects__container .project-page__navigation .swiper-button-prev {

  position:absolute;

  height:100%;

  width:2rem;

  opacity:0;

  left:52px;

  z-index: 5;

  pointer-events: fill;

  

}



.submenu_child3 {

  display: grid;

  margin:15px 10px 0px;

}

.projects__container .project-page__navigation .swiper-button-next {

    width: 30%;

    

    position: absolute;

    height: 100%;

    right: -270%;

    top: 5%;

    opacity: 0;

    z-index: 5;

    pointer-events: fill;

}

.projects__container .project-page__navigation{

  max-width: 25.875rem;

  width: 100%;

  position: absolute;

  left: -2rem;

  z-index: 5;

  height:100%;

  top: 50%;

  -webkit-transform: translate(0,-50%);

  -ms-transform: translate(0,-50%);

  transform: translate(0,-50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  gap: 0.625rem;

}

.project-page__navigation {

  max-width: 44rem;

  width: 100%;

  position: absolute;

  left: -2rem;

  z-index: 4;

  top: 50%;

  -webkit-transform: translate(0px, -50%);

      -ms-transform: translate(0px, -50%);

          transform: translate(0px, -50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 0.625rem;

}

.product-page__slider .slick-arrow.slick-prev,

.project-page__slider .slick-arrow.slick-prev{

    left:-2%;

    top:50%;

}



.project-page__slider .slick-arrow.slick-next{

    right:-68%;

    top:50%;

}

.product-page__slider .slick-arrow.slick-next{

    right:-38%;

    top:50%;

}

.slick-dots,

.project-page .swiper-pagination {

  max-width: 40rem;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.product-page__slider,

.project-page__slider {

  min-width: 0;

  position: relative;

}



.project-page__wrapper:not(:last-child) {

  margin-bottom: 1.25rem;

}

.product-page__slider img {

  width: 100%;

  height: 100%;

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

.product-page__navigation,

.project-page__navigation {

  max-width: 44rem;

  width: 100%;

  position: absolute;

  left: -2rem;

  z-index: 4;

  top: 50%;

  transform: translate(0px, -50%);

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0.625rem;

}
.project-page__slider {
  justify-content: start;
} 

.slick-dots {
   max-width: 40rem;
  position: absolute;
  bottom: -9%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  flex-wrap: nowrap;
  width: 100%;
  white-space: nowrap;  
}

 .slick-dots.scrollable {
      overflow-x: auto;
 white-space: nowrap;
 flex-wrap:nowrap;
      transition: overflow-x 0.5s ease;
    }

.slick-dots::-webkit-scrollbar {
  width: 0;  
}

.slick-dots {
  scrollbar-width: none;  
}
    .slick-dot {
      margin: 0 5px;
      
    }

.slick-dots li button {

  margin: 0;

}



.slick-dots li button {

  font-size: 0;

  line-height: 0;

  display: block;

  width: 0.625rem;

  height: 0.625rem;

  padding: 0.3125rem;

  cursor: pointer;

  opacity: 0.75;

}



.slick-dots li.slick-active button {

  background-color: #000;  

  opacity: 1;

}



.swiper {

  overflow: hidden;

}



.swiper-initialized {

  -ms-touch-action: pan-y;

      touch-action: pan-y;

}



.swiper-wrapper {

  width: 100%;

  height: 100%;

  -webkit-box-sizing: content-box;

          box-sizing: content-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

}



.swiper-vertical .swiper-wrapper {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



.swiper-autoheight .swiper-wrapper {

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}



.swiper-initialized .swiper-slide {

  -ms-flex-negative: 0;

      flex-shrink: 0;

}



.swiper-android .swiper-slide,

.swiper-android .swiper-wrapper {

  -webkit-transform: translate3d(0px, 0, 0);

          transform: translate3d(0px, 0, 0);

}



.swiper-button-lock {

  display: none !important;

}



@media (min-width: 40.62375em) {

  .history-block__item {

    max-width: 50%;

    width: 100%;

  }



  .history-block__item--right {

    -ms-grid-column-align: end;

        justify-self: end;

    padding-left: 1.875rem;

  }



  .history-block__item--left {

    -ms-grid-column-align: start;

        justify-self: start;

    padding-right: 1.875rem;

  }



  .history-block__item--left .history-block__body {

    padding-left: 0;

    padding-right: 6.25rem;

  }

.history-block__item--left ul li,

  .history-block__item--left .history-block__row {

    -ms-grid-columns: 1fr 1.5rem;

    grid-template-columns: 1fr 1.5rem;

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

  }

.history-block__item--left ul li:before,

  .history-block__item--left .history-block__row::before {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}



@media (min-width: 40.62375em) and (min-width: 40.62375em) {

  .history-block__item--left {

    text-align: right;

  }
 

}



@media (min-width: 43.74875em) {

    
  .product-page__content {

    padding-right: 2rem;

  }

   

  .product-page__slide {

    max-width: 21.875rem !important;

  }



  .project-page__content {

    padding-right: 2rem;

  }

}



@media (min-width: 47.99875em) {

  .aboutus__title:not(:last-child) {

    margin-bottom: 2.5rem;

  }

}

@media (min-width: 61.99875em) and (max-width: 81.25em){

    .project-page__slider .slick-arrow.slick-next{

        right:-88%;    

    }
   

}

/*@media (min-width: 81.25em) and (max-width: 85em){

    .project-page__slider .slick-arrow.slick-next{

        right:-68%;    

    }

}*/

@media (min-width: 61.99875em) and (min-width: 97.5em) {

  .menu:not(:last-child) {

    margin-right: 7.5rem;

  }

  

}



@media (min-width: 61.99875em) {

  .submenu {

    -webkit-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

            transform-origin: 0 0;

    -webkit-transform: rotateX(-90deg);

            transform: rotateX(-90deg);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;

  }



  .submenu-open .submenu {

    -webkit-transform: rotateX(0deg);

            transform: rotateX(0deg);

    opacity: 1;

    visibility: visible;

  }

}



@media (min-width: 97.5em) {

  .title {

    font-size: 2rem;

  }



  .title {

    letter-spacing: 0.08rem;

  }



  .menu__list {

    -webkit-column-gap: 3.125rem;

       -moz-column-gap: 3.125rem;

            column-gap: 3.125rem;

  }



  .footer__logo {

    max-width: 13.125rem;

  }



  .promo__logo {

    -webkit-column-gap: 0.6875rem;

       -moz-column-gap: 0.6875rem;

            column-gap: 0.6875rem;

  }



  .promo__logo {

    row-gap: 1.25rem;

  }



  .promo__logo svg:nth-child(1) {

    width: 2.0625rem;

  }



  .promo__logo svg:nth-child(2) {

    width: 3.0625rem;

  }



  .promo__logo svg:nth-child(3) {

    width: 2.1875rem;

  }



  .promo__logo svg:nth-child(4) {

    width: 2.5rem;

  }



  .promo__logo svg:nth-child(5) {

    width: 2.3125rem;

  }



  .promo__logo svg:nth-child(6) {

    width: 10rem;

  }



  .about {

    padding-top: 6.25rem;

  }



  .about {

    padding-bottom: 6.25rem;

  }



  .about__title {

    font-size: 1.75rem;

  }



  .about__text {

    font-size: 1.125rem;

  }



  .projects__title {

    font-size: 1.75rem;

  }



  .catalog {

    margin-bottom: 6.25rem;

  }



  .product-page {

    margin-bottom: 6.25rem;

  }



  .product-page__title:not(:last-child) {

    margin-bottom: 2.5rem;

  }



  .aboutus {

    padding-bottom: 5rem;

  }



  .history {

    margin-bottom: 6.25rem;

  }



  .contacts {

    margin-bottom: 6.25rem;

  }



  .projects-page {

    margin-bottom: 6.25rem;

  }



  .projects-page__name {

    font-size: 1.125rem;

  }



  .projects-page__name {

    letter-spacing: 0.045rem;

  }



  .project-page {

    margin-bottom: 6.25rem;

  }



  .project-page__title:not(:last-child) {

    margin-bottom: 2.5rem;

  }

}



@media (max-width: 20em) {

  .title {

    font-size: 1.1875rem;

  }



  .title {

    letter-spacing: 0.05rem;

  }



  .footer__logo {

    max-width: 10rem;

  }



  .promo__logo {

    -webkit-column-gap: 0.3125rem;

       -moz-column-gap: 0.3125rem;

            column-gap: 0.3125rem;

  }



  .promo__logo {

    row-gap: 0.5625rem;

  }



  .promo__logo svg:nth-child(1) {

    width: 1rem;

  }



  .promo__logo svg:nth-child(2) {

    width: 1.4375rem;

  }



  .promo__logo svg:nth-child(3) {

    width: 1.0625rem;

  }



  .promo__logo svg:nth-child(4) {

    width: 1.1875rem;

  }



  .promo__logo svg:nth-child(5) {

    width: 1.0625rem;

  }



  .promo__logo svg:nth-child(6) {

    width: 4.9375rem;

  }



  .about {

    padding-top: 2.4375rem;

  }



  .about {

    padding-bottom: 2.4375rem;

  }



  .about__title {

    font-size: 1.3125rem;

  }



  .about__text {

    font-size: 0.9375rem;

  }



  .projects__title {

    font-size: 1.3125rem;

  }



  .catalog {

    margin-bottom: 2.4375rem;

  }



  .product-page {

    margin-bottom: 2.4375rem;

  }



  .product-page__title:not(:last-child) {

    margin-bottom: 0.6875rem;

  }



  .aboutus {

    padding-bottom: 2.4375rem;

  }



  .history {

    margin-bottom: 2.4375rem;

  }



  .contacts {

    margin-bottom: 2.4375rem;

  }



  .projects-page {

    margin-bottom: 2.4375rem;

  }



  .projects-page__name {

    font-size: 0.8125rem;

  }



  .projects-page__name {

    letter-spacing: 0.034375rem;

  }



  .project-page {

    margin-bottom: 2.4375rem;

  }



  .project-page__title:not(:last-child) {

    margin-bottom: 1.1875rem;

  }

}



@media (max-width: 97.5em) and (max-width: 47.99875em) {

  .project-page::after {

    width: 2.5rem;

  }

}



@media (max-width: 87.49875em) {

  .project-page__body {

    -ms-grid-columns: 1fr 48.4375rem;

    grid-template-columns: 1fr 48.4375rem;

  }

}



@media (max-width: 81.24875em) {

  .submenu__title {

    font-size: 0.875rem;

  }

}



@media (max-width: 74.99875em) and (max-width: 47.99875em) {

  .product-page::after {

    width: 2.5rem;

  }

}



@media (max-width: 74.99875em) {
  .product-page__body {

    -ms-grid-columns: (1fr)[2];

    grid-template-columns: repeat(2, 1fr);

  }



  .product-page__navigation {

    display: none;

  }



  .project-page__body {

    -ms-grid-columns: 1fr 1.45fr;

    grid-template-columns: 1fr 1.45fr;

  }

  .projects__container .project-page__navigation,

  .project-page__navigation {

    display: none;

  }



  .project-page .swiper-pagination {

    max-width: 32.5rem;

  }

}



@media (max-width: 63.99875em) {

  .submenu {

    padding: 2.5rem 0;

  }



  .footer {

    padding: 2.5rem 0;

  }



  .promo__slider {

    margin-top: 3.5rem;

  }



  .promo__slide-img {

    height: 100%;

    min-height: 33.4375rem;

  }



  .promo .swiper-pagination {

    right: 1.25rem;

  }



  .promo__arrow-down {

    bottom: 1.25rem;

  }



  .projects__head:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .projects__slider {

    margin: 0 -1.25rem 0 0;

  }



  .catalog__items {

    -ms-grid-columns: (1fr)[3];

    grid-template-columns: repeat(3, 1fr);

    gap: 1.875rem;

  }



  .history__title:not(:last-child) {

    margin-bottom: 1.875rem;

  }



  .history-block__title {

    padding-left: 0.625rem;

  }



  .history-block__item--left .history-block__title {

    padding-right: 0.625rem;

  }



  .history-block__title::after {

    display: none;

  }



  .history-block__body {

    padding-left: 0.625rem;

  }



  .history-block__item--left .history-block__body {

    padding-right: 0.625rem;

  }



  .contacts__body {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    gap: 3.125rem;

  }



  .projects-page__items {

    gap: 2.5rem 1.25rem;

  }



  .projects-page__img:not(:last-child) {

    margin-bottom: 1.25rem;

  }

}



@media (max-width: 61.99875em) {
    
    .slick-slide {
        margin-right: 10px; 
        max-height:400px;
    }
    .slick-slide img{
        width:100%;
    }
    .product-page__slide{
        max-height:500px;
    }


  .menu__body {

    position: fixed;

    left: -150%;

    top: 3.5rem;

    height: calc(100% - 3.5rem);

    max-width: 22.5rem;

    width: 100%;

    overflow-y: auto;

    background-color: #fff;

    -webkit-box-shadow: inset 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12);

            box-shadow: inset 0px 8px 16px -6px rgba(24, 39, 75, 0.08), 0px 6px 8px -6px rgba(24, 39, 75, 0.12);

    padding: 3.125rem 1.25rem;

    -webkit-transition: left 0.3s;

    transition: left 0.3s;

  }



  .menu-open .menu__body {

    left: 0;

  }



  .menu__list {

    -webkit-column-gap: 1.25rem;

       -moz-column-gap: 1.25rem;

            column-gap: 1.25rem;

  }



  .menu__list {

    display: -ms-grid;

    display: grid;

    gap: 3.125rem;

  }

  

  .menu__url,

  .menu__link,

  .menu__btn {

    padding: 0;

    margin-bottom: 0;

    font-size: 1.25rem;

    letter-spacing: 0.8px;

  }



  .menu__link::after,

  .menu__btn::after {

    display: none;

  }



  .menu__btn {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }



  .menu__btn::after {

    display: block;

    background: url("../img/icon/arrow-right.svg") center/10px no-repeat;

    width: 1.875rem;

    height: 1.875rem;

  }



  .submenu {

    padding: 0;

    max-width: 22.5rem;

    top: 0;

    z-index: 17;

    left: -150%;

    height: auto;

    -webkit-transition: left 0.3s;

    transition: left 0.3s;

  }



  .submenu-open .submenu {

    left: 0;

  }



  .submenu__container {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    overflow-y: auto;

    direction: rtl;

    height: auto;

    gap: 1.875rem;

    padding: 2.5rem 1.25rem;

  }



  .submenu__title {

    font-size: 1.125rem;

  }



  .submenu__title:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .submenu__list {

    gap: 1rem;

  }



  .submenu__link {

    text-align: left;

    margin-right: auto;

  }



  .icon-menu {

    display: block;

    position: relative;

    width: 1.9375rem;

    height: 1.5625rem;

    margin-top: auto;

    z-index: 5;

  }



  .icon-menu span,

  .icon-menu::before,

  .icon-menu::after {

    content: "";

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    right: 0;

    position: absolute;

    width: 100%;

    height: 0.1875rem;

    background-color: #000;

  }



  .icon-menu::before {

    top: 0;

  }



  .icon-menu::after {

    width: 70%;

    bottom: 0;

  }



  .icon-menu span {

    top: calc(50% - 0.0625rem);

  }



  .menu-open .icon-menu span {

    width: 0;

  }



  .menu-open .icon-menu::before {

    top: calc(50% - 0.0625rem);

    -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

            transform: rotate(-45deg);

  }



  .menu-open .icon-menu::after {

    width: 100%;

    bottom: calc(50% - 0.0625rem);

    -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

            transform: rotate(45deg);

  }



  .project-page__body {

    -ms-grid-columns: 1fr 1.3fr;

    grid-template-columns: 1fr 1.3fr;

  }



  .project-page__text {

    font-size: 1rem;

    line-height: 1.37;

  }

    .slick-slide,

  .project-page__slide {

    min-height: 18rem;

  }

}



@media (max-width: 61.99875em) and (max-width: 29.99875em) {

  .languages:not(:last-child) {

    margin-right: 0.0000000625rem;

  }

}



@media (max-width: 61.99875em) and (any-hover: none) {

  .icon-menu {

    cursor: default;

  }

}



@media (max-width: 58.12375em) {

  .footer__body {

    -ms-grid-columns: (auto)[4];

    grid-template-columns: repeat(4, auto);

  }



  .footer__socials {

    -ms-grid-columns: (auto)[2];

    grid-template-columns: repeat(2, auto);

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: start;

  }

}



@media (max-width: 47.99875em) {

  .breadcrumbs {

    padding: 1.25rem 0;

  }

.catalog__item-img{
  height:290px;
}

  .footer__body {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    gap: 1.25rem;

  }



  .footer__col:nth-child(1) {

    -webkit-box-ordinal-group: 5;

        -ms-flex-order: 4;

            order: 4;

  }



  .footer__col:nth-child(2) {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

  }



  .footer__col:nth-child(3) {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }



  .footer__col:nth-child(4) {

    display: none;

  }



  .footer__col:nth-child(5) {

    -webkit-box-ordinal-group: 6;

        -ms-flex-order: 5;

            order: 5;

  }



  .footer__logo:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .footer__copy:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .footer summary.footer__title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    gap: 0.9375rem;

    max-width: 100%;

  }



  .footer summary.footer__title:not(:last-child) {

    margin-bottom: 0.625rem;

  }



  .footer summary.footer__title::after {

    content: "";

    width: 1.5rem;

    height: 1.5rem;

    background: url("../img/icon/arrow-down.svg") center no-repeat;

    -webkit-transition: -webkit-transform 0.3s;

    transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

    transition: transform 0.3s, -webkit-transform 0.3s;

  }



  .footer summary.footer__title._spoller-active::after {

    -webkit-transform: rotate(-180deg);

        -ms-transform: rotate(-180deg);

            transform: rotate(-180deg);

  }



  .about__body {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

  }



  .about__content {

    gap: 1.25rem;

  }



  .projects {

    padding: 3.125rem 0;

  }



  .projects__slide-img:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .projects__slide-name {

    font-size: 0.875rem;

    letter-spacing: 0.56px;

  }



  .catalog__title:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .catalog__text {

    font-size: 1rem;

    line-height: 1.37;

  }



  .catalog__text:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .catalog__items {

    gap: 1.25rem;

  }



  .product-page__text {

    font-size: 1rem;

    line-height: 1.37;

  }



  .aboutus__body {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    gap: 1.25rem;

  }



  .aboutus__content {

    -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

            order: 3;

  }



  .aboutus__img {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }



  .history__title:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .history-block__row {

    font-size: 1rem;

    line-height: 1.37;

  }



  .contacts__title:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .projects-page__title:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .project-page .swiper-pagination {

    max-width: 43.125rem;

  }

}



@media (max-width: 45.62375em) {

  .project-page__body {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    gap: 1.25rem;

  }



  .project-page__title {

    max-width: 100%;

  }



  .project-page__text {

    max-width: 100%;

  }

}



@media (max-width: 43.74875em) {

  .product-page__body {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    gap: 1.25rem;

  }



  .product-page__slider {

    max-width: 100%;

    min-width: 0;

  }



  .product-page .swiper-pagination {

    max-width: 37.5rem;

  }

}



@media (max-width: 40.62375em) {

  .history-block::before {

    left: 0.75rem;

    -webkit-transform: translate(0px, 0px);

        -ms-transform: translate(0px, 0px);

            transform: translate(0px, 0px);

  }



  .history-block::after {

    left: 0.25rem;

    -webkit-transform: translate(0px, 0px);

        -ms-transform: translate(0px, 0px);

            transform: translate(0px, 0px);

  }



  .history-block__title {

    padding-left: 3rem;

    padding-right: 1.875rem;

  }



  .history-block__title::before {

    left: 0;

  }



  .history-block__title::after {

    right: 0;

    top: 0.3125rem;

    display: block;

    width: 1.5rem;

    height: 1.5rem;

    background: url("../img/icon/arrow-down-dark.svg") center/cover no-repeat;

    margin-left: auto;

    -webkit-transition: -webkit-transform 0.3s;

    transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

    transition: transform 0.3s, -webkit-transform 0.3s;

  }



  .history-block__item--left .history-block__title {

    padding-left: 3rem;

    padding-right: 1.875rem;

  }



  .history-block__item--left .history-block__title::before {

    right: auto;

    left: 0;

  }



  .history-block__item--left .history-block__title::after {

    left: auto;

    right: 0;

  }



  .history-block__title._spoller-active::after {

    -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

            transform: rotate(180deg);

  }



  .history-block__body {

    padding-left: 3rem;

  }



  .history-block__item--left .history-block__body {

    padding-right: 0;

  }



  .history-block__row {

    gap: 0.625rem;

  }

}



@media (max-width: 34.37375em) {

  .header__logo-text {

    display: none;

  }

}



@media (max-width: 29.99875em) {

  .wrapper main.page {

    padding-top: 3.0625rem;

  }



  .swiper-pagination {

    gap: 0.625rem;

  }



  .breadcrumbs__link {

    font-size: 0.875rem;

  }



  .breadcrumbs__link:not(:last-child) {

    margin-right: 0.5rem;

  }



  .breadcrumbs__link:not(:last-child)::after {

    font-size: 0.875rem;

    margin-left: 0.5rem;

  }



  .header__logo-img {

    max-width: 8.75rem;

  }



  .menu__body {

    max-width: 100%;

    top: 3.0625rem;

    height: calc(100% - 3.0625rem);

  }



  .submenu {

    max-width: 100%;

  }



  .promo__slider {

    margin-top: 3.0625rem;

    min-height: 0;

  }



  .promo .swiper-pagination {

    gap: 0.625rem;

  }



  .promo__arrow-down {

    display: none;

  }



  .about__body {

    gap: 1.875rem;

  }



  .about__img {

    height: 17.5rem;

  }



  .projects {

    padding: 2.5rem 0;

  }



  .catalog__items {

    -ms-grid-columns: (1fr)[2];

    grid-template-columns: repeat(2, 1fr);

    gap: 1.25rem 0.75rem;

  }



  .catalog__item-img:not(:last-child) {

    margin-bottom: 0.75rem;

  }



  .catalog__name {

    font-size: 0.875rem;

    letter-spacing: 0.56px;

  }



  .product-page::after {

    width: 1.875rem;

  }



  .product-page__wrapper:not(:last-child) {

    margin-bottom: 0.75rem;

  }



  .contacts__body {

    gap: 2.5rem;

  }



  .contacts__row {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    gap: 0.3125rem;

  }



  .projects-page__items {

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

  }



  .project-page::after {

    width: 1.875rem;

  }



  .project-page__wrapper:not(:last-child) {

    margin-bottom: 0.75rem;

  }

    .slick-slide,

  .project-page__slide {

    min-height: 14.0625rem;

  }

}



@media (max-width: 29.99875em) and (max-width: 22.49875em) {

  .promo__slide-img {

    min-height: 16.25rem;

  }

}
@media (min-width: 83em) and (max-width:83em){
  .product-page__slider .slick-arrow.slick-next{

    right:-88%!important;

}
}


@media (min-width: 20em) and (max-width: 97.5em) {

@supports (font-size: clamp( 1.1875rem , 0.9778225806rem  +  1.0483870968vw , 2rem )) {

    .title {

      font-size: clamp( 1.1875rem , 0.9778225806rem  +  1.0483870968vw , 2rem );

    }

    .product-page__slider .slick-arrow.slick-next{

        right:-37%!important;

    }

    

}



@supports not (font-size: clamp( 1.1875rem , 0.9778225806rem  +  1.0483870968vw , 2rem )) {

    .title {

      font-size: calc(1.1875rem + 0.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (letter-spacing: clamp( 0.05rem , 0.0422580645rem  +  0.0387096774vw , 0.08rem )) {

    .title {

      letter-spacing: clamp( 0.05rem , 0.0422580645rem  +  0.0387096774vw , 0.08rem );

    }

}



@supports not (letter-spacing: clamp( 0.05rem , 0.0422580645rem  +  0.0387096774vw , 0.08rem )) {

    .title {

      letter-spacing: calc(0.05rem + 0.03 * (100vw - 20rem) / 77.5);

    }

}



@supports (max-width: clamp( 10rem , 9.1935483871rem  +  4.0322580645vw , 13.125rem )) {

    .footer__logo {

      max-width: clamp( 10rem , 9.1935483871rem  +  4.0322580645vw , 13.125rem );

    }

}



@supports not (max-width: clamp( 10rem , 9.1935483871rem  +  4.0322580645vw , 13.125rem )) {

    .footer__logo {

      max-width: calc(10rem + 3.125 * (100vw - 20rem) / 77.5);

    }

}



@supports ((-moz-column-gap: clamp( 0.3125rem , 0.2157258065rem  +  0.4838709677vw , 0.6875rem )) or (column-gap: clamp( 0.3125rem , 0.2157258065rem  +  0.4838709677vw , 0.6875rem ))) {

    .promo__logo {

      -webkit-column-gap: clamp( 0.3125rem , 0.2157258065rem  +  0.4838709677vw , 0.6875rem );

         -moz-column-gap: clamp( 0.3125rem , 0.2157258065rem  +  0.4838709677vw , 0.6875rem );

              column-gap: clamp( 0.3125rem , 0.2157258065rem  +  0.4838709677vw , 0.6875rem );

    }

}



@supports not ((-moz-column-gap: clamp( 0.3125rem , 0.2157258065rem  +  0.4838709677vw , 0.6875rem )) or (column-gap: clamp( 0.3125rem , 0.2157258065rem  +  0.4838709677vw , 0.6875rem ))) {

    .promo__logo {

      -webkit-column-gap: calc(0.3125rem + 0.375 * (100vw - 20rem) / 77.5);

         -moz-column-gap: calc(0.3125rem + 0.375 * (100vw - 20rem) / 77.5);

              column-gap: calc(0.3125rem + 0.375 * (100vw - 20rem) / 77.5);

    }

}



@supports (row-gap: clamp( 0.5625rem , 0.3850806452rem  +  0.8870967742vw , 1.25rem )) {

    .promo__logo {

      row-gap: clamp( 0.5625rem , 0.3850806452rem  +  0.8870967742vw , 1.25rem );

    }

}



@supports not (row-gap: clamp( 0.5625rem , 0.3850806452rem  +  0.8870967742vw , 1.25rem )) {

    .promo__logo {

      row-gap: calc(0.5625rem + 0.6875 * (100vw - 20rem) / 77.5);

    }

}



@supports (width: clamp( 1rem , 0.7258064516rem  +  1.3709677419vw , 2.0625rem )) {

    .promo__logo svg:nth-child(1) {

      width: clamp( 1rem , 0.7258064516rem  +  1.3709677419vw , 2.0625rem );

    }

}



@supports not (width: clamp( 1rem , 0.7258064516rem  +  1.3709677419vw , 2.0625rem )) {

    .promo__logo svg:nth-child(1) {

      width: calc(1rem + 1.0625 * (100vw - 20rem) / 77.5);

    }

}



@supports (width: clamp( 1.4375rem , 1.0181451613rem  +  2.0967741935vw , 3.0625rem )) {

    .promo__logo svg:nth-child(2) {

      width: clamp( 1.4375rem , 1.0181451613rem  +  2.0967741935vw , 3.0625rem );

    }

}



@supports not (width: clamp( 1.4375rem , 1.0181451613rem  +  2.0967741935vw , 3.0625rem )) {

    .promo__logo svg:nth-child(2) {

      width: calc(1.4375rem + 1.625 * (100vw - 20rem) / 77.5);

    }

}



@supports (width: clamp( 1.0625rem , 0.7721774194rem  +  1.4516129032vw , 2.1875rem )) {

    .promo__logo svg:nth-child(3) {

      width: clamp( 1.0625rem , 0.7721774194rem  +  1.4516129032vw , 2.1875rem );

    }

}



@supports not (width: clamp( 1.0625rem , 0.7721774194rem  +  1.4516129032vw , 2.1875rem )) {

    .promo__logo svg:nth-child(3) {

      width: calc(1.0625rem + 1.125 * (100vw - 20rem) / 77.5);

    }

}



@supports (width: clamp( 1.1875rem , 0.8487903226rem  +  1.6935483871vw , 2.5rem )) {

    .promo__logo svg:nth-child(4) {

      width: clamp( 1.1875rem , 0.8487903226rem  +  1.6935483871vw , 2.5rem );

    }

}



@supports not (width: clamp( 1.1875rem , 0.8487903226rem  +  1.6935483871vw , 2.5rem )) {

    .promo__logo svg:nth-child(4) {

      width: calc(1.1875rem + 1.3125 * (100vw - 20rem) / 77.5);

    }

}



@supports (width: clamp( 1.0625rem , 0.7399193548rem  +  1.6129032258vw , 2.3125rem )) {

    .promo__logo svg:nth-child(5) {

      width: clamp( 1.0625rem , 0.7399193548rem  +  1.6129032258vw , 2.3125rem );

    }

}



@supports not (width: clamp( 1.0625rem , 0.7399193548rem  +  1.6129032258vw , 2.3125rem )) {

    .promo__logo svg:nth-child(5) {

      width: calc(1.0625rem + 1.25 * (100vw - 20rem) / 77.5);

    }

}



@supports (width: clamp( 4.9375rem , 3.6310483871rem  +  6.5322580645vw , 10rem )) {

    .promo__logo svg:nth-child(6) {

      width: clamp( 4.9375rem , 3.6310483871rem  +  6.5322580645vw , 10rem );

    }

}



@supports not (width: clamp( 4.9375rem , 3.6310483871rem  +  6.5322580645vw , 10rem )) {

    .promo__logo svg:nth-child(6) {

      width: calc(4.9375rem + 5.0625 * (100vw - 20rem) / 77.5);

    }

}



@supports (padding-top: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .about {

      padding-top: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem );

    }

}



@supports not (padding-top: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .about {

      padding-top: calc(2.4375rem + 3.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (padding-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .about {

      padding-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem );

    }

}



@supports not (padding-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .about {

      padding-bottom: calc(2.4375rem + 3.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (font-size: clamp( 1.3125rem , 1.1995967742rem  +  0.564516129vw , 1.75rem )) {

    .about__title {

      font-size: clamp( 1.3125rem , 1.1995967742rem  +  0.564516129vw , 1.75rem );

    }

}



@supports not (font-size: clamp( 1.3125rem , 1.1995967742rem  +  0.564516129vw , 1.75rem )) {

    .about__title {

      font-size: calc(1.3125rem + 0.4375 * (100vw - 20rem) / 77.5);

    }

}



@supports (font-size: clamp( 0.9375rem , 0.8891129032rem  +  0.2419354839vw , 1.125rem )) {

    .about__text {

      font-size: clamp( 0.9375rem , 0.8891129032rem  +  0.2419354839vw , 1.125rem );

    }

}



@supports not (font-size: clamp( 0.9375rem , 0.8891129032rem  +  0.2419354839vw , 1.125rem )) {

    .about__text {

      font-size: calc(0.9375rem + 0.1875 * (100vw - 20rem) / 77.5);

    }

}



@supports (font-size: clamp( 1.3125rem , 1.1995967742rem  +  0.564516129vw , 1.75rem )) {

    .projects__title {

      font-size: clamp( 1.3125rem , 1.1995967742rem  +  0.564516129vw , 1.75rem );

    }

}



@supports not (font-size: clamp( 1.3125rem , 1.1995967742rem  +  0.564516129vw , 1.75rem )) {

    .projects__title {

      font-size: calc(1.3125rem + 0.4375 * (100vw - 20rem) / 77.5);

    }

}



@supports (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .catalog {

      margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem );

    }

}



@supports not (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .catalog {

      margin-bottom: calc(2.4375rem + 3.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .product-page {

      margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem );

    }

}



@supports not (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .product-page {

      margin-bottom: calc(2.4375rem + 3.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (margin-bottom: clamp( 0.6875rem , 0.2197580645rem  +  2.3387096774vw , 2.5rem )) {

    .product-page__title:not(:last-child) {

      margin-bottom: clamp( 0.6875rem , 0.2197580645rem  +  2.3387096774vw , 2.5rem );

    }

}



@supports not (margin-bottom: clamp( 0.6875rem , 0.2197580645rem  +  2.3387096774vw , 2.5rem )) {

    .product-page__title:not(:last-child) {

      margin-bottom: calc(0.6875rem + 1.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (padding-bottom: clamp( 2.4375rem , 1.7762096774rem  +  3.3064516129vw , 5rem )) {

    .aboutus {

      padding-bottom: clamp( 2.4375rem , 1.7762096774rem  +  3.3064516129vw , 5rem );

    }

}



@supports not (padding-bottom: clamp( 2.4375rem , 1.7762096774rem  +  3.3064516129vw , 5rem )) {

    .aboutus {

      padding-bottom: calc(2.4375rem + 2.5625 * (100vw - 20rem) / 77.5);

    }

}



@supports (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .history {

      margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem );

    }

}



@supports not (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .history {

      margin-bottom: calc(2.4375rem + 3.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .contacts {

      margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem );

    }

}



@supports not (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .contacts {

      margin-bottom: calc(2.4375rem + 3.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .projects-page {

      margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem );

    }

}



@supports not (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .projects-page {

      margin-bottom: calc(2.4375rem + 3.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (font-size: clamp( 0.8125rem , 0.7318548387rem  +  0.4032258065vw , 1.125rem )) {

    .projects-page__name {

      font-size: clamp( 0.8125rem , 0.7318548387rem  +  0.4032258065vw , 1.125rem );

    }

}



@supports not (font-size: clamp( 0.8125rem , 0.7318548387rem  +  0.4032258065vw , 1.125rem )) {

    .projects-page__name {

      font-size: calc(0.8125rem + 0.3125 * (100vw - 20rem) / 77.5);

    }

}



@supports (letter-spacing: clamp( 0.034375rem , 0.0316330645rem  +  0.0137096774vw , 0.045rem )) {

    .projects-page__name {

      letter-spacing: clamp( 0.034375rem , 0.0316330645rem  +  0.0137096774vw , 0.045rem );

    }

}



@supports not (letter-spacing: clamp( 0.034375rem , 0.0316330645rem  +  0.0137096774vw , 0.045rem )) {

    .projects-page__name {

      letter-spacing: calc(0.034375rem + 0.010625 * (100vw - 20rem) / 77.5);

    }

}



@supports (margin-bottom: clamp( 4.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .project-page {

      margin-bottom: clamp( 4.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem );

    }

}



@supports not (margin-bottom: clamp( 2.4375rem , 1.4536290323rem  +  4.9193548387vw , 6.25rem )) {

    .project-page {

      margin-bottom: calc(2.4375rem + 3.8125 * (100vw - 20rem) / 77.5);

    }

}



@supports (margin-bottom: clamp( 1.1875rem , 0.8487903226rem  +  1.6935483871vw , 2.5rem )) {

    .project-page__title:not(:last-child) {

      margin-bottom: clamp( 1.1875rem , 0.8487903226rem  +  1.6935483871vw , 2.5rem );

    }

}



@supports not (margin-bottom: clamp( 1.1875rem , 0.8487903226rem  +  1.6935483871vw , 2.5rem )) {

    .project-page__title:not(:last-child) {

      margin-bottom: calc(1.1875rem + 1.3125 * (100vw - 20rem) / 77.5);

    }

}

}



@media (min-width: 61.99875em) and (min-width: 61.99875em) and (max-width: 97.5em) {

@supports (margin-right: clamp( 1.875rem , -7.9483997042rem  +  15.8445125172vw , 7.5rem )) {

    .menu:not(:last-child) {

      margin-right: clamp( 1.875rem , -7.9483997042rem  +  15.8445125172vw , 7.5rem );

    }

}



@supports not (margin-right: clamp( 1.875rem , -7.9483997042rem  +  15.8445125172vw , 7.5rem )) {

    .menu:not(:last-child) {

      margin-right: calc(1.875rem + 5.625 * (100vw - 61.99875rem) / 35.50125);

    }

}

}



@media (min-width: 61.99875em) and (max-width: 61.99875em) {

  .menu:not(:last-child) {

    margin-right: 1.875rem;

  }

}



@media (min-width: 61.99875em) and (max-width: 97.5em) {

@supports ((-moz-column-gap: clamp( 1.25rem , -2.0244665681rem  +  5.2815041724vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -2.0244665681rem  +  5.2815041724vw , 3.125rem ))) {

    .menu__list {

      -webkit-column-gap: clamp( 1.25rem , -2.0244665681rem  +  5.2815041724vw , 3.125rem );

         -moz-column-gap: clamp( 1.25rem , -2.0244665681rem  +  5.2815041724vw , 3.125rem );

              column-gap: clamp( 1.25rem , -2.0244665681rem  +  5.2815041724vw , 3.125rem );

    }

}



@supports not ((-moz-column-gap: clamp( 1.25rem , -2.0244665681rem  +  5.2815041724vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -2.0244665681rem  +  5.2815041724vw , 3.125rem ))) {

    .menu__list {

      -webkit-column-gap: calc(1.25rem + 1.875 * (100vw - 61.99875rem) / 35.50125);

         -moz-column-gap: calc(1.25rem + 1.875 * (100vw - 61.99875rem) / 35.50125);

              column-gap: calc(1.25rem + 1.875 * (100vw - 61.99875rem) / 35.50125);

    }

}

}



@media (max-width: 61.99875em) and (min-width: 61.99875em) {

  .languages:not(:last-child) {

    margin-right: 1.875rem;

  }

}



@media (max-width: 61.99875em) and (min-width: 29.99875em) and (max-width: 61.99875em) {

@supports (margin-right: clamp( 0.0000000625rem , -1.7577391367rem  +  5.8593748047vw , 1.875rem )) {

    .languages:not(:last-child) {

      margin-right: clamp( 0.0000000625rem , -1.7577391367rem  +  5.8593748047vw , 1.875rem );

    }

}



@supports not (margin-right: clamp( 0.0000000625rem , -1.7577391367rem  +  5.8593748047vw , 1.875rem )) {

    .languages:not(:last-child) {

      margin-right: calc(0.0000000625rem + 1.8749999375 * (100vw - 29.99875rem) / 32);

    }

}

}



@media (max-width: 29.99875em) and (min-width: 29.99875em) {

  .promo__slide-img {

    min-height: 22.5rem;

  }

}



@media (max-width: 29.99875em) and (min-width: 22.49875em) and (max-width: 29.99875em) {

@supports (min-height: clamp( 16.25rem , -2.4989583333rem  +  83.3333333333vw , 22.5rem )) {

    .promo__slide-img {

      min-height: clamp( 16.25rem , -2.4989583333rem  +  83.3333333333vw , 22.5rem );

    }

}



@supports not (min-height: clamp( 16.25rem , -2.4989583333rem  +  83.3333333333vw , 22.5rem )) {

    .promo__slide-img {

      min-height: calc(16.25rem + 6.25 * (100vw - 22.49875rem) / 7.5);

    }

}

}



@media (max-width: 74.99875em) and (min-width: 97.5em) {

  .product-page::after {

    width: 15.625rem;

  }

}



@media (max-width: 74.99875em) and (min-width: 47.99875em) and (max-width: 97.5em) {

@supports (width: clamp( 2.5rem , -10.2266199086rem  +  26.5144819575vw , 15.625rem )) {

    .product-page::after {

      width: clamp( 2.5rem , -10.2266199086rem  +  26.5144819575vw , 15.625rem );

    }

}



@supports not (width: clamp( 2.5rem , -10.2266199086rem  +  26.5144819575vw , 15.625rem )) {

    .product-page::after {

      width: calc(2.5rem + 13.125 * (100vw - 47.99875rem) / 49.50125);

    }

}

}



@media (max-width: 97.5em) and (min-width: 97.5em) {

  .project-page::after {

    width: 15.625rem;

  }

}



@media (max-width: 97.5em) and (min-width: 47.99875em) and (max-width: 97.5em) {

@supports (width: clamp( 2.5rem , -10.2266199086rem  +  26.5144819575vw , 15.625rem )) {

    .project-page::after {

      width: clamp( 2.5rem , -10.2266199086rem  +  26.5144819575vw , 15.625rem );

    }

}



@supports not (width: clamp( 2.5rem , -10.2266199086rem  +  26.5144819575vw , 15.625rem )) {

    .project-page::after {

      width: calc(2.5rem + 13.125 * (100vw - 47.99875rem) / 49.50125);

    }

}

}



@media (any-hover: hover) {

  .btn:hover {

    background: rgba(25, 25, 25, 0.8);

  }

    .slick-prev:hover svg,

    .slick-next:hover svg,

  .swiper-button-prev:hover svg,

  .swiper-button-next:hover svg {

    -webkit-transform: translate(-3px, 0px);

        -ms-transform: translate(-3px, 0px);

            transform: translate(-3px, 0px);

  }

.slick-next:hover svg,

  .swiper-button-next:hover svg {

    -webkit-transform: translate(3px, 0px);

        -ms-transform: translate(3px, 0px);

            transform: translate(3px, 0px);

  }



  .breadcrumbs a.breadcrumbs__link:hover {

    color: #9f9f9f;

  }



  .menu__link:hover::after,

  .menu__btn:hover::after {

    width: 100%;

  }



  .submenu__link:hover::before {

    height: 100%;

  }



  .languages__link:hover {

    color: #191919;

  }



  .footer__link:hover {

    text-decoration: underline;

  }



  .footer__col-links .footer__title:hover {

    text-decoration: underline;

  }



  .footer__soc-link:hover {

    -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

            transform: rotate(360deg);

  }



  .projects__slide-img:hover img {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

  }



  .projects__slide-name:hover {

    color: #9f9f9f;

  }



  .catalog__item-img:hover img {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

  }



  .catalog__name:hover {

    color: #9f9f9f;

  }



  .contacts__row-link:hover {

    color: #9f9f9f;

  }



  .contacts__soc-link:hover {

    border: 1px solid #9f9f9f;

  }



  .contacts__soc-link:hover path {

    fill: #9f9f9f;

  }



  .projects-page__img:hover img {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1);

  }



  .projects-page__name:hover {

    color: #9f9f9f;

  }

}