@import url(https://fonts.googleapis.com/css?family=Inter:300,regular,500,600,700&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300; 0,400;0,700;0,900;1,300;1,400;1,700;1,900&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: 280px
}

body {
    color: #0c3c7f;
    line-height: 1;
    font-family: Inter;
    font-size: 1rem;
    -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: Inter;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: transparent
}

input,
textarea {
    width: 100%
}

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
}

body {
    min-height: 1400px;
    background-color: #fefefe
}

.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: 74.375rem;
    margin: 0 auto;
    padding: 0 .9375rem
}

.menu {
    overflow: hidden
}

.menu__body {
    position: fixed;
    width: 100%;
    max-width: 29.375rem;
    background-color: #f4f4f4;
    height: 100%;
    right: -100%;
    top: 0;
    z-index: 9;
    overflow: auto;
    /*padding: 3.5rem 1rem;*/
    padding: 8.25rem 2.4rem;
    transition: right .5s
}
@media (max-width:1024px) {
    .menu__body {
        padding: 5.25rem 1rem;
    }
}

.menu__body::before {
    content: "";
    position: fixed;
    width: 39.166667%;
    height: 4.375rem;
    right: -100%;
    top: 0;
    transition: right .5s;
    z-index: 2
}

.menu-open .menu__body {
    right: 0
}

.menu-open .menu__body::before {
    right: 0
}

.menu .menu__list {
    color: #0c3c7f
}

.menu .menu__list h3 {
    font-weight: 700;
    font-size: 20px
}

.menu .menu__list .menu__item {
    margin-top: 1.5625rem
}

.menu .menu__list .menu__item__sub a {
    font-size: 1rem;
    font-weight: 400;
    width: 100%;    
}

.menu .menu__list .menu__item__sub__link {
    width: 100%;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    background-color: #0c3c7f;
    color: #f4f4f4;
    font-weight: 600;
    transition: .5s
}

.menu .menu__list .menu__item__sub__link p {
    font-weight: 600
}

.menu .menu__list .menu__item__sub__link:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    transition: .5s;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .4)
}

.menu .menu__list .menu__item__sub__link:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    transition: .5s
}

.menu .menu__list .menu__item .border {
    border: solid #0c3c7f;
    border-width: .03125rem 0;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.menu .menu__list .menu__item .linked {
    display: flex;
    width: 100%;  
}

.menu .menu__list ul {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.menu .menu__list li a {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 120%;
}
.spollers__body-header a {
    opacity: .75;
}


.menu .menu__list li a p {
    font-weight: 600
}

.icon-menu {
    display: none;
    transition: all .3s;
    display: block;
    position: fixed;
    top: 4.3125rem;
    right: 2.5rem;
    width: 1.875rem;
    height: 1.3125rem;
    z-index: 10
}

.icon-menu span,
.icon-menu::after,
.icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .25rem;
    background-color: #f4f4f4
}

.icon-menu::before {
    top: 0
}

.icon-menu::after {
    bottom: 0
}

.icon-menu span {
    top: calc(50% - .125rem)
}

.menu-open .icon-menu span {
    width: 0
}

.menu-open .icon-menu::before {
    top: calc(50% - .125rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #0c3c7f
}

.menu-open .icon-menu::after {
    bottom: calc(50% - .125rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #0c3c7f
}

.icon-menu.catalog {
    position: fixed;
    right: 2.5rem
}

.spollers {
    display: grid;
    gap: 15px
}

.spollers__item {
    font-size: 1.25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.spollers__title {
    width: auto;
    cursor: default;
    text-align: left;
    position: relative;
    list-style: none
}

.spollers__title::-webkit-details-marker,
.spollers__title::marker {
    display: none
}

._spoller-init .spollers__title {
    cursor: pointer
}

._spoller-init .spollers__title img {
    margin-top: 2px;
    margin-left: 5px;
    transition: all .3s
}

._spoller-init .spollers__title._spoller-active img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all .3s
}

._spoller-init .spollers__title._spoller-active::before {
    -webkit-transform: translateX(-75%) rotate(-40deg);
    transform: translateX(-75%) rotate(-40deg)
}

._spoller-init .spollers__title._spoller-active::after {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

.spollers__body {
    position: relative;
    width: 39.166666vw;
    margin-left: -4.5625rem;
    background-color: rgba(244, 244, 244, .3);
    display: flex;
    flex-wrap: wrap;
    padding: 1.25rem 4.0625rem;
    margin-top: 1.25rem;
    align-content: stretch;
    flex: 1 1 auto
}

.spollers__body__block {
    margin: 1.25rem 1.25rem 0 0
}

.spollers__body__block p {
    font-size: .9375rem;
    font-weight: 700;
    margin-bottom: .625rem
}

.spollers__body__block li {
    font-size: .8125rem;
    margin-left: .3125rem
}

.spollers__body__block li:not(last-child) {
    margin-bottom: .375rem
}

.spollers__body__block li:not(last-child) a {
    text-decoration: none
}

.spollers__body__block li:not(last-child) a:hover {
    text-decoration: underline
}

.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
}

a:hover {
    text-decoration: underline
}

a:active {
    transition: .2s;
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

button:active {
    transition: .2s;
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

body:before {
    transition: .3s
}

html.menu-open body:before {
    content: "";
    position: fixed;
    width: 100vw;
    height: 100%;
    background-color: #000;
    z-index: 1;
    opacity: .65;
    transition: .3s
}

html.menu-open .header__logo img {
    opacity: .75;
    transition: .3s
}

.hero {
    width: 100vw;
    height: 100vh
}
@media (max-width: 767.98px){
    .hero {
        height: 88.5vh
}
}

.hero__container {
    padding: 10.3125rem 8.75rem 1.5625rem;
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: none
}

.hero__container .hero-2__slider {
    width: 100%;
    height: 100%
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
    -webkit-transform: translateX(75%);
    transform: translateX(75%);
    opacity: 0;
    transition: 2s;
    max-width: 50rem;
    margin-left: 3.75rem;
    margin-right: 3.75rem;
    gap: 2.8125rem;
    display: flex;
    flex-direction: column
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box h1 {
    font-weight: 700;
    font-size: 3.75rem;
    color: #f4f4f4;
    line-height: 130%
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box div {
    display: flex;
    gap: 4.0625rem
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box span {
    color: #fdc942
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    background-color: #0c3c7f;
    color: #f4f4f4;
    font-weight: 600;
    transition: .5s
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link p {
    font-weight: 600
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    transition: .5s;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .4)
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    transition: .5s
}

.hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link.white {
    background-color: #f4f4f4;
    color: #0c3c7f
}

.no-webp .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide.first,
.no-webp .hero__container .hero-2__slider .hero-2__wrapper .third {
    background-image: url(../img/hero-img1.jpg)
}

.no-webp .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide.second {
    background-image: url(../img/hero-background2.jpg)
}

.hero__container .hero-2__slider .swiper-button-next,
.hero__container .hero-2__slider .swiper-button-prev {
    display: none
}

.hero .hero-2__slide.swiper-slide-active .hero-2__slide__box {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition: 2s
}

.hero .hero-2__slide.swiper-slide-prev .hero-2__slide__box {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    transition: 2s
}

.hero-1__slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 82%
}


.hero-1__slider .hero-1__wrapper .hero-1__slide {
    width: 100%;
    height: 100%;
    background: linear-gradient(134deg, #674d08 0, #000748 100%)
}

.hero-1__slider .hero-1__wrapper .hero-1__slide::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(134deg, #674d08 0, #000748 100%);
    opacity: .45
}

.hero-1__slider .hero-1__wrapper .hero-1__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-1__slider__button-box {
    pointer-events: none;
    position: absolute;
    display: flex;
    gap: 0;
    bottom: 0;
    z-index: 1
}

.hero-1__slider .swiper-button-next,
.hero-1__slider .swiper-button-prev {
    background-color: #0c3c7f;
    pointer-events: all;
    transition: .4s;
    opacity: 1
}

.hero-1__slider .swiper-button-next svg,
.hero-1__slider .swiper-button-prev svg {
    width: 28%
}

.hero-1__slider .hero__swiper__button1.hide {
    opacity: 0;
    transition: .4s
}

.hero-1__slider .hero__swiper__button2.hide {
    opacity: 0;
    transition: .4s
}

.hero-1__slider button:hover {
    background-color: #1556b1;
    opacity: 1
}

.hero-1__slider button:active {
    transition: .4s;
    -webkit-transform: scale(.94);
    transform: scale(.94)
}

.hero-1__slider .swiper-button-disabled {
    background-color: #35455b
}

.hero-1__slider .swiper-button-disabled:hover {
    -webkit-transform: none;
    transform: none;
    background-color: #35455b;
    cursor: default
}


.advantages__container {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    row-gap: 2.1875rem;
    font-weight: 500
}

.advantages__container__item {
    position: relative;
    height: 11.25rem;
    width: 22rem;
    background-color: rgba(234, 234, 234, .75)
}

.advantages__container__item.main {
    font-weight: 700;
    padding-top: 3.125rem;
    background-color: transparent
}

.advantages__container p {
    max-width: calc(100% - 4rem);
    position: absolute;
    left: 2rem;
    bottom: 2rem
}

.advantages__container__item div::before {
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    color: #fefefe;
    font-weight: 700
}

.advantages__container__item.first div::before {
    content: "01"
}

.advantages__container__item.second div::before {
    content: "02"
}

.advantages__container__item.third div::before {
    content: "03"
}

.advantages__container__item.fourth div::before {
    content: "04"
}

.advantages__container__item.fifth div::before {
    content: "05"
}

.about {
    position: relative
}

.about__container::before {
    content: " ";
    width: 218.75rem;
    height: 62.5rem;
    position: absolute;
    left: 0;
    bottom: -6.25rem;
    background-color: #fdc942;
    z-index: -1;
    -webkit-transform: skewX(-77.5deg);
    transform: skewX(-77.5deg)
}

.about__container-sub {
    padding: 0;
    display: flex;
    flex-direction: column
}

.about__container-sub__text-area.big {
    position: relative;
    margin-left: 0;
    padding: 0 29.166667% 0 0;
    max-width: none;
    -webkit-transform: translateY(3.125rem);
    transform: translateY(3.125rem);
    transition: .5s;
    flex-wrap: wrap;
    font-weight: 300
}

.about__container-sub__text-area.small {
    margin-right: 0;
    padding: 0 0 0 40.138889%;
    max-width: none;
    -webkit-transform: translateY(3.125rem);
    transform: translateY(3.125rem);
    font-weight: 300;
    display: flex
}

.about__container-sub__video-area {
    width: 100%;
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
    max-width: 60rem
}

.about__container-sub__video-area iframe {
    width: 100%;
    aspect-ratio: 16/9;
    padding: 0
}

.about__container-sub__text-area._watcher-view,
.about__container-sub__video-area._watcher-view {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: 1s
}

.about__container-sub__list-area {
    margin-left: 0;
    padding: 0;
    width: 100%
}

.about__container-sub__list-area__sub-container {
    padding: 0
}

.about__container-sub__list-area__sub-container ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2.8125rem;
    justify-content: space-between;
    row-gap: 1.25rem
}

.about__container-sub__list-area__sub-container ul li {
    position: relative;
    margin-left: 1.5625rem
}

.about__container-sub__list-area__sub-container ul li ::before {
    content: url(../img/icons/li_icon.svg);
    position: absolute;
    left: -2rem;
    top: -.25rem;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.about__container-sub__list-area__sub-container ul img {
    width: 1.5625rem
}

.about__container-sub__list-area h3 {
    font-weight: 700;
    text-align: left
}

.about__container-sub span {
    font-weight: 600
}

.about__container-sub__video {
    width: 100%
}

.advantages-li {
    background-color: #fdc942;
    position: relative
}

.advantages-li__container {
    display: flex;
    justify-content: space-between
}

.advantages-li__container__text-aria {
    padding: 0;
    margin-left: 0
}

.advantages-li__container__text-aria__title {
    font-weight: 700;
    text-align: left;
    padding: 0
}

.advantages-li__container__text-aria__icon {
    display: flex;
    justify-content: center
}

.advantages-li__container__list-aria {
    padding: 0
}

.advantages-li__container__list-aria ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-grow: 1
}

.advantages-li__container__list-aria li {
    font-weight: 400;
    display: flex;
    text-align: left;
    margin-right: 0
}

.advantages-li__container__list-aria li::before {
    content: url(../img/icons/li_icon2.svg);
    -webkit-transform: scale(.9);
    transform: scale(.9);
    margin-left: -.5rem
}

.advantages-li__container__list-aria li p {
    align-self: center;
    padding-left: 0
}

.certifications__container {
    display: flex;
    justify-content: space-between
}

.certifications__container h3 {
    font-weight: 700;
    text-align: left;
    padding: 0;
    z-index: 4
}

.certifications__container__item {
    padding: 0;
    margin: 0;
    transition: .5s
}

.certifications__container__item img {
    transition: .5s;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2)
}

.certifications__container__item:hover {
    -webkit-transform: scale(1.015);
    transform: scale(1.015);
    transition: .5s
}

.certifications__container__item:hover img {
    transition: .5s;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .4)
}

.certifications__container .center {
    padding: 0 .9375rem
}

.products {
    position: relative
}

.products__container h3 {
    font-weight: 700;
    text-align: left;
    padding: 0;
    z-index: 4
}

.products__container-sub {
    display: flex;
    padding: 0;
    flex-direction: column
}

.products__container-sub__item_container {
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 43% 57%;
    background-color: #ececec;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2)
}

.products__container-sub__item_container__img_box {
    padding: 0;
    width: 100%
}

.products__container-sub__item_container__img_box img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding-right: .9375rem
}

.products__container-sub__item_container__img_box .revers_img {
    padding-left: .9375rem;
    padding-right: 0
}

.products__container-sub__item_container .destination1,
.products__container-sub__item_container .destination2 {
    display: none
}

.products__container-sub__item_container__data_box {
    padding: 1.875rem 1.25rem;
    max-width: 29.375rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.products__container-sub__item_container__data_box h6 {
    font-weight: 500;
    margin-bottom: 1.25rem
}

.products__container-sub__item_container__data_box__ul-box {
    display: flex;
    padding: 0
}

.products__container-sub__item_container__data_box__ul-box ul {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.products__container-sub__item_container__data_box__ul-box li {
    display: flex;
    align-items: center;
    font-weight: 300;
    line-height: 118%
}

.products__container-sub__item_container__data_box__ul-box li img {
    width: 1.125rem
}

.products__container-sub__item_container__data_box__ul-box li:not(:last-child) {
    padding-bottom: .5rem
}

.products__container-sub__item_container__data_box__button-box {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 1.875rem;
    padding: 0;
    margin: 0
}

.products__container-sub__item_container__data_box__button-box a {
    width: calc(100% - 0.46875rem);
    display: flex;
    justify-content: center;
    align-items: center
}

.products__container-sub__item_container__data_box__button-box a:hover {
    text-decoration: none
}

.products__container-sub__item_container__data_box__button-box__link {
    width: 100%;
    height: 100%;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    background-color: #0c3c7f;
    color: #f4f4f4;
    font-weight: 600;
    transition: .5s
}

.products__container-sub__item_container__data_box__button-box__link p {
    font-weight: 600
}

.products__container-sub__item_container__data_box__button-box__link:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    transition: .5s;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .4);
    text-decoration: none
}

.products__container-sub__item_container__data_box__button-box__link:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    transition: .5s
}

.products__container-sub__item_container__data_box__button-box__link.yellow {
    background-color: #fdc942;
    color: #0c3c7f
}

.products__container-sub__item_container.revers {
    grid-template-columns: 57% 43%
}

.project {
    position: relative
}

.project__container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.project__container__button-box {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

.project__container__button-box__sub {
    padding: 0;
    margin: 0
}

.project__container::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 21.875rem solid transparent;
    border-left: 100vw solid #fdc942;
    width: 100vw;
    height: 72%;
    z-index: 0
}

.project__container h3 {
    font-weight: 700;
    text-align: left;
    padding: 0;
    z-index: 4
}

.project__container .swiper-button-next,
.project__container .swiper-button-prev {
    transition: .5s
}

.project__container .swiper-button-next__box,
.project__container .swiper-button-prev__box {
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    background-color: #0c3c7f;
    display: flex;
    align-items: center;
    border-radius: 50%;
    transition: .5s
}

.project__container .swiper-button-next__box :hover,
.project__container .swiper-button-prev__box :hover {
    -webkit-transform: none;
    transform: none
}

.project__container .swiper-button-next .left,
.project__container .swiper-button-prev .left {
    transition: .5s
}

.project__container .swiper-button-next .right,
.project__container .swiper-button-prev .right {
    justify-content: flex-end;
    transition: .5s
}

.project__container .swiper-button-next:hover,
.project__container .swiper-button-prev:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: .5s
}

.project__container .swiper-button-next:hover__box,
.project__container .swiper-button-prev:hover__box {
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .4)
}

.project__container .swiper-button-disabled {
    opacity: .5
}

.project__container .swiper-button-disabled:hover {
    -webkit-transform: none;
    transform: none;
    cursor: default
}

.project__container .project__slider {
    border-radius: 4px;
    box-shadow: 0 8px 30px 0 rgba(118, 143, 177, .2);
    margin: 0;
    display: flex;
    align-items: center;
    margin: 0 15px;
}
@media (max-width:479.98px){
    .project__container .project__slider{
        margin:0;
    }
}

.project__container .project__wrapper {
    max-width: 59.75rem
}

.project__container .project__wrapper .project__slide__box {
    display: flex;
    flex-direction: column;
    background-color: #fffffd;
    height: 100%;
    border-radius: 4px;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.project__container .project__wrapper .project__slide__box-sub {
    display: flex;
    flex-direction: column
}

.project__container .project__wrapper .project__slide__box__sub-container {
    position: relative;
    display: flex;
}
@media (max-width:479.98px) {
    .project__container .project__wrapper .project__slide__box__sub-container {
        width: 100%;
    }
    .project__slide__box__sub-container__button-area {
        width: 100%;
    }
}
.project__container .project__wrapper .project__slide__box__sub-container a {
    width: 100%;
}

.project__container .project__wrapper .project__slide__box__sub-container img {
    border-radius: .25rem;
    max-width: 100%;
    position: relative;
    margin: 0 auto
}

.project__container .project__wrapper .project__slide__box__sub-container__text-aria {
    display: flex;
    flex-direction: column
}

.project__container .project__wrapper .project__slide__box__sub-container__text-aria h4 {
    font-weight: 700
}

.project__container .project__wrapper .project__slide__box__sub-container__text-aria p {
    font-weight: 400
}

.project__container-sub__link {
    background-color: #0c3c7f;
    color: #f4f4f4;
    font-weight: 600;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    transition: .5s
}

.project__container-sub__link p {
    font-weight: 600
}

.project__container-sub__link:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: .5s;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .4)
}

.project__container-sub__link:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    transition: .5s
}

.project__container-sub__link.yellow {
    background-color: #fdc942;
    color: #0c3c7f
}

.partners {
    overflow: hidden;
    background-color: #fdc942
}

.partners .partner__limiter {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden
}

.partners_container {
    display: flex;
    width: 100000px;
    gap: 1.5625rem;
    margin-bottom: 1.5625rem
}

.partners_container__item {
    border: .125rem solid #0c3c7f;
    height: 10rem;
    white-space: nowrap;
    display: flex;
    align-content: center;
    justify-content: center
}

.partners_container__item img.big {
    max-width: 66%
}

.partners_container__item img.small {
    max-width: 37%
}

.partners_container.displaced {
    margin-left: -10rem
}

.partners .js-marquee {
    display: flex;
    gap: 1.5625rem
}

.contacts {
    background-color: #fdc942
}

.contacts__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.contacts__container h3 {
    font-weight: 700;
    text-align: left;
    padding: 0;
    z-index: 4
}

.contacts__container-box {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: 1.875rem;
    justify-content: center
}

.contacts__container-box__sub-box {
    display: flex;
    flex-direction: column;
    gap: .9375rem;
    justify-content: flex-start;
    padding: 0;
    margin: 0
}

.contacts__container-box__sub-box .line {
    width: .09375rem;
    background-color: #0c3c7f;
    height: 100%
}

.contacts__container-box .inline {
    flex-direction: row
}

.contacts__container-box .inline div {
    display: flex;
    flex-direction: column;
    gap: .9375rem
}

.contacts__container-box h5 {
    font-weight: 400
}

.contacts__container-box h6 {
    font-weight: 300
}

.gallery {
    max-width: 74.375rem;
    padding: 0 .9375rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.75rem
}

.gallery-navigation {
    margin-top: 3.125rem;
    display: flex;
    gap: .625rem;
    flex-wrap: wrap;
    align-items: stretch
}

.gallery-navigation__item {
    padding: .375rem 2.1875rem;
    background-color: #fff;
    border: .4px solid rgba(12, 60, 127, .45);
    border-radius: 2px;
    width: auto;
    transition: .2s;
    cursor: default
}

.gallery-navigation__item:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    background-color: rgba(12, 50, 127, .2392156863);
    transition: .2s;
    cursor: pointer
}

.gallery-navigation__item.active {
    background-color: #fdc942;
    color: #0c3c7f;
    font-weight: 500
}

.gallery .menu__list>li {
    display: none;
    position: relative
}

.gallery .menu__list>li p {
    font-weight: 300;
    margin-top: 1rem;
    text-align: center;
    line-height: 130%
}

.gallery-item {
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .3);
    background: #fff;
    display: none
}

.gallery-item__tittle-box {
    width: 100%;
    border-bottom: 4px solid #0c3c7f;
    text-align: center
}

.gallery-item__tittle-box h2 {
    font-weight: 700;
    font-family: Merriweather
}

.gallery-item__about-box {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.gallery-item__about-box h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #fdc942
}

.gallery-item__about-box div {
    display: flex;
    flex-direction: column;
    gap: .375rem
}

.gallery-item__about-box div p {
    font-weight: 300;
    font-size: .75rem;
    line-height: 130%
}

.gallery-item.active {
    display: block
}

.gallery .gallery-item__slider-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative
}

.gallery .gallery-item__slider.swiper {
    overflow: visible
}

.gallery .gallery-item__slide.swiper-slide {
    z-index: 1
}

.gallery .gallery-item__slide.swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .45;
    transition: .5s
}

.gallery .gallery-item__slide.swiper-slide.swiper-slide-active {
    width: 40.625rem
}

.gallery .gallery-item__slide.swiper-slide.swiper-slide-active img {
    opacity: 1;
    transition: .5s
}

.gallery .gallery-swiper-button-box {
    position: absolute;
    left: 0;
    top: calc(50% - 18px);
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 74.375rem;
    z-index: 1;
    margin: auto
}

.gallery .gallery-swiper-button-box .swiper-button-next,
.gallery .gallery-swiper-button-box .swiper-button-prev {
    z-index: 1;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
    transition: .5s
}

.gallery .gallery-swiper-button-next.hide,
.gallery .gallery-swiper-button-prev.hide {
    display: none
}

.gallery .swiper-button-disabled {
    opacity: 0;
    transition: .5s
}

.gallery .error-message {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 2.8125rem;
    justify-content: center;
    width: 25rem;
    margin: 0 auto
}

.gallery .error-message p {
    font-size: 1.125rem;
    color: red;
    text-align: center;
    font-weight: 600
}

.catalog-header .search path {
    stroke: #0c3c7f
}

.catalog-header .icon-menu span {
    background-color: #0c3c7f
}

.catalog-header .icon-menu::before {
    background-color: #0c3c7f
}

.catalog-header .icon-menu::after {
    background-color: #0c3c7f
}

.catalog-header form input {
    transition: .4s;
    opacity: 0;
    pointer-events: none;
    padding: 4px 10px;
    color: #0c3c7f;
    border: .5px solid #0c3c7f
}

.catalog-header form input::-webkit-input-placeholder {
    color: #0c3c7f;
    opacity: 1
}

.catalog-header form input:-ms-input-placeholder {
    color: #0c3c7f;
    opacity: 1
}

.catalog-header form input::-ms-input-placeholder {
    color: #0c3c7f;
    opacity: 1
}

.catalog-header form input::placeholder {
    color: #0c3c7f;
    opacity: 1
}

.catalog-header .header__container {
    margin-top: 1.5625rem
}

.navigation__container {
    padding: .3125rem .9375rem
}

.navigation__container-sub {
    padding: .3125rem .9375rem
}

.navigation__container p {
    display: flex;
    gap: .25rem;
    flex-wrap: wrap
}

.navigation__container p a {
    font-weight: 400;
    font-size: 12px
}

.navigation__container p button:hover {
    text-decoration: underline
}

.navigation__container p span:not(:last-child) {
    margin-bottom: .5rem
}

.catalog__container {
    margin-top: 1.875rem;
    padding: 0 .9375rem;
    width: 100%
}

.catalog__container__sub-buttons {
    margin: 0;
    padding: 0;
    display: flex;
    gap: .625rem
}

.catalog__container__sub-buttons button {
    border: 2px solid #d3d3d3;
    border-bottom: none
}

.catalog__container__sub-buttons button:hover {
    background-color: #ececec;
    transition: .3s
}

.catalog__container__sub-buttons .active {
    border: none;
    background-color: #0c3c7f;
    color: #f4f4f4;
    transition: .3s
}

.catalog__container__sub-buttons .active:hover {
    background-color: #1556b1;
    transition: .3s
}

.catalog__container__sub-items {
    margin: 0;
    width: 100%;
    background-color: #d3d3d3;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border: solid #0c3c7f;
    border-width: .25rem 0 0 0
}

.catalog__container__sub-items__item {
    margin: 0;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: .2s;
    cursor: pointer
}

.catalog__container__sub-items__item:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    transition: .2s
}

.catalog__container__sub-items__item h5 {
    font-weight: 600
}

.catalog__container__sub-items__item img {
    width: 100%
}

.catalog__container__sub-items__item a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 300;
    font-size: 9px;
    padding: .375rem .375rem .1875rem 0;
    border: 1px solid #fdc942;
    border-width: 0 0 1px 0;
    display: flex;
}

.catalog__container__sub-items__item a::after {
    content: " ";
    border-top: .5px solid;
    border-right: .5px solid;
    top: 3px;
    margin-left: .125rem;
    position: relative;
    stroke: #0c3c7f;
    width: .1875rem;
    height: .1875rem;
    stroke-width: .5px;
    rotate: 45deg
}

.catalog__container__sub-items__item a:hover {
    text-decoration: none;
    font-weight: 500
}

.catalog__container .cover {
    display: none
}

.catalog__container .cover.active {
    display: flex
}

.catalog__container .material {
    display: none
}

.catalog__container .material.active {
    display: flex
}

.material-card__container {
    padding: 0
}

.material-card__container .material-card__box {
    padding: 4.75rem 2.25rem;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    display: grid;
    grid-template-columns: 50% 50%
}

.material-card__img-box {
    display: flex;
    align-items: center;
    justify-content: center
}

.material-card__img-box img {
    width: 100%;
    position: relative
}

.material-card__data-box {
    display: flex;
    flex-direction: column
}

.material-card__data-box__sub {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.material-card__data-box__sub h2 {
    font-weight: 700;
    margin-bottom: .625rem
}

.material-card__data-box__sub h5 {
    font-weight: 400;
    margin-bottom: .46875rem
}

.material-card__data-box__sub h6 {
    font-weight: 400
}

.material-card__data-box__sub p {
    font-weight: 300;
    margin-bottom: .375rem;
    line-height: 125%
}

.material-card__data-box__sub p:last-child {
    margin-bottom: 0
}

.material-card__data-box__sub__ul-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.1875rem
}

.material-card__data-box__sub__ul-box ul {
    display: flex;
    flex-direction: column;
    gap: 0
}

.material-card__data-box__sub__ul-box li {
    display: flex;
    align-items: center;
    font-weight: 300;
    line-height: 118%
}

.material-card__data-box__sub__ul-box li img {
    width: 1rem;
    position: relative;
    top: .0625rem
}

.material-card__data-box__sub__ul-box li:not(:last-child) {
    padding-bottom: .375rem
}

.materials h4 {
    font-weight: 500
}

.materials__container h3 {
    font-weight: 600;
    font-size: 1.25rem
}

.materials__container__box {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.materials__item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1.25rem;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2)
}

.materials__item__img-box {
    width: 100%
}

.materials__item__img-box img {
    max-height: 12.1875rem;
    width: 100%
}

.materials__item__text-box {
    max-width: 18.125rem
}

.materials__item__text-box p {
    margin-top: .3125rem
}

.materials__item__link {
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    background-color: #fdc942;
    color: #0c3c7f;
    font-weight: 600;
    transition: .5s
}

.materials__item__link p {
    font-weight: 600
}

.materials__item__link:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    transition: .5s;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .4)
}

.materials__item__link:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    transition: .5s
}

.close {
    display: none
}

.barrel {
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2)
}

.barrel-box {
    display: grid;
    grid-template-columns: 50% 50%
}

.barrel-box__imgbox {
    display: flex;
    justify-content: center
}

.barrel-box__imgbox img {
    width: 100%;
    margin: auto
}

.barrel-box__databox {
    display: flex;
    flex-direction: column
}

.barrel-box__databox h3 {
    font-size: 28px;
    font-weight: 700
}

.barrel-box__databox__sub-box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: .9375rem
}

.barrel-box__databox__sub-box h5 {
    font-weight: 600;
    font-size: 16px
}

.barrel-box__databox__sub-box p {
    line-height: 133.333333%;
    font-size: 12px;
    font-weight: 400
}

.barrel-box__databox .materials__item__link {
    background-color: #0c3c7f;
    color: #f4f4f4
}

.barrel-box__databox .materials__item__link:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.barrel-databox {
    display: flex;
    flex-direction: column
}

.barrel-databox__sub-box {
    border: 1px solid #d3d3d3;
    border-top: 2.5px solid #0c3c7f;
    display: flex;
    padding: 1.25rem 2.5rem;
    justify-content: space-between
}

.barrel-databox__sub-box span {
    font-weight: 500;
    font-size: 15px;
    margin-right: .375rem
}

.barrel-databox__sub-box p {
    font-weight: 300;
    font-size: 14px;
    text-transform: capitalize
}

.barrel-databox__sub-box__items-box {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.barrel-databox__sub-box__items-box h5 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: .625rem
}

.barrel-databox__sub-box ol {
    margin-left: 1.5625rem;
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.barrel-databox__sub-box ol li {
    text-transform: capitalize
}

.barrel-databox__sub-box .notCapitalaze p {
    text-transform: unset
}

.barrel-databox__button-box {
    margin-bottom: none;
    display: flex;
    gap: .1875rem
}

.barrel-databox__button-box button {
    padding: .5rem 2.5rem;
    border: 1px solid #0c3c7f;
    border-bottom: none;
    transition: .2s
}

.barrel-databox__button-box button:hover {
    background-color: rgba(211, 211, 211, .4392156863);
    transition: .2s
}

.barrel-databox__button-box .active {
    background-color: #0c3c7f;
    color: #f4f4f4;
    transition: .2s
}

.barrel-databox__button-box .active:hover {
    background-color: #0c3c7f;
    transition: .2s
}

.hidden {
    display: none
}

.search {
    position: relative;
    margin-top: 7.8125rem
}

.search__container {
    padding: 0 .9375rem;
    position: relative
}

.search__container__input {
    transition: .4s;
    opacity: 0;
    pointer-events: none;
    padding: 6px 10px;
    width: 100%;
    border: 1px solid #0c3c7f;
    transition: .4s;
    opacity: 1;
    pointer-events: all;
    margin-bottom: 1.5625rem;
    border-radius: 0;
}

.search__container input::-webkit-input-placeholder {
    color: #0c3c7f;
    opacity: .7;
    font-size: .875rem
}

.search__container input:-ms-input-placeholder {
    color: #0c3c7f;
    opacity: .7;
    font-size: .875rem
}

.search__container input::-ms-input-placeholder {
    color: #0c3c7f;
    opacity: .7;
    font-size: .875rem
}

.search__container input::placeholder {
    color: #0c3c7f;
    opacity: .7;
    font-size: .875rem
}

.search__container__items {
    padding: 1.5625rem 1.25rem;
    box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2);
    background: #fff;
    display: flex;
    gap: 1.5625rem;
    overflow: hidden;
    overflow-x: scroll;
    justify-content: flex-start
}

.search__container__item {
    background-color: #f4f4f4;
    padding: .9375rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin: 0;
    height: auto;
    max-width: 14.375rem
}

.search__container__item img {
    width: 12.5rem
}

.search__container__item__img-box {
    padding: 0;
    margin: 0
}

.search__container__item__text-box {
    padding: 0;
    margin: 0;
    font-size: .75rem
}

.search__container__item__link {
    padding: 0;
    margin: 0;
    font-size: .8125rem;
    padding: .625rem 1.125rem;
    background-color: #fdc942;
    font-weight: 500;
    transition: .2s
}

.search__container__item__link:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    transition: .2s
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1;
    transition: .4s
}

.main__logo {
    display: block
}

.catalog_link {
    color: #0c3c7f;
    font-size: 1.125rem;
    font-weight: 500
}

.header__container {
    transition: .4s;
    max-width: 100vw;
    padding: 0 4.375rem 0 8.75rem;
    margin-top: 3.4375rem;
    display: flex;
    justify-content: space-between;
    color: #f4f4f4
}

.header__container.catalog {
    width: 100%;
    padding: 0 .9375rem;
    max-width: 74.375rem
}

.sub-header__container {
    margin-right: 0;
    display: flex;
    gap: 4.375rem;
    align-items: center;
    padding: 0
}

.sub-header__container.catalog {
    gap: 0
}

.header__list__container {
    display: flex;
    padding: 0;
    gap: 30px;
    align-items: center
}

.menu__item {
    font-weight: 600;
    display: flex
}

.menu__item form {
    display: flex;
    justify-content: flex-end;
    gap: .625rem
}

.menu__item form input {
    transition: .4s;
    opacity: 0;
    pointer-events: none;
    padding: 4px 10px
}

.menu__item form input::-webkit-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.menu__item form input:-ms-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.menu__item form input::-ms-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.menu__item form input::placeholder {
    color: #f4f4f4;
    opacity: .7
}

.menu__item form input.menu__item__iput-active {
    width: 100%;
    max-width: 28.125rem;
    border: 1px solid #f4f4f4;
    background-color: rgba(253, 200, 66, .2235294118);
    transition: .4s;
    opacity: 1;
    pointer-events: all
}

.menu__item form a {
    transition: .4s;
    opacity: 0;
    pointer-events: none;
    padding: .625rem 1.25rem
}

.menu__item form button:hover {
    cursor: default
}

.menu__item form a.menu__item__button-active {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #0c3c7f;
    transition: .4s;
    opacity: 1;
    cursor: pointer;
    pointer-events: all
}

.menu__item .search {
    z-index: 9
}

.menu__item .search:hover {
    cursor: pointer
}

.menu__item button.hide {
    display: none
}

.header__logo a:first-child {
    display: block
}

.header__logo a:last-child {
    display: none
}

.main__logo.second {
    display: none
}

.menu__link {
    display: flex;
    align-items: center;
    gap: 4px
}

.menu__body .menu__item:not(last-child) {
    margin-top: 1.25rem
}

.menu__item__container h4 {
    font-weight: 600
}

.menu__item__container__inline h4 {
    font-weight: 600
}

.menu__item__container__inline .sub-menu__item__container {
    margin-bottom: .625rem
}

.menu__item__container__inline .sub-menu__item__container.__box {
    display: flex;
    justify-content: space-between
}

.menu__item__container__link {
    padding: 15px 24px;
    background-color: #0c3c7f;
    color: #f4f4f4;
    transition: .5s
}

.menu__item__container__link p {
    font-weight: 600
}

.menu__item__container__link:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: .5s
}

.menu__item__container__link:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    transition: .5s
}

.sub-menu__item__container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    width: calc(39.166667vw - 6.25rem);
    row-gap: 1.25rem;
    justify-content: space-between;
    align-content: space-between
}

.sub-menu__item__container h6 {
    font-weight: 500
}

.sub-menu__item__container a {
    text-decoration: none
}

.sub-menu__item__container a:hover {
    text-decoration: underline
}

.sub-menu__item__container .menu__item__absolute {
    display: flex;
    flex-direction: column;
    text-align: right;
    row-gap: 1.25rem;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 0;
    top: 0
}

.spollers__title {
    display: flex
}

.header._header-scroll {
    transition: .4s
}

.header._header-scroll .icon-menu {
    color: #0c3c7f;
    top: 2.5rem
}

.header._header-scroll .icon-menu span,
.header._header-scroll .icon-menu::after,
.header._header-scroll .icon-menu::before {
    background-color: #0c3c7f
}

.header.catalog._header-scroll .icon-menu {
    color: #0c3c7f;
    top: 2.5rem
}

.header.catalog._header-scroll .icon-menu span,
.header.catalog._header-scroll .icon-menu::after,
.header.catalog._header-scroll .icon-menu::before {
    background-color: #0c3c7f
}

.search-button {
    stroke: #f4f4f4
}

.footer {
    background-color: #1e211e;
    padding: 6.25rem 0 3.25rem 0;
}

.footer__container {
    display: grid;
    grid-template-columns: 62.5% 37.5%
}

.footer__container__sub-box {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.footer__container__sub-box.catalog {
    justify-content: flex-start
}

.footer__container__sub-box__logo {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: .5rem
}

.footer__container__sub-box__logo p {
    color: #fdc942
}

.footer__container__sub-box__navigation {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.footer__container__sub-box__navigation div {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2.375rem;
    color: #fff;
    font-weight: 700
}

.footer__container__sub-box__navigation div h5 {
    font-weight: 500
}

.footer__container__sub-box__search-container {
    margin: 0;
    padding: 0
}

.footer__container__sub-box__search-container form {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.footer__container__sub-box__search-container input {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    border: 1px solid #f4f4f4;
    height: 2.375rem;
    padding-left: .46875rem;
    color: #f4f4f4;
    transition: .5s;
    border-radius: 0;
}

.footer__container__sub-box__search-container input::-webkit-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.footer__container__sub-box__search-container input:-ms-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.footer__container__sub-box__search-container input::-ms-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.footer__container__sub-box__search-container input::placeholder {
    color: #f4f4f4;
    opacity: .7
}

.footer__container__sub-box__search-container input:active {
    transition: .5s;
    box-shadow: 2px 2px 30px 0 rgba(118, 143, 177, .1)
}

.footer__container__sub-box__search-container input::-webkit-input-placeholder {
    opacity: .4
}

.footer__container__sub-box__search-container input:-ms-input-placeholder {
    opacity: .4
}

.footer__container__sub-box__search-container input::-ms-input-placeholder {
    opacity: .4
}

.footer__container__sub-box__search-container input::placeholder {
    opacity: .4
}

.footer__container__sub-box__search-container button {
    background-color: #fdc942;
    padding: 0 1.71875rem;
    height: 2.375rem;
    font-size: 1rem;
    font-weight: 600;
    transition: .5s
}

.footer__container__sub-box__search-container button:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: .5s;
    box-shadow: 4px 4px 30px 0 rgba(177, 150, 118, .2)
}

.footer__container__sub-box__email-container {
    margin: 0;
    padding: 0;
    margin-top: 1.5625rem
}

.footer__container__sub-box__email-container.catalog {
    margin-top: 7.5rem
}

.footer__container__sub-box__email-container form {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    font-weight: 600;
    font-size: 16px;
    color: #f4f4f4
}

.footer__container__sub-box__email-container input {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    border: 1px solid rgba(244, 244, 244, .5764705882);
    height: 2.375rem;
    padding-left: .46875rem;
    color: #f4f4f4;
    transition: .5s;
    border-radius: 0;
}

.footer__container__sub-box__email-container input::-webkit-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.footer__container__sub-box__email-container input:-ms-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.footer__container__sub-box__email-container input::-ms-input-placeholder {
    color: #f4f4f4;
    opacity: .7
}

.footer__container__sub-box__email-container input::placeholder {
    color: #f4f4f4;
    opacity: .7
}

.footer__container__sub-box__email-container input::-webkit-input-placeholder {
    opacity: .4
}

.footer__container__sub-box__email-container input:-ms-input-placeholder {
    opacity: .4
}

.footer__container__sub-box__email-container input::-ms-input-placeholder {
    opacity: .4
}

.footer__container__sub-box__email-container input::placeholder {
    opacity: .4
}

.footer__container__sub-box__email-container button {
    background-color: #0c3c7f;
    padding: 0 1.71875rem;
    height: 2.375rem;
    font-size: 1rem;
    font-weight: 600;
    transition: .5s;
    color: #f4f4f4
}

.footer__container__sub-box__email-container button:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    transition: .5s;
    box-shadow: 4px 4px 30px 0 rgba(131, 118, 223, .2)
}

.swiper {
    overflow: hidden
}

.swiper-initialized {
    touch-action: pan-y
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    display: flex;
    position: relative
}

.swiper-vertical .swiper-wrapper {
    flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start
}

.swiper-initialized .swiper-slide {
    flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
    display: none !important
}

@font-face {
    font-family: lg;
    src: url(data:font/woff2;base64,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) format("woff2"), url(data:font/woff;base64,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) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: lg !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-container {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.lg-next,
.lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    outline: 0;
    border: none
}

.lg-next.disabled,
.lg-prev.disabled {
    opacity: 0 !important;
    cursor: default
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
    color: #fff
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 20px
}

.lg-next:before {
    content: "\e095"
}

.lg-prev {
    left: 20px
}

.lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-media-overlap .lg-toolbar {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    will-change: color;
    transition: color .2s linear;
    background: 0 0;
    border: none;
    box-shadow: none
}

.lg-toolbar .lg-icon.lg-icon-18 {
    font-size: 18px
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

.lg-toolbar .lg-maximize:after {
    content: "\e90a"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    color: #eee;
    font-size: 16px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    transition: opacity .2s ease-out 0s
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

.lg-sub-html a {
    color: inherit
}

.lg-sub-html a:hover {
    text-decoration: underline
}

.lg-media-overlap .lg-sub-html {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6))
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-error-msg {
    font-size: 14px;
    color: #999
}

.lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle
}

.lg-closing .lg-next,
.lg-closing .lg-prev,
.lg-closing .lg-sub-html,
.lg-closing .lg-toolbar {
    opacity: 0;
    transition: opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
    transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear, -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    will-change: transform, opacity;
    transition: opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-container {
    display: none;
    outline: 0
}

.lg-container.lg-show {
    display: block
}

.lg-on {
    scroll-behavior: unset
}

.lg-hide-sub-html .lg-sub-html,
.lg-next,
.lg-pager-outer,
.lg-prev,
.lg-toolbar {
    opacity: 0;
    will-change: transform, opacity;
    transition: opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer,
.lg-show-in .lg-prev,
.lg-show-in .lg-toolbar {
    opacity: 1
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: .001;
    outline: 0;
    will-change: auto;
    overflow: hidden;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-zoom-from-image {
    opacity: 1
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide {
    transition-duration: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.lg-outer .lg-inner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: opacity 0s;
    white-space: nowrap
}

.lg-outer .lg-item {
    will-change: transform, opacity;
    display: none !important
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(data:image/gif;base64,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) no-repeat scroll center center transparent
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.lg-outer .lg-img-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    font-size: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative
}

.lg-outer .lg-empty-html .lg-sub-html,
.lg-outer .lg-empty-html.lg-sub-html {
    display: none
}

.lg-outer.lg-hide-download .lg-download {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-first-slide .lg-dummy-img {
    position: absolute;
    top: 50%;
    left: 50%
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    opacity: 1;
    transition: opacity .2s ease-out .15s
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    will-change: auto;
    transition: opacity 333ms ease-in 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    transition: opacity .1s ease 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-container {
    display: none
}

.lg-container.lg-show {
    display: block
}

.lg-container.lg-dragging-vertical .lg-backdrop {
    transition-duration: 0s !important
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: "\e909"
}

.lg-components {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    transition: -webkit-transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s;
    transition: transform .35s ease-out 0s, -webkit-transform .35s ease-out 0s;
    z-index: 1080;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

@media (min-width:74.375em) {
    body {
        font-size: 1.125rem
    }

    .menu .menu__list .menu__item__sub__link {
        padding-top: .9375rem
    }

    .menu .menu__list .menu__item__sub__link {
        padding-bottom: .9375rem
    }

    .menu .menu__list .menu__item__sub__link {
        padding-left: 1.5rem
    }

    .menu .menu__list .menu__item__sub__link {
        padding-right: 1.5rem
    }

    .menu .menu__list .menu__item__sub__link {
        font-size: 1rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box h1 {
        font-size: 3.75rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding-top: .9375rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding-bottom: .9375rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding-left: 1.5rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding-right: 1.5rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        font-size: 1rem
    }


    .hero-1__slider .swiper-button-next,
    .hero-1__slider .swiper-button-prev {
        width: 3.75rem
    }

    .hero-1__slider .swiper-button-next,
    .hero-1__slider .swiper-button-prev {
        height: 3.75rem
    }

    .advantages__container {
        gap: 2.1875rem
    }

    .advantages__container {
        font-size: 1.5rem
    }

    .about__container-sub:not(:last-child) {
        margin-bottom: 5.625rem
    }

    .about__container-sub {
        gap: 5.625rem
    }

    .about__container-sub__list-area__sub-container ul p {
        font-size: 1.25rem
    }

    .about__container-sub__list-area h3 {
        margin-bottom: 2.1875rem
    }

    .advantages-li__container__text-aria__title {
        margin-bottom: 2.1875rem
    }

    .advantages-li__container__text-aria__icon img {
        width: 15rem
    }

    .certifications__container h3 {
        margin-bottom: 2.1875rem
    }

    .certifications__container__item {
        width: 22.5rem
    }

    .products__container h3 {
        margin-bottom: 2.1875rem
    }

    .products__container-sub {
        gap: 3.75rem
    }

    .products__container-sub__item_container__img_box img {
        height: 33.125rem
    }

    .products__container-sub__item_container__data_box {
        gap: 1.875rem
    }

    .products__container-sub__item_container__data_box h5 {
        font-size: 1.625rem
    }

    .products__container-sub__item_container__data_box h6 {
        font-size: 1.5rem
    }

    .products__container-sub__item_container__data_box__ul-box {
        gap: 1.25rem
    }

    .products__container-sub__item_container__data_box__ul-box li {
        font-size: .9375rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        padding-top: .9375rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        padding-bottom: .9375rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        padding-left: 1.5rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        padding-right: 1.5rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        font-size: 1.125rem
    }

    .project__container h3 {
        margin-bottom: 2.1875rem
    }

    .project__container .swiper-button-next__box,
    .project__container .swiper-button-prev__box {
        width: 2.5rem
    }

    .project__container .swiper-button-next__box,
    .project__container .swiper-button-prev__box {
        height: 2.5rem
    }

    .project__container .swiper-button-next .left,
    .project__container .swiper-button-prev .left {
        padding-left: .6875rem
    }

    .project__container .swiper-button-next svg,
    .project__container .swiper-button-prev svg {
        width: .875rem
    }

    .project__container .swiper-button-next svg,
    .project__container .swiper-button-prev svg {
        height: 1.5rem
    }

    .project__container .swiper-button-next .right,
    .project__container .swiper-button-prev .right {
        padding-right: .75rem
    }

    .project__container .project__wrapper .project__slide__box {
        gap: 1.875rem
    }

    .project__container .project__wrapper .project__slide__box {
        padding: 2.5rem
    }

    .project__container .project__wrapper .project__slide__box-sub {
        gap: 1.875rem
    }

    .project__container .project__wrapper .project__slide__box__sub-container img {
        height: 29.875rem
    }

    .project__container .project__wrapper .project__slide__box__sub-container__text-aria {
        gap: .9375rem
    }

    .project__container .project__wrapper .project__slide__box__sub-container__text-aria h4 {
        font-size: 1.75rem
    }

    .project__container .project__wrapper .project__slide__box__sub-container__text-aria p {
        font-size: 1rem
    }

    .project__container-sub__link {
        padding-top: .9375rem
    }

    .project__container-sub__link {
        padding-bottom: .9375rem
    }

    .project__container-sub__link {
        padding-left: 1.5rem
    }

    .project__container-sub__link {
        padding-right: 1.5rem
    }

    .project__container-sub__link {
        font-size: 1rem
    }

    .contacts__container-box h5 {
        font-size: 1.25rem
    }

    .contacts__container-box h6 {
        font-size: .875rem
    }

    .gallery {
        margin-top: 6.875rem
    }

    .gallery-item {
        margin-top: 1.625rem
    }

    .gallery-item__tittle-box {
        padding-bottom: 1.875rem
    }

    .gallery-item__tittle-box {
        padding-top: 1.875rem
    }

    .gallery-item__tittle-box h2 {
        font-size: 1.75rem
    }

    .gallery-item__about-box {
        margin-top: 3.75rem
    }

    .gallery-item__about-box {
        margin-left: 3.75rem
    }

    .gallery-item__about-box {
        margin-right: 3.75rem
    }

    .gallery .gallery-item__slider.swiper {
        margin-top: 3.75rem
    }

    .gallery .gallery-item__slider.swiper {
        margin-bottom: 3.75rem
    }

    .gallery .gallery-item__slide.swiper-slide {
        height: 28.125rem
    }

    .gallery .gallery-swiper-button-box {
        padding-left: 2.8125rem
    }

    .gallery .gallery-swiper-button-box {
        padding-right: 2.8125rem
    }

    .navigation {
        margin-top: 1.875rem
    }

    .catalog__container {
        margin-top: 3.125rem
    }

    .catalog__container {
        margin-bottom: 3.125rem
    }

    .catalog__container__sub-buttons button {
        padding-top: 1.125rem
    }

    .catalog__container__sub-buttons button {
        padding-bottom: 1.125rem
    }

    .catalog__container__sub-buttons button {
        padding-left: 2.5rem
    }

    .catalog__container__sub-buttons button {
        padding-right: 2.5rem
    }

    .catalog__container__sub-buttons button {
        font-size: .875rem
    }

    .catalog__container__sub-items {
        padding: 2.5rem
    }

    .catalog__container__sub-items__item {
        padding: 1.25rem
    }

    .catalog__container__sub-items__item {
        gap: .625rem
    }

    .catalog__container__sub-items__item h5 {
        font-size: 1rem
    }

    .material-card__container .material-card__box {
        padding-top: 4.75rem
    }

    .material-card__container .material-card__box {
        padding-bottom: 4.75rem
    }

    .material-card__container .material-card__box {
        padding-left: 2.25rem
    }

    .material-card__container .material-card__box {
        padding-right: 2.25rem
    }

    .material-card__container .material-card__box {
        margin-top: 3.125rem
    }

    .material-card__container .material-card__box {
        margin-bottom: 3.125rem
    }

    .material-card__container .material-card__box {
        gap: 2.1875rem
    }

    .material-card__data-box {
        gap: 1.25rem
    }

    .material-card__data-box__sub h2 {
        font-size: 1.75rem
    }

    .material-card__data-box__sub h2 {
        margin-bottom: .625rem
    }

    .material-card__data-box__sub h5 {
        font-size: 1rem
    }

    .material-card__data-box__sub h6 {
        font-size: 1rem
    }

    .material-card__data-box__sub p {
        font-size: .875rem
    }

    .material-card__data-box__sub__ul-box li {
        font-size: .75rem
    }

    .materials h4 {
        font-size: 1.125rem
    }

    .materials h4 {
        margin-bottom: 2.1875rem
    }

    .materials__container {
        margin-bottom: 3.125rem
    }

    .materials__container__box {
        gap: 3.4375rem
    }

    .materials__item {
        padding: 1.875rem
    }

    .materials__item__link {
        padding-top: .9375rem
    }

    .materials__item__link {
        padding-bottom: .9375rem
    }

    .materials__item__link {
        padding-left: 1.5rem
    }

    .materials__item__link {
        padding-right: 1.5rem
    }

    .materials__item__link {
        font-size: 1rem
    }

    .barrel {
        gap: 3.125rem
    }

    .barrel {
        padding: 2.5rem
    }

    .barrel-box {
        gap: 2.1875rem
    }

    .barrel-box__databox {
        gap: 3.125rem
    }

    .barrel-databox__sub-box {
        gap: 3.75rem
    }

    .barrel-databox__button-box button {
        padding-left: 2.5rem
    }

    .barrel-databox__button-box button {
        padding-right: 2.5rem
    }

    .search {
        margin-top: 7.8125rem
    }

    .search__container__items {
        margin-top: 1.5625rem
    }

    .search__container__items {
        margin-bottom: .0000000625rem
    }

    .footer__container__sub-box {
        gap: 2.8125rem
    }

    .footer__container__sub-box__logo img {
        width: 13.125rem
    }

    .footer__container__sub-box__logo p {
        font-size: .75rem
    }

    .footer__container__sub-box__navigation {
        font-size: 1rem
    }

    .footer__container .spetial {
        gap: 1.25rem
    }
}

@media (min-width:48em) {
    .catalog__container__sub-items {
        gap: 1.875rem
    }
}

@media (min-width:50em) {
    .advantages-li__container__list-aria ul {
        gap: 2.1875rem
    }
}

@media (min-width:90em) {
    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
        margin-bottom: 8.75rem
    }
}

@media (min-width:120em) {
    .icon-menu.catalog {
        top: 2.375rem
    }

    .advantages__container {
        padding-top: 3.125rem
    }

    .advantages__container {
        padding-bottom: 3.125rem
    }

    .advantages__container__item {
        width: 22.5rem
    }

    .advantages__container__item.main {
        font-size: 3.125rem
    }

    .advantages__container__item div::before {
        font-size: 11.25rem
    }

    .about {
        padding-bottom: 3.125rem
    }

    .about__container-sub__text-area.big {
        font-size: 1.5rem
    }

    .about__container-sub__text-area.small {
        font-size: 1.25rem
    }

    .about__container-sub__list-area h3 {
        font-size: 2.1875rem
    }

    .advantages-li {
        padding-top: 3.125rem
    }

    .advantages-li {
        padding-bottom: 3.125rem
    }

    .advantages-li__container {
        gap: 5rem
    }

    .advantages-li__container__text-aria__title {
        font-size: 2.1875rem
    }

    .advantages-li__container__list-aria ul {
        gap: 3.75rem
    }

    .advantages-li__container__list-aria ul {
        grid-row-gap: 1.5625rem
    }

    .advantages-li__container__list-aria li {
        font-size: 1.5rem
    }

    .certifications {
        padding-top: 3.125rem
    }

    .certifications {
        padding-bottom: 3.125rem
    }

    .certifications__container h3 {
        font-size: 3.125rem
    }

    .products {
        margin-top: 6.875rem
    }

    .products__container h3 {
        font-size: 3.125rem
    }

    .products__container-sub__item_container__data_box__button-box {
        gap: 1.875rem
    }

    .project__container h3 {
        font-size: 3.125rem
    }

    .project .first {
        padding-top: 3.125rem
    }

    .project .end {
        padding-bottom: 3.125rem
    }

    .partners_container__item {
        border-radius: 2.1875rem
    }

    .partners_container__item {
        width: 20.3125rem
    }

    .partners_container__item {
        height: 10rem
    }

    .contacts {
        padding-top: 3.125rem
    }

    .contacts {
        padding-bottom: 3.125rem
    }

    .contacts__container h3 {
        font-size: 3.125rem
    }

    .menu__item {
        font-size: 1.25rem
    }

    .header__logo a:first-child img {
        width: 13.125rem
    }

    .menu__item__container h4 {
        font-size: 1.25rem
    }

    .menu__item__container h4 {
        margin-bottom: 1.25rem
    }

    .menu__item__container__inline h4 {
        font-size: 1.25rem
    }

    .menu__item__container__inline h4 {
        margin-bottom: 1.25rem
    }

    .sub-menu__item__container h6 {
        font-size: 1.125rem
    }
}

@media (max-width:1024px) {
    .hero__container {
        padding: 5rem .9375rem 1.5625rem
    }

    .hero-1__slider__button-box {
        width: 100%;
        padding: 0 .3125rem;
        right: 0;
        bottom: 20%;
        justify-content: space-between;
        gap: auto;
        max-width: none
    }

    .hero-1__slider .swiper-button-disabled:hover {
        opacity: 1
    }

    .header__container {
        padding: 0 .9375rem;
        margin-top: 1.25rem
    }

    .sub-header__container {
        gap: 1.875rem
    }
}

@media (max-width:1024px) and (max-width:29.99875em) and (max-width:20em) {
    .header__container {
        margin-top: 1.03125rem
    }
}

@media (max-width:62em) {
    .advantages__container__item {
        width: 18rem
    }

    .advantages__container__item div::before {
        font-size: 9.625rem
    }
}

@media (max-width:920px) {
    .advantages-li__container {
        flex-direction: column;
        justify-content: center;
        gap: 0
    }

    .advantages-li__container__text-aria__icon img {
        display: none
    }

    .advantages-li__container__list-aria li::before {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .products__container-sub__item_container__data_box__ul-box li img {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    .material-card__data-box__sub__ul-box li img {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
}

@media (max-width:865px) {
    .about__container-sub__list-area__sub-container ul {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:865px) and (max-width:542px) {
    .about__container-sub__list-area__sub-container ul {
        grid-template-columns: 1fr
    }
}

@media (max-width:50em) {
    .advantages-li__container__list-aria ul {
        gap: 2.1875rem
    }
}

@media (max-width:769px) {
    .advantages__container__item.main {
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: -3.75rem
    }
}

@media (max-width:768px) {
    .catalog__container__sub-items {
        grid-template-columns: 1fr 1fr
    }

    .materials__container__box {
        grid-template-columns: 1fr 1fr
    }

    .footer__container {
        grid-template-columns: 52.5% 45%;
        gap: 1.25rem
    }
}

@media (max-width:767.98px) {
    .gallery .menu__list>li {
        display: block
    }

    .sub-menu__list {
        padding: 0;
        width: 100%;
        border: solid #0c3c7f;
        border-width: .03125rem 0;
        padding-top: 1.5625rem;
        padding-bottom: 1.5625rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .sub-menu__list .gallery-navigation__item {
        padding: .375rem 2.1875rem;
        background-color: transparent;
        border: .4px solid rgba(12, 60, 127, .45);
        border-radius: 2px;
        width: auto;
        transition: .2s;
        cursor: pointer;
        font-weight: 500;
        line-height: 125%
    }

    .sub-menu__list .gallery-navigation__item.active {
        background-color: #0c3c7f;
        color: #f4f4f4
    }
}

@media (max-width:678px) {
    .products__container-sub__item_container {
        grid-template-columns: 1fr
    }

    .products__container-sub__item_container__img_box img {
        height: 100%;
        -o-object-position: center;
        object-position: center;
        max-height: 11.25rem;
        padding: 0;
        width: 100%
    }

    .products__container-sub__item_container__img_box .revers_img {
        padding: 0
    }

    .products__container-sub__item_container .destination1,
    .products__container-sub__item_container .destination2 {
        display: flex
    }

    .products__container-sub__item_container__data_box {
        margin: 0;
        margin-left: auto;
        margin-right: auto
    }

    .products__container-sub__item_container.revers {
        grid-template-columns: 1fr
    }
}

@media (max-width:600px) {
    .certifications__container {
        flex-wrap: wrap;
        gap: 1.5625rem;
        justify-content: center
    }

    .certifications__container h3 {
        text-align: center
    }

    .certifications__swiper-pagination {
        width: 100%;
        justify-content: center;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        z-index: 9;
        display: flex;
        align-content: center
    }

    .certifications__swiper-pagination .swiper-pagination-bullet {
        z-index: 10;
        display: block;
        margin: auto 0;
        padding: .46875rem
    }

    .certifications__swiper-pagination .swiper-pagination-bullet::before {
        content: "";
        width: .375rem;
        height: .375rem;
        border-radius: 50%;
        background-color: #0c3c7f;
        opacity: .5;
        transition: .4s
    }

    .certifications__swiper-pagination .swiper-pagination-bullet-active::before {
        opacity: 1;
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
        transition: .4s
    }

    .footer {
        padding: 2.5rem 0
    }

    .footer__container {
        grid-template-columns: 1fr;
        margin: 0 auto;
        max-width: 28.125rem;
        gap: 2.8125rem
    }

    .footer__container__sub-box__search-container form {
        justify-content: flex-start
    }

    .footer__container__sub-box__email-container.catalog {
        margin-top: 0
    }
}

@media (max-width:574px) {
    .hero__container.margin__top {
        margin-top: 3rem
    }

    .barrel-databox {
        flex-direction: column-reverse
    }

    .barrel-databox__sub-box {
        flex-direction: column;
        justify-content: right;
        gap: .625rem;
        padding: 1.375rem 1.125rem
    }

    .barrel-databox .first {
        border-top: 1px solid #d3d3d3
    }

    .barrel-databox__button-box {
        display: none
    }

    .barrel-databox__sub-box.hidden {
        display: flex
    }

    .menu__item button.hide {
        display: block
    }

    .second__search__container {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0
    }

    form {
        width: 100%
    }

    input.menu__item__iput-active {
        max-width: none;
        width: 100%
    }
}

@media (max-width:550px) {
    .contacts__container {
        grid-template-columns: 1fr
    }

    .contacts__container h3 {
        text-align: center
    }

    .contacts__container-box__sub-box {
        justify-content: center
    }

    .contacts__container-box h5 {
        text-align: center
    }

    .contacts__container-box .leveler {
        margin-left: 1.875rem
    }
}

@media (max-width:542px) {
    .about__container::before {
        bottom: -3.125rem
    }
}

@media (max-width:519px) {
    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
        margin-left: 1.5625rem;
        margin-right: 1.5625rem;
        justify-content: center;
        margin-bottom: 6.875rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box h1 {
        text-align: center
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box div {
        display: flex;
        justify-content: space-evenly;
        gap: 0
    }
}

@media (max-width:519px) and (max-width:17.5em) {
    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
        gap: 4.0625rem
    }
}

@media (max-width:519px) and (max-width:29.99875em) {
    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box div {
        flex-direction: column;
        gap: 1.65rem;
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box div a, button {
        width: 100%;
    }
}


@media (max-width:479.98px) {
    .project__swiper-pagination {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        z-index: 9;
        display: flex;
        align-content: center
    }

    .project__swiper-pagination .swiper-pagination-bullet {
        z-index: 10;
        display: block;
        margin: auto 0;
        padding: .46875rem
    }

    .project__swiper-pagination .swiper-pagination-bullet::before {
        content: "";
        width: .375rem;
        height: .375rem;
        border-radius: 50%;
        background-color: #0c3c7f;
        opacity: .5;
        transition: .4s
    }

    .project__swiper-pagination .swiper-pagination-bullet-active::before {
        opacity: 1;
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
        transition: .4s
    }

    .project__container__button-box {
        gap: 1.5625rem;
        margin-top: .3125rem;
        align-items: center
    }

    .project__container .swiper-button-next,
    .project__container .swiper-button-prev {
        display: none
    }

    .gallery-navigation {
        margin-top: 0
    }

    .gallery-navigation__item:hover {
        -webkit-transform: scale(1.018);
        transform: scale(1.018)
    }
}

@media (max-width:389px) {
    .products__container-sub__item_container__data_box__button-box {
        flex-direction: column-reverse
    }
}

@media (max-width:338px) {
    .products__container-sub__item_container__data_box {
        padding-bottom: 1.25rem
    }

    .products__container-sub__item_container__data_box__button-box a {
        margin: 0 auto
    }
}

@media (max-width:20em) {
    .advantages__container {
        padding-top: 2.5rem
    }

    .advantages__container {
        padding-bottom: 2.5rem
    }

    .advantages__container__item.main {
        font-size: 1.875rem
    }

    .about {
        padding-bottom: 1.5625rem
    }

    .about__container-sub__list-area h3 {
        font-size: 1rem
    }

    .advantages-li {
        padding-top: 1.5625rem
    }

    .advantages-li {
        padding-bottom: 1.5625rem
    }

    .advantages-li__container__text-aria__title {
        font-size: 1rem
    }

    .certifications {
        padding-top: 2.1875rem
    }

    .certifications {
        padding-bottom: 1.25rem
    }

    .certifications__container h3 {
        font-size: 1.875rem
    }

    .products__container h3 {
        font-size: 1.875rem
    }

    .project__container h3 {
        font-size: 1.875rem
    }

    .project .first {
        padding-top: 2.1875rem
    }

    .project .end {
        padding-bottom: 1.5625rem
    }

    .partners_container__item {
        border-radius: 1.25rem
    }

    .partners_container__item {
        width: 11.25rem
    }

    .partners_container__item {
        height: 5.5rem
    }

    .contacts {
        padding-top: 2.1875rem
    }

    .contacts {
        padding-bottom: 1.25rem
    }

    .contacts__container h3 {
        font-size: 1.875rem
    }

    .menu__item {
        font-size: 1rem
    }

    .menu__item__container h4 {
        font-size: 1rem
    }

    .menu__item__container h4 {
        margin-bottom: .625rem
    }

    .menu__item__container__inline h4 {
        font-size: 1rem
    }

    .menu__item__container__inline h4 {
        margin-bottom: .625rem
    }

    .sub-menu__item__container h6 {
        font-size: 1rem
    }
}

@media (max-width:85.625em) {
    .icon-menu.catalog {
        top: 2.3125rem
    }
}

@media (max-width:85.625rem) {
    .icon-menu.catalog {
        position: relative;
        top: 0;
        right: 0
    }

    .sub-header__container.catalog {
        gap: 1.5625rem
    }

    .header.catalog._header-scroll .icon-menu {
        top: 0
    }

    .header.catalog._header-scroll {
        z-index: 99;
        transition: .4s;
        position: fixed;
        background-color: #f4f4f4;
        box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2)
    }

    .header.catalog._header-scroll .header__container {
        transition: .4s
    }
}

@media (max-width:85.625rem) and (max-width:17.5em) {
    .header.catalog._header-scroll .header__container {
        margin-top: .75rem
    }

    .header.catalog._header-scroll .header__container {
        margin-bottom: .75rem
    }
}

@media (max-width:64rem) {
    .icon-menu {
        top: 0;
        right: 0;
        position: relative
    }

    .header._header-scroll .icon-menu {
        top: 0
    }

    .header._header-scroll {
        z-index: 99;
        transition: .4s;
        position: fixed;
        background-color: #f4f4f4;
        box-shadow: 4px 8px 30px 0 rgba(118, 143, 177, .2)
    }

    .header._header-scroll .header__container {
        transition: .4s
    }

    .header._header-scroll .search-button {
        stroke: #0c3c7f
    }
}

@media (max-width:64rem) and (max-width:17.5em) {
    .header._header-scroll .header__container {
        margin-top: .75rem
    }

    .header._header-scroll .header__container {
        margin-bottom: .75rem
    }
}

@media (max-width:64rem) and (max-width:64rem) {
    .header._header-scroll .main__logo.second {
        display: flex
    }

    .header._header-scroll .main__logo.second img {
        width: 9.0625rem
    }

    .header._header-scroll .main__logo.main {
        display: none
    }
}

@media (max-width:64rem) and (max-width:29.99875em) {
    .header._header-scroll .main__logo.second {
        display: none
    }
}

@media (max-width:61.99875em) {
    .menu__body {
        width: 100%
    }

    .spollers__body {
        width: 100vw;
        margin-left: -3.75rem
    }

    .sub-menu__item__container {
        width: auto
    }
}

@media (max-width:57.5em) {
    .advantages-li__container {
        gap: 0;
    }
}

@media (max-width:47.99875em) {
    .hero__container {
        padding-bottom: .9375rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
        margin-bottom: 1.65rem
    }

    .about__container-sub__text-area.big {
        padding: 0 12.166667% 0 0
    }

    .about__container-sub__text-area.big {
        font-size: .875rem
    }

    .about__container-sub__text-area.small {
        padding: 0 0 0 18.138889%
    }

    .about__container-sub__text-area.small {
        font-size: .875rem
    }

    .advantages-li__container__list-aria li::before {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    .advantages-li__container__list-aria li p {
        padding-left: 0
    }

    .products {
        margin-top: 2.1875rem
    }

    .products__container-sub__item_container__data_box__ul-box li img {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    .products__container-sub__item_container__data_box__button-box {
        justify-content: space-between
    }

    .material-card__container .material-card__box {
        grid-template-columns: 1fr
    }

    .material-card__img-box img {
        max-width: 28.125rem
    }

    .material-card__data-box__sub__ul-box li img {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    .barrel-box {
        grid-template-columns: 1fr
    }
}

@media (max-width:47.99875em) and (max-width:29.99875em) {
    .about__container-sub__text-area.big {
        padding: 0
    }

    .about__container-sub__text-area.small {
        padding: 0
    }
}

@media (max-width:42.375em) {
    .products__container-sub__item_container__data_box__button-box {
        gap: 0;
    }
}

@media (max-width:35.9375em) {
    .advantages-li__container__list-aria ul {
        gap: .0000000625rem
    }
}

@media (max-width:29.99875em) {
    .menu .menu__list .menu__item__sub__link {
        padding: .875rem 1rem
    }

    .icon-menu {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding: .875rem 1rem
    }

    .advantages-li__container__list-aria ul {
        grid-row-gap: 0;
    }

    .advantages-li__container__list-aria li {
        font-size: .875rem
    }

    .advantages-li__container__list-aria li {
        width: 10.3125rem
    }

    .project__container {
        display: grid
    }

    .navigation__container-sub {
        padding-left: 0;
        padding-right: 0
    }

    .catalog__container__sub-buttons {
        gap: 0;
        justify-content: space-between
    }

    .catalog__container__sub-buttons .active:hover {
        background-color: #0c3c7f
    }

    .catalog__container__sub-buttons .active:active {
        background-color: #1556b1;
        transition: .3s
    }

    .catalog__container__sub-items {
        grid-template-columns: 1fr
    }

    .material-card__data-box__sub__ul-box {
        grid-template-columns: 1fr;
        gap: .375rem
    }

    .materials__container__box {
        grid-template-columns: 1fr
    }

    .materials__item {
        max-width: 20.625rem;
        margin: 0 auto
    }

    .materials__item__link {
        padding: .875rem 1rem
    }

    .barrel {
        padding: 0
    }

    .barrel-box__databox {
        padding: 0 .625rem
    }

    .catalog_link span {
        display: none
    }

    .header__logo a:first-child img {
        width: 9.0625rem
    }

    .header__logo a:first-child {
        display: none
    }

    .header__logo a:last-child {
        display: block
    }
}

@media (max-width:29.99875em) and (max-width:20em) {
    .hero__container {
        padding-top: 4.03125rem
    }

    .header__logo a:last-child img {
        width: 2.125rem
    }
}

@media (max-width:17.5em) {
    body {
        font-size: 1rem
    }

    .menu .menu__list .menu__item__sub__link {
        padding-top: .46875rem
    }

    .menu .menu__list .menu__item__sub__link {
        padding-bottom: .46875rem
    }

    .menu .menu__list .menu__item__sub__link {
        padding-left: .75rem
    }

    .menu .menu__list .menu__item__sub__link {
        padding-right: .75rem
    }

    .menu .menu__list .menu__item__sub__link {
        font-size: .75rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box h1 {
        font-size: 1.75rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding-top: .46875rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding-bottom: .46875rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding-left: .75rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        padding-right: .75rem
    }

    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
        font-size: .75rem
    }

    .hero-1__slider__button-box {
        right: 7.5rem
    }

    .hero-1__slider .swiper-button-next,
    .hero-1__slider .swiper-button-prev {
        width: 1.875rem
    }

    .hero-1__slider .swiper-button-next,
    .hero-1__slider .swiper-button-prev {
        height: 1.875rem
    }

    .advantages__container {
        gap: 1.25rem
    }

    .advantages__container {
        font-size: 1.125rem
    }

    .about__container-sub:not(:last-child) {
        margin-bottom: 2.1875rem
    }

    .about__container-sub {
        gap: 2.1875rem
    }

    .about__container-sub__list-area__sub-container ul p {
        font-size: .875rem
    }

    .about__container-sub__list-area h3 {
        margin-bottom: 1.5625rem
    }

    .advantages-li__container__text-aria__title {
        margin-bottom: .3125rem
    }

    .advantages-li__container__text-aria__icon img {
        width: 8.75rem
    }

    .certifications__container h3 {
        margin-bottom: 1.25rem
    }

    .certifications__container__item {
        width: 12.5rem
    }

    .products__container h3 {
        margin-bottom: 1.25rem
    }

    .products__container-sub {
        gap: 1.25rem
    }

    .products__container-sub__item_container__img_box img {
        height: 21.875rem
    }

    .products__container-sub__item_container__data_box {
        gap: 1.125rem
    }

    .products__container-sub__item_container__data_box h5 {
        font-size: 1.125rem
    }

    .products__container-sub__item_container__data_box h6 {
        font-size: .9375rem
    }

    .products__container-sub__item_container__data_box__ul-box {
        gap: .625rem
    }

    .products__container-sub__item_container__data_box__ul-box li {
        font-size: .8125rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        padding-top: .75rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        padding-bottom: .75rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        padding-left: 1.125rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        padding-right: 1.125rem
    }

    .products__container-sub__item_container__data_box__button-box__link {
        font-size: .78125rem
    }

    .project__container h3 {
        margin-bottom: 1.25rem
    }

    .project__container .swiper-button-next__box,
    .project__container .swiper-button-prev__box {
        width: 1.5625rem
    }

    .project__container .swiper-button-next__box,
    .project__container .swiper-button-prev__box {
        height: 1.5625rem
    }

    .project__container .swiper-button-next .left,
    .project__container .swiper-button-prev .left {
        padding-left: .4296875rem
    }

    .project__container .swiper-button-next svg,
    .project__container .swiper-button-prev svg {
        width: .546875rem
    }

    .project__container .swiper-button-next svg,
    .project__container .swiper-button-prev svg {
        height: .9375rem
    }

    .project__container .swiper-button-next .right,
    .project__container .swiper-button-prev .right {
        padding-right: .46875rem
    }

    .project__container .project__wrapper .project__slide__box {
        gap: .9375rem
    }

    .project__container .project__wrapper .project__slide__box {
        padding: 1.25rem
    }

    .project__container .project__wrapper .project__slide__box-sub {
        gap: .9375rem
    }

    .project__container .project__wrapper .project__slide__box__sub-container img {
        height: 12.5rem
    }

    .project__container .project__wrapper .project__slide__box__sub-container__text-aria {
        gap: .5rem
    }

    .project__container .project__wrapper .project__slide__box__sub-container__text-aria h4 {
        font-size: 1.25rem
    }

    .project__container .project__wrapper .project__slide__box__sub-container__text-aria p {
        font-size: .75rem
    }

    .project__container-sub__link {
        padding-top: .46875rem
    }

    .project__container-sub__link {
        padding-bottom: .46875rem
    }

    .project__container-sub__link {
        padding-left: .75rem
    }

    .project__container-sub__link {
        padding-right: .75rem
    }

    .project__container-sub__link {
        font-size: .75rem
    }

    .contacts__container-box h5 {
        font-size: .875rem
    }

    .contacts__container-box h6 {
        font-size: .6875rem
    }

    .gallery {
        margin-top: 4.6875rem
    }

    .gallery-item {
        margin-top: .0000000625rem
    }

    .gallery-item__tittle-box {
        padding-bottom: .9375rem
    }

    .gallery-item__tittle-box {
        padding-top: .9375rem
    }

    .gallery-item__tittle-box h2 {
        font-size: 1.5rem
    }

    .gallery-item__about-box {
        margin-top: 1.5625rem
    }

    .gallery-item__about-box {
        margin-left: 1.5625rem
    }

    .gallery-item__about-box {
        margin-right: 1.5625rem
    }

    .gallery .gallery-item__slider.swiper {
        margin-top: 1.5625rem
    }

    .gallery .gallery-item__slider.swiper {
        margin-bottom: 1.5625rem
    }

    .gallery .gallery-item__slide.swiper-slide {
        height: 17.1875rem
    }

    .gallery .gallery-swiper-button-box {
        padding-left: .5rem
    }

    .gallery .gallery-swiper-button-box {
        padding-right: .5rem
    }

    .navigation {
        margin-top: .0000000625rem
    }

    .catalog__container {
        margin-top: .625rem
    }

    .catalog__container {
        margin-bottom: 1.25rem
    }

    .catalog__container__sub-buttons button {
        padding-top: .75rem
    }

    .catalog__container__sub-buttons button {
        padding-bottom: .75rem
    }

    .catalog__container__sub-buttons button {
        padding-left: .625rem
    }

    .catalog__container__sub-buttons button {
        padding-right: .625rem
    }

    .catalog__container__sub-buttons button {
        font-size: .6875rem
    }

    .catalog__container__sub-items {
        padding: 1.5rem
    }

    .catalog__container__sub-items {
        gap: .9375rem
    }

    .catalog__container__sub-items__item {
        padding: .625rem
    }

    .catalog__container__sub-items__item {
        gap: .375rem
    }

    .catalog__container__sub-items__item h5 {
        font-size: .8125rem
    }

    .material-card__container .material-card__box {
        padding-top: 1.5rem
    }

    .material-card__container .material-card__box {
        padding-bottom: 1.5rem
    }

    .material-card__container .material-card__box {
        padding-left: 1rem
    }

    .material-card__container .material-card__box {
        padding-right: 1rem
    }

    .material-card__container .material-card__box {
        margin-top: 1.875rem
    }

    .material-card__container .material-card__box {
        margin-bottom: 1.875rem
    }

    .material-card__container .material-card__box {
        gap: .9375rem
    }

    .material-card__data-box {
        gap: .625rem
    }

    .material-card__data-box__sub h2 {
        font-size: 1rem
    }

    .material-card__data-box__sub h2 {
        margin-bottom: .0000000625rem
    }

    .material-card__data-box__sub h5 {
        font-size: .875rem
    }

    .material-card__data-box__sub h6 {
        font-size: .875rem
    }

    .material-card__data-box__sub p {
        font-size: .625rem
    }

    .material-card__data-box__sub__ul-box li {
        font-size: .625rem
    }

    .materials h4 {
        font-size: .875rem
    }

    .materials h4 {
        margin-bottom: .9375rem
    }

    .materials__container {
        margin-bottom: 2.25rem
    }

    .materials__container__box {
        gap: 1.25rem
    }

    .materials__item {
        padding: .875rem
    }

    .materials__item__link {
        padding-top: .46875rem
    }

    .materials__item__link {
        padding-bottom: .46875rem
    }

    .materials__item__link {
        padding-left: .75rem
    }

    .materials__item__link {
        padding-right: .75rem
    }

    .materials__item__link {
        font-size: .75rem
    }

    .barrel {
        gap: 1.5625rem
    }

    .barrel {
        padding: 1.125rem
    }

    .barrel-box {
        gap: .9375rem
    }

    .barrel-box__databox {
        gap: 1.25rem
    }

    .barrel-databox__sub-box {
        gap: 2.1875rem
    }

    .barrel-databox__button-box button {
        padding-left: 1.125rem
    }

    .barrel-databox__button-box button {
        padding-right: 1.125rem
    }

    .search {
        margin-top: 5rem
    }

    .search__container__items {
        margin-top: .0000000625rem
    }

    .search__container__items {
        margin-bottom: .9375rem
    }

    .footer__container__sub-box {
        gap: 1.25rem
    }

    .footer__container__sub-box__logo img {
        width: 8.75rem
    }

    .footer__container__sub-box__logo p {
        font-size: .625rem
    }

    .footer__container__sub-box__navigation {
        font-size: .8125rem
    }

    .footer__container .spetial {
        gap: .625rem
    }
}
.hero-1__slider__button-box {
    right: 5rem
}
@media (max-width: 1024px) {
    .hero-1__slider__button-box {
        right: 0;
    }
}
@media (min-width:17.5em) and (max-width:74.375em) {
    @supports (font-size:clamp(1rem, 0.9615384615rem + 0.2197802198vw, 1.125rem)) {
        body {
            font-size: clamp(1rem, .9615384615rem + .2197802198vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.9615384615rem + 0.2197802198vw, 1.125rem)) {
        body {
            font-size: calc(1rem + .125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-top:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .menu .menu__list .menu__item__sub__link {
            padding-top: clamp(1.125rem, .3245192308rem + .8241758242vw, .9375rem)
        }
    }

    @supports not (padding-top:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .menu .menu__list .menu__item__sub__link {
            padding-top: calc(.46875rem + .46875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-bottom:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .menu .menu__list .menu__item__sub__link {
            padding-bottom: clamp(1.125rem, .3245192308rem + .8241758242vw, .9375rem)
        }
    }

    @supports not (padding-bottom:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .menu .menu__list .menu__item__sub__link {
            padding-bottom: calc(.46875rem + .46875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .menu .menu__list .menu__item__sub__link {
            padding-left: clamp(.75rem, .5192307692rem + 1.3186813187vw, 1.5rem)
        }
    }

    @supports not (padding-left:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .menu .menu__list .menu__item__sub__link {
            padding-left: calc(.75rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .menu .menu__list .menu__item__sub__link {
            padding-right: clamp(.75rem, .5192307692rem + 1.3186813187vw, 1.5rem)
        }
    }

    @supports not (padding-right:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .menu .menu__list .menu__item__sub__link {
            padding-right: calc(.75rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .menu .menu__list .menu__item__sub__link {
            font-size: clamp(.75rem, .6730769231rem + .4395604396vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .menu .menu__list .menu__item__sub__link {
            font-size: calc(.75rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(1.75rem, 1.1346153846rem + 3.5164835165vw, 3.75rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box h1 {
            font-size: clamp(1.75rem, 1.1346153846rem + 3.5164835165vw, 3.75rem)
        }
    }

    @supports not (font-size:clamp(1.75rem, 1.1346153846rem + 3.5164835165vw, 3.75rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box h1 {
            font-size: calc(1.75rem + 2 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-top:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            padding-top: clamp(1.125rem, .3245192308rem + .8241758242vw, .9375rem)
        }
    }

    @supports not (padding-top:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            padding-top: calc(1.125rem + .46875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-bottom:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            padding-bottom: clamp(1.125rem, .3245192308rem + .8241758242vw, .9375rem)
        }
    }

    @supports not (padding-bottom:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            padding-bottom: calc(1.125rem + .46875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            padding-left: clamp(1.75rem, .5192307692rem + 1.3186813187vw, 1.5rem)
        }
    }

    @supports not (padding-left:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            padding-left: calc(1.75rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            padding-right: clamp(1.75rem, .5192307692rem + 1.3186813187vw, 1.5rem)
        }
    }

    @supports not (padding-right:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            padding-right: calc(1.75rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            font-size: clamp(.75rem, .6730769231rem + .4395604396vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box__link {
            font-size: calc(.75rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports not (right:clamp(5rem, 8.2692307692rem + -4.3956043956vw, 7.5rem)) {
        .hero-1__slider__button-box {
            right: calc(7.5rem + -2.5 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (width:clamp(1.875rem, 1.2980769231rem + 3.2967032967vw, 3.75rem)) {

        .hero-1__slider .swiper-button-next,
        .hero-1__slider .swiper-button-prev {
            width: clamp(1.875rem, 1.2980769231rem + 3.2967032967vw, 3.75rem)
        }
    }

    @supports not (width:clamp(1.875rem, 1.2980769231rem + 3.2967032967vw, 3.75rem)) {

        .hero-1__slider .swiper-button-next,
        .hero-1__slider .swiper-button-prev {
            width: calc(1.875rem + 1.875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (height:clamp(1.875rem, 1.2980769231rem + 3.2967032967vw, 3.75rem)) {

        .hero-1__slider .swiper-button-next,
        .hero-1__slider .swiper-button-prev {
            height: clamp(1.875rem, 1.2980769231rem + 3.2967032967vw, 3.75rem)
        }
    }

    @supports not (height:clamp(1.875rem, 1.2980769231rem + 3.2967032967vw, 3.75rem)) {

        .hero-1__slider .swiper-button-next,
        .hero-1__slider .swiper-button-prev {
            height: calc(1.875rem + 1.875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(1.25rem, 0.9615384615rem + 1.6483516484vw, 2.1875rem)) {
        .advantages__container {
            gap: clamp(1.25rem, .9615384615rem + 1.6483516484vw, 2.1875rem)
        }
    }

    @supports not (gap:clamp(1.25rem, 0.9615384615rem + 1.6483516484vw, 2.1875rem)) {
        .advantages__container {
            gap: calc(1.25rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(1.125rem, 1.0096153846rem + 0.6593406593vw, 1.5rem)) {
        .advantages__container {
            font-size: clamp(1.125rem, 1.0096153846rem + .6593406593vw, 1.5rem)
        }
    }

    @supports not (font-size:clamp(1.125rem, 1.0096153846rem + 0.6593406593vw, 1.5rem)) {
        .advantages__container {
            font-size: calc(1.125rem + .375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(2.1875rem, 1.1298076923rem + 6.043956044vw, 5.625rem)) {
        .about__container-sub:not(:last-child) {
            margin-bottom: clamp(2.1875rem, 1.1298076923rem + 6.043956044vw, 5.625rem)
        }
    }

    @supports not (margin-bottom:clamp(2.1875rem, 1.1298076923rem + 6.043956044vw, 5.625rem)) {
        .about__container-sub:not(:last-child) {
            margin-bottom: calc(2.1875rem + 3.4375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(2.1875rem, 1.1298076923rem + 6.043956044vw, 5.625rem)) {
        .about__container-sub {
            gap: clamp(2.1875rem, 1.1298076923rem + 6.043956044vw, 5.625rem)
        }
    }

    @supports not (gap:clamp(2.1875rem, 1.1298076923rem + 6.043956044vw, 5.625rem)) {
        .about__container-sub {
            gap: calc(2.1875rem + 3.4375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.875rem, 0.7596153846rem + 0.6593406593vw, 1.25rem)) {
        .about__container-sub__list-area__sub-container ul p {
            font-size: clamp(.875rem, .7596153846rem + .6593406593vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.7596153846rem + 0.6593406593vw, 1.25rem)) {
        .about__container-sub__list-area__sub-container ul p {
            font-size: calc(.875rem + .375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(1.5625rem, 1.3701923077rem + 1.0989010989vw, 2.1875rem)) {
        .about__container-sub__list-area h3 {
            margin-bottom: clamp(1.5625rem, 1.3701923077rem + 1.0989010989vw, 2.1875rem)
        }
    }

    @supports not (margin-bottom:clamp(1.5625rem, 1.3701923077rem + 1.0989010989vw, 2.1875rem)) {
        .about__container-sub__list-area h3 {
            margin-bottom: calc(1.5625rem + .625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(0.3125rem, -0.2644230769rem + 3.2967032967vw, 2.1875rem)) {
        .advantages-li__container__text-aria__title {
            margin-bottom: clamp(.6925rem, -.2644230769rem + 3.2967032967vw, 2.1875rem)
        }
    }

    @supports not (margin-bottom:clamp(0.3125rem, -0.2644230769rem + 3.2967032967vw, 2.1875rem)) {
        .advantages-li__container__text-aria__title {
            margin-bottom: calc(.3125rem + 1.875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (width:clamp(8.75rem, 6.8269230769rem + 10.989010989vw, 15rem)) {
        .advantages-li__container__text-aria__icon img {
            width: clamp(8.75rem, 6.8269230769rem + 10.989010989vw, 15rem)
        }
    }

    @supports not (width:clamp(8.75rem, 6.8269230769rem + 10.989010989vw, 15rem)) {
        .advantages-li__container__text-aria__icon img {
            width: calc(8.75rem + 6.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(1.25rem, 0.9615384615rem + 1.6483516484vw, 2.1875rem)) {
        .certifications__container h3 {
            margin-bottom: clamp(1.25rem, .9615384615rem + 1.6483516484vw, 2.1875rem)
        }
    }

    @supports not (margin-bottom:clamp(1.25rem, 0.9615384615rem + 1.6483516484vw, 2.1875rem)) {
        .certifications__container h3 {
            margin-bottom: calc(1.25rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (width:clamp(12.5rem, 9.4230769231rem + 17.5824175824vw, 22.5rem)) {
        .certifications__container__item {
            width: clamp(12.5rem, 9.4230769231rem + 17.5824175824vw, 22.5rem)
        }
    }

    @supports not (width:clamp(12.5rem, 9.4230769231rem + 17.5824175824vw, 22.5rem)) {
        .certifications__container__item {
            width: calc(12.5rem + 10 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(1.25rem, 0.9615384615rem + 1.6483516484vw, 2.1875rem)) {
        .products__container h3 {
            margin-bottom: clamp(1.25rem, .9615384615rem + 1.6483516484vw, 2.1875rem)
        }
    }

    @supports not (margin-bottom:clamp(1.25rem, 0.9615384615rem + 1.6483516484vw, 2.1875rem)) {
        .products__container h3 {
            margin-bottom: calc(1.25rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(1.25rem, 0.4807692308rem + 4.3956043956vw, 3.75rem)) {
        .products__container-sub {
            gap: clamp(1.25rem, .4807692308rem + 4.3956043956vw, 3.75rem)
        }
    }

    @supports not (gap:clamp(1.25rem, 0.4807692308rem + 4.3956043956vw, 3.75rem)) {
        .products__container-sub {
            gap: calc(1.25rem + 2.5 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (height:clamp(21.875rem, 18.4134615385rem + 19.7802197802vw, 33.125rem)) {
        .products__container-sub__item_container__img_box img {
            height: clamp(21.875rem, 18.4134615385rem + 19.7802197802vw, 33.125rem)
        }
    }

    @supports not (height:clamp(21.875rem, 18.4134615385rem + 19.7802197802vw, 33.125rem)) {
        .products__container-sub__item_container__img_box img {
            height: calc(21.875rem + 11.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(1.125rem, 0.8942307692rem + 1.3186813187vw, 1.875rem)) {
        .products__container-sub__item_container__data_box {
            gap: clamp(1.125rem, .8942307692rem + 1.3186813187vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(1.125rem, 0.8942307692rem + 1.3186813187vw, 1.875rem)) {
        .products__container-sub__item_container__data_box {
            gap: calc(1.125rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(1.125rem, 0.9711538462rem + 0.8791208791vw, 1.625rem)) {
        .products__container-sub__item_container__data_box h5 {
            font-size: clamp(1.125rem, .9711538462rem + .8791208791vw, 1.625rem)
        }
    }

    @supports not (font-size:clamp(1.125rem, 0.9711538462rem + 0.8791208791vw, 1.625rem)) {
        .products__container-sub__item_container__data_box h5 {
            font-size: calc(1.125rem + .5 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.9375rem, 0.7644230769rem + 0.989010989vw, 1.5rem)) {
        .products__container-sub__item_container__data_box h6 {
            font-size: clamp(.9375rem, .7644230769rem + .989010989vw, 1.5rem)
        }
    }

    @supports not (font-size:clamp(0.9375rem, 0.7644230769rem + 0.989010989vw, 1.5rem)) {
        .products__container-sub__item_container__data_box h6 {
            font-size: calc(.9375rem + .5625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.625rem, 0.4326923077rem + 1.0989010989vw, 1.25rem)) {
        .products__container-sub__item_container__data_box__ul-box {
            gap: clamp(.625rem, .4326923077rem + 1.0989010989vw, 1.25rem)
        }
    }

    @supports not (gap:clamp(0.625rem, 0.4326923077rem + 1.0989010989vw, 1.25rem)) {
        .products__container-sub__item_container__data_box__ul-box {
            gap: calc(.625rem + .625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.8125rem, 0.7740384615rem + 0.2197802198vw, 0.9375rem)) {
        .products__container-sub__item_container__data_box__ul-box li {
            font-size: clamp(.8125rem, .7740384615rem + .2197802198vw, .9375rem)
        }
    }

    @supports not (font-size:clamp(0.8125rem, 0.7740384615rem + 0.2197802198vw, 0.9375rem)) {
        .products__container-sub__item_container__data_box__ul-box li {
            font-size: calc(.8125rem + .125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-top:clamp(0.75rem, 0.6923076923rem + 0.3296703297vw, 0.9375rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            padding-top: clamp(.75rem, .6923076923rem + .3296703297vw, .9375rem)
        }
    }

    @supports not (padding-top:clamp(0.75rem, 0.6923076923rem + 0.3296703297vw, 0.9375rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            padding-top: calc(.75rem + .1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-bottom:clamp(0.75rem, 0.6923076923rem + 0.3296703297vw, 0.9375rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            padding-bottom: clamp(.75rem, .6923076923rem + .3296703297vw, .9375rem)
        }
    }

    @supports not (padding-bottom:clamp(0.75rem, 0.6923076923rem + 0.3296703297vw, 0.9375rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            padding-bottom: calc(.75rem + .1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(1.125rem, 1.0096153846rem + 0.6593406593vw, 1.5rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            padding-left: clamp(1.125rem, 1.0096153846rem + .6593406593vw, 1.5rem)
        }
    }

    @supports not (padding-left:clamp(1.125rem, 1.0096153846rem + 0.6593406593vw, 1.5rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            padding-left: calc(1.125rem + .375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(1.125rem, 1.0096153846rem + 0.6593406593vw, 1.5rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            padding-right: clamp(1.125rem, 1.0096153846rem + .6593406593vw, 1.5rem)
        }
    }

    @supports not (padding-right:clamp(1.125rem, 1.0096153846rem + 0.6593406593vw, 1.5rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            padding-right: calc(1.125rem + .375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.78125rem, 0.6754807692rem + 0.6043956044vw, 1.125rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            font-size: clamp(.78125rem, .6754807692rem + .6043956044vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(0.78125rem, 0.6754807692rem + 0.6043956044vw, 1.125rem)) {
        .products__container-sub__item_container__data_box__button-box__link {
            font-size: calc(.78125rem + .34375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(1.25rem, 0.9615384615rem + 1.6483516484vw, 2.1875rem)) {
        .project__container h3 {
            margin-bottom: clamp(1.25rem, .9615384615rem + 1.6483516484vw, 2.1875rem)
        }
    }
    .project__container .project__wrapper .project__slide__box__sub-container__text-aria p {
        line-height: 135%;
    }

    @supports not (margin-bottom:clamp(1.25rem, 0.9615384615rem + 1.6483516484vw, 2.1875rem)) {
        .project__container h3 {
            margin-bottom: calc(1.25rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (width:clamp(1.5625rem, 1.2740384615rem + 1.6483516484vw, 2.5rem)) {

        .project__container .swiper-button-next__box,
        .project__container .swiper-button-prev__box {
            width: clamp(1.5625rem, 1.2740384615rem + 1.6483516484vw, 2.5rem)
        }
    }

    @supports not (width:clamp(1.5625rem, 1.2740384615rem + 1.6483516484vw, 2.5rem)) {

        .project__container .swiper-button-next__box,
        .project__container .swiper-button-prev__box {
            width: calc(1.5625rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (height:clamp(1.5625rem, 1.2740384615rem + 1.6483516484vw, 2.5rem)) {

        .project__container .swiper-button-next__box,
        .project__container .swiper-button-prev__box {
            height: clamp(1.5625rem, 1.2740384615rem + 1.6483516484vw, 2.5rem)
        }
    }

    @supports not (height:clamp(1.5625rem, 1.2740384615rem + 1.6483516484vw, 2.5rem)) {

        .project__container .swiper-button-next__box,
        .project__container .swiper-button-prev__box {
            height: calc(1.5625rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(0.4296875rem, 0.3503605769rem + 0.4532967033vw, 0.6875rem)) {

        .project__container .swiper-button-next .left,
        .project__container .swiper-button-prev .left {
            padding-left: clamp(.4296875rem, .3503605769rem + .4532967033vw, .6875rem)
        }
    }

    @supports not (padding-left:clamp(0.4296875rem, 0.3503605769rem + 0.4532967033vw, 0.6875rem)) {

        .project__container .swiper-button-next .left,
        .project__container .swiper-button-prev .left {
            padding-left: calc(.4296875rem + .2578125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (width:clamp(0.546875rem, 0.4459134615rem + 0.5769230769vw, 0.875rem)) {

        .project__container .swiper-button-next svg,
        .project__container .swiper-button-prev svg {
            width: clamp(.546875rem, .4459134615rem + .5769230769vw, .875rem)
        }
    }

    @supports not (width:clamp(0.546875rem, 0.4459134615rem + 0.5769230769vw, 0.875rem)) {

        .project__container .swiper-button-next svg,
        .project__container .swiper-button-prev svg {
            width: calc(.546875rem + .328125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (height:clamp(0.9375rem, 0.7644230769rem + 0.989010989vw, 1.5rem)) {

        .project__container .swiper-button-next svg,
        .project__container .swiper-button-prev svg {
            height: clamp(.9375rem, .7644230769rem + .989010989vw, 1.5rem)
        }
    }

    @supports not (height:clamp(0.9375rem, 0.7644230769rem + 0.989010989vw, 1.5rem)) {

        .project__container .swiper-button-next svg,
        .project__container .swiper-button-prev svg {
            height: calc(.9375rem + .5625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(0.46875rem, 0.3822115385rem + 0.4945054945vw, 0.75rem)) {

        .project__container .swiper-button-next .right,
        .project__container .swiper-button-prev .right {
            padding-right: clamp(.46875rem, .3822115385rem + .4945054945vw, .75rem)
        }
    }

    @supports not (padding-right:clamp(0.46875rem, 0.3822115385rem + 0.4945054945vw, 0.75rem)) {

        .project__container .swiper-button-next .right,
        .project__container .swiper-button-prev .right {
            padding-right: calc(.46875rem + .28125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.9375rem, 0.6490384615rem + 1.6483516484vw, 1.875rem)) {
        .project__container .project__wrapper .project__slide__box {
            gap: clamp(.9375rem, .6490384615rem + 1.6483516484vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, 0.6490384615rem + 1.6483516484vw, 1.875rem)) {
        .project__container .project__wrapper .project__slide__box {
            gap: calc(.9375rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding:clamp(1.25rem, 0.8653846154rem + 2.1978021978vw, 2.5rem)) {
        .project__container .project__wrapper .project__slide__box {
            padding: clamp(1.25rem, .8653846154rem + 2.1978021978vw, 2.5rem)
        }
    }

    @supports not (padding:clamp(1.25rem, 0.8653846154rem + 2.1978021978vw, 2.5rem)) {
        .project__container .project__wrapper .project__slide__box {
            padding: calc(1.25rem + 1.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.9375rem, 0.6490384615rem + 1.6483516484vw, 1.875rem)) {
        .project__container .project__wrapper .project__slide__box-sub {
            gap: clamp(1.25rem, .6490384615rem + 1.6483516484vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, 0.6490384615rem + 1.6483516484vw, 1.875rem)) {
        .project__container .project__wrapper .project__slide__box-sub {
            gap: calc(.9375rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (height:clamp(12.5rem, 7.1538461538rem + 30.5494505495vw, 29.875rem)) {
        .project__container .project__wrapper .project__slide__box__sub-container img {
            height: clamp(12.5rem, 7.1538461538rem + 30.5494505495vw, 29.875rem)
        }
    }

    @supports not (height:clamp(12.5rem, 7.1538461538rem + 30.5494505495vw, 29.875rem)) {
        .project__container .project__wrapper .project__slide__box__sub-container img {
            height: calc(12.5rem + 17.375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.5rem, 0.3653846154rem + 0.7692307692vw, 0.9375rem)) {
        .project__container .project__wrapper .project__slide__box__sub-container__text-aria {
            gap: clamp(.5rem, .3653846154rem + .7692307692vw, .9375rem)
        }
    }

    @supports not (gap:clamp(0.5rem, 0.3653846154rem + 0.7692307692vw, 0.9375rem)) {
        .project__container .project__wrapper .project__slide__box__sub-container__text-aria {
            gap: calc(.5rem + .4375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(1.25rem, 1.0961538462rem + 0.8791208791vw, 1.75rem)) {
        .project__container .project__wrapper .project__slide__box__sub-container__text-aria h4 {
            font-size: clamp(1.25rem, 1.0961538462rem + .8791208791vw, 1.75rem)
        }
    }

    @supports not (font-size:clamp(1.25rem, 1.0961538462rem + 0.8791208791vw, 1.75rem)) {
        .project__container .project__wrapper .project__slide__box__sub-container__text-aria h4 {
            font-size: calc(1.25rem + .5 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .project__container .project__wrapper .project__slide__box__sub-container__text-aria p {
            font-size: clamp(.75rem, .6730769231rem + .4395604396vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .project__container .project__wrapper .project__slide__box__sub-container__text-aria p {
            font-size: calc(.75rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-top:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .project__container-sub__link {
            padding-top: clamp(.75rem, .3245192308rem + .8241758242vw, .9375rem)
        }
    }

    @supports not (padding-top:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .project__container-sub__link {
            padding-top: calc(.46875rem + .46875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-bottom:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .project__container-sub__link {
            padding-bottom: clamp(.75rem, .3245192308rem + .8241758242vw, .9375rem)
        }
    }

    @supports not (padding-bottom:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .project__container-sub__link {
            padding-bottom: calc(.46875rem + .46875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .project__container-sub__link {
            padding-left: clamp(1.7rem, .5192307692rem + 1.3186813187vw, 1.5rem)
        }
    }

    @supports not (padding-left:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .project__container-sub__link {
            padding-left: calc(1.7rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .project__container-sub__link {
            padding-right: clamp(1.7rem, .5192307692rem + 1.3186813187vw, 1.5rem)
        }
    }

    @supports not (padding-right:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .project__container-sub__link {
            padding-right: calc(1.7rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .project__container-sub__link {
            font-size: clamp(.75rem, .6730769231rem + .4395604396vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .project__container-sub__link {
            font-size: calc(.75rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.875rem, 0.7596153846rem + 0.6593406593vw, 1.25rem)) {
        .contacts__container-box h5 {
            font-size: clamp(.875rem, .7596153846rem + .6593406593vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.7596153846rem + 0.6593406593vw, 1.25rem)) {
        .contacts__container-box h5 {
            font-size: calc(.875rem + .375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.6875rem, 0.6298076923rem + 0.3296703297vw, 0.875rem)) {
        .contacts__container-box h6 {
            font-size: clamp(.6875rem, .6298076923rem + .3296703297vw, .875rem)
        }
    }

    @supports not (font-size:clamp(0.6875rem, 0.6298076923rem + 0.3296703297vw, 0.875rem)) {
        .contacts__container-box h6 {
            font-size: calc(.6875rem + .1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(4.6875rem, 4.0144230769rem + 3.8461538462vw, 6.875rem)) {
        .gallery {
            margin-top: clamp(4.6875rem, 4.0144230769rem + 3.8461538462vw, 6.875rem)
        }
    }

    @supports not (margin-top:clamp(4.6875rem, 4.0144230769rem + 3.8461538462vw, 6.875rem)) {
        .gallery {
            margin-top: calc(4.6875rem + 2.1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(0.0000000625rem, -0.4999999183rem + 2.8571427473vw, 1.625rem)) {
        .gallery-item {
            margin-top: clamp(.0000000625rem, -.4999999183rem + 2.8571427473vw, 1.625rem)
        }
    }

    @supports not (margin-top:clamp(0.0000000625rem, -0.4999999183rem + 2.8571427473vw, 1.625rem)) {
        .gallery-item {
            margin-top: calc(.0000000625rem + 1.6249999375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-bottom:clamp(0.9375rem, 0.6490384615rem + 1.6483516484vw, 1.875rem)) {
        .gallery-item__tittle-box {
            padding-bottom: clamp(.9375rem, .6490384615rem + 1.6483516484vw, 1.875rem)
        }
    }

    @supports not (padding-bottom:clamp(0.9375rem, 0.6490384615rem + 1.6483516484vw, 1.875rem)) {
        .gallery-item__tittle-box {
            padding-bottom: calc(.9375rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-top:clamp(0.9375rem, 0.6490384615rem + 1.6483516484vw, 1.875rem)) {
        .gallery-item__tittle-box {
            padding-top: clamp(.9375rem, .6490384615rem + 1.6483516484vw, 1.875rem)
        }
    }

    @supports not (padding-top:clamp(0.9375rem, 0.6490384615rem + 1.6483516484vw, 1.875rem)) {
        .gallery-item__tittle-box {
            padding-top: calc(.9375rem + .9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(1.5rem, 1.4230769231rem + 0.4395604396vw, 1.75rem)) {
        .gallery-item__tittle-box h2 {
            font-size: clamp(1.5rem, 1.4230769231rem + .4395604396vw, 1.75rem)
        }
    }

    @supports not (font-size:clamp(1.5rem, 1.4230769231rem + 0.4395604396vw, 1.75rem)) {
        .gallery-item__tittle-box h2 {
            font-size: calc(1.5rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery-item__about-box {
            margin-top: clamp(1.5625rem, .8894230769rem + 3.8461538462vw, 3.75rem)
        }
    }

    @supports not (margin-top:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery-item__about-box {
            margin-top: calc(1.5625rem + 2.1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-left:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery-item__about-box {
            margin-left: clamp(1.5625rem, .8894230769rem + 3.8461538462vw, 3.75rem)
        }
    }

    @supports not (margin-left:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery-item__about-box {
            margin-left: calc(1.5625rem + 2.1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-right:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery-item__about-box {
            margin-right: clamp(1.5625rem, .8894230769rem + 3.8461538462vw, 3.75rem)
        }
    }

    @supports not (margin-right:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery-item__about-box {
            margin-right: calc(1.5625rem + 2.1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery .gallery-item__slider.swiper {
            margin-top: clamp(1.5625rem, .8894230769rem + 3.8461538462vw, 3.75rem)
        }
    }

    @supports not (margin-top:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery .gallery-item__slider.swiper {
            margin-top: calc(1.5625rem + 2.1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery .gallery-item__slider.swiper {
            margin-bottom: clamp(1.5625rem, .8894230769rem + 3.8461538462vw, 3.75rem)
        }
    }

    @supports not (margin-bottom:clamp(1.5625rem, 0.8894230769rem + 3.8461538462vw, 3.75rem)) {
        .gallery .gallery-item__slider.swiper {
            margin-bottom: calc(1.5625rem + 2.1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (height:clamp(17.1875rem, 13.8221153846rem + 19.2307692308vw, 28.125rem)) {
        .gallery .gallery-item__slide.swiper-slide {
            height: clamp(17.1875rem, 13.8221153846rem + 19.2307692308vw, 28.125rem)
        }
    }

    @supports not (height:clamp(17.1875rem, 13.8221153846rem + 19.2307692308vw, 28.125rem)) {
        .gallery .gallery-item__slide.swiper-slide {
            height: calc(17.1875rem + 10.9375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(0.5rem, -0.2115384615rem + 4.0659340659vw, 2.8125rem)) {
        .gallery .gallery-swiper-button-box {
            padding-left: clamp(.5rem, -.2115384615rem + 4.0659340659vw, 2.8125rem)
        }
    }

    @supports not (padding-left:clamp(0.5rem, -0.2115384615rem + 4.0659340659vw, 2.8125rem)) {
        .gallery .gallery-swiper-button-box {
            padding-left: calc(.5rem + 2.3125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(0.5rem, -0.2115384615rem + 4.0659340659vw, 2.8125rem)) {
        .gallery .gallery-swiper-button-box {
            padding-right: clamp(.5rem, -.2115384615rem + 4.0659340659vw, 2.8125rem)
        }
    }

    @supports not (padding-right:clamp(0.5rem, -0.2115384615rem + 4.0659340659vw, 2.8125rem)) {
        .gallery .gallery-swiper-button-box {
            padding-right: calc(.5rem + 2.3125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(0.0000000625rem, -0.5769229952rem + 3.2967031868vw, 1.875rem)) {
        .navigation {
            margin-top: clamp(.0000000625rem, -.5769229952rem + 3.2967031868vw, 1.875rem)
        }
    }

    @supports not (margin-top:clamp(0.0000000625rem, -0.5769229952rem + 3.2967031868vw, 1.875rem)) {
        .navigation {
            margin-top: calc(.0000000625rem + 1.8749999375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(0.625rem, -0.1442307692rem + 4.3956043956vw, 3.125rem)) {
        .catalog__container {
            margin-top: clamp(.625rem, -.1442307692rem + 4.3956043956vw, 3.125rem)
        }
    }

    @supports not (margin-top:clamp(0.625rem, -0.1442307692rem + 4.3956043956vw, 3.125rem)) {
        .catalog__container {
            margin-top: calc(.625rem + 2.5 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(1.25rem, 0.6730769231rem + 3.2967032967vw, 3.125rem)) {
        .catalog__container {
            margin-bottom: clamp(1.25rem, .6730769231rem + 3.2967032967vw, 3.125rem)
        }
    }

    @supports not (margin-bottom:clamp(1.25rem, 0.6730769231rem + 3.2967032967vw, 3.125rem)) {
        .catalog__container {
            margin-bottom: calc(1.25rem + 1.875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-top:clamp(0.75rem, 0.6346153846rem + 0.6593406593vw, 1.125rem)) {
        .catalog__container__sub-buttons button {
            padding-top: clamp(.75rem, .6346153846rem + .6593406593vw, 1.125rem)
        }
    }

    @supports not (padding-top:clamp(0.75rem, 0.6346153846rem + 0.6593406593vw, 1.125rem)) {
        .catalog__container__sub-buttons button {
            padding-top: calc(.75rem + .375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-bottom:clamp(0.75rem, 0.6346153846rem + 0.6593406593vw, 1.125rem)) {
        .catalog__container__sub-buttons button {
            padding-bottom: clamp(.75rem, .6346153846rem + .6593406593vw, 1.125rem)
        }
    }

    @supports not (padding-bottom:clamp(0.75rem, 0.6346153846rem + 0.6593406593vw, 1.125rem)) {
        .catalog__container__sub-buttons button {
            padding-bottom: calc(.75rem + .375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(0.625rem, 0.0480769231rem + 3.2967032967vw, 2.5rem)) {
        .catalog__container__sub-buttons button {
            padding-left: clamp(.625rem, .0480769231rem + 3.2967032967vw, 2.5rem)
        }
    }

    @supports not (padding-left:clamp(0.625rem, 0.0480769231rem + 3.2967032967vw, 2.5rem)) {
        .catalog__container__sub-buttons button {
            padding-left: calc(.625rem + 1.875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(0.625rem, 0.0480769231rem + 3.2967032967vw, 2.5rem)) {
        .catalog__container__sub-buttons button {
            padding-right: clamp(.625rem, .0480769231rem + 3.2967032967vw, 2.5rem)
        }
    }

    @supports not (padding-right:clamp(0.625rem, 0.0480769231rem + 3.2967032967vw, 2.5rem)) {
        .catalog__container__sub-buttons button {
            padding-right: calc(.625rem + 1.875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.6875rem, 0.6298076923rem + 0.3296703297vw, 0.875rem)) {
        .catalog__container__sub-buttons button {
            font-size: clamp(.6875rem, .6298076923rem + .3296703297vw, .875rem)
        }
    }

    @supports not (font-size:clamp(0.6875rem, 0.6298076923rem + 0.3296703297vw, 0.875rem)) {
        .catalog__container__sub-buttons button {
            font-size: calc(.6875rem + .1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding:clamp(1.5rem, 1.1923076923rem + 1.7582417582vw, 2.5rem)) {
        .catalog__container__sub-items {
            padding: clamp(1.5rem, 1.1923076923rem + 1.7582417582vw, 2.5rem)
        }
    }

    @supports not (padding:clamp(1.5rem, 1.1923076923rem + 1.7582417582vw, 2.5rem)) {
        .catalog__container__sub-items {
            padding: calc(1.5rem + 1 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding:clamp(0.625rem, 0.4326923077rem + 1.0989010989vw, 1.25rem)) {
        .catalog__container__sub-items__item {
            padding: clamp(.625rem, .4326923077rem + 1.0989010989vw, 1.25rem)
        }
    }

    @supports not (padding:clamp(0.625rem, 0.4326923077rem + 1.0989010989vw, 1.25rem)) {
        .catalog__container__sub-items__item {
            padding: calc(.625rem + .625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.375rem, 0.2980769231rem + 0.4395604396vw, 0.625rem)) {
        .catalog__container__sub-items__item {
            gap: clamp(.375rem, .2980769231rem + .4395604396vw, .625rem)
        }
    }

    @supports not (gap:clamp(0.375rem, 0.2980769231rem + 0.4395604396vw, 0.625rem)) {
        .catalog__container__sub-items__item {
            gap: calc(.375rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.8125rem, 0.7548076923rem + 0.3296703297vw, 1rem)) {
        .catalog__container__sub-items__item h5 {
            font-size: clamp(.8125rem, .7548076923rem + .3296703297vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.8125rem, 0.7548076923rem + 0.3296703297vw, 1rem)) {
        .catalog__container__sub-items__item h5 {
            font-size: calc(.8125rem + .1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-top:clamp(1.5rem, 0.5rem + 5.7142857143vw, 4.75rem)) {
        .material-card__container .material-card__box {
            padding-top: clamp(1.5rem, .5rem + 5.7142857143vw, 4.75rem)
        }
    }

    @supports not (padding-top:clamp(1.5rem, 0.5rem + 5.7142857143vw, 4.75rem)) {
        .material-card__container .material-card__box {
            padding-top: calc(1.5rem + 3.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-bottom:clamp(1.5rem, 0.5rem + 5.7142857143vw, 4.75rem)) {
        .material-card__container .material-card__box {
            padding-bottom: clamp(1.5rem, .5rem + 5.7142857143vw, 4.75rem)
        }
    }

    @supports not (padding-bottom:clamp(1.5rem, 0.5rem + 5.7142857143vw, 4.75rem)) {
        .material-card__container .material-card__box {
            padding-bottom: calc(1.5rem + 3.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(1rem, 0.6153846154rem + 2.1978021978vw, 2.25rem)) {
        .material-card__container .material-card__box {
            padding-left: clamp(1rem, .6153846154rem + 2.1978021978vw, 2.25rem)
        }
    }

    @supports not (padding-left:clamp(1rem, 0.6153846154rem + 2.1978021978vw, 2.25rem)) {
        .material-card__container .material-card__box {
            padding-left: calc(1rem + 1.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(1rem, 0.6153846154rem + 2.1978021978vw, 2.25rem)) {
        .material-card__container .material-card__box {
            padding-right: clamp(1rem, .6153846154rem + 2.1978021978vw, 2.25rem)
        }
    }

    @supports not (padding-right:clamp(1rem, 0.6153846154rem + 2.1978021978vw, 2.25rem)) {
        .material-card__container .material-card__box {
            padding-right: calc(1rem + 1.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(1.875rem, 1.4903846154rem + 2.1978021978vw, 3.125rem)) {
        .material-card__container .material-card__box {
            margin-top: clamp(1.875rem, 1.4903846154rem + 2.1978021978vw, 3.125rem)
        }
    }

    @supports not (margin-top:clamp(1.875rem, 1.4903846154rem + 2.1978021978vw, 3.125rem)) {
        .material-card__container .material-card__box {
            margin-top: calc(1.875rem + 1.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(1.875rem, 1.4903846154rem + 2.1978021978vw, 3.125rem)) {
        .material-card__container .material-card__box {
            margin-bottom: clamp(1.875rem, 1.4903846154rem + 2.1978021978vw, 3.125rem)
        }
    }

    @supports not (margin-bottom:clamp(1.875rem, 1.4903846154rem + 2.1978021978vw, 3.125rem)) {
        .material-card__container .material-card__box {
            margin-bottom: calc(1.875rem + 1.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.9375rem, 0.5528846154rem + 2.1978021978vw, 2.1875rem)) {
        .material-card__container .material-card__box {
            gap: clamp(.9375rem, .5528846154rem + 2.1978021978vw, 2.1875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, 0.5528846154rem + 2.1978021978vw, 2.1875rem)) {
        .material-card__container .material-card__box {
            gap: calc(.9375rem + 1.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.625rem, 0.4326923077rem + 1.0989010989vw, 1.25rem)) {
        .material-card__data-box {
            gap: clamp(.625rem, .4326923077rem + 1.0989010989vw, 1.25rem)
        }
    }

    @supports not (gap:clamp(0.625rem, 0.4326923077rem + 1.0989010989vw, 1.25rem)) {
        .material-card__data-box {
            gap: calc(.625rem + .625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(1rem, 0.7692307692rem + 1.3186813187vw, 1.75rem)) {
        .material-card__data-box__sub h2 {
            font-size: clamp(1rem, .7692307692rem + 1.3186813187vw, 1.75rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.7692307692rem + 1.3186813187vw, 1.75rem)) {
        .material-card__data-box__sub h2 {
            font-size: calc(1rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(0.0000000625rem, -0.1923076106rem + 1.098900989vw, 0.625rem)) {
        .material-card__data-box__sub h2 {
            margin-bottom: clamp(.0000000625rem, -.1923076106rem + 1.098900989vw, .625rem)
        }
    }

    @supports not (margin-bottom:clamp(0.0000000625rem, -0.1923076106rem + 1.098900989vw, 0.625rem)) {
        .material-card__data-box__sub h2 {
            margin-bottom: calc(.0000000625rem + .6249999375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.875rem, 0.8365384615rem + 0.2197802198vw, 1rem)) {
        .material-card__data-box__sub h5 {
            font-size: clamp(.875rem, .8365384615rem + .2197802198vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.8365384615rem + 0.2197802198vw, 1rem)) {
        .material-card__data-box__sub h5 {
            font-size: calc(.875rem + .125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.875rem, 0.8365384615rem + 0.2197802198vw, 1rem)) {
        .material-card__data-box__sub h6 {
            font-size: clamp(.875rem, .8365384615rem + .2197802198vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.8365384615rem + 0.2197802198vw, 1rem)) {
        .material-card__data-box__sub h6 {
            font-size: calc(.875rem + .125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.625rem, 0.5480769231rem + 0.4395604396vw, 0.875rem)) {
        .material-card__data-box__sub p {
            font-size: clamp(.625rem, .5480769231rem + .4395604396vw, .875rem)
        }
    }

    @supports not (font-size:clamp(0.625rem, 0.5480769231rem + 0.4395604396vw, 0.875rem)) {
        .material-card__data-box__sub p {
            font-size: calc(.625rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.625rem, 0.5865384615rem + 0.2197802198vw, 0.75rem)) {
        .material-card__data-box__sub__ul-box li {
            font-size: clamp(.625rem, .5865384615rem + .2197802198vw, .75rem)
        }
    }

    @supports not (font-size:clamp(0.625rem, 0.5865384615rem + 0.2197802198vw, 0.75rem)) {
        .material-card__data-box__sub__ul-box li {
            font-size: calc(.625rem + .125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.875rem, 0.7980769231rem + 0.4395604396vw, 1.125rem)) {
        .materials h4 {
            font-size: clamp(.875rem, .7980769231rem + .4395604396vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.7980769231rem + 0.4395604396vw, 1.125rem)) {
        .materials h4 {
            font-size: calc(.875rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(0.9375rem, 0.5528846154rem + 2.1978021978vw, 2.1875rem)) {
        .materials h4 {
            margin-bottom: clamp(.9375rem, .5528846154rem + 2.1978021978vw, 2.1875rem)
        }
    }

    @supports not (margin-bottom:clamp(0.9375rem, 0.5528846154rem + 2.1978021978vw, 2.1875rem)) {
        .materials h4 {
            margin-bottom: calc(.9375rem + 1.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(2.25rem, 1.9807692308rem + 1.5384615385vw, 3.125rem)) {
        .materials__container {
            margin-bottom: clamp(2.25rem, 1.9807692308rem + 1.5384615385vw, 3.125rem)
        }
    }

    @supports not (margin-bottom:clamp(2.25rem, 1.9807692308rem + 1.5384615385vw, 3.125rem)) {
        .materials__container {
            margin-bottom: calc(2.25rem + .875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(1.25rem, 0.5769230769rem + 3.8461538462vw, 3.4375rem)) {
        .materials__container__box {
            gap: clamp(1.25rem, .5769230769rem + 3.8461538462vw, 3.4375rem)
        }
    }

    @supports not (gap:clamp(1.25rem, 0.5769230769rem + 3.8461538462vw, 3.4375rem)) {
        .materials__container__box {
            gap: calc(1.25rem + 2.1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding:clamp(0.875rem, 0.5673076923rem + 1.7582417582vw, 1.875rem)) {
        .materials__item {
            padding: clamp(.875rem, .5673076923rem + 1.7582417582vw, 1.875rem)
        }
    }

    @supports not (padding:clamp(0.875rem, 0.5673076923rem + 1.7582417582vw, 1.875rem)) {
        .materials__item {
            padding: calc(.875rem + 1 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-top:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .materials__item__link {
            padding-top: clamp(1.125rem, .3245192308rem + .8241758242vw, .9375rem)
        }
    }

    @supports not (padding-top:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .materials__item__link {
            padding-top: calc(.46875rem + .46875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-bottom:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .materials__item__link {
            padding-bottom: clamp(1.125rem, .3245192308rem + .8241758242vw, .9375rem)
        }
    }

    @supports not (padding-bottom:clamp(0.46875rem, 0.3245192308rem + 0.8241758242vw, 0.9375rem)) {
        .materials__item__link {
            padding-bottom: calc(.46875rem + .46875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .materials__item__link {
            padding-left: clamp(.75rem, .5192307692rem + 1.3186813187vw, 1.5rem)
        }
    }

    @supports not (padding-left:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .materials__item__link {
            padding-left: calc(.75rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .materials__item__link {
            padding-right: clamp(.75rem, .5192307692rem + 1.3186813187vw, 1.5rem)
        }
    }

    @supports not (padding-right:clamp(0.75rem, 0.5192307692rem + 1.3186813187vw, 1.5rem)) {
        .materials__item__link {
            padding-right: calc(.75rem + .75 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .materials__item__link {
            font-size: clamp(.75rem, .6730769231rem + .4395604396vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.75rem, 0.6730769231rem + 0.4395604396vw, 1rem)) {
        .materials__item__link {
            font-size: calc(.75rem + .25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(1.5625rem, 1.0817307692rem + 2.7472527473vw, 3.125rem)) {
        .barrel {
            gap: clamp(1.5625rem, 1.0817307692rem + 2.7472527473vw, 3.125rem)
        }
    }

    @supports not (gap:clamp(1.5625rem, 1.0817307692rem + 2.7472527473vw, 3.125rem)) {
        .barrel {
            gap: calc(1.5625rem + 1.5625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding:clamp(1.125rem, 0.7019230769rem + 2.4175824176vw, 2.5rem)) {
        .barrel {
            padding: 0;
        }
    }

    @supports not (padding:clamp(1.125rem, 0.7019230769rem + 2.4175824176vw, 2.5rem)) {
        .barrel {
            padding: calc(1.125rem + 1.375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.9375rem, 0.5528846154rem + 2.1978021978vw, 2.1875rem)) {
        .barrel-box {
            gap: clamp(.9375rem, .5528846154rem + 2.1978021978vw, 2.1875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, 0.5528846154rem + 2.1978021978vw, 2.1875rem)) {
        .barrel-box {
            gap: calc(.9375rem + 1.25 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(1.25rem, 0.6730769231rem + 3.2967032967vw, 3.125rem)) {
        .barrel-box__databox {
            gap: clamp(1.25rem, .6730769231rem + 3.2967032967vw, 3.125rem)
        }
    }

    @supports not (gap:clamp(1.25rem, 0.6730769231rem + 3.2967032967vw, 3.125rem)) {
        .barrel-box__databox {
            gap: calc(1.25rem + 1.875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(2.1875rem, 1.7067307692rem + 2.7472527473vw, 3.75rem)) {
        .barrel-databox__sub-box {
            gap: clamp(2.1875rem, 1.7067307692rem + 2.7472527473vw, 3.75rem)
        }
    }

    @supports not (gap:clamp(2.1875rem, 1.7067307692rem + 2.7472527473vw, 3.75rem)) {
        .barrel-databox__sub-box {
            gap: calc(2.1875rem + 1.5625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-left:clamp(1.125rem, 0.7019230769rem + 2.4175824176vw, 2.5rem)) {
        .barrel-databox__button-box button {
            padding-left: clamp(1.125rem, .7019230769rem + 2.4175824176vw, 2.5rem)
        }
    }

    @supports not (padding-left:clamp(1.125rem, 0.7019230769rem + 2.4175824176vw, 2.5rem)) {
        .barrel-databox__button-box button {
            padding-left: calc(1.125rem + 1.375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (padding-right:clamp(1.125rem, 0.7019230769rem + 2.4175824176vw, 2.5rem)) {
        .barrel-databox__button-box button {
            padding-right: clamp(1.125rem, .7019230769rem + 2.4175824176vw, 2.5rem)
        }
    }

    @supports not (padding-right:clamp(1.125rem, 0.7019230769rem + 2.4175824176vw, 2.5rem)) {
        .barrel-databox__button-box button {
            padding-right: calc(1.125rem + 1.375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(5rem, 4.1346153846rem + 4.9450549451vw, 7.8125rem)) {
        .search {
            margin-top: clamp(5rem, 4.1346153846rem + 4.9450549451vw, 7.8125rem)
        }
    }

    @supports not (margin-top:clamp(5rem, 4.1346153846rem + 4.9450549451vw, 7.8125rem)) {
        .search {
            margin-top: calc(5rem + 2.8125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-top:clamp(0.0000000625rem, -0.480769149rem + 2.7472526374vw, 1.5625rem)) {
        .search__container__items {
            margin-top: clamp(.0000000625rem, -.480769149rem + 2.7472526374vw, 1.5625rem)
        }
    }

    @supports not (margin-top:clamp(0.0000000625rem, -0.480769149rem + 2.7472526374vw, 1.5625rem)) {
        .search__container__items {
            margin-top: calc(.0000000625rem + 1.5624999375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(0.0000000625rem, 1.2259615192rem + -1.6483515385vw, 0.9375rem)) {
        .search__container__items {
            margin-bottom: clamp(.0000000625rem, 1.2259615192rem + -1.6483515385vw, .9375rem)
        }
    }

    @supports not (margin-bottom:clamp(0.0000000625rem, 1.2259615192rem + -1.6483515385vw, 0.9375rem)) {
        .search__container__items {
            margin-bottom: calc(.9375rem + -.9374999375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(1.25rem, 0.7692307692rem + 2.7472527473vw, 2.8125rem)) {
        .footer__container__sub-box {
            gap: clamp(1.25rem, .7692307692rem + 2.7472527473vw, 2.8125rem)
        }
    }

    @supports not (gap:clamp(1.25rem, 0.7692307692rem + 2.7472527473vw, 2.8125rem)) {
        .footer__container__sub-box {
            gap: calc(1.25rem + 1.5625 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (width:clamp(8.75rem, 7.4038461538rem + 7.6923076923vw, 13.125rem)) {
        .footer__container__sub-box__logo img {
            width: clamp(8.75rem, 7.4038461538rem + 7.6923076923vw, 13.125rem)
        }
    }

    @supports not (width:clamp(8.75rem, 7.4038461538rem + 7.6923076923vw, 13.125rem)) {
        .footer__container__sub-box__logo img {
            width: calc(8.75rem + 4.375 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.625rem, 0.5865384615rem + 0.2197802198vw, 0.75rem)) {
        .footer__container__sub-box__logo p {
            font-size: clamp(.625rem, .5865384615rem + .2197802198vw, .75rem)
        }
    }

    @supports not (font-size:clamp(0.625rem, 0.5865384615rem + 0.2197802198vw, 0.75rem)) {
        .footer__container__sub-box__logo p {
            font-size: calc(.625rem + .125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (font-size:clamp(0.8125rem, 0.7548076923rem + 0.3296703297vw, 1rem)) {
        .footer__container__sub-box__navigation {
            font-size: clamp(.8125rem, .7548076923rem + .3296703297vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.8125rem, 0.7548076923rem + 0.3296703297vw, 1rem)) {
        .footer__container__sub-box__navigation {
            font-size: calc(.8125rem + .1875 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (gap:clamp(0.625rem, 0.4326923077rem + 1.0989010989vw, 1.25rem)) {
        .footer__container .spetial {
            gap: clamp(.625rem, .4326923077rem + 1.0989010989vw, 1.25rem)
        }
    }

    @supports not (gap:clamp(0.625rem, 0.4326923077rem + 1.0989010989vw, 1.25rem)) {
        .footer__container .spetial {
            gap: calc(.625rem + .625 * (100vw - 17.5rem)/ 56.875)
        }
    }
}

@media (min-width:85.625em) and (max-width:120em) {
    @supports (top:clamp(2.3125rem, 2.1568181818rem + 0.1818181818vw, 2.375rem)) {
        .icon-menu.catalog {
            top: clamp(2.3125rem, 2.1568181818rem + .1818181818vw, 2.375rem)
        }
    }

    @supports not (top:clamp(2.3125rem, 2.1568181818rem + 0.1818181818vw, 2.375rem)) {
        .icon-menu.catalog {
            top: calc(2.3125rem + .0625 * (100vw - 85.625rem)/ 34.375)
        }
    }
}

@media (max-width:29.99875em) and (min-width:47.99875em) {
    .hero__container {
        padding-top: 5rem
    }

    .header__logo a:last-child img {
        width: 2.4375rem
    }
}

@media (max-width:29.99875em) and (min-width:20em) and (max-width:47.99875em) {
    @supports (padding-top:clamp(4.03125rem, 3.3392548216rem + 3.4599758918vw, 5rem)) {
        .hero__container {
            padding-top: clamp(4.03125rem, 3.3392548216rem + 3.4599758918vw, 5rem)
        }
    }

    @supports not (padding-top:clamp(4.03125rem, 3.3392548216rem + 3.4599758918vw, 5rem)) {
        .hero__container {
            padding-top: calc(4.03125rem + .96875 * (100vw - 20rem)/ 27.99875)
        }
    }

    @supports (width:clamp(2.125rem, 1.9017757489rem + 1.1161212554vw, 2.4375rem)) {
        .header__logo a:last-child img {
            width: clamp(2.125rem, 1.9017757489rem + 1.1161212554vw, 2.4375rem)
        }
    }

    @supports not (width:clamp(2.125rem, 1.9017757489rem + 1.1161212554vw, 2.4375rem)) {
        .header__logo a:last-child img {
            width: calc(2.125rem + .3125 * (100vw - 20rem)/ 27.99875)
        }
    }
}

@media (min-width:47.99875em) and (max-width:90em) {
    @supports (margin-bottom:clamp(2.5rem, -4.6424585578rem + 14.8805095086vw, 8.75rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
            margin-bottom: clamp(2.5rem, -4.6424585578rem + 14.8805095086vw, 8.75rem)
        }
    }

    @supports not (margin-bottom:clamp(2.5rem, -4.6424585578rem + 14.8805095086vw, 8.75rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
            margin-bottom: calc(2.5rem + 6.25 * (100vw - 47.99875rem)/ 42.00125)
        }
    }
}

@media (max-width:519px) and (min-width:74.375em) {
    .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
        gap: 1.875rem
    }
}

@media (max-width:519px) and (min-width:17.5em) and (max-width:74.375em) {
    @supports (gap:clamp(1.875rem, 4.7355769231rem + -3.8461538462vw, 4.0625rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
            gap: clamp(6.875rem, 4.7355769231rem + -3.8461538462vw, 4.0625rem)
        }
    }

    @supports not (gap:clamp(1.875rem, 4.7355769231rem + -3.8461538462vw, 4.0625rem)) {
        .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide__box {
            gap: calc(4.0625rem + -2.1875 * (100vw - 17.5rem)/ 56.875)
        }
    }
}

@media (min-width:20em) and (max-width:120em) {
    @supports (padding-top:clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem)) {
        .advantages__container {
            padding-top: clamp(2.5rem, 2.375rem + .625vw, 3.125rem)
        }
    }

    @supports not (padding-top:clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem)) {
        .advantages__container {
            padding-top: calc(2.5rem + .625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-bottom:clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem)) {
        .advantages__container {
            padding-bottom: clamp(2.5rem, 2.375rem + .625vw, 3.125rem)
        }
    }

    @supports not (padding-bottom:clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem)) {
        .advantages__container {
            padding-bottom: calc(2.5rem + .625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .advantages__container__item.main {
            font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .advantages__container__item.main {
            font-size: calc(1.875rem + 1.25 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-bottom:clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) {
        .about {
            padding-bottom: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)
        }
    }

    @supports not (padding-bottom:clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) {
        .about {
            padding-bottom: calc(1.5625rem + 1.5625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1rem, 0.7625rem + 1.1875vw, 2.1875rem)) {
        .about__container-sub__list-area h3 {
            font-size: clamp(1rem, .7625rem + 1.1875vw, 2.1875rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.7625rem + 1.1875vw, 2.1875rem)) {
        .about__container-sub__list-area h3 {
            font-size: calc(1rem + 1.1875 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-top:clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) {
        .advantages-li {
            padding-top: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)
        }
    }

    @supports not (padding-top:clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) {
        .advantages-li {
            padding-top: calc(1.5625rem + 1.5625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-bottom:clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) {
        .advantages-li {
            padding-bottom: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)
        }
    }

    @supports not (padding-bottom:clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) {
        .advantages-li {
            padding-bottom: calc(1.5625rem + 1.5625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1rem, 0.7625rem + 1.1875vw, 2.1875rem)) {
        .advantages-li__container__text-aria__title {
            font-size: clamp(1rem, .7625rem + 1.1875vw, 2.1875rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.7625rem + 1.1875vw, 2.1875rem)) {
        .advantages-li__container__text-aria__title {
            font-size: calc(1rem + 1.1875 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-top:clamp(2.1875rem, 2rem + 0.9375vw, 3.125rem)) {
        .certifications {
            padding-top: clamp(2.1875rem, 2rem + .9375vw, 3.125rem)
        }
    }

    @supports not (padding-top:clamp(2.1875rem, 2rem + 0.9375vw, 3.125rem)) {
        .certifications {
            padding-top: calc(2.1875rem + .9375 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-bottom:clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem)) {
        .certifications {
            padding-bottom: clamp(1.25rem, .875rem + 1.875vw, 3.125rem)
        }
    }

    @supports not (padding-bottom:clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem)) {
        .certifications {
            padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .certifications__container h3 {
            font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .certifications__container h3 {
            font-size: calc(1.875rem + 1.25 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .products__container h3 {
            font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .products__container h3 {
            font-size: calc(1.875rem + 1.25 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .project__container h3 {
            font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .project__container h3 {
            font-size: calc(1.875rem + 1.25 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-top:clamp(2.1875rem, 2rem + 0.9375vw, 3.125rem)) {
        .project .first {
            padding-top: clamp(2.1875rem, 2rem + .9375vw, 3.125rem)
        }
    }

    @supports not (padding-top:clamp(2.1875rem, 2rem + 0.9375vw, 3.125rem)) {
        .project .first {
            padding-top: calc(2.1875rem + .9375 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-bottom:clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) {
        .project .end {
            padding-bottom: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)
        }
    }

    @supports not (padding-bottom:clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) {
        .project .end {
            padding-bottom: calc(1.5625rem + 1.5625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (border-radius:clamp(1.25rem, 1.0625rem + 0.9375vw, 2.1875rem)) {
        .partners_container__item {
            border-radius: clamp(1.25rem, 1.0625rem + .9375vw, 2.1875rem)
        }
    }

    @supports not (border-radius:clamp(1.25rem, 1.0625rem + 0.9375vw, 2.1875rem)) {
        .partners_container__item {
            border-radius: calc(1.25rem + .9375 * (100vw - 20rem)/ 100)
        }
    }

    @supports (width:clamp(11.25rem, 9.4375rem + 9.0625vw, 20.3125rem)) {
        .partners_container__item {
            width: clamp(11.25rem, 9.4375rem + 9.0625vw, 20.3125rem)
        }
    }

    @supports not (width:clamp(11.25rem, 9.4375rem + 9.0625vw, 20.3125rem)) {
        .partners_container__item {
            width: calc(11.25rem + 9.0625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (height:clamp(5.5rem, 4.6rem + 4.5vw, 10rem)) {
        .partners_container__item {
            height: clamp(5.5rem, 4.6rem + 4.5vw, 10rem)
        }
    }

    @supports not (height:clamp(5.5rem, 4.6rem + 4.5vw, 10rem)) {
        .partners_container__item {
            height: calc(5.5rem + 4.5 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-top:clamp(2.1875rem, 2rem + 0.9375vw, 3.125rem)) {
        .contacts {
            padding-top: clamp(2.1875rem, 2rem + .9375vw, 3.125rem)
        }
    }

    @supports not (padding-top:clamp(2.1875rem, 2rem + 0.9375vw, 3.125rem)) {
        .contacts {
            padding-top: calc(2.1875rem + .9375 * (100vw - 20rem)/ 100)
        }
    }

    @supports (padding-bottom:clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem)) {
        .contacts {
            padding-bottom: clamp(1.25rem, .875rem + 1.875vw, 3.125rem)
        }
    }

    @supports not (padding-bottom:clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem)) {
        .contacts {
            padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .contacts__container h3 {
            font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)
        }
    }

    @supports not (font-size:clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem)) {
        .contacts__container h3 {
            font-size: calc(1.875rem + 1.25 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1rem, 0.95rem + 0.25vw, 1.25rem)) {
        .menu__item {
            font-size: clamp(1rem, .95rem + .25vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.95rem + 0.25vw, 1.25rem)) {
        .menu__item {
            font-size: calc(1rem + .25 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1rem, 0.95rem + 0.25vw, 1.25rem)) {
        .menu__item__container h4 {
            font-size: clamp(1rem, .95rem + .25vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.95rem + 0.25vw, 1.25rem)) {
        .menu__item__container h4 {
            font-size: calc(1rem + .25 * (100vw - 20rem)/ 100)
        }
    }

    @supports (margin-bottom:clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem)) {
        .menu__item__container h4 {
            margin-bottom: clamp(.625rem, .5rem + .625vw, 1.25rem)
        }
    }

    @supports not (margin-bottom:clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem)) {
        .menu__item__container h4 {
            margin-bottom: calc(.625rem + .625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1rem, 0.95rem + 0.25vw, 1.25rem)) {
        .menu__item__container__inline h4 {
            font-size: clamp(1rem, .95rem + .25vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.95rem + 0.25vw, 1.25rem)) {
        .menu__item__container__inline h4 {
            font-size: calc(1rem + .25 * (100vw - 20rem)/ 100)
        }
    }

    @supports (margin-bottom:clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem)) {
        .menu__item__container__inline h4 {
            margin-bottom: clamp(.625rem, .5rem + .625vw, 1.25rem)
        }
    }

    @supports not (margin-bottom:clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem)) {
        .menu__item__container__inline h4 {
            margin-bottom: calc(.625rem + .625 * (100vw - 20rem)/ 100)
        }
    }

    @supports (font-size:clamp(1rem, 0.975rem + 0.125vw, 1.125rem)) {
        .sub-menu__item__container h6 {
            font-size: clamp(1rem, .975rem + .125vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.975rem + 0.125vw, 1.125rem)) {
        .sub-menu__item__container h6 {
            font-size: calc(1rem + .125 * (100vw - 20rem)/ 100)
        }
    }
}

@media (min-width:62em) and (max-width:120em) {
    @supports (width:clamp(18rem, 13.1896551724rem + 7.7586206897vw, 22.5rem)) {
        .advantages__container__item {
            width: clamp(18rem, 13.1896551724rem + 7.7586206897vw, 22.5rem)
        }
    }

    @supports not (width:clamp(18rem, 13.1896551724rem + 7.7586206897vw, 22.5rem)) {
        .advantages__container__item {
            width: calc(18rem + 4.5 * (100vw - 62rem)/ 58)
        }
    }

    @supports (font-size:clamp(9.625rem, 7.8879310345rem + 2.8017241379vw, 11.25rem)) {
        .advantages__container__item div::before {
            font-size: clamp(9.625rem, 7.8879310345rem + 2.8017241379vw, 11.25rem)
        }
    }

    @supports not (font-size:clamp(9.625rem, 7.8879310345rem + 2.8017241379vw, 11.25rem)) {
        .advantages__container__item div::before {
            font-size: calc(9.625rem + 1.625 * (100vw - 62rem)/ 58)
        }
    }
}

@media (min-width:12.5em) and (max-width:62em) {
    @supports (font-size:clamp(7.875rem, 7.4330808081rem + 3.5353535354vw, 9.625rem)) {
        .advantages__container__item div::before {
            font-size: clamp(7.875rem, 7.4330808081rem + 3.5353535354vw, 9.625rem)
        }
    }

    @supports not (font-size:clamp(7.875rem, 7.4330808081rem + 3.5353535354vw, 9.625rem)) {
        .advantages__container__item div::before {
            font-size: calc(7.875rem + 1.75 * (100vw - 12.5rem)/ 49.5)
        }
    }
}

@media (min-width:47.99875em) and (max-width:120em) {
    @supports (font-size:clamp(0.875rem, 0.4583514175rem + 0.8680404854vw, 1.5rem)) {
        .about__container-sub__text-area.big {
            font-size: clamp(.875rem, .4583514175rem + .8680404854vw, 1.5rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.4583514175rem + 0.8680404854vw, 1.5rem)) {
        .about__container-sub__text-area.big {
            font-size: calc(.875rem + .625 * (100vw - 47.99875rem)/ 72.00125)
        }
    }

    @supports (font-size:clamp(0.875rem, 0.6250108505rem + 0.5208242912vw, 1.25rem)) {
        .about__container-sub__text-area.small {
            font-size: clamp(.875rem, .6250108505rem + .5208242912vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.6250108505rem + 0.5208242912vw, 1.25rem)) {
        .about__container-sub__text-area.small {
            font-size: calc(.875rem + .375 * (100vw - 47.99875rem)/ 72.00125)
        }
    }

    @supports (margin-top:clamp(2.1875rem, -0.9373643687rem + 6.5103036406vw, 6.875rem)) {
        .products {
            margin-top: clamp(2.1875rem, -.9373643687rem + 6.5103036406vw, 6.875rem)
        }
    }

    @supports not (margin-top:clamp(2.1875rem, -0.9373643687rem + 6.5103036406vw, 6.875rem)) {
        .products {
            margin-top: calc(2.1875rem + 4.6875 * (100vw - 47.99875rem)/ 72.00125)
        }
    }
}

@media (min-width:57.5em) and (max-width:120em) {
    @supports (gap:clamp(2.1875rem, -0.4rem + 4.5vw, 5rem)) {
        .advantages-li__container {
            gap: clamp(2.1875rem, -.4rem + 4.5vw, 5rem)
        }
    }

    @supports not (gap:clamp(2.1875rem, -0.4rem + 4.5vw, 5rem)) {
        .advantages-li__container {
            gap: calc(2.1875rem + 2.8125 * (100vw - 57.5rem)/ 62.5)
        }
    }
}

@media (min-width:50em) and (max-width:120em) {
    @supports (gap:clamp(2.1875rem, 1.0714285714rem + 2.2321428571vw, 3.75rem)) {
        .advantages-li__container__list-aria ul {
            gap: clamp(2.1875rem, 1.0714285714rem + 2.2321428571vw, 3.75rem)
        }
    }

    @supports not (gap:clamp(2.1875rem, 1.0714285714rem + 2.2321428571vw, 3.75rem)) {
        .advantages-li__container__list-aria ul {
            gap: calc(2.1875rem + 1.5625 * (100vw - 50rem)/ 70)
        }
    }
}

@media (min-width:35.9375em) and (max-width:50em) {
    @supports (gap:clamp(0.0000000625rem, -5.5902775556rem + 15.5555551111vw, 2.1875rem)) {
        .advantages-li__container__list-aria ul {
            gap: clamp(.0000000625rem, -5.5902775556rem + 15.5555551111vw, 2.1875rem)
        }
    }

    @supports not (gap:clamp(0.0000000625rem, -5.5902775556rem + 15.5555551111vw, 2.1875rem)) {
        .advantages-li__container__list-aria ul {
            gap: calc(.0000000625rem + 2.1874999375 * (100vw - 35.9375rem)/ 14.0625)
        }
    }
}

@media (min-width:29.99875em) and (max-width:120em) {
    @supports (grid-row-gap:clamp(0.75rem, 0.4791817128rem + 0.9027652394vw, 1.5625rem)) {
        .advantages-li__container__list-aria ul {
            grid-row-gap: clamp(.75rem, .4791817128rem + .9027652394vw, 1.5625rem)
        }
    }

    @supports not (grid-row-gap:clamp(0.75rem, 0.4791817128rem + 0.9027652394vw, 1.5625rem)) {
        .advantages-li__container__list-aria ul {
            grid-row-gap: calc(.75rem + .8125 * (100vw - 29.99875rem)/ 90.00125)
        }
    }

    @supports (font-size:clamp(0.875rem, 0.6666782406rem + 0.6944347995vw, 1.5rem)) {
        .advantages-li__container__list-aria li {
            font-size: clamp(.875rem, .6666782406rem + .6944347995vw, 1.5rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.6666782406rem + 0.6944347995vw, 1.5rem)) {
        .advantages-li__container__list-aria li {
            font-size: calc(.875rem + .625 * (100vw - 29.99875rem)/ 90.00125)
        }
    }

    @supports (width:clamp(9.0625rem, 7.7084085638rem + 4.5138261969vw, 13.125rem)) {
        .header__logo a:first-child img {
            width: clamp(9.0625rem, 7.7084085638rem + 4.5138261969vw, 13.125rem)
        }
    }

    @supports not (width:clamp(9.0625rem, 7.7084085638rem + 4.5138261969vw, 13.125rem)) {
        .header__logo a:first-child img {
            width: calc(9.0625rem + 4.0625 * (100vw - 29.99875rem)/ 90.00125)
        }
    }
}

@media (min-width:20em) and (max-width:29.99875em) {
    @supports (grid-row-gap:clamp(0.0000000625rem, 0.0000000625rem + 0vw, 0.0000000625rem)) {
        .advantages-li__container__list-aria ul {
            grid-row-gap: clamp(.0000000625rem, .0000000625rem + 0, .0000000625rem)
        }
    }

    @supports not (grid-row-gap:clamp(0.0000000625rem, 0.0000000625rem + 0vw, 0.0000000625rem)) {
        .advantages-li__container__list-aria ul {
            grid-row-gap: calc(.0000000625rem + 0 * (100vw - 20rem)/ 9.99875)
        }
    }
}

@media (min-width:61.99875em) and (max-width:120em) {
    @supports (width:clamp(15rem, 5.6469418763rem + 15.0858817698vw, 23.75rem)) {
        .advantages-li__container__list-aria li {
            width: clamp(15rem, 5.6469418763rem + 15.0858817698vw, 23.75rem)
        }
    }

    @supports not (width:clamp(15rem, 5.6469418763rem + 15.0858817698vw, 23.75rem)) {
        .advantages-li__container__list-aria li {
            width: calc(15rem + 8.75 * (100vw - 61.99875rem)/ 58.00125)
        }
    }
}

@media (min-width:29.99875em) and (max-width:61.99875em) {
    @supports (width:clamp(10.3125rem, 5.9181518555rem + 14.6484375vw, 15rem)) {
        .advantages-li__container__list-aria li {
            width: clamp(10.3125rem, 5.9181518555rem + 14.6484375vw, 15rem)
        }
    }

    @supports not (width:clamp(10.3125rem, 5.9181518555rem + 14.6484375vw, 15rem)) {
        .advantages-li__container__list-aria li {
            width: calc(10.3125rem + 4.6875 * (100vw - 29.99875rem)/ 32)
        }
    }
}

@media (min-width:42.375em) and (max-width:120em) {
    @supports (gap:clamp(0.9375rem, 0.4257246377rem + 1.2077294686vw, 1.875rem)) {
        .products__container-sub__item_container__data_box__button-box {
            gap: clamp(.9375rem, .4257246377rem + 1.2077294686vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, 0.4257246377rem + 1.2077294686vw, 1.875rem)) {
        .products__container-sub__item_container__data_box__button-box {
            gap: calc(.9375rem + .9375 * (100vw - 42.375rem)/ 77.625)
        }
    }
}

@media (min-width:17.5em) and (max-width:47.99875em) {
    @supports (font-size:clamp(0.75rem, 0.678275749rem + 0.4098528628vw, 0.875rem)) {
        .gallery .menu__list>li p {
            font-size: clamp(.75rem, .678275749rem + .4098528628vw, .875rem)
        }
    }

    @supports not (font-size:clamp(0.75rem, 0.678275749rem + 0.4098528628vw, 0.875rem)) {
        .gallery .menu__list>li p {
            font-size: calc(.75rem + .125 * (100vw - 17.5rem)/ 30.49875)
        }
    }
}

@media (min-width:17.5em) and (max-width:48em) {
    @supports (gap:clamp(0.9375rem, 0.3995901639rem + 3.0737704918vw, 1.875rem)) {
        .catalog__container__sub-items {
            gap: clamp(.9375rem, .3995901639rem + 3.0737704918vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, 0.3995901639rem + 3.0737704918vw, 1.875rem)) {
        .catalog__container__sub-items {
            gap: calc(.9375rem + .9375 * (100vw - 17.5rem)/ 30.5)
        }
    }
}

@media (max-width:1024px) and (max-width:29.99875em) and (min-width:47.99875em) {
    .header__container {
        margin-top: 1.25rem
    }
}

@media (max-width:1024px) and (max-width:29.99875em) and (min-width:20em) and (max-width:47.99875em) {
    @supports (margin-top:clamp(1.03125rem, 0.8749930242rem + 0.7812848788vw, 1.25rem)) {
        .header__container {
            margin-top: clamp(1.03125rem, .8749930242rem + .7812848788vw, 1.25rem)
        }
    }

    @supports not (margin-top:clamp(1.03125rem, 0.8749930242rem + 0.7812848788vw, 1.25rem)) {
        .header__container {
            margin-top: calc(1.03125rem + .21875 * (100vw - 20rem)/ 27.99875)
        }
    }
}

@media (max-width:64rem) and (min-width:74.375em) {
    .header._header-scroll .header__container {
        margin-top: 1.5625rem
    }

    .header._header-scroll .header__container {
        margin-bottom: 1.5625rem
    }
}

@media (max-width:64rem) and (min-width:17.5em) and (max-width:74.375em) {
    @supports (margin-top:clamp(0.75rem, 0.5rem + 1.4285714286vw, 1.5625rem)) {
        .header._header-scroll .header__container {
            margin-top: clamp(.75rem, .5rem + 1.4285714286vw, 1.5625rem)
        }
    }

    @supports not (margin-top:clamp(0.75rem, 0.5rem + 1.4285714286vw, 1.5625rem)) {
        .header._header-scroll .header__container {
            margin-top: calc(.75rem + .8125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(0.75rem, 0.5rem + 1.4285714286vw, 1.5625rem)) {
        .header._header-scroll .header__container {
            margin-bottom: clamp(.75rem, .5rem + 1.4285714286vw, 1.5625rem)
        }
    }

    @supports not (margin-bottom:clamp(0.75rem, 0.5rem + 1.4285714286vw, 1.5625rem)) {
        .header._header-scroll .header__container {
            margin-bottom: calc(.75rem + .8125 * (100vw - 17.5rem)/ 56.875)
        }
    }
}

@media (max-width:85.625rem) and (min-width:74.375em) {
    .header.catalog._header-scroll .header__container {
        margin-top: 1.5625rem
    }

    .header.catalog._header-scroll .header__container {
        margin-bottom: 1.5625rem
    }
}

@media (max-width:85.625rem) and (min-width:17.5em) and (max-width:74.375em) {
    @supports (margin-top:clamp(0.75rem, 0.5rem + 1.4285714286vw, 1.5625rem)) {
        .header.catalog._header-scroll .header__container {
            margin-top: clamp(.75rem, .5rem + 1.4285714286vw, 1.5625rem)
        }
    }

    @supports not (margin-top:clamp(0.75rem, 0.5rem + 1.4285714286vw, 1.5625rem)) {
        .header.catalog._header-scroll .header__container {
            margin-top: calc(.75rem + .8125 * (100vw - 17.5rem)/ 56.875)
        }
    }

    @supports (margin-bottom:clamp(0.75rem, 0.5rem + 1.4285714286vw, 1.5625rem)) {
        .header.catalog._header-scroll .header__container {
            margin-bottom: clamp(.75rem, .5rem + 1.4285714286vw, 1.5625rem)
        }
    }

    @supports not (margin-bottom:clamp(0.75rem, 0.5rem + 1.4285714286vw, 1.5625rem)) {
        .header.catalog._header-scroll .header__container {
            margin-bottom: calc(.75rem + .8125 * (100vw - 17.5rem)/ 56.875)
        }
    }
}

@media (any-hover:none) {
    .icon-menu {
        cursor: default
    }
}

.webp .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide.first,
.webp .hero__container .hero-2__slider .hero-2__wrapper .third {
    background-image: url(../img/hero-img1.webp)
}

.webp .hero__container .hero-2__slider .hero-2__wrapper .hero-2__slide.second {
    background-image: url(../img/hero-background2.webp)
}