@charset "UTF-8";

@import url("reset.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");


@keyframes moveRight{
	50%{
		transform: translateX(100%);
	}
	51%{
		opacity: 0;
		transform: translateX(-100%);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}


:root{
    
    --app-height: 100%;
  
    --c0: #FFFFFF;
    --c1: #000000;
    --c2: #F8F7F7;
    --c3: #ECECEC;
    --c4: #DADADA;
    --c5: #dd3448;
    --c6: rgba(0,0,0,.1);
    --c7: rgba(0,0,0,.05);
    --c8: rgba(0,0,0,.5);
    --c9: rgba(255,255,255,.1);
    --c10: rgba(255,255,255,.5);
    --c11: rgba(255,255,255,.2);
    
    --sl: max(1px, 1rem);
    --gap: 20rem;
    --br1: 10rem;
    
    --wr: 120rem;
    --awr: calc(-1 * var(--wr));
    
    --f-s: max(12px, 14rem);
    --f-d: max(14px, 16rem);
    --f-m: max(14px, 18rem);
    --f-b: max(16px, 20rem);
    --f-l: max(18px, 26rem);
    --f-xl: max(18px, 30rem);
    --f-xxl: max(22px, 32rem);
    --f-xxxl: max(28px, 60rem);
    --f-xxxxl: max(34px, 120rem);
    --f-xxxxxl: max(40px, 140rem);
    
    --progress: 0;
    
}

/* globals */

@media screen {

    html{font-size: 0.052vw;background-color: var(--c1);}

    .document{font-weight: 300;font-family: 'Roboto Condensed', sans-serif;font-size: var(--f-d);line-height: 1.4;color: var(--c1);background-color: var(--c0);letter-spacing: -.01em;}

    .c2{color: var(--c2);}
    

    .rub{white-space:nowrap;}
    .rub:not(:empty)::after{content:"\a0\20bd";display:inline-block;text-decoration:inherit;}

    .mask-appear{transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);line-height: 1.15;}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: 1800px}

    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;min-width: 0;min-height: 0;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;position: relative;overflow: hidden;border-radius: 999rem;height: max(40px, 50rem);padding: 0 35rem;}
    .button-text{white-space: nowrap;text-align: center;position: relative;z-index: 1;line-height: 1.2;font-weight: 300;font-size: var(--f-m);display: flex;align-items: center;height: 100%;}
    .button-text[data-title]::after{content: attr(data-title);position: absolute;top: 100%;left: 0;width: 100%;height: 100%;display: flex;align-items: center;}

    .button__dense{padding: 0 15rem;height: max(25px, 30rem);}
    .button__dense .button-text{font-size: var(--f-d);}
    .button__default{background-color: var(--c1);color: var(--c0);}
    .button__secondary{border: var(--sl) solid;}
    .button__wider{min-width: 100%;}

    .button.active{background-color: var(--c5);color: var(--c0);border: var(--sl) solid var(--c5);}
    
    
    .button.active .button-text-show,
    .button:not(.active) .button-text-hidden{display: none;}
    
    .container{display: flex;flex-direction: column;min-height: 100vh;}

    .section:not(:first-child){margin-top: 220rem;}

    .header{flex: none;padding: 25rem 0;min-height: 100rem;position: relative;z-index: 1;background-color: var(--c0);display: flex;align-items: center;}
    
    .topbar{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 25rem;align-items: center;line-height: 1;}
    .topbar-inner{display: grid;align-items: center;grid-template-columns: 1fr auto auto;grid-gap: 25rem;grid-column-end: span 4;}
    .topbar-logo-holder{overflow: hidden;}
    .topbar-logo{max-width: 160rem;}
    .topbar-nav{padding: 0 100rem;display: flex;overflow: hidden;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 40rem;}
    .topbar-nav ul li{font-size: var(--f-m);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
    .topbar-nav a[data-popup]{background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.01758 1L4.01758 4L1.01758 1' stroke='black'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 10rem;padding-right: 15rem;background-position: right;}
    .topbar-nav .current{color: var(--c5);font-weight: 400;}
    .topbar-actions{display: grid;grid-auto-flow: column;grid-gap: 15rem;}
    .topbar-search{cursor: pointer;width: max(30px, 32rem);height: max(30px, 32rem);display: inline-flex;align-items: center;justify-content: center;}

    .main{flex: auto;display: flex;flex-direction: column;}

    .content{flex: auto;padding: 50rem 0 220rem;}
    
    .breadcrumbs{margin-bottom: 50rem;overflow: hidden;}
    .breadcrumbs ul{display: flex;flex-wrap: wrap;margin: -8rem;}
    .breadcrumbs ul li{margin: 8rem;}
    .breadcrumbs ul li:not(:last-child)::after{content: "/";margin-left: 8rem;opacity: .2;}
    .breadcrumbs ul li:last-child{opacity: .5;pointer-events: none;}

    .page-header{text-align: center;margin: 70rem 0 100rem;display: flex;flex-direction: column;align-items: center;}
    .page-header-title{font-size: var(--f-xxxxl);line-height: 1;max-width: 1220rem;}
    .page-header-subtitle{margin-top: 50rem;font-size: var(--f-xl);max-width: 720rem;line-height: 1.3;}

    .presets{margin: 110rem 0 30rem;border-bottom: var(--sl) solid var(--c6);padding-bottom: 40rem;overflow: hidden;user-select: none;}
    .presets-wrapper{margin: -10rem;display: flex;flex-wrap: wrap;justify-content: center;}
    .preset{margin: 10rem;position: relative;display: flex;box-shadow: inset 0 0 0 var(--sl) var(--c7);align-items: center;padding: 0 35rem;border-radius: 999rem;height: 80rem;}
    .preset-image{flex: none;position: relative;width: 70rem;height: 70rem;border-radius: 50%;left: -35rem;overflow: hidden;background-color: var(--c0);margin: 0 -15rem 0 5rem;display: flex;align-items: center;justify-content: center;padding: 10rem;}
    .preset-image::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-color: var(--c7);}
    .preset-text{white-space: nowrap;font-size: var(--f-l);}
    .preset-button{flex: none;display: none;margin-left: 15rem;}
    
    .preset.active{color: var(--c0);background-color: var(--c1);box-shadow: none;}
    .preset.active .preset-button{display: inline-flex;align-items: center;justify-content: center;width: 12rem;height: 12rem;}

    .icl{display: inline-flex;align-items: center;}
    .icl-text{font-weight: 400;font-size: var(--f-m);}
    .icl-icon{flex: none;margin: 0 12rem;width: max(20px, 24rem);height: max(20px, 24rem);}
    .icl-icon:first-child{margin-left: 0;}
    .icl-icon:last-child{margin-right: 0;}
    
    .lbu{background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;}
    
    .infobox{display: inline-flex;align-items: center;}
    .infobox-text{font-size: var(--f-b);opacity: .5;line-height: 1;}
    .infobox-icon{flex: none;margin: 0 12rem;width: max(20px, 24rem);height: max(20px, 24rem);}
    .infobox-icon:first-child{margin-left: 0;}
    .infobox-icon:last-child{margin-right: 0;}
    
    .colorbox{display: inline-flex;align-items: center;}
    .colorbox-text{}
    .colorbox-image{flex: none;margin: 0 10rem;width: max(30px, 35rem);height: max(30px, 35rem);border-radius: 50%;border: var(--sl) solid;transform: rotate(45deg);display: flex;overflow: hidden;}
    .colorbox-image:first-child{margin-left: 0;}
    .colorbox-image:last-child{margin-right: 0;}
    .colorbox-image-fill{flex: 1;}
    
    .colorbox-group{margin: -10rem -20rem;display: flex;align-items: center;flex-wrap: wrap;}
    .colorbox-group .colorbox{margin: 10rem 20rem;}
    
    .chip{padding: 0 15rem;height: max(25px, 30rem);border: var(--sl) solid;display: inline-flex;align-items: center;overflow: hidden;border-radius: 999rem;}
    .chip-text{overflow: hidden;max-width: 200rem;text-overflow: ellipsis;min-width: 0;line-height: 1.2;white-space: nowrap;}
    .chip-text::first-letter{text-transform: uppercase;}
    .chip-icon{flex: none;width: .625em;height: .625em;display: inline-flex;align-items: center;justify-content: center;margin: 6rem;line-height: 1;}
    .chip-icon:first-child{margin-left: 0;}
    .chip-icon:last-child{margin-right: 0;}
    
    .catalog-toolbar{display: grid;grid-template-columns: auto 1fr auto;grid-gap: var(--gap);position: sticky;z-index: 10;background-color: var(--c0);top: 0;padding: 20rem 0;margin: 0 0 30rem;}
    .catalog-toolbar-button{height: max(25px, 30rem);display: grid;grid-auto-flow: column;grid-gap: 40rem;}
    .catalog-toolbar-filters{min-height: max(25px, 30rem);overflow: hidden;}
    .catalog-toolbar-num{height: max(25px, 30rem);font-size: var(--f-m);line-height: 1;opacity: .5;display: flex;align-items: center;}
    .catalog-filters{margin: -10rem -3rem;display: flex;flex-wrap: wrap;align-items: center;}
    .catalog-filters-item{margin: 10rem 3rem;}
    .catalog-filters-item:only-child{visibility: hidden;}
    
    .catalog{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 70rem var(--gap);}
    .catalog .catalog-card-text{font-size: var(--f-d);}

    .catalog-card{display: flex;flex-direction: column;position: relative;z-index: 1;}
    
    .catalog-card.hidden{display: none;}
    
    .catalog-card-main{padding: 20rem;border-radius: var(--br1);background-color: var(--c7);}
    .catalog-card-media{display: flex;position: relative;z-index: -1;}
    .catalog-card-media::before{content: "";flex: none;width: 0;padding-top: 90%;}
    .catalog-card-title{margin-top: 15rem;font-size: var(--f-l);display: flex;align-items: flex-end;line-height: 1;}
    .catalog-card-label{position: absolute;top: 0;right: 0;margin: 20rem;white-space: nowrap;font-size: var(--f-s);background-color: var(--c5);border-radius: 999rem;padding: 3rem 15rem;color: var(--c0);}
    .catalog-card-price{font-weight: 400;margin-top: 10rem;font-size: var(--f-b);}
    .catalog-card-action{display: grid;grid-template-columns: auto;grid-gap: 10rem;margin-top: 25rem;position: relative;z-index: 2;}
    .catalog-card-text{margin-top: 15rem;opacity: .5;padding-right: 40rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-size: var(--f-s);}
    .catalog-card-info{margin-top: 10rem;padding-right: 40rem;display: grid;grid-template-columns: auto;grid-gap: 2rem;}
    .catalog-card-info ._row{display: grid;grid-template-columns: 1fr 1fr;}
    .catalog-card-info ._title{padding-right: 20rem;opacity: .5;}

    .article-card{background-color: var(--c2);border-top: 7rem solid;padding: 28rem 40rem 35rem 35rem;display: flex;flex-direction: column;position: relative;min-height: 100%;}
    .article-card ._pretitle{margin-bottom: 10rem;font-size: var(--f-s);line-height: 1.3;opacity: .4;}
    .article-card ._title{font-weight: 400;font-size: var(--f-m);line-height: 1;}
    .article-card ._text{margin: 30rem 0 100rem;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
    .article-card ._footer{margin-top: auto;}
    
    .team-card{position: relative;}
    .team-card ._image{display: flex;position: relative;border-radius: var(--br1);overflow: hidden;margin-bottom: 10rem;}
    .team-card ._image::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .team-card ._title{font-size: var(--f-b);line-height: 1;}
    .team-card ._subtitle{opacity: .5;}
    
    .textpage h2{margin: 2em 0 1em;line-height: 1;font-size: var(--f-xxxl);}
    .textpage h2:first-child{margin-top: 0;}
    .textpage h3{margin: 50rem 0 20rem;line-height: 1;font-size: var(--f-m);font-weight: 400;}
    .textpage h3:first-child{margin-top: 0;}
    .textpage ul{margin: 1em 0;}
    .textpage ul:first-child{margin-top: 0;}
    .textpage ul:last-child{margin-bottom: 0;}
    .textpage ul li,
    .textpage p.dashed{margin-left: 25rem;position: relative;}
    .textpage ul li::before,
    .textpage p.dashed::before{content: "\2022";right: 100%;width: 25rem;text-align: center;position: absolute;}
    .textpage table{width: 100%;border-collapse: collapse;border-spacing: 0;}
    .textpage th{border-bottom: var(--sl) solid var(--c6);color: var(--c8);line-height: 1;padding: 0 50rem 25rem;white-space: nowrap;max-width: 50%;}
    .textpage th:first-child{padding-left: 0;}
    .textpage th:last-child{padding-right: 0;}
    .textpage td{border-bottom: var(--sl) solid var(--c6);padding: 25rem 50rem;vertical-align: top;max-width: 50%;}
    .textpage td:first-child{font-weight: 400;font-size: var(--f-m);line-height: 1;padding-left: 0;}
    .textpage td:last-child{padding-right: 0;}
    
    .product{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .product-media{padding-right: 100rem;}
    .product-gallery{display: flex;overflow: hidden;max-height: calc(100vh - 80rem);position: relative;}
    .product-gallery::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .product-gallery .swiper-wrapper,
    .product-gallery .swiper-slide{width: 100%;}
    .product-image{display: flex;position: relative;width: 100%;}
    .product-gallery-grid{display: grid;grid-template-columns: auto;grid-gap: 0;align-items: center;overflow: hidden;width: 100%;}
    .product-gallery-nav{overflow: hidden;position: relative;width: 100%;display: flex;align-items: center;margin: 60rem -5rem 0;width: 100%;order: 1;}
    .product-gallery-nav .carousel{overflow: hidden;width: 100%;height: 100%;}
    .product-gallery-nav .swiper-slide{padding: 0 5rem;}
    .product-gallery-nav .swiper-slide:not(.swiper-slide-thumb-active){opacity: .3;cursor: pointer;}
    .product-gallery-nav .product-image{margin: 0;border: var(--sl) solid;}
    .product-gallery-nav .product-image::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .product-gallery-image{overflow: hidden;width: 100%;display: flex;position: relative;}
    .product-gallery-image::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .product-gallery-image .carousel{width: 100%;}
    .product-gallery-image .product-image{height: 100%;padding: 0;}
    .product-main{margin-left: 0;position: relative;z-index: 1;background-color: var(--c2);border-radius: var(--br1);padding: 60rem 40rem;}
    .product-pretitle{margin-bottom: 10rem;opacity: .4;}
    .product-title{font-size: var(--f-xxxl);line-height: 1;}
    .product-info{margin-top: 40rem;grid-gap: 40rem;display: grid;grid-template-columns: auto;}
    .product-info-title{margin-bottom: 15rem;opacity: .4;}
    .product-meta{display: table;}
    .product-meta ._row{display: table-row;}
    .product-meta ._title{display: table-cell;padding-right: 40rem;opacity: .4;}
    .product-meta ._value{display: table-cell;}
    .product-meta ._value::first-letter{text-transform: uppercase;}
    .product-meta ._row:not(:first-child) ._title,
    .product-meta ._row:not(:first-child) ._value{padding-top: 10rem;}
    .product-info-anchor{font-size: var(--f-m);font-weight: 400;line-height: 1;}
    .product-info-anchor a{border-bottom: var(--sl) solid;}
    .product-info-text{max-width: 600rem;}
    .product-info-text ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .product-price{margin-top: 40rem;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .product-price-main{display: flex;font-size: var(--f-xl);font-weight: 400;}
    .product-price-secondary{display: flex;}
    .product-price-main ._subtitle::before,
    .product-price-secondary ._subtitle::before{content: "\a0\2014 ";}
    .product-form{margin-top: 40rem;}
    
    .product-sections{display: grid;grid-template-columns: auto;grid-gap: 0;margin-top: 60rem;}
    .product-section{padding-top: 75rem;}
    .product-section:not(:last-child){padding-bottom: 180rem;border-bottom: var(--sl) solid var(--c6);}
    .product-section-inner{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .product-section-content{grid-column-end: span 3;}
    .product-section-title{font-size: var(--f-xxl);line-height: 1;margin-bottom: 60rem;opacity: .9;}
    
    .product-usp{margin-top: 30rem;overflow: hidden;margin-right: 0;align-items: flex-start;}
    /*calc((100% + var(--gap)) / 4 + 100rem)*/
    .product-usp-grid{display: grid;grid-auto-flow: column;grid-gap: 40rem;align-items: flex-start;}
    .product-usp-item{display: flex;}
    .product-usp-icon{flex: none;width: max(52px, 52rem);height: max(52px, 52rem);margin-right: 20rem;position: relative;}
    .product-usp-text{min-height: max(52px, 52rem); margin: auto 0;display: inline-flex;align-items: center;line-height: 1;font-weight: 400;opacity: .5;}
    
    .tabs{position: sticky;top: 0;z-index: 10;background-color: var(--c0);background-image: linear-gradient(var(--c6), var(--c6));background-size: 100% var(--sl);background-repeat: no-repeat;background-position: bottom;}
    .tabs:not(:first-child){margin-top: 140rem;}
    .tabs ul{display: inline-grid;grid-auto-flow: column;grid-gap: 60rem;}
    .tabs ul li{padding: 25rem 0;position: relative;font-size: var(--f-b);line-height: 1;}
    .tabs ul li.active{pointer-events: none;}
    .tabs ul li.active::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: max(3px, 3rem);background-color: var(--c5);}
    
    .carousel-button{display: inline-flex;align-items: center;justify-content: center;cursor: pointer;width: max(25px, 25rem);height: max(25px, 25rem);}
    .carousel-button__round{width: max(35px, 50rem);height: max(35px, 50rem);border-radius: 50%;border: var(--sl) solid;padding: 10rem;}
    .carousel-button.swiper-button-disabled{opacity: .45;pointer-events: none;}
    
    
    .footer{flex: none;overflow: hidden;background-color: var(--c1);color: var(--c0);padding: 100rem 0 40rem;}
    .footer-grid{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 100rem var(--gap);align-items: flex-start;grid-template-areas: "f2 f2 . f3" "f2 f2 . f3" "f6 f5  . f4";}
    .footer-image{margin-top: 30rem;}
    
    .f1{grid-area: f1;max-width: 300rem;display: none;}
    .f1-1{font-size: var(--f-xxl);line-height: 1;}
    .f1-1-1{overflow: hidden;}
    .f1-2{display: flex;align-items: center;line-height: 1;margin-top: 30rem;border-bottom: var(--sl) solid var(--c10);font-size: var(--f-b);transition: border-color .25s;}
    .f1-2.active{border-color: var(--c0);}
    .f1-2-1{flex: 1;}
    .f1-2-1 input{width: 100%;min-width: 0;overflow: hidden;text-overflow: ellipsis;padding: 10rem 0;}
    .f1-2-2{margin-left: var(--gap);flex: none;}
    .f2{grid-area: f2;}
    .f2-1{display: grid;grid-template-columns: 1fr auto;grid-gap: 100rem;}
    .f2-2{display: grid;grid-template-columns: auto 1fr;grid-gap: 100rem;margin-right: -60rem;}
    .f2-2-1{color: var(--c10);}
    .f2-2-2 ul{display: grid;grid-template-columns: auto;grid-gap: .5em;}
    .f2-2-2 ul:not(:first-child){margin-top: 40rem;}
    .f3{grid-area: f3;background-color: var(--c9);border-radius: var(--br1);padding: 60rem;margin-left: -60rem;}
    .f3-2{display: grid;grid-template-columns: auto;grid-gap: 40rem;}
    .f3-1-1{margin-bottom: 10rem;color: var(--c10);}
    .f3-1-2{font-size: var(--f-m);line-height: 1;}
    .f4{grid-area: f4;overflow: hidden;}
    .f5{grid-area: f5;color: var(--c10);align-self: center;}
    .f6{grid-area: f6;color: var(--c10);align-self: center;}
    
    .footer.aos-init .f1-1 .mask-appear{transition: transform .5s cubic-bezier(0.2, 1, 0.3, 1);transform: translateY(100%);will-change: transform;display: block;}
    .footer.aos-animate .f1-1 .mask-appear{transform: translateY(0);}
    
    .footer .f1-1-1:nth-child(1) .mask-appear{transition-delay: 0s;}
    .footer .f1-1-1:nth-child(2) .mask-appear{transition-delay: .2s;}
    
    .footer.aos-init .f1-2,
    .footer.aos-init .f2,
    .footer.aos-init .f3,
    .footer.aos-init .f4,
    .footer.aos-init .f5,
    .footer.aos-init .f6{opacity: 0;transition: opacity .5s .5s;}
    .footer.aos-animate .f1-2,
    .footer.aos-animate .f2,
    .footer.aos-animate .f3,
    .footer.aos-animate .f4,
    .footer.aos-animate .f5,
    .footer.aos-animate .f6{opacity: 1;}
    
    
    .social{display: flex;margin: -5rem;flex-wrap: wrap;justify-content: flex-end;}
    .social-item{margin: 5rem;width: max(35px, 35rem);height: max(35px, 35rem);border: var(--sl) solid var(--c11);border-radius: 50%;flex: none;display: inline-flex;align-items: center;justify-content: center;padding: 5rem;}
    .social-item .icon{max-width: max(18px, 18rem);max-height: max(18px, 18rem);}
    
    .tooltip{position: absolute;z-index: 9999;width: 0;visibility: hidden;pointer-events: none;top: 0;}
    .tooltip-inner{position: absolute;bottom: 100%;left: -140rem;display: flex;flex-direction: column;align-items: center;}
    .tooltip-inner::after{content: "";width: 0;height: 0;border-width: 15rem 10rem 0;border-color: transparent;border-top-color: var(--c0);border-style: solid;display: inline-flex;line-height: 1;margin-bottom: -10rem;}
    .tooltip-content{width: 280rem;background-color: var(--c0);box-shadow: 0 2rem 7rem 0 rgba(0,0,0,.12);padding: 20rem;border-radius: var(--br1);}
    .tooltip-title{font-weight: 400;margin-bottom: 1em;}
    .tooltip-text{font-size: var(--f-s);}
    
    .tooltip.flip .tooltip-inner{bottom: auto;top: 100%;}
    .tooltip.flip .tooltip-inner::after{border-width: 0 10rem 15rem;border-top-color: transparent;border-bottom-color: var(--c0);margin-bottom: auto;margin-top: -10rem;order: -1;}
    
    .tooltip__contrast .tooltip-inner::after{border-top-color: var(--c1);}
    .tooltip__contrast.flip .tooltip-inner::after{border-bottom-color: var(--c1);}
    .tooltip__contrast .tooltip-content{background-color: var(--c1);color: var(--c0);box-shadow: none;}
    
    .tooltip.active{visibility: visible;}
    
    .checkbox{position: relative;overflow: hidden;user-select: none;}
    .checkbox-label{display: flex;align-items: center;}
    .checkbox-control{right: 100%;opacity: 0;width: 0;height: 0;overflow: hidden;position: absolute;}
    .checkbox-icon{width: max(16px, 16rem);height: max(16px, 16rem);border: var(--sl) solid;transition: background-color .15s;background-color: var(--c0);flex: none;margin-right: 20rem;cursor: pointer;}
    .checkbox-title{cursor: pointer;}
    .checkbox-title::first-letter{text-transform: uppercase;}
    .checkbox-suffix{width: max(16px, 16rem);height: max(16px, 16rem);flex: none;cursor: help;margin-left: 10rem;line-height: 1;}
    
    .checkbox-control:checked ~ .checkbox-icon{background-color: var(--c1);}
    
    .popup{visibility: hidden;}
    
    .popup__curtain{position: absolute;top: 100%;left: 0;background-color: var(--c0);width: 100%;padding: 40rem 0 100rem;transform: translateY(-100%);transition: all .5s;z-index: -1;}
    .popup__curtain .popup-content{opacity: 0;}
    
    .popup__modal{position: fixed;pointer-events: none;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;z-index: 9999;}
    .popup__modal .popup-close{width: max(24px, 36rem);height: max(24px, 36rem);display: inline-flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0;margin: 30rem;cursor: pointer;}
    .popup__modal .popup-wrapper{background-color: var(--c0);border-radius: var(--br1);padding: 125rem;position: relative;width: 100%;max-width: 1100rem;pointer-events: all;}
    
    .popup__aside{position: fixed;left: 0;top: 0;bottom: 0;width: 100%;max-width: max(320px, 460rem);background-color: var(--c0);transform: translateX(-100%);transition: all .25s;z-index: 9999;padding: 50rem 60rem 40rem;overflow: auto;}
    .popup__aside .popup-content{min-height: 100%;display: flex;flex-direction: column;width: 100%;}
    .popup__aside .popup-header{flex: none;margin-bottom: 45rem;border-bottom: var(--sl) solid var(--c6);padding-bottom: 20rem;display: flex;align-items: center;}
    .popup__aside .popup-header-title{font-size: var(--f-xxl);line-height: 1;margin-right: auto;}
    .popup__aside .popup-close{margin-left: 20rem;flex: none;width: max(24px, 30rem);height: max(24px, 30rem);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;}
    .popup__aside .popup-main{flex: auto;}
    .popup__aside .popup-footer{flex: none;margin-top: 45rem;}
    
    .overlay{visibility: hidden;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,.2);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
    
    .popup.active{visibility: visible;}
    .popup__curtain.active{transform: translateY(0);}
    .popup__curtain.active .popup-content{opacity: 1;transition: opacity .15s .5s;}
    .popup__aside.active{transform: translateX(0);}
    
    .popup.active ~ .overlay{visibility: visible;}
    
    .textfield{display: flex;width: 100%;position: relative;align-items: center;padding-bottom: .5em;border-bottom: var(--sl) solid var(--c4);}
    .textfield:focus-within{border-color: var(--c1);}
    .textfield-icon{flex: none;margin-right: 15rem;width: max(30px, 30rem);height: max(30px, 30rem);display: inline-flex;align-items: center;justify-content: center;}
    .textfield-input{flex: auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;}
    .textfield-error{background-color: var(--c1);color: var(--c0);padding: 0 8rem;border-radius: 4rem;font-size: var(--f-s);}
    
    .header-active .header{z-index: 99999;}
    
    .header-active .overlay{visibility: visible;}
    
    .document{opacity: 1;transition: opacity 1s 0s;}
    .document.loading{opacity: 0;transition-duration: 0s;}
    
    .map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    
    
    
}

/* sections */

@media screen {
    
    .s1{}
    .s1-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;grid-template-areas: "a1 a2" "a1 a3";grid-template-rows: auto 1fr;}
    .s1-2{grid-area: a1;position: relative;display: flex;margin-right: 100rem;border-radius: var(--br1);overflow: hidden;}
    .s1-2::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s1-3{grid-area: a2;padding-top: 75rem;}
    .s1-3-1{font-size: var(--f-xxxxl);line-height: 1;}
    .s1-3-2{margin-top: 50rem;font-size: var(--f-xl);line-height: 1.3;max-width: 570rem;}
    .s1-4{grid-area: a3;}
    .s1-4-1{margin-bottom: 50rem;}
    .s1-4-1:last-child{margin-bottom: 0;}
    .s1-4-2{display: flex;flex-wrap: wrap;margin: -10rem -20rem;}
    .s1-4-2 ._item{margin: 10rem 20rem;height: max(35px, 50rem);}
    .s1-4-2 ._item img{height: 100%;width: auto;}
    
    .s2-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    
    .s3-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);border-top: var(--sl) solid var(--c6);padding-top: 25rem;}
    .s3-2{font-size: var(--f-b);}
    .s3-3{grid-column-end: span 3;}
    .s3-4{font-size: var(--f-xxl);line-height: 1;width: calc((100% + var(--gap)) / 4 * 3 - var(--gap));}
    .s3-4:not(:last-child){margin-bottom: 80rem;}
    .s3-5{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 50rem var(--gap);}
    
    .s4-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s4-2{margin-right: 40rem;padding-top: 20rem;border-top: var(--sl) solid var(--c6);}
    .s4-3{display: grid;grid-template-columns: 1fr 1fr;grid-column-end: span 2;grid-gap: 25rem var(--gap);}
    .s4-4{opacity: .5;max-width: 350rem;}
    
    .s5-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 50rem var(--gap);align-items: flex-start;}
    .s5-2{max-width: 910rem;grid-column: 1/-1;}
    .s5-2-1{margin-bottom: 15rem;opacity: .5;}
    .s5-2-2{line-height: 1;font-size: var(--f-xxxl);}
    .s5-4{grid-column: 1/2;}
    
    .s6-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);align-items: flex-start;margin-top: -40rem;}
    .s6-2{position: sticky;top: 0;z-index: 1;padding-right: 60rem;padding-top: 40rem;}
    .s6-2 ol{display: grid;grid-template-columns: auto;grid-gap: 25rem;}
    .s6-2 ol li{list-style: inside decimal;text-align: right;font-weight: 400;font-size: var(--f-m);line-height: 1;}
    .s6-3{display: grid;grid-template-columns: auto;grid-gap: 125rem;grid-column: 2/-1;counter-reset: index;}
    .s6-4{padding-top: 40rem;}
    .s6-5{border-top: var(--sl) solid var(--c8);padding-top: 20rem;font-size: var(--f-xxl);line-height: 1;margin-bottom: 60rem;font-weight: 400;}
    .s6-5::before{content: counter(index) ".";counter-increment: index;}
    .s6-5 > *{display: inline;}
    .s6-6{font-size: var(--f-xl);line-height: 1.3;margin: 20rem 0;}
    .s6-6:last-child{margin-bottom: 0;}
    .s6-7{margin: 60rem 0 25rem;}
    .s6-7:last-child{margin-bottom: 0;}
    .s6-8{margin-top: 25rem;}
    .s6-9{padding-right: 55rem;column-count: 2;column-gap: var(--gap);margin: 20rem 0;}
    .s6-9:last-child{margin-bottom: 0;}
    .s6-9 > p{break-inside: avoid;padding-right: 25rem;}
    .s6-10{margin-right: 50rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 70rem var(--gap);}
    .s6-11{max-width: 670rem;}
    .s6-12{border-bottom: var(--sl) solid var(--c6);padding-bottom: 20rem;display: flex;align-items: flex-end;}
    .s6-12-1{margin-right: 20rem;height: max(50px, 75rem);}
    .s6-12-1 img{height: 100%;width: auto;}
    .s6-12-2{font-size: var(--f-m);line-height: 1;}
    
    .s7{}
    .s7-1{display: flex;flex-direction: column;align-items: center;max-width: 1100rem;margin: 0 auto;width: 100%;}
    .s7-2{text-align: center;font-size: var(--f-xxxl);line-height: 1;}
    .s7-2 a{border-bottom: var(--sl) solid;}
    .s7-3{text-align: center;margin-top: 50rem;font-size: var(--f-m);line-height: 1;opacity: .6;position: relative;display: inline-flex;align-items: center;}
    .s7-3::before{content: "";height: var(--sl);width: 40rem;flex: none;margin-right: 20rem;background-color: currentColor;}
    
    .s8-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 120rem var(--gap);grid-template-areas: "a1 a2" "a3 a2";grid-template-rows: auto 1fr;}
    .s8-2{grid-area: a1;padding-right: 100rem;}
    .s8-3{grid-area: a2;position: relative;margin-right: var(--awr);margin-left: -80rem;display: flex;}
    .s8-3::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s8-4{padding-top: 20rem;font-size: var(--f-b);border-top: var(--sl) solid var(--c8);}
    .s8-5{font-size: var(--f-xxl);line-height: 1;}
    .s8-6{column-count: 2;column-gap: 50rem;margin-top: 40rem;padding-right: 25rem;opacity: 1;}
    .s8-6 p{break-inside: avoid;}
    .s8-7{grid-area: a3;padding-bottom: 150rem;padding-right: 100rem;}
    
    .s9-1{display: grid;grid-template-columns: auto;}
    .s9-2{display: grid;grid-template-columns: 1fr 1fr;border-top: var(--sl) solid var(--c8);padding: 20rem 0 100rem;grid-gap: var(--gap);}
    .s9-2-1{padding-right: 200rem;font-size: var(--f-b);line-height: 1;}
    .s9-2-2{margin-left: -150rem;font-size: var(--f-xxl);line-height: 1;padding-right: 30rem;}
    .s9-3{display: grid;grid-template-columns: 1fr 1fr;border-top: var(--sl) solid var(--c6);padding: 30rem 0 50rem;grid-gap: var(--gap);}
    .s9-3-1{padding-right: 200rem;font-size: var(--f-xxl);line-height: 1;}
    .s9-3-2{margin-left: -150rem;max-width: 475rem;}
    
    .s10-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);overflow: hidden;}
    .s10-2{overflow: hidden;padding-right: 100rem;}
    .s10-2-1{display: flex;position: relative;transform: scale(1.1);transition: transform .5s;will-change: transform;}
    .s10-2-1::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s10-2 .swiper-slide-active .s10-2-1{transform: scale(1);}
    .s10-3{overflow: hidden;margin-left: -80rem;display: flex;flex-direction: column;}
    .s10-4{overflow: hidden;user-select: none;pointer-events: none;}
    .s10-4-1{display: flex;font-size: var(--f-xxxxl);transition: font-size .3s ease;opacity: 0;align-items: baseline;}
    .s10-4-1::after{content: "";flex: auto;max-width: 100%;min-width: 0;transition: max-width .3s linear;}
    .s10-4-1 > span{flex: 1;text-align: right;}
    .s10-4 .carousel{width: 33.33%;overflow: visible;margin-left: 0;}
    .s10-4 .swiper-wrapper{align-items: baseline;line-height: 1;height: var(--f-xxxxl);}
    .s10-4 .swiper-slide-active .s10-4-1{opacity: 1;}
    .s10-4 .swiper-slide-active ~ .swiper-slide .s10-4-1{font-size: var(--f-xxxl);opacity: .5;}
    .s10-4 .swiper-slide-active ~ .swiper-slide .s10-4-1::after{max-width: 0;}
    .s10-5{overflow: hidden;margin-top: 40rem;background-image: linear-gradient(90deg, var(--c1), var(--c0));background-size: 100% var(--sl);background-repeat: no-repeat;background-position: top;padding-top: 60rem;margin-bottom: auto;}
    .s10-5-1{font-size: var(--f-xxl);line-height: 1;}
    .s10-5-2{opacity: .6;margin-top: 10rem;width: max(50%, 350rem);}
    .s10-6{display: inline-grid;grid-auto-flow: column;grid-gap: 15rem;margin-top: 50rem;justify-content: flex-start;}
    
    .s11-1{}
    .s11-1::before{content: "";height: var(--sl);background-color: var(--c8);margin-bottom: 20rem;display: block;}
    .s11-2{font-size: var(--f-b);line-height: 1;margin-bottom: 75rem;}
    .s11-3{font-size: var(--f-xxxl);line-height: 1;max-width: 880rem;overflow: hidden;}
    .s11-4{display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .s11-5{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s11-6{font-size: var(--f-b);line-height: 1;border-top: var(--sl) solid var(--c8);padding-top: 20rem;}
    .s11-7{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15rem var(--gap);grid-column-end: span 3;counter-reset: index;}
    .s11-8{padding: 20rem 0;font-size: var(--f-xxl);line-height: 1;position: relative;display: grid;grid-template-columns: 1fr auto;align-items: flex-start;grid-gap: var(--gap);background-repeat: no-repeat;background-position: left top;background-image: linear-gradient(var(--c6), var(--c6)), linear-gradient(var(--c1), var(--c1));background-size: 100% var(--sl), 0 var(--sl);}
    .s11-8::after{content: counter(index, decimal-leading-zero);opacity: .3;font-size: var(--f-d);counter-increment: index;}
    .s11-9{margin-top: 100rem;}
    .s11-9 .button{height: max(50px, 60rem);}
    .s11-10{margin-top: 75rem;}
    .s11-11{position: absolute;z-index: 1;right: 50rem;top: 0;height: 0;display: flex;align-items: center;width: 100%;justify-content: flex-end;pointer-events: none;opacity: 0;}
    .s11-11-1{flex: none;width: 100%;max-width: 270rem;display: flex;position: relative;}
    .s11-11-1::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s11-11-1 img{object-position: right;}
    .s11-11-2{flex: none;margin-left: 60rem;background-color: var(--c1);color: var(--c0);width: max(35px, 50rem);height: max(35px, 50rem);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;padding: 10rem;overflow: hidden;}
    
    .s11-1.aos-init::before{transform: scaleX(0);transition: transform 1s 0s cubic-bezier(0.2, 1, 0.3, 1);transform-origin: left;will-change: transform;}
    .s11-1.aos-animate::before{transform: scaleX(1);}
    .s11-1.aos-init .s11-2,
    .s11-10.aos-init{opacity: 0;transition: opacity .5s .5s;}
    .s11-1.aos-animate .s11-2,
    .s11-10.aos-animate{opacity: 1;}
    .s11-3.aos-init .mask-appear{transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1);transform: translateY(100%);will-change: transform;}
    .s11-3.aos-animate .mask-appear{transform: translateY(0);}
    
    .s12-1{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 0 var(--gap);}
    .s12-1::before{content: "";height: var(--sl);background-color: var(--c8);margin-bottom: 20rem;grid-column: 1/-1;}
    .s12-2{font-size: var(--f-b);line-height: 1;}
    .s12-3{grid-column: 4/-1;font-size: var(--f-xl);line-height: 1.3;}
    .s12-4{grid-column: 4/-1;padding-top: 50rem;margin-bottom: -50rem;}
    .s12-5{grid-column: 1/3;grid-row: 3/4;padding-bottom: 150rem;}
    .s12-6{grid-column: 3/5;grid-row: 4/5;padding-right: 80rem;}
    .s12-7{overflow: hidden;}
    .s12-7::before{content: "";height: var(--sl);background-color: var(--c8);margin-bottom: 15rem;display: block;}
    .s12-7-1{font-size: var(--f-xxxxxl);line-height: 1;overflow: hidden;}
    .s12-7-2{font-size: var(--f-xxl);line-height: 1;}
    .s12-7-3{margin-top: 10rem;max-width: 280rem;}
    
    .s12-1.aos-init::before{transform: scaleX(0);transition: transform 1s 0s cubic-bezier(0.2, 1, 0.3, 1);transform-origin: left;will-change: transform;}
    .s12-1.aos-animate::before{transform: scaleX(1);}
    .s12-1.aos-init .s12-2,
    .s12-1.aos-init .s12-3{opacity: 0;transition: opacity .5s .5s;}
    .s12-1.aos-animate .s12-2,
    .s12-1.aos-animate .s12-3{opacity: 1;}
    
    .s12-7.aos-init::before{transform: scaleX(0);transition: transform 1s 0s cubic-bezier(0.2, 1, 0.3, 1);transform-origin: left;will-change: transform;}
    .s12-7.aos-animate::before{transform: scaleX(1);}
    .s12-7.aos-init .s12-7-2{opacity: 0;transition: opacity .5s .5s;}
    .s12-7.aos-init .s12-7-3{opacity: 0;transition: opacity .5s .75s;}
    .s12-7.aos-animate .s12-7-2,
    .s12-7.aos-animate .s12-7-3{opacity: 1;}
    .s12-7.aos-init .s12-7-1 .mask-appear{transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1);transform: translateY(100%);will-change: transform;}
    .s12-7.aos-animate .s12-7-1 .mask-appear{transform: translateY(0);}
    .s12-9.aos-init{opacity: 0;transition: opacity .5s 1s;}
    .s12-9.aos-animate{opacity: 1;}
    
    .s12-8{grid-column: 5/7;grid-row: 4/5;}
    .s12-9{background-color: var(--c4);border-radius: var(--br1);padding: 35rem;display: flex;flex-direction: column;min-height: 100%;position: relative;}
    .s12-9-1{font-size: var(--f-b);line-height: 1;}
    .s12-9-2{font-size: var(--f-xl);line-height: 1.3;margin-top: 40rem;margin-bottom: auto;max-width: 365rem;}
    .s12-9-3{margin-top: 30rem;margin-left: auto;width: max(35px, 50rem);height: max(35px, 50rem);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;flex: none;background-color: var(--c0);padding: 10rem;overflow: hidden;}
    
    .s13-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);grid-template-areas: "a1 a2" "a1 a3";grid-template-rows: 1fr auto;align-items: flex-start;}
    .s13-2{grid-area: a1;position: relative;display: flex;overflow: hidden;}
    .s13-2::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s13-2-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: transform 1s;will-change: transform;transform: scale(1);}
    .s13-2 .swiper-slide-active .s13-2-1{transform: scale(.8);}
    .s13-2 .carousel{width: 100%;}
    /*
    .s13-2 .swiper-slide{clip-path: inset(0 100% 0 0);transition-property: clip-path, opacity;transition-duration: .5s, 0s;transition-delay: 0s, .5s;}
    .s13-2 .swiper-slide-next{clip-path: inset(0 100% 0 0);}
    .s13-2 .swiper-slide-prev{clip-path: inset(0 0% 0 100%);}
    .s13-2 .swiper-slide-active{clip-path: inset(0 0% 0 0);transition-delay: .5s, 0s;}
    */
    .s13-4{grid-area: a2;flex: none;font-size: var(--f-xxxxl);line-height: 1;padding-bottom: 50rem;margin: auto 0;}
    .s13-5{grid-area: a3;padding-top: 25rem;display: grid;grid-template-columns: 1.5fr 1fr;grid-gap: var(--gap);align-items: flex-start;background-image: linear-gradient(var(--c1), var(--c1)), linear-gradient(var(--c4), var(--c4));background-position: top left;background-repeat: no-repeat;background-size: var(--progress) var(--sl), 100% var(--sl);overflow: hidden;}
    .s13-6{overflow: hidden;}
    .s13-7{display: flex;justify-content: flex-end;display: inline-grid;grid-auto-flow: column;grid-gap: 30rem;align-items: center;}
    .s13-7-1{text-align: center;}
    .s13-8{display: grid;grid-template-columns: 1fr auto;grid-gap: 40rem;align-items: baseline;}
    .s13-8-1{font-size: var(--f-l);line-height: 1.3;overflow: hidden;}
    .s13-8-2{font-size: var(--f-m);line-height: 1;overflow: hidden;}
    .s13-9{overflow: hidden;}

    .s13-6 .swiper-slide .mask-appear{transition-property: transform, opacity;transition-duration: .5s, 0s;transition-delay: 0s, .5s;transform: translateY(100%);will-change: transform;}
    .s13-6 .swiper-slide-active .mask-appear{transform: translateY(0);transition-delay: .5s, 0s;}    
    
    .s14-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s14-3{display: flex;margin-left: 40rem;position: relative;overflow: hidden;border-radius: var(--br1);}
    .s14-3::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s14-4{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .s14-5{padding-bottom: 30rem;border-bottom: var(--sl) solid var(--c6);display: grid;grid-template-columns: 1fr auto;grid-gap: 40rem;align-items: baseline;}
    .s14-5-1{font-size: var(--f-l);line-height: 1;}
    .s14-5-2{color: var(--c8);font-size: var(--f-b);line-height: 1;}
    .s14-6{margin-top: 25rem;color: var(--c8);}
    
    .s15-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);background-color: var(--c1);color: var(--c0);border-radius: var(--br1);overflow: hidden;position: relative;display: flex;}
    .s15-1::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s15-2{padding: 120rem 60rem;margin-right: 60rem;position: relative;z-index: 1;cursor: default;}
    .s15-3{position: relative;margin-left: -200rem;}
    .s15-3 .contacts-map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;object-position: center right;color: var(--c9);}
    .s15-3 .contacts-map .g{transition: color .25s;}
    .s15-3 .contacts-map .g.active{color: var(--c5);}
    .s15-4{font-size: var(--f-xl);line-height: 1.3;}
    .s15-5{margin-top: 60rem;display: table;width: 100%;}
    .s15-6{display: table-row;}
    .s15-6-1{display: table-cell;padding: 25rem 0;border-bottom: var(--sl) solid var(--c11);font-size: var(--f-b);line-height: 1;transition: all .25s;}
    .s15-6-2{display: table-cell;padding: 25rem 35rem;border-bottom: var(--sl) solid var(--c11);color: var(--c10);transition: all .25s;}
    .s15-6-3{display: table-cell;padding: 25rem 0;border-bottom: var(--sl) solid var(--c11);color: var(--c10);transition: all .25s;}
    
    
    .s16-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);border-top: var(--sl) solid;align-items: flex-start;}
    .s16-2{border-right: var(--sl) solid;min-height: 100%;padding-bottom: 100rem;display: flex;flex-direction: column;justify-content: flex-start;}
    .s16-3{grid-column-end: span 3;margin-left: calc(-1 * var(--gap));margin-right: var(--awr);position: relative;position: sticky;top: 0;}
    .s16-3 .world-map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: top right;}
    .s16-3 .g{cursor: pointer;}
    .s16-4{border-bottom: var(--sl) solid;}
    .s16-5{display: flex;align-items: center;justify-content: space-between;cursor: pointer;padding: 35rem 40rem 35rem 0;}
    .s16-5-1{font-size: var(--f-l);line-height: 1;}
    .s16-5-2{flex: none;margin-left: 20rem;width: max(30px, 35rem);height: max(30px, 35rem);border-radius: 50%;border: var(--sl) solid var(--c1);display: inline-flex;align-items: center;justify-content: center;position: relative;transition: all .25s;}
    .s16-5-2::before{content: "";top: 50%;left: 50%;width: 16rem;height: 2rem;background-color: currentColor;transition: transform .25s;will-change: transform;}
    .s16-5-2::after{content: "";position: absolute;top: 50%;left: 50%;width: 16rem;height: 2rem;background-color: currentColor;transform: rotate(90deg);margin: -1rem 0 0 -8rem;transition: transform .25s;will-change: transform;}
    .s16-6{display: grid;grid-template-columns: auto;grid-gap: 35rem;max-height: 0;overflow: hidden;padding-right: 40rem;}
    .s16-7-1{font-size: var(--f-b);line-height: 1;}
    .s16-7-2{margin-top: 10rem;opacity: .5;}
    .s16-8{position: relative;width: 100%;display: flex;overflow: hidden;}
    .s16-8::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s16-9{}
    
    .s16-4.active .s16-5-2{background-color: var(--c1);color: var(--c0);}
    .s16-4.active .s16-5-2::before{transform: rotate(180deg);}
    .s16-4.active .s16-5-2::after{transform: rotate(180deg);}
    .s16-4.active .s16-6{max-height: none;padding-bottom: 35rem;}
    
    .s17-1{display: flex;flex-direction: column;align-items: center;}
    .s17-2{font-size: var(--f-xxxl);line-height: 1;text-align: center;}
    .s17-3{font-size: var(--f-m);line-height: 1;text-align: center;margin-top: 20rem;}
    .s17-4{margin-top: 60rem;font-size: var(--f-l);width: 100%;max-width: 675rem;padding-bottom: 20rem;border-bottom: var(--sl) solid var(--c6);}
    .s17-5{margin-top: 100rem;width: 100%;max-width: 265rem;}
    
    .s18-1{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 25rem;}
    .s18-2{grid-column: 2/5;padding: 0 100rem;}
    .s18-3{font-size: var(--f-l);}
    .s18-4{margin-top: 60rem;}
    .s18-4-1{margin-bottom: 20rem;opacity: .2;font-size: var(--f-m);line-height: 1;}
    .s18-4-2 ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;}
    .s18-4-2 li{font-size: var(--f-b);line-height: 1;padding-left: 1.5em;background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 4.15919L0.00195312 3.91113' stroke='black' stroke-width='0.706232'%3E%3C/path%3E%3Cpath d='M9.96289 1L12.9963 4.03343L9.96289 7.06686' stroke='black' stroke-width='0.706232'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 1em;background-position: left;}
    
    .s19-1{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 25rem;}
    .s19-2{}
    .s19-3{grid-column: 2/-1;column-count: 1;column-gap: 60rem;padding-left: 100rem;}
    .s19-4:not(:first-child){margin-top: 15rem;}
    .s19-5{font-size: var(--f-l);line-height: 1;padding-left: 2em;position: relative;min-height: 2em;display: flex;align-items: center;margin-left: -.25em;break-inside: avoid;}
    .s19-5:last-child{margin-bottom: 0;}
    
    .s19-5 .current{}
    .s19-5 .current::before{content: "";position: absolute;left: 0;top: 50%;width: 1.5em;height: 1.5em;border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 4.15919L0.00195312 3.91113' stroke='black' stroke-width='0.706232'%3E%3C/path%3E%3Cpath d='M9.96289 1L12.9963 4.03343L9.96289 7.06686' stroke='black' stroke-width='0.706232'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 1em;background-position: center;margin-top: -.75em;}
    
    .s19-6{margin-bottom: 25rem;}
    .s19-6:last-child{margin-bottom: 0;}
    .s19-6-1{margin-bottom: 12rem;font-size: var(--f-m);line-height: 1;opacity: .2;font-weight: 400;}
    .s19-6-2 ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .s19-6-2 li{font-size: var(--f-m);line-height: 1;}
    .s19-3 .s19-5,
    .s19-7 .s19-5{margin-left: -2em;} 
    .s19-8{}
    
    .s21-1{font-size: var(--f-xxxl);line-height: 1;}
    .s21-2{margin-top: 20rem;font-size: var(--f-m);line-height: 1;opacity: .3;}
    .s21-3{display: grid;grid-template-columns: auto;grid-gap: 30rem;margin-top: 70rem;}
    .s21-4{padding-right: 30%;}
    .s21-4-1{font-size: var(--f-l);line-height: 1;}
    .s21-4-2{margin-top: 15rem;}
    
    .s22{display: grid;grid-template-columns: auto;grid-gap: 35rem;}
    .s22-1{}
    .s22-2{display: grid;grid-template-columns: 1fr auto;grid-gap: 25rem;}
    .s22-2-1{font-size: var(--f-l);line-height: 1;}
    .s22-2-2{opacity: .3;visibility: hidden;transition-property: visibility, opacity;transition-duration: .25s;cursor: pointer;}
    .s22-3{display: grid;grid-template-columns: auto;grid-gap: 8rem;}
    .s22-3:not(:first-child){margin-top: 20rem;}
    .s22-3-1{padding-left: 20rem;}
    .s22-3-1 .checkbox-suffix{transition: opacity .15s;opacity: 0;pointer-events: none;}
    .s22-3-1 .checkbox-control:checked ~ .checkbox-suffix{opacity: 1;pointer-events: all;}
    
    .s22-1.active .s22-2-2{visibility: visible;}
    
    .s23-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);align-items: flex-start;}
    .s23-2{background-color: var(--c2);border-radius: var(--br1);padding: 60rem 40rem;}
    .s23-3{padding-left: 80rem;}
    .s23-5{margin-top: 60rem;}
    .s23-12{margin-top: 60rem;}
    .s23-10{display: inline-flex;align-items: baseline;font-size: var(--f-xl);}
    .s23-10-1{margin-right: .5em;}
    .s23-10-2{font-weight: 400;}
    
    .formbox,
    .formbox-row{display: grid;grid-template-columns: auto;grid-gap: 40rem;}
    
    .textfield-input:not(:invalid) ~ .textfield-error{display: none;}
    
    .shopcart{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .shopcart-title{}
    .shopcart-item{display: grid;grid-template-columns: 1.5fr auto 1fr auto;grid-gap: 10rem var(--gap);align-items: center;}
    .shopcart-content{grid-column: 1/2;padding-left: 100rem;display: flex;min-height: 80rem;align-items: center;position: relative;order: -2;}
    .shopcart-media{position: absolute;top: 0;left: 0;width: 80rem;height: 80rem;background-color: var(--c2);border-radius: var(--br1);display: flex;align-items: center;justify-content: center;padding: 10rem;}
    .shopcart-image{position: relative;width: 100%;height: 100%;mix-blend-mode: multiply;}
    .shopcart-price{font-size: var(--f-l);text-align: right;font-weight: 400;}
    .shopcart-controls{margin: 0 auto;}
    .shopcart-spinner{border-radius: 999rem;border: var(--sl) solid var(--c4);display: flex;}
    .shopcart-spinner-control{display: flex;align-items: center;justify-content: center;background-color: var(--c3);width: 50rem;height: 50rem;border-radius: 50%;flex: none;margin: 5rem;font-size: var(--f-b);text-align: center;}
    .shopcart-spinner-input{font-size: var(--f-b);text-align: center;}
    .shopcart-del{color: var(--c4);cursor: pointer;}
    
    
    .s404-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s404-2{position: relative;display: flex;}
    .s404-2::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s404-3{padding-left: 100rem;display: flex;flex-direction: column;justify-content: center;}
    .s404-3-1{font-size: var(--f-xxxxl);line-height: 1;}
    .s404-3-2{margin-top: 30rem;font-size: var(--f-xl);line-height: 1.3;max-width: 450rem;}
    .s404-3-3{margin-top: 80rem;}
    
    .p1{display: grid;grid-template-columns: auto;grid-gap: 180rem;}
    .p1-3{margin-bottom: 60rem;}
    .p1-3-1{font-size: var(--f-l);line-height: 1;}
    .p1-3-2{margin-top: 10rem;}
    .p1-4{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .p1-5{margin-right: -20rem;}
    .p1-6{padding-left: 80rem;display: grid;grid-template-columns: auto;grid-gap: 50rem;grid-column-end: span 2;}
    .p1-7 th{font-size: var(--f-b);line-height: 1;}
    .p1-8-1{font-size: var(--f-b);line-height: 1;color: var(--c8);padding-bottom: 25rem;margin-bottom: 20rem;border-bottom: var(--sl) solid var(--c6);}
    .p1-8-2{margin-top: 20rem;}
    
    .p2{}
    .p2-1{max-width: 980rem;}
    .p2-1-1{}
    .p2-1-2{margin-top: 15rem;font-size: var(--f-m);font-weight: 400;line-height: 1;}
    .p2-2{margin-top: 80rem;max-width: 1200rem;}
    .p2-3{}
    
    .p3{padding-right: 100rem;}
    .p3-1{display: grid;grid-template-columns: auto;grid-gap: 0;border-bottom: var(--sl) solid var(--c6);}
    .p3-2{padding: 20rem 0;display: grid;grid-template-columns: 1fr 1fr;border-top: var(--sl) solid var(--c6);}
    .p3-2-1{padding-right: var(--gap);font-size: var(--f-b);line-height: 1;opacity: .5;}
    .p3-2-2{font-size: var(--f-m);line-height: 1;font-weight: 400;}
}

@media screen and (max-width: 1279.98px) {
    
 
    :root{
     
        --wr: 50rem;
        
    }
    
    .button:not(.button__dense){padding: 0 30rem;}
    
    .topbar-nav{padding: 0 40rem;}
    
    .page-header-subtitle{max-width: 950rem;}
    
    .catalog{grid-template-columns: repeat(3, 1fr);}
    .product-section-content{grid-column: 1/-1;}
    
    .footer-grid{grid-template-areas: "f2 f2 f3" "f2 f2 f4" "f5 f6 f6";grid-template-columns: repeat(3, 1fr);}
    .f1{margin-right: 60rem;max-width: 85rem;}
    .f2-1{grid-gap: 0;}
    .f2-2{margin-right: 60rem;}
    .f3{margin-left: 0;}
    
    .s2-1{grid-template-columns: repeat(3, 1fr);}
    .s4-1{grid-template-columns: repeat(3, 1fr);}
    .s4-4{max-width: 500rem;}
    .s5-1{grid-template-columns: repeat(3, 1fr);}
    .s8-6{column-count: 1;}
    
    .s404-3-2{max-width: 600rem;}
    
    
}

@media screen and (max-width: 1023.98px) {
    
    html{font-size: 1px;}
    
    :root{
     
        --wr: 20rem;
        --gap: 10rem;
        
        --f-s: max(12rem);
        --f-d: max(14rem);
        --f-m: max(14rem);
        --f-b: max(16rem);
        --f-l: max(18rem);
        --f-xl: max(18rem);
        --f-xxl: max(22rem);
        --f-xxxl: max(28rem);
        --f-xxxxl: max(34rem);
        --f-xxxxxl: max(40rem);
        
    }
    
    .desktop{display: none!important;}
    
    .footer-grid,
    .content,
    .topbar{margin-left: auto;margin-right: auto;max-width: 600rem;overflow: hidden;width: 100%;}
    
    .header{min-height: 56rem;padding: 15rem 0;height: 56rem;position: sticky;top: 0;z-index: 999;outline: 1rem solid var(--c4);}
    .header-active .header{border-bottom: none;}
    
    .topbar{display: grid;grid-template-columns: 1fr auto auto auto;grid-gap: 15rem;}
    .topbar-inner{grid-column-end: span 1;grid-template-columns: auto;}
    .topbar-logo{max-width: 85rem;}
    .topbar-search-holder,
    .topbar-search,
    .topbar-shopcart{width: 24rem;height: 24rem;}
    
    .button{height: 40rem;}
    .button:not(.button__dense){padding: 0 20rem;}
    
    .burger{}
    
    .bottomnav{position: sticky;bottom: 0;background-color: var(--c1);color: var(--c0);z-index: 1;}
    .bottomnav-grid{display: flex;justify-content: space-between;padding: 15rem 0;}
    .bottomnav-button{display: flex;flex-direction: column;align-items: center;position: relative;overflow: hidden;padding: 0 10rem;}
    .bottomnav-button:not(.active){opacity: .4;}
    .bottomnav-button-icon{width: 20rem;height: 20rem;flex: none;display: inline-flex;align-items: center;justify-content: center;}
    .bottomnav-button-text{text-align: center;font-size: var(--f-s);line-height: 1.3;margin-top: 5rem;}
    
    .content{padding: 30rem 0 100rem;}
    
    .section:not(:first-child){margin-top: 100rem;}
    .s20:not(:first-child){margin-top: 50rem;}
    
    .breadcrumbs li:last-child{}
    
    .icl-icon{width: 24rem;height: 24rem;margin: 0 10rem;}
    
    .preset{height: 50rem;padding-left: 15rem;padding-right: 15rem;}
    .preset-image{width: 40rem;height: 40rem;left: -15rem;margin: 0 -10rem 0 5rem;padding: 5rem;}
    .preset-text{font-size: var(--f-s);}
    .preset-button{margin-left: 10rem;}
    
    .footer{padding-top: 20rem;}
    .footer-grid{grid-template-areas: "f1" "f2" "f3" "f4" "f5" "f6";grid-template-rows: auto;grid-template-columns: auto;grid-gap: 0;overflow: visible;}
    .footer-image{margin-top: 20rem;}
    
    .f1{}
    .f1-1-1{display: inline;}
    .f1-1-1 .mask-appear{display: inline;}
    .f2-1{grid-template-columns: 1fr 1fr;align-items: flex-start;}
    .f2-2{grid-template-columns: auto;margin-right: 20rem;grid-gap: 20rem;}
    .f2-2-2 ul{grid-gap: 1em;}
    .f2-2-2 ul:not(:first-child){margin-top: 1em;}
    .f3{margin: 50rem var(--awr) 0;padding: 30rem var(--wr) 10rem;border-radius: 0;}
    .f4{border-radius: 0 ;padding: 30rem var(--wr);background-color: var(--c9);margin: 0 var(--awr);}
    .f5{margin-top: 70rem;}
    .f6{text-align: left;}
    
    .social{justify-content: flex-start;}
    .social-item{width: 32rem;height: 32rem;}
    .social-item .icon{width: 16rem;height: 16rem;max-width: 16rem;max-height: 16rem;}
    
    .textpage table{}
    .textpage th{padding: 0 20rem 15rem;}
    .textpage td{padding: 15rem 20rem;min-width: 40vw;}
    
    .catalog{grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 40rem 10rem;}
    
    .catalog-toolbar-button{margin-right: auto;grid-gap: 20rem;height: auto;}
    .catalog-toolbar-button .icl-icon{width: 15rem;height: 15rem;}
    .catalog-toolbar-num:first-child{grid-column: 1/-1;text-align: right;margin-left: auto;}
    .catalog-toolbar-num:not(:first-child) .catalog-toolbar-num-suffix{display: none;}
    
    .catalog-card-main{padding: 10rem;}
    .catalog-card-text{padding-right: 0;margin-top: 10rem;}
    .catalog-card-label{margin: 10rem;}
    
    .product{grid-template-columns: auto;grid-gap: 30rem;margin-top: 0;}
    .product-media{grid-column: 1/-1;padding: 0;top: 0;position: relative;}
    .product-gallery{border-radius: 0;max-height: none;}
    .product-gallery::before{display: none;}
    .product-gallery-grid{grid-template-columns: auto;}
    .product-gallery-image{display: flex;padding: 20rem;}
    .product-gallery-image::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .product-gallery-image .carousel{width: 100%;}
    .product-gallery .swiper-pagination{margin-top: 0;position: relative;top: 0;left: 0;margin-bottom: 30rem;}
    .product-gallery .swiper-pagination-bullet{background-color: var(--c1);}
    .product-gallery .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity: .1;}
    .product-price{margin-top: 30rem;grid-gap: 10rem;}
    
    .product-video{display: flex;align-items: center;justify-content: center;padding: 20rem;border-top: var(--sl) solid var(--c6);position: relative;}
    .product-video-icon{flex: none;width: 20rem;height: 20rem;display: inline-flex;align-items: center;justify-content: center;margin-right: 10rem;}
    .product-video-text{font-size: var(--f-b);line-height: 1;}
    
    .product-main{margin: 0;padding: 0;background-color: transparent;border-radius: 0;}
    .product-info{grid-gap: 30rem;}
    .product-form .button{width: 100%;}
    
    .product-usp{margin-right: 0;}
    .product-usp-grid{grid-template-columns: auto;grid-gap: 20rem;grid-auto-flow: row;}
    
    .product-section{padding-top: 20rem;}
    .product-section:not(:last-child){padding-bottom: 40rem;}
    .product-section-title{margin-bottom: 30rem;}
    
    .p1-4{grid-template-columns: auto;grid-gap: 40rem;}
    .p1-5{margin: 0 auto;width: 100%;max-width: 300rem;padding: 0;}
    .p1-6{grid-column: 1/-1;padding: 0;}
    .p1-7{overflow: auto;margin: 0 var(--awr) 0;padding: 0 0 0 var(--wr);display: flex;}
    .p1-7::after{content: "";width: var(--wr);flex: none;}
    .p3{padding: 0;}
    
    .carousel-button__round{width: 32rem;height: 32rem;padding: 8rem;}
    
    .page-header{margin: 0 0 30rem;align-items: flex-start;text-align: left;}
    .page-header br{display: none;}
    .page-header-subtitle{max-width: none;}
    
    .textfield-icon{width: 24rem;height: 24rem;}
    
    .article-card{padding: 20rem 25rem 25rem;border-top-width: 5rem;}
    .article-card ._title{padding-right: 90rem;}
    .article-card ._text{margin: 20rem 0 40rem;}
    
    .s1-1{grid-template-columns: auto;grid-template-areas: "a2" "a1" "a3";grid-gap: 40rem;}
    .s1-2{margin: 0 auto;width: 100%;}
    .s1-3{padding: 0;}
    .s1-3-2{max-width: none;margin-top: 15rem;}
    .s1-4-1{max-width: none;margin-bottom: 20rem;}
    
    .s2-1{grid-template-columns: auto;}
    
    .s3-1{grid-template-columns: auto;grid-gap: 30rem;padding-top: 15rem;}
    .s3-3{grid-column: 1/-1;}
    .s3-4{width: 100%;}
    .s3-4:not(:last-child){margin-bottom: 40rem;}
    .s3-5{grid-template-columns: 1fr 1fr;grid-gap: 20rem 10rem;}
    
    .s4-1{grid-template-columns: auto;grid-gap: 40rem;}
    .s4-2{padding: 0;border-top: none;}
    .s4-3{grid-column-end: span 1;grid-template-columns: auto;grid-gap: 20rem;}
    
    .s5-1{grid-template-columns: auto;grid-gap: 20rem;}
    .s5-2{grid-column: 1/-1;padding: 0;order: -1;}
    .s5-3{grid-column: 1/-1;padding: 20rem 0;}
    .s5-3 + .s5-4{order: -1;}
    .s5-4{grid-column: 1/-1;padding: 0;}
    
    .s6-1{grid-template-columns: auto;grid-gap: 40rem;margin: 0;}
    .s6-2{padding: 0;}
    .s6-2 ol{grid-gap: 15rem;}
    .s6-2 ol li{text-align: left;}
    .s6-3{grid-column: 1/-1;grid-gap: 70rem;margin: 0;padding: 0;}
    .s6-4{padding: 0;overflow: hidden;margin: 0 var(--awr);padding: 0 var(--wr);}
    .s6-5{margin-bottom: 30rem;border-top-color: var(--c6);}
    .s6-6{margin: 20rem 0;}
    .s6-7{overflow: auto;margin: 50rem var(--awr) 0;padding: 0 0 0 var(--wr);display: flex;}
    .s6-7::after{content: "";width: var(--wr);flex: none;}
    .s6-8{width: 100%;overflow: hidden;}
    .s6-9{width: 100%;overflow: hidden;padding: 0;column-count: 1;}
    .s6-9 > p{padding: 0;}
    .s6-10{width: 100%;overflow: hidden;margin: 0;grid-gap: 20rem var(--gap);grid-template-columns: 1fr 1fr;margin-top: 40rem;}
    .s6-12{border: none;padding-bottom: 0;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
    .s6-12-1{margin: 0;height: 65rem;padding-bottom: 15rem;border-bottom: var(--sl) solid var(--c6);width: 100%;}
    .s6-12-2{overflow: hidden;display: flex;width: 100%;padding: 15rem 20rem 0 0;font-weight: 400;}
    .s6-12-2:first-child{border-bottom: var(--sl) solid var(--c6);height: 65rem;align-items: flex-end;padding: 0 20rem 15rem 0;}
    
    .s7-1{margin: 0;align-items: flex-start;}
    .s7-2{text-align: left;}
    .s7-2 br{display: none;}
    .s7-3{margin-top: 30rem;text-align: left;}
    
    .s8-1{grid-template-columns: auto;grid-template-areas: "a1" "a2" "a3";grid-gap: 20rem;}
    .s8-2{padding: 0;}
    .s8-3{width: 100%;margin: 0;}
    .s8-7{padding: 0;}
    
    .s9-2{grid-template-columns: auto;grid-gap: 30rem;padding-bottom: 60rem;}
    .s9-2-1{padding: 0;}
    .s9-2-2{padding: 0;margin: 0;}
    .s9-3{padding: 20rem 0 40rem;grid-template-columns: auto;grid-gap: 20rem;}
    .s9-3:last-child{padding-bottom: 0;}
    .s9-3-1{padding: 0;}
    .s9-3-2{margin: 0;}
    
    .s10-1{grid-template-columns: 135rem 1fr;}
    .s10-2{padding: 0;}
    .s10-3{margin: 0;}
    .s10-4 .carousel{width: 100%;}
    .s10-4 .swiper-wrapper{height: var(--f-xxxxxl);}
    .s10-4-1,
    .s10-4 .swiper-slide-active ~ .swiper-slide .s10-4-1{font-size: var(--f-xxxxxl);}
    .s10-5{margin-top: 10rem;padding-top: 20rem;}
    .s10-5-2{width: 100%;}
    .s10-6{margin-top: 40rem;grid-gap: 10rem;}
    
    .s11-1::before{display: none;}
    .s11-2{margin-bottom: 40rem;}
    .s11-5{grid-template-columns: auto;grid-gap: 40rem;}
    .s11-6{padding-top: 15rem;}
    .s11-7{grid-column: 1/-1;grid-template-columns: auto;}
    .s11-8{padding: 15rem 0;}
    .s11-9{margin-top: 40rem;}
    .s11-10{margin-top: 60rem;}
    
    .s12-1{grid-template-columns: auto;grid-gap: 0;}
    .s12-2,
    .s12-3,
    .s12-4,
    .s12-5,
    .s12-6,
    .s12-8{grid-column: 1/-1;grid-row: auto;margin: 0;padding: 0;order: 5;}
    .s12-3,
    .s12-4,
    .s12-5,
    .s12-6{margin-top: 40rem;}
    .s12-7::before{display: none;}
    .s12-7-2{margin-top: 10rem;padding-left: 140rem;}
    .s12-7-3{padding-left: 140rem;font-size: var(--f-s);max-width: none;}
    .s12-8{margin-top: 40rem;}
    .s12-9{padding: 20rem;}
    .s12-9-2{margin-top: 20rem;max-width: 220rem;}
    .s12-9-3{margin: 0 -5rem -5rem auto;width: 32rem;height: 32rem;padding: 8rem;}
    
    .s13-1{grid-template-columns: auto;grid-template-rows: auto;grid-template-areas: "a2" "a1" "a3";grid-gap: 30rem;}
    .s13-2{max-width: 300rem;width: 100%;margin: 0 auto;}
    .s13-4{padding-bottom: 10rem;}
    .s13-5{grid-template-columns: auto;grid-gap: 10rem;padding-top: 15rem;}
    .s13-7{order: -1;grid-template-columns: 1fr auto auto;grid-gap: 20rem;}
    .s13-7 .carousel-pagination{order: -1;}
    .s13-8-2{display: none;}
    .s13-9{display: inline;}
    
    .s14-1{grid-template-columns: auto;grid-gap: 0;}
    .s14-4{grid-gap: 15rem;}
    .s14-5{grid-template-columns: auto;grid-gap: 10rem;overflow: hidden;padding-bottom: 15rem;}
    .s14-5-1{text-overflow: ellipsis;overflow: hidden;}
    .s14-5-2{order: -1;}
    .s14-6{margin-top: 10rem;}
    .s14-6 br{display: none;}
    
    .s15-1::before{padding-top: 80%;}
    
    .s16-1{grid-template-columns: auto;grid-gap: 0;border-top-color: var(--c8);}
    .s16-2{border-right: none;padding-bottom: 0;min-height: 0;}
    .s16-5-2{width: 24rem;height: 24rem;}
    .s16-5-2::before,
    .s16-5-2::after{width: 10rem;}
    .s16-5-2::after{margin-left: -5rem;}
    .s16-4{border-bottom-color: var(--c8);}
    .s16-5{padding: 15rem 0;}
    .s16-6{grid-gap: 10rem;padding-right: 0;}
    .s16-7{padding-top: 10rem;border-top: var(--sl) solid var(--c6);}
    .s16-4.active .s16-6{padding-bottom: 15rem;}
    
    .s17-1{align-items: flex-start;}
    .s17-2,
    .s17-3{text-align: left;}
    .s17-4{margin: 50rem 0 auto;padding-bottom: 10rem;}
    .s17-5{margin-top: 100rem;max-width: none;}
    
    .s18-1{grid-template-columns: auto;width: calc(100vw - 2 * var(--wr));}
    .s18-2{padding: 0;grid-column: 1/-1;}
    .s18-3{}
    .s18-4{margin-top: 50rem;}
    
    .s19{width: 100%;}
    .s19-1{grid-template-columns: auto;}
    .s19-2{grid-column: 1/-1;display: grid;grid-template-columns: auto;grid-gap: 10rem;margin-bottom: auto;}
    .s19-4{border-bottom: var(--sl) solid var(--c6);padding: 0 0 10rem;margin: 0;}
    .s19-4:not(:first-child){margin: 0;}
    .s19-5{padding: 0 2em 0 0;margin: 0;}
    .s19-5 .current{color: var(--c5);}
    .s19-5 .current::before{display: none;}
    .s19-5::before{left: auto;right: 0;margin-right: 0;}
    .s19-5:not([data-submenu])::before{display: none;}
    .s19-6-2 ul li{padding-top: 10rem;border-top: var(--sl) solid var(--c6);font-size: var(--f-l);}
    .s19-8{grid-column: 1/-1;margin-top: 40rem;display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .s19-9{display: flex;align-items: center;margin-bottom: 10rem;}
    .s19-9::before{content: "";width: 1em;height: 1em;background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.15919L13.998 3.91113' stroke='black' stroke-width='0.706232'%3E%3C/path%3E%3Cpath d='M4.03711 1L1.00368 4.03343L4.03711 7.06686' stroke='black' stroke-width='0.706232'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 1em;background-position: center left;flex: none;margin-right: 10rem;}
    
    .s20{display: flex;flex-direction: column;}
    .s20 .catalog-toolbar{order: -1;margin: 0 var(--awr) 30rem;grid-template-columns: 1fr auto;border-top: var(--sl) solid var(--c6);padding: 15rem var(--wr) 0;}
    .s20 .catalog-toolbar-filters{display: none;}
    .s20 .presets{margin: 0 var(--awr) 30rem;padding: 0 var(--wr);border: none;overflow: auto;overflow: -moz-scrollbars-none!important;scrollbar-width: none;scroll-snap-type: x;scroll-padding: var(--wr);}
    .s20 .presets::-webkit-scrollbar{display: none;}
    
    .s20 .presets-wrapper{margin: 1rem -5rem;padding: 0;flex-wrap: nowrap;justify-content: flex-start;}
    .s20 .presets-wrapper::after{content: "";flex: none;height: 1em;width: 40rem;}
    .s20 .preset{margin: 0 5rem;scroll-snap-align: start;}
    
    .s21-2{margin-top: 10rem;}
    .s21-3{grid-gap: 15rem;margin-top: 30rem;}
    .s21-4{padding-right: 0;}
    .s21-4-2{margin-top: 10rem;}
    
    .s23-1{grid-template-columns: auto;grid-gap: 60rem;}
    .s23-2{padding: 30rem 20rem 20rem;overflow: hidden;}
    .s23-3{padding: 0;overflow: hidden;order: -1;}
    .s23-5{margin-top: 30rem;}
    .s23-12{margin-top: 30rem;}
    
    .shopcart-item{grid-template-columns:  auto 1fr auto;}
    .shopcart-content{order: 1;grid-column: 1/3}
    .shopcart-controls{order: 3;margin: 0;margin-right: auto;}
    .shopcart-price{order: 4;margin-left: auto;grid-column: 3/4;}
    .shopcart-del{order: 2;margin-left: auto;color: var(--c1);}
    
    .shopcart-spinner-control{width: 30rem;height: 30rem;}
    
    .formbox, 
    .formbox-row{grid-gap: 20rem;}
    
    .s404-1{grid-template-columns: auto;grid-gap: 20rem;}
    .s404-2{max-width: 300rem;margin: 0 auto;width: 100%;}
    .s404-3{padding-left: 0;}
    .s404-3-1 br{display: none;}
    .s404-3-2{margin-top: 20rem;max-width: none;}
    .s404-3-3{margin-top: 30rem;}
    .s404-3-3 .button{width: 100%;}
    
    .no-scroll{overflow: hidden!important;}
    
    .popup__curtain{height: calc(100vh - 56rem);overflow: auto;min-height: 0;padding: 30rem 0;}
    .popup__curtain .popup-content{display: flex;min-width: 100%;}
    .popup__modal{align-items: initial;}
    .popup__modal .popup-wrapper{padding: 100rem var(--wr) 60rem;border-radius: 0;overflow: auto;}
    .popup__modal .popup-content{}
    .popup__modal .popup-close{width: 24rem;height: 24rem;margin: 15rem var(--wr);}
    .popup__aside{padding: 30rem var(--wr);}
    
    .popup-menu-tab:not(.active){display: none;}
    
    .topbar-search:not(.active) .popup-toggle-active,
    .topbar-search.active .popup-toggle-hidden,
    .burger:not(.active) .popup-toggle-active,
    .burger.active .popup-toggle-hidden{display: none;}
    
}

@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .s15-6.g.active .s15-6-1,
    .s15-6.g.active .s15-6-2,
    .s15-6.g.active .s15-6-3{color: var(--c0);border-bottom-color: var(--c0);}
    .s15-6.g.disabled .s15-6-1{color: var(--c10);}
    
    .catalog-toolbar-num{grid-column: 3/4;}
    
    .product:not(:first-child){padding-top: 100rem;}
    .product-media{padding-top: 60rem;}
    
    .animated .topbar-actions,
    .animated .topbar-search-holder{opacity: 1;transition: opacity 1s 1s;}
    .animated.loading .topbar-actions,
    .animated.loading .topbar-search-holder{opacity: 0;transition-duration: 0s;}
    
    .animated .topbar-logo,
    .animated .topbar-nav ul li,
    .animated .s13-9 .mask-appear{transition: transform .5s cubic-bezier(0.2, 1, 0.3, 1);transform: translateY(0);will-change: transform;display: block;}
    .animated .s13-9 .mask-appear{transition-duration: 1s;}
    .animated .topbar-logo{transition-delay: 1s;}
    .animated .topbar-nav ul li:nth-child(1){transition-delay: .2s;}
    .animated .topbar-nav ul li:nth-child(2){transition-delay: .4s;}
    .animated .topbar-nav ul li:nth-child(3){transition-delay: .6s;}
    .animated .topbar-nav ul li:nth-child(4){transition-delay: 1s;}
    .animated .s13-9:nth-child(1) .mask-appear{transition-delay: 1s;}
    .animated .s13-9:nth-child(2) .mask-appear{transition-delay: 1.25s;}
    .animated .s13-9:nth-child(3) .mask-appear{transition-delay: 1.5s;}
    .animated.loading .topbar-logo,
    .animated.loading .topbar-nav ul li,
    .animated.loading .s13-4 .mask-appear{transform: translateY(110%);}
    
}

@media screen and (min-width: 1920px) {
 
    html{font-size: 1px;}

}

/* hover animations */

@media (hover: hover) and (pointer: fine) {
    
    .button,
    .s11-11-2,
    .social-item{transition-property: border-color, background-color, color;transition-duration: .25s;}
    
    .lbu{transition: background-size .5s cubic-bezier(0.2, 1, 0.3, 1);}
    
    .s11-8{transition: background-size 1.5s cubic-bezier(0.2, 1, 0.3, 1);}
    
    .button-text[data-title],
    .topbar-search,
    .icl-icon,
    .s19-5::before{transition: transform .25s;will-change: transform;}
    .catalog-card-media{transition: transform .35s cubic-bezier(0.2, 1, 0.3, 1);will-change: transform;}
    
    .breadcrumbs a,
    .s6-2 ol li,
    .s22-2-2{transition: opacity .15s;}
    
    .s11-11{transition: opacity .5s;}
    .s11-11-2{pointer-events: all;cursor: pointer;}
    
    .f1-2-2,
    .f3 a,
    .f5 a,
    .product-info-anchor a,
    .s7-2 a,
    .s14-5-1 a{transition: color .25s;}
    
    .s12-9{transition: background-color .25s;}
    
    .button:hover{border-color: var(--c5);background-color: var(--c5);color: var(--c0);}
    .button:not(.button__dense):hover .button-text[data-title]{transform: translateY(-100%);}
    
    .s12-9:hover .s12-9-3{background-color: var(--c5);color: var(--c0);}
    .s12-9:hover .s12-9-3 .icon{animation: moveRight .25s 1 ease-in-out;}
    
    .social-item:hover{background-color: var(--c5);border-color: var(--c5);color: var(--c1);}
    
    .f1-2-2:hover,
    .f3 a:hover,
    .f5 a:hover,
    .product-info-anchor a:hover,
    .s7-2 a:hover,
    .s14-5-1 a:hover{color: var(--c5);}
    
    .breadcrumbs a:hover,
    .s6-2 ol li:not(.active){opacity: .5;}
    
    .s22-2-2:hover{opacity: 1;}
    
    .lbu:hover{background-size: 100% var(--sl);background-position: left bottom;}
    
    .s11-8:hover{background-size: 100% var(--sl), 100% var(--sl);}
    
    .topbar-search:hover,
    .icl:hover .icl-icon,
    .s19-5:hover::before{transform: scale(.9);}
    
    .catalog-card:not(:hover) .catalog-card-media{transform: scale(.9);}
    
    .s11-8:hover .s11-11{opacity: 1;}
    .s11-11-2:hover{background-color: var(--c5);color: var(--c1);}
    
    .shopcart-spinner-control{transition: all .15s;}
    .shopcart-spinner-control:hover{background-color: var(--c1);color: var(--c0);}
    
    .shopcart-del{transition: color .15s;}
    .shopcart-del:hover{color: var(--c1);}
    
}