.preloader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;background-color:var(--bg3);transition:1s var(--easeing) .1s;z-index:20}.preloader .wave{margin-top:auto;fill:var(--bg3)}body.load .preloader{transform:translateY(-150%)}.preloader-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../img/pattern.svg");background-color:var(--bg3);background-size:max(90rem,900px);opacity:.1}.preloader-pattern::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(at center top, rgba(255, 255, 255, 0), var(--bg3) 60%)}.preloader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:max(12.2rem,90px);height:max(6.6rem,50px);z-index:1}.preloader-info{position:absolute;left:50%;bottom:max(2rem,20px);transform:translateX(-50%);font-weight:var(--fwMd);font-size:max(1.2em,16px);color:var(--c2)}body:not(.load) .header{opacity:0}body:not(.load) .top-slider-title span,body:not(.load) .section:first-of-type .section-container>.section-header,body:not(.load) .section:first-of-type .section-inner-wrap .section-header{opacity:0;transform:translateY(2rem)}body:not(.load) .top-slider-inner,body:not(.load) .section:first-of-type .section-inner,body:not(.load) .section:first-of-type .section-container>.section-content,body:not(.load) .section:first-of-type .section-image{opacity:0;transform:translateY(2rem)}body:not(.load) .section:first-of-type+.section--with_wave{transform:translateY(1rem)}body:not(.load) .section:first-of-type.section--fullscreen+.section--with_wave{transform:translateY(var(--wave-height))}body.load .header{transition:.6s var(--easeing) .7s}body.load .top-slider-title span,body.load .section:first-of-type .section-container>.section-header,body.load .section:first-of-type .section-inner-wrap .section-header{transition:.6s var(--easeing) .6s}body.load .top-slider-inner,body.load .section:first-of-type .section-inner,body.load .section:first-of-type .section-container>.section-content,body.load .section:first-of-type .section-image{transition:.6s var(--easeing) .5s}body.load .section:first-of-type+.section--with_wave{transition:1s var(--easeing) .2s}body.load .wave svg{animation:wave-01 30s linear infinite;will-change:transform}body.load .wave.reverse svg{animation-direction:reverse}body.load .section-line{animation:line-anim 1s linear infinite}body.load .products-list-line{animation:products-line-anim .6s linear infinite}@keyframes wave-01{0%{transform:translateX(0%)}100%{transform:translateX(100%)}}@keyframes line-anim{0%{stroke-dashoffset:0}100%{stroke-dashoffset:34}}@keyframes products-line-anim{0%{stroke-dashoffset:0}100%{stroke-dashoffset:20}}