/* Root */
:root{
--red:#EE333C;
--green:#5FD32A;
--blue:#14AFE4;
--black:#070707;
--black30:rgba(0,0,0,.3);
--dark:#0A0A0A;
--border:#2C2C2C;
--grey:#828282;
--white:#fff;
--white30:rgba(255,255,255,.3);
--white60:rgba(255,255,255,.6);
---40: -40px;
---30: -30px;
---24: -24px;
---20: -20px;
---16: -16px;
---12: -12px;
---10: -10px;
---8: -8px;
---4: -4px;
---2: -2px;
---1: -1px;
--1: 1px;
--2: 2px;
--4: 4px;
--6: 6px;
--7: 7px;
--8: 8px;
--9: 9px;
--10: 10px;
--12: 12px;
--14: 14px;
--16: 16px;
--20: 20px;
--22: 22px;
--24: 24px;
--28: 28px;
--30: 30px;
--32: 32px;
--36: 36px;
--40: 40px;
--48: 48px;
--52: 52px;
--60: 60px;
--64: 64px;
--72: 72px;
--80: 80px;
--84: 84px;
--96: 96px;
--109: 109px;
--112: 112px;
--120: 120px;
--128: 128px;
--135: 135px;
--150: 150px;
--160: 160px;
--168: 168px;
--184: 184px;
--200: 200px;
--218: 218px;
--260: 260px;
--272: 272px;
--325: 325px;
--340: 340px;
--509: 509px;
--551: 551px;
--736: 736px;
--1280: 1280px;
}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
input, textarea, button, select, a, img, div{-webkit-tap-highlight-color: transparent;}
/* Doc */
html{height:100%;width:100%;position:relative;background:var(--black);}
body{font-size:var(--16);width:100%;height:100%;position:relative;font-family:'Century Gothic', sans-serif;font-weight:400;font-style:normal;color:var(--white);min-width:300px;background:var(--black);transition:background 1s;}
/* a */
a{cursor:url(../i/cursor.svg) 11 11, auto;}
a,a:visited,a:active,a:focus{color:var(--white);outline:none;text-decoration:none;transition:color .3s;}
.desktop a:hover{text-decoration:none;color:var(--white60);}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{box-sizing:border-box;}
input{-webkit-appearance:none;}
/* text */
p{color:var(--white);line-height:1.5em;margin-bottom:var(--24);font-weight:400;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
ul{list-style:none;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.nowrap{white-space:nowrap;}
.bold{font-weight:bold;}
/* div */
.overflow{overflow:hidden;}
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-app-100{min-height:var(--app-height);}
*::selection{color:var(--white);background:var(--red);}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.caps{color:transparent;margin:0;font-family:'Actay Wide', sans-serif;font-weight:bold;-webkit-text-stroke:var(--2) var(--red);}
h1,.h1{font-size:4.375em;line-height:1.05555555em;}
h2,.h2{font-size:4.375em;line-height:1.05555555em;}
h3,.h3{font-size:3.125em;line-height:1.10714285em;}
h4,.h4{font-size:1.875em;line-height:1.125em;}
h5,.h5{font-size:1.5em;line-height:1.16666666em;}
h6,.h6{font-size:1.25em;line-height:1.2em;}
.caps{font-size:1em;line-height:1.375em;}
/* ---------------------------------------------- MAIN ---------------------------------------------- */
.main{position:relative;width:100%;height:100vh;height:var(--app-height);overflow:hidden;display:flex;opacity:0;display:none;}
.ready .main{opacity:1;display:block;}
/* Scroll */
.main-scroll{position:relative;width:100%;min-width:300px;height:100%;-webkit-transform-origin:top center;transform-origin:top center;pointer-events:none;will-change:transform;}
.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:top center;transform-origin:top center;display:flex;height:100%!important;pointer-events:auto;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);}
.scroll-content{display:flex!important;flex-direction:column;width:100%;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);}
.scrollbar-track{z-index:9999!important;will-change:transform;}
.scrollbar-track-y{right:0!important;width:var(--8)!important;background:transparent!important;}
.scrollbar-track-y:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;opacity:0;-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:right center;transform-origin:right center;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;}
.scrollbar-thumb{background:transparent!important;border-radius:0!important;width:100%!important;}
.scrollbar-track-y .scrollbar-thumb:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--red);-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:right center;transform-origin:right center;opacity:.5;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;}
.desktop .scrollbar-track-y:hover .scrollbar-thumb:before{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1;}
.desktop .scrollbar-track-y:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1;}
.open-menu .scrollbar-track{opacity:0!important;}
/* ---------------------------------------------- HEADER ---------------------------------------------- */
.header{position:absolute;top:0;left:0;width:100%;z-index:999;pointer-events:none;-webkit-transform:translateZ(0) translateY(-100%);transform:translateZ(0) translateY(-100%);transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;}
.has-intro .header{transition:-webkit-transform 1s 2s;transition:transform 1s 2s;transition:transform 1s 2s, -webkit-transform 1s 2s;}
.ready .header{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);}
.header-wrap{position:relative;width:100%;}
.header-inner{position:relative;width:100%;-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s, -webkit-transform 0s;}
.scroll-up .fixed:not(.out) .header-inner{-webkit-transform:translateY(var(--top)) translateZ(0);transform:translateY(var(--top)) translateZ(0);transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s, -webkit-transform 0s;}
.scroll-down .header-inner{transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;}
.static .header-inner{transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s, -webkit-transform 0s;}
.header-item{position:relative;width:100%;padding:var(--32) 0;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;}
.scroll-up .header:not(.out) .header-item{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0);}
.scroll-up .fixed .header-item{transition:background 1s, padding 1s, -webkit-transform 1s;transition:transform 1s, background 1s, padding 1s;transition:transform 1s, background 1s, padding 1s, -webkit-transform 1s;}
.scroll-down .header-item{transition:background 1s, padding 1s, -webkit-transform 1s;transition:transform 1s, background 1s, padding 1s;transition:transform 1s, background 1s, padding 1s, -webkit-transform 1s;}
.static .header-item{transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s, -webkit-transform 0s;}
.scroll-down.menu-active .header-inner{-webkit-transform:translateY(var(--top)) translateZ(0);transform:translateY(var(--top)) translateZ(0);transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s, -webkit-transform 0s;}
.scroll-down.menu-active .header-item{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0);transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s, -webkit-transform 0s;}
.logo{width:var(--30);}
.logo svg{display:block;width:100%;}
/* ---------------------------------------------- MENU ---------------------------------------------- */
.menu{position:relative;height:calc(var(--64) + var(--4));padding:0 var(--64);display:flex;align-items:center;justify-content:space-between;gap:0 var(--48);border-radius:var(--64);background:var(--black30);pointer-events:auto;-webkit-backdrop-filter: blur(var(--14));backdrop-filter: blur(var(--14));box-shadow:0 var(--12) var(--24) rgba(238,51,60,.45);}
.menu:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--red);-webkit-mask-image: linear-gradient(transparent, black);mask-image: linear-gradient(transparent, black);}
.menu a{position:relative;}
.trigger{position:relative;width:var(--20);height:var(--20);}
.trigger i{display:block;position:absolute;left:0;top:50%;width:100%;height:var(--1);transition:transform .5s .5s;}
.trigger i:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--red);transition:transform .5s 0s, opacity 0s .5s;}
.trigger i:first-child{transform:translateY(500%);}
.trigger i:last-child{transform:translateY(-500%);}
.open-menu .trigger i:first-child{transform:translateY(0);}
.open-menu .trigger i:last-child{transform:translateY(0);}
.open-menu .trigger i{transition:transform .5s 0s;}
.open-menu .trigger i:first-child:before{transform:rotate(45deg);transition:transform .5s .5s;}
.open-menu .trigger i:last-child:before{transform:rotate(-45deg);transition:transform .5s .5s;}
.open-menu .trigger i:nth-child(2):before{opacity:0;transition:transform .5s .5s, opacity 0s .5s;}
.menu-wrap{position:fixed;left:0;top:0;width:100%;height:var(--app-height);opacity:0;z-index:899;visibility:hidden;pointer-events:none;transition:opacity 1s, visibility 0s 1s;}
.open-menu .menu-wrap{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1s, visibility 0s 0s;}
.menu-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);opacity:0;transition:opacity 1s;}
.open-menu .menu-bg{opacity:.86;}
.menu-inner{padding:var(--14) var(--20);position:relative;}
.menu-item{overflow:hidden;height:0;text-align:center;border-radius:var(--20);background:var(--black30);pointer-events:auto;-webkit-backdrop-filter: blur(var(--14));backdrop-filter: blur(var(--14));box-shadow:0 var(--12) var(--24) rgba(238,51,60,.45);}
.menu-item:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--red);-webkit-mask-image: linear-gradient(transparent, black);mask-image: linear-gradient(transparent, black);}
.menu-content{position:relative;padding:var(--64) var(--20) var(--40);}
.menu-content ul li{margin-bottom:var(--20);}
.menu-content ul li:last-child{margin-bottom:0;}
.menu-content,.menu-content *{pointer-events:auto;}
/* But */
.but{position:relative;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:calc(var(--52) + var(--4));padding:0 calc(var(--64) + var(--2));background:var(--red);border-radius:var(--64);font-size:1.5em;font-family:'Actay Wide', sans-serif;text-transform:uppercase;font-weight:bold;}
.but{box-shadow:0 0 var(--36) rgba(255,142,154,.38),0 0 var(--10) rgba(255,142,154,.33),0 0 var(--72) rgba(235,66,84,.59),0 0 var(--20) rgba(255,142,154,.06),0 0 var(--20) rgba(235,66,84,.2);}
.but:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--2) solid;-o-border-image:#FFDBC7;border-image:#FFDBC7;-webkit-mask-image:linear-gradient(black, transparent);mask-image:linear-gradient(black, transparent);}
.but-start{-webkit-perspective:var(--200);perspective:var(--200);}
.but-clone{display:block;position:absolute;margin-top:var(--20);top:100%;left:0;width:100%;height:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center;-webkit-transform:rotateX(-120deg) scaleX(1.2);transform:rotateX(-120deg) scaleX(1.2);-webkit-filter:blur(var(--10));filter:blur(var(--10));opacity:.8;}
.but-clone:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--red);border-radius:inherit;-webkit-mask-image:linear-gradient(transparent, black);mask-image:linear-gradient(transparent, black);}
.but-clone span{position:relative;}
/* ---------------------------------------------- CONTENT ---------------------------------------------- */
.content{position:relative;overflow:hidden;width:100%;min-height:var(--app-height);}
.content-container{width:100%;max-width:var(--1280);padding-left:var(--32);padding-right:var(--32);margin:0 auto;}
.row{margin-left:var(---8);margin-right:var(---8);}
.row > *{padding-left:var(--8);padding-right:var(--8);}
.row.g-0{margin-left:0;margin-right:0;}
.row.g-0 > *{padding-left:0;padding-right:0;}
.row-8{margin-left:var(---4);margin-right:var(---4);}
.row-8 > *{padding-left:var(--4);padding-right:var(--4);}
.row-24{margin-left:var(---12);margin-right:var(---12);}
.row-24 > *{padding-left:var(--12);padding-right:var(--12);}
.section{position:relative;}
/* Intro */
.intro{position:relative;width:100%;overflow:hidden;}
.intro .content-container{}
.intro-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s;}
.ready .intro-bg{opacity:1;}
.intro-bg img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.intro-bg:before,.intro-bg:after{content:'';display:block;position:absolute;z-index:2;left:0;width:100%;height:20%;}
.intro-bg:before{top:0;background-image:linear-gradient(var(--black), transparent);}
.intro-bg:after{bottom:0;background-image:linear-gradient(transparent, var(--black));}
.intro-item{position:relative;min-height:var(--app-height);display:flex;flex-direction:column;z-index:20;padding-top:calc(var(--135) - var(--4));padding-bottom:var(--64);}
.intro-content{width:100%;margin:auto;}
.intro-title{font-size:1.625em;font-weight:bold;line-height:1.2em;text-align:center;max-width:var(--736);margin:0 auto var(--20);position:relative;opacity:0;-webkit-transform:translateY(var(---40));transform:translateY(var(---40));transition:opacity 1s 2s, -webkit-transform 1s 2s;transition:transform 1s 2s, opacity 1s 2s;transition:transform 1s 2s, opacity 1s 2s, -webkit-transform 1s 2s;}
.ready .intro-title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.intro-content p{font-size:1.375em;text-align:center;max-width:var(--736);margin:0 auto;position:relative;opacity:0;-webkit-transform:translateY(var(--40));transform:translateY(var(--40));transition:opacity 1s 2s, -webkit-transform 1s 2s;transition:transform 1s 2s, opacity 1s 2s;transition:transform 1s 2s, opacity 1s 2s, -webkit-transform 1s 2s;}
.ready .intro-content p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.intro-logo-wrap{position:relative;width:100%;}
.intro-logo-wrap .spark{position:absolute;width:2.23509933%;left:12.99668874%;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5;}
.ready .intro-logo-wrap .spark{-webkit-animation:spark 1s normal forwards ease-in-out;animation:spark 1s normal forwards ease-in-out;-webkit-animation-delay:3s;animation-delay:3s;}
@-webkit-keyframes spark{to{left:20.8%;}}
@keyframes spark{to{left:20.8%;}}
.intro-logo-wrap .spark img{display:block;width:100%;}
.ready .intro-logo-wrap .spark img{-webkit-animation:spark-2 1s normal forwards ease-in-out;animation:spark-2 1s normal forwards ease-in-out;-webkit-animation-delay:3s;animation-delay:3s;opacity:0;}
@-webkit-keyframes spark-2{0%{opacity:0;}30%{opacity:1;}70%{opacity:1;}100%{opacity:0;}}
@keyframes spark-2{0%{opacity:0;}30%{opacity:1;}70%{opacity:1;}100%{opacity:0;}}
.intro-logo{position:relative;width:100%;-webkit-mask-image:linear-gradient(black 60%,transparent);mask-image:linear-gradient(black 60%,transparent);}
.intro-logo img{display:block;width:100%;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform 1s 2s;transition:transform 1s 2s;transition:transform 1s 2s, -webkit-transform 1s 2s;}
.ready .intro-logo img{-webkit-transform:translateY(0);transform:translateY(0);}
.intro-car{position:relative;margin:0 auto var(--20);width:58.77483443%;-webkit-transform:translateX(100vw) translateY(5%) scale(.25);transform:translateX(100vw) translateY(5%) scale(.25);opacity:0;transition:opacity .7s cubic-bezier(.24,.77,.69,1) .5s, -webkit-transform 1.7s cubic-bezier(.24,.77,.69,1) .5s;transition:transform 1.7s cubic-bezier(.24,.77,.69,1) .5s, opacity .7s cubic-bezier(.24,.77,.69,1) .5s;transition:transform 1.7s cubic-bezier(.24,.77,.69,1) .5s, opacity .7s cubic-bezier(.24,.77,.69,1) .5s, -webkit-transform 1.7s cubic-bezier(.24,.77,.69,1) .5s;}
.ready .intro-car{opacity:1;-webkit-transform:translateX(0) translateY(0) scale(1);transform:translateX(0) translateY(0) scale(1);}
.intro-car:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(black 50%, transparent 72.5%);-webkit-transform-origin:center 108%;transform-origin:center 108%;-webkit-transform:scaleY(.25) scaleX(1.3);transform:scaleY(.25) scaleX(1.3);opacity:.9;}
.intro-car img{position:relative;display:block;width:100%;}
.but-start{opacity:0;transition:opacity 1s 2.5s;}
.ready .but-start{opacity:1;}
.smoke{position:absolute;width:20%;}
.smoke:before{content:'';display:block;width:100%;padding-top:100%;}
.smoke-item{position:absolute;bottom:0;left:0;width:100%;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
.smoke-item img{position:relative;width:100%;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
.smoke-r{bottom:12%;right:25%;opacity:.8;}
.smoke-l{bottom:8%;left:6%;}
.car-light-left,.car-light-right{display:block;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.car-light-left img,.car-light-right img{display:block;width:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.car-light-left{top:48.26388%;left:50%;width:9.29577464%;}
.car-light-right{top:46.875%;left:93.09859154%;width:7.88732394%;}
.ready .car-light-left img,.ready .car-light-right img{-webkit-animation:light 6s infinite ease-in-out;animation:light 6s infinite ease-in-out;-webkit-animation-delay:3s;animation-delay:3s;}
@-webkit-keyframes light{0{opacity:0;-webkit-transform:scale(0);transform:scale(0);}3%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}6%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}9%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}12%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}}
@keyframes light{0{opacity:0;-webkit-transform:scale(0);transform:scale(0);}3%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}6%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}9%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}12%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}}
/* Product */
.product-wrap{position:relative;}
.cloud-1,.cloud-2{position:absolute;pointer-events:none;}
.cloud-1 img,.cloud-2 img{display:block;width:100%;}
.cloud-1{top:-10%;right:75%;width:49.7%;}
.cloud-2{top:-35%;left:85%;width:51%;}
.product-slider{margin-left:var(---8);margin-right:var(---8);}
.product-slider .swiper-slide{padding-left:var(--8);padding-right:var(--8);}
.product-card-wrap{position:relative;width:100%;padding-bottom:calc(var(--32) + var(--2));margin-bottom:var(--24);}
.product-card-wrap .spark{position:absolute;width:8.35443037%;left:var(--14);top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;}
.product-card-wrap .spark img{display:block;width:100%;opacity:0;}
.desktop .swiper-slide:hover .product-card-wrap .spark{-webkit-animation:product-spark .8s normal forwards ease-in-out;animation:product-spark .8s normal forwards ease-in-out;}
.desktop .swiper-slide:hover .product-card-wrap .spark img{-webkit-animation:product-spark-2 .8s normal forwards ease-in-out;animation:product-spark-2 .8s normal forwards ease-in-out;}
@-webkit-keyframes product-spark{to{left:calc(100% - 8.35443037% - var(--28));}}
@keyframes product-spark{to{left:calc(100% - 8.35443037% - var(--28));}}
@-webkit-keyframes product-spark-2{0%{opacity:0;}20%{opacity:1;}45%{opacity:1;}100%{opacity:0;}}
@keyframes product-spark-2{0%{opacity:0;}20%{opacity:1;}45%{opacity:1;}100%{opacity:0;}}
.product-card{position:relative;width:100%;border-radius:var(--16);padding:var(--64) var(--80) calc(var(--96) + var(--4));background-color:black;background-image:url(../i/card.svg);background-size:cover;box-shadow:0 var(--4) var(--24) rgba(130,130,130,.45);transition:box-shadow .8s;}
.product-card:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--grey);-webkit-mask-image:linear-gradient(black,transparent);mask-image:linear-gradient(black,transparent);transition:border-color .8s;}
.product-card:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:var(--grey);-webkit-transform:scale(.8);transform:scale(.8);-webkit-filter:blur(var(--40));filter:blur(var(--40));opacity:.3;transition:background .8s;}
.product-card-img{position:relative;width:100%;padding-top:141.69741697%;}
.product-card-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-filter:grayscale(100%);filter:grayscale(100%);z-index:3;-webkit-transform-origin:center bottom;transform-origin:center bottom;transition:-webkit-filter .8s,-webkit-transform .8s;transition:filter .8s,transform .8s;transition:filter .8s,transform .8s,-webkit-filter .8s,-webkit-transform .8s;}
.product-card-name{position:absolute;left:var(--30);right:var(--30);bottom:0;background:var(--grey);height:calc(var(--64) + var(--4));border-radius:var(--64);padding:0 var(--20);display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.125em;line-height:1.2em;transition:background .8s;}
.desktop .swiper-slide:hover .product-card-wrap img{-webkit-filter:grayscale(0%);filter:grayscale(0%);-webkit-transform:scale(1.02);transform:scale(1.02);}
.desktop .swiper-slide:hover .product-card-b .product-card{box-shadow:0 var(--4) var(--24) rgba(20,175,228,.45);}
.desktop .swiper-slide:hover .product-card-r .product-card{box-shadow:0 var(--4) var(--24) rgba(238,51,60,.45);}
.desktop .swiper-slide:hover .product-card-g .product-card{box-shadow:0 var(--4) var(--24) rgba(95,211,42,.45);}
.desktop .swiper-slide:hover .product-card-b .product-card:before{border-color:var(--blue);}
.desktop .swiper-slide:hover .product-card-r .product-card:before{border-color:var(--red);}
.desktop .swiper-slide:hover .product-card-g .product-card:before{border-color:var(--green);}
.desktop .swiper-slide:hover .product-card-b .product-card-name{background:var(--blue);}
.desktop .swiper-slide:hover .product-card-r .product-card-name{background:var(--red);}
.desktop .swiper-slide:hover .product-card-g .product-card-name{background:var(--green);}
.desktop .swiper-slide:hover .product-card-b .product-card:after{background:var(--blue);}
.desktop .swiper-slide:hover .product-card-r .product-card:after{background:var(--red);}
.desktop .swiper-slide:hover .product-card-g .product-card:after{background:var(--green);}
@media (min-width:600px){
html:not(.desktop) .product-card-wrap img{-webkit-filter:grayscale(0%);filter:grayscale(0%);-webkit-transform:scale(1.02);transform:scale(1.02);}
html:not(.desktop) .product-card-b .product-card{box-shadow:0 var(--4) var(--24) rgba(20,175,228,.45);}
html:not(.desktop) .product-card-r .product-card{box-shadow:0 var(--4) var(--24) rgba(238,51,60,.45);}
html:not(.desktop) .product-card-g .product-card{box-shadow:0 var(--4) var(--24) rgba(95,211,42,.45);}
html:not(.desktop) .product-card-b .product-card:before{border-color:var(--blue);}
html:not(.desktop) .product-card-r .product-card:before{border-color:var(--red);}
html:not(.desktop) .product-card-g .product-card:before{border-color:var(--green);}
html:not(.desktop) .product-card-b .product-card-name{background:var(--blue);}
html:not(.desktop) .product-card-r .product-card-name{background:var(--red);}
html:not(.desktop) .product-card-g .product-card-name{background:var(--green);}
html:not(.desktop) .product-card-b .product-card:after{background:var(--blue);}
html:not(.desktop) .product-card-r .product-card:after{background:var(--red);}
html:not(.desktop) .product-card-g .product-card:after{background:var(--green);}
html:not(.desktop) .product-but{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
}
.product-but{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--red);border-radius:var(--4);height:var(--48);margin:auto;width:calc(100% - var(--60));font-size:1.375em;font-family:'Actay Wide', sans-serif;font-weight:bold;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-filter .8s;transition:filter .8s;transition:filter .8s, -webkit-filter .8s;}
.desktop .swiper-slide:hover .product-but{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.product-slider-arrow{position:absolute;top:39%;left:100%;margin-left:var(--64);transform:translateY(-50%);border:var(--1) solid var(--white30);background:var(--black30);-webkit-backdrop-filter:blur(var(--4));backdrop-filter: blur(var(--4));pointer-events:none;display:none;align-items:center;justify-content:center;width:var(--40);height:var(--40);border-radius:100%;z-index:10;transition:opacity .5s;}
.product-slider-arrow svg{display:block;width:var(--24);}
.product-slider-arrow.hide{opacity:0;}
/* Article */
.articles{position:relative;z-index:100;}
.articles:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:var(--red);-webkit-filter:blur(var(--20));filter:blur(var(--20));opacity:.3;}
.articles .row{position:relative;}
.article-item{background:var(--black);border-radius:var(--16);border:var(--1) solid var(--grey);padding:var(--16);}
.article-img{position:relative;width:calc(var(--260) + var(--8));overflow:hidden;border-radius:var(--16);}
.article-img:before{content:'';display:block;width:100%;padding-top:56.34328358%;}
.article-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.article-content{}
.article-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:1.125em;line-height:1.2em;margin-bottom:var(--8);font-weight:bold;}
.article-content p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.875em;line-height:1.075em;margin-bottom:var(--8);opacity:.6;}
.article-date{font-size:.75em;}
.article-but{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--red);border-radius:var(--4);height:var(--48);font-size:1.375em;font-family:'Actay Wide', sans-serif;font-weight:bold;}
.break{word-break:break-all;}
/* Title */
.title{position:relative;padding-top:calc(var(--200) + var(--10));padding-bottom:var(--72);}
.title-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.title-bg img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:centger bottom;}
.title-bg:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(7,7,7,1) 0%, rgba(7,7,7,0) 100%);}
.title-item{position:relative;}
.title h1,.title .h1{opacity:0;transform:translateY(var(---40));color:transparent;transition:transform .8s,opacity .8s;-webkit-text-stroke:var(--2) transparent;padding-bottom:.2em;margin-bottom:-.2em;}
.ready .title h1,.ready .title .h1{opacity:1;transform:translateY(0);}
.title h1:before,.title h1:after,.title .h1:before,.title .h1:after,.title-mirror:before,.title-mirror:after{content:attr(data-text);display:block;position:absolute;left:0;top:0;height:100%;width:100%;padding-bottom:.2em;}
.title h1:before,.title .h1:before{-webkit-text-stroke:var(--2) var(--white);mask-image:linear-gradient(90deg, transparent, black 40%);}
.title h1:after,.title .h1:after{-webkit-text-stroke:var(--2) var(--red);mask-image:linear-gradient(90deg, black, transparent 40%);}
.h1.title-mirror{position:absolute;top:80%;left:7%;width:100%;height:100%;filter:blur(calc(var(--2) + var(--1)));opacity:0;-webkit-text-stroke:var(--2) transparent;padding-bottom:.2em;margin-bottom:-.2em;transform:scaleY(-1) translateY(var(---40));transition:transform .8s,opacity .8s;}
.ready .h1.title-mirror{opacity:.4;transform:scaleY(-1) translateY(0);}
.title-mirror:before{transform-origin:left top;transform:scale(.93);-webkit-text-stroke:var(--2) var(--white);mask-image:linear-gradient(90deg, transparent, black 40%);}
.title-mirror:after{transform-origin:left top;transform:scale(.93);-webkit-text-stroke:var(--2) var(--red);mask-image:linear-gradient(90deg, black, transparent 40%);}
.title p{font-size:1.625em;font-weight:bold;margin:var(--16) auto 0;width:calc(var(--260) + var(--340) + var(--40));text-align:center;}
.statya-1 .title-bg img{object-position:center bottom;}
.statya-1 .title-bg:after{height:var(--20);}
@media (min-width:600px){
.statya-2 .title-item{max-width:90%;margin-left:auto;margin-right:auto;}
.statya-3 .title-item{max-width:90%;margin-left:auto;margin-right:auto;}
.statya-4 .title-item{max-width:90%;margin-left:auto;margin-right:auto;}
.statya-4 .title-bg{height:130%;}
}
.statya-1 .title h1:before,.statya-1 .title-mirror:before{mask-image:linear-gradient(240deg, transparent, black 40%);}
.statya-1 .title h1:after,.statya-1 .title-mirror:after{mask-image:linear-gradient(240deg, black, transparent 40%);}
.statya-2 .title h1:before,.statya-2 .title-mirror:before{mask-image:linear-gradient(240deg, transparent, black 40%);}
.statya-2 .title h1:after,.statya-2 .title-mirror:after{mask-image:linear-gradient(240deg, black, transparent 40%);}
.statya-3 .title h1:before,.statya-3 .title-mirror:before{mask-image:linear-gradient(240deg, transparent, black 40%);}
.statya-3 .title h1:after,.statya-3 .title-mirror:after{mask-image:linear-gradient(240deg, black, transparent 40%);}
.statya-4 .title h1:before,.statya-4 .title-mirror:before{mask-image:linear-gradient(240deg, transparent, black 40%);}
.statya-4 .title h1:after,.statya-4 .title-mirror:after{mask-image:linear-gradient(240deg, black, transparent 40%);}
/* Article content */
.box{position:relative;background:var(--dark);border-radius:var(--24);border:var(--1) solid var(--border);padding:var(--24);overflow:hidden;}
.box p{line-height:1.21em;}
.box p:last-child{margin-bottom:0;}
.box ul{line-height:1.21em;}
.box-img{position:relative;width:100%;border-radius:var(--30);overflow:hidden;}
.box-img img{display:block;width:100%;}
.big{font-size:1.1875em;}
.box .box-highlight{margin-left:var(---24);margin-right:var(---24);margin-top:var(---24);box-shadow:0 var(--4) var(--24) rgba(238,51,60,.3);}
.box-padding{padding:var(--64);}
@media (min-width:600px){
.col-box{flex:0 0 auto;width:57.725%;}
}
.box-decor{margin-left:calc((var(--64) + var(--24)) * -1);width:calc(100% + var(--64));}
.order-md-last .box-decor{margin-right:calc((var(--64) + var(--24)) * -1);margin-left:auto;}
.box-decor img{display:block;width:100%;}
/* Box-oil */
.box-oil{position:relative;background:var(--dark);border-radius:var(--16);padding:calc(var(--52) + var(--2)) 0;}
.box-oil:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:var(--1) solid var(--grey);-webkit-mask-image:linear-gradient(black,transparent);mask-image:linear-gradient(black,transparent);pointer-events:none;}
.box-oil.box-oil-r{box-shadow:0 var(--4) var(--24) rgba(238,51,60,.45);}
.box-oil.box-oil-r:after{border-color:var(--red);}
.box-oil.box-oil-g{box-shadow:0 var(--4) var(--24) rgba(41,197,26,.45);}
.box-oil.box-oil-g:after{border-color:var(--green);}
.box-oil.box-oil-b{box-shadow:0 var(--4) var(--24) rgba(20,175,228,.45);}
.box-oil.box-oil-b:after{border-color:var(--blue);}
.box-oil-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;}
.box-oil-logo{position:absolute;top:-11%;left:-6%;width:56.62251655%;opacity:.4;mask-image:linear-gradient(209deg,rgba(0,0,0,1) 12%,rgba(0,0,0,.15) 60%);}
.box-oil-logo svg{display:block;width:100%;}
.box-oil.box-oil-r .box-oil-logo svg *{fill:var(--red);}
.box-oil.box-oil-g .box-oil-logo svg *{fill:var(--green);}
.box-oil.box-oil-b .box-oil-logo svg *{fill:var(--blue);}
.box-oil-img{position:relative;width:100%;padding-top:74.29718875%;}
.box-oil-img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:var(--grey);-webkit-filter:blur(var(--40));filter:blur(var(--40));opacity:.3;}
.box-oil.box-oil-r .box-oil-img:before{background:var(--red);}
.box-oil.box-oil-g .box-oil-img:before{background:var(--green);}
.box-oil.box-oil-b .box-oil-img:before{background:var(--blue);}
.box-oil-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.box-oil-title{font-size:1.875em;color:transparent;margin:0;font-family:'Actay Wide', sans-serif;font-weight:bold;-webkit-text-stroke:var(--2) var(--white);margin-bottom:var(--30);margin-right:-16.66666666%;}
.box-oil.box-oil-r .box-oil-title span{-webkit-text-stroke-color:var(--red);}
.box-oil.box-oil-g .box-oil-title span{-webkit-text-stroke-color:var(--green);}
.box-oil.box-oil-b .box-oil-title span{-webkit-text-stroke-color:var(--blue);}
.box-oil-but{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--red);border-radius:var(--4);height:var(--48);font-size:1.375em;font-family:'Actay Wide', sans-serif;font-weight:bold;}
.box-oil-grid{position:absolute;top:0;left:0;width:41.66666666%;height:100%;}
.box-oil-grid img{display:block;width:100%;height:100%;object-fit:cover;}
.box-oil-decor{left:80%;}
@media (min-width:600px){
.box-oil-right .box-oil-logo{left:auto;right:-10%;mask-image:linear-gradient(-209deg,rgba(0,0,0,1) 12%,rgba(0,0,0,.15) 60%);}
.box-oil-right .col-md-5{order:1;}
.box-oil-right .col-md-6{margin-left: 8.33333333%;}
.box-oil-right .box-oil-grid{left:auto;right:0;}
.box-oil-right .box-oil-decor{left:auto;right:80%;}
}
/* Splash */
.intro-splash .intro-content{flex-grow:1;display:flex;flex-direction:column;}
.intro-splash h1,.intro-splash .h1{text-align:right;opacity:0;margin-right:var(--80);transition:opacity 1s 2s;padding-bottom:10%;}
.ready .intro-splash h1,.ready .intro-splash .h1{opacity:1;}
.intro-splash .title h1:before,.intro-splash .title .h1:before{mask-image:linear-gradient(240deg, transparent, black 40%);}
.intro-splash .title h1:after,.intro-splash .title .h1:after{mask-image:linear-gradient(240deg, black, transparent 40%);}
.intro-splash .share-wrap{opacity:0;transition:opacity 1s 2s;}
.ready .intro-splash .share-wrap{opacity:1;}
/* ---------------------------------------------- FOOTER ---------------------------------------------- */
.footer-wrap{position:relative;padding-top:var(--150);padding-bottom:var(--32);}
.footer{position:relative;}
.footer p{margin-bottom:0;margin-left:auto;margin-right:auto;max-width:calc(var(--736) + var(--150));line-height:1.2em;}
.footer p:last-child{margin-top:var(--10);}
.ready .footer p{opacity:.6;font-size:1.125em;}
.intro-footer{overflow:hidden;transition:overflow 0s 1s;}
.ready .intro-footer{overflow:visible;}
.intro-footer .intro-bg{height:100%;top:0%;transition:top 0s 1s,height 0s 1s;}
.ready .intro-footer .intro-bg{height:200%;top:-50%;}
.intro-footer .intro-item{min-height:auto;padding-top:0;padding-bottom:var(--32);}
.footer a{text-decoration:underline;}
.footer-bg{position:absolute;bottom:0;left:0;width:100%;padding-top:116.7%;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,black);mask-image:linear-gradient(transparent,black);}
.footer-bg img{display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;}
/* Share */
.share-wrap{display:flex;justify-content:center;gap:var(--16);}
.share-wrap a{display:block;width:var(--36);}
.share-wrap a svg{display:block;width:100%;}
.share-wrap a svg *{fill:var(--white);transition:fill .5s;}
.desktop .share-wrap a:hover svg *{fill:var(--red);}
/* ---------------------------------------------- SECTIONS BG ---------------------------------------------- */
.section-bg{position:absolute;left:0;top:0;width:100%;pointer-events:none;mask-image:linear-gradient(0deg, transparent 0%, black 25%, black 75%, transparent 100%);}
.section-bg img{display:block;width:100%;}
.cloud-decor{position:absolute;left:0;top:0;width:60%;pointer-events:none;opacity:.7;}
.cloud-decor img{display:block;width:100%;}
.red-decor{position:absolute;top:0;left:0;width:41.63907284%;border-radius:100%;background:var(--red);opacity:.3;filter:blur(var(--96));pointer-events:none;}
.red-decor:before{content:'';display:block;width:100%;padding-top:133.79721669%;}
/* statya-1 */
.statya-1 .section-bg-1{top:auto;top:70%;}
.statya-1 .section-bg-2{top:auto;bottom:-50%;}
.statya-1 .section-bg-3{top:auto;bottom:0%;}
.statya-1 .red-decor{left:-12%;top:23%;}
.statya-1 .cloud-decor-1{top:45%;left:-18%;opacity:.6;transform:rotate(-12deg);}
.statya-1 .cloud-decor-2{top:-45%;left:auto;right:-15%;width:41%;transform:rotate(14deg);}
.statya-1 .cloud-decor-3{top:auto;top:50%;left:50%;width:81%;opacity:.4;transform:rotate(14deg);}
.statya-1 .cloud-decor-3 img{transform:scaleX(-1);}
.statya-1 .cloud-decor-4{top:10%;left:-18%;opacity:.5;transform:rotate(-12deg);}
.statya-1 .cloud-decor-5{top:auto;bottom:0;left:-18%;width:47.5%;transform:rotate(-7deg);}
.statya-1 .cloud-decor-6{top:5%;left:-35%;transform:rotate(-61deg);}
.statya-1 .cloud-decor-7{top:-5%;left:50%;width:112.5%;opacity:.5;transform:rotate(-13deg);}
.statya-1 .cloud-decor-8{top:auto;bottom:-80%;left:-20%;width:63%;opacity:.8;transform:rotate(15deg);}
.statya-1 .cloud-decor-9{top:auto;bottom:-70%;left:auto;right:-20%;opacity:.9;transform:rotate(-7deg);}
.statya-1 .footer-bg{-webkit-mask-image:none;mask-image:none;}
/* statya-2 */
.statya-2 .section-bg-1{top:auto;top:-30%;}
.statya-2 .section-bg-2{top:auto;top:-20%;}
.statya-2 .section-bg-3{top:auto;bottom:30%;}
.statya-2 .red-decor{left:-12%;top:23%;width:90%;}
.statya-2 .red-decor:before{padding-top:105%;}
.statya-2 .cloud-decor-1{top:-45%;left:-18%;opacity:.6;width:43%;transform:rotate(14deg);}
.statya-2 .cloud-decor-2{top:-70%;left:auto;right:-22%;width:43%;transform:rotate(-15deg);}
.statya-2 .cloud-decor-2 img{transform:scaleX(-1);}
.statya-2 .cloud-decor-3{top:-10%;left:-30%;opacity:.5;width:68%;transform:rotate(12deg);}
.statya-2 .cloud-decor-4{top:-20%;left:auto;right:-30%;opacity:.4;width:64%;transform:rotate(30deg);}
.statya-2 .cloud-decor-4 img{transform:scaleX(-1);}
.statya-2 .cloud-decor-5{top:-12%;left:-25%;width:50%;transform:rotate(-7deg);}
.statya-2 .cloud-decor-6{top:40%;left:-50%;width:79%;transform:rotate(-75deg);}
.statya-2 .cloud-decor-7{top:30%;left:auto;right:-60%;width:119%;transform:rotate(-13deg);}
.statya-2 .cloud-decor-8{display:none;}
.statya-2 .footer-bg{padding-top:90%;}
/* statya-3 */
.statya-3 .section-bg-1{top:auto;top:-26%;width:140%;}
.statya-3 .section-bg-2{top:-36%;}
.statya-3 .section-bg-3{top:-22%;}
.statya-3 .section-bg-4{top:auto;bottom:-19%;}
.statya-3 .footer-bg{padding-top:var(--1280);}
.statya-3 .cloud-decor-1{top:-45%;left:-22%;width:50%;opacity:.6;transform:rotate(4deg) scaleY(-1);}
.statya-3 .cloud-decor-2{top:-55%;left:60%;width:95%;transform:rotate(5deg);}
.statya-3 .cloud-decor-3{top:40%;left:-40%;width:79%;transform:rotate(-75deg);}
.statya-3 .cloud-decor-4{top:22%;left:auto;right:-60%;width:119%;transform:rotate(-13deg);}
.statya-3 .red-decor{left:-12%;top:23%;width:90%;}
.statya-3 .red-decor:before{padding-top:105%;}
.statya-3 .red-decor.red-decor-2{left:auto;right:-12%;top:-3%;width:40%;}
.statya-3 .red-decor.red-decor-2:before{padding-top:105%;}
/* statya-4 */
.statya-4 .section-bg-1{top:auto;top:-25%;height:120%;}
.statya-4 .section-bg-2{top:-17%;}
.statya-4 .section-bg-3{top:-4%;}
.statya-4 .cloud-decor-1{top:-45%;left:-25%;opacity:.66;width:59%;transform:rotate(23deg) scaleY(-1);}
.statya-4 .cloud-decor-2{top:-120%;left:auto;right:-50%;opacity:.6;width:100%;transform:rotate(-6deg);}
.statya-4 .cloud-decor-3{top:69%;left:-41%;width:79%;opacity:.5;transform:rotate(-75deg);}
.statya-4 .cloud-decor-4{top:40%;left:auto;right:-40%;opacity:.5;width:119%;transform:rotate(-13deg);}
.statya-4 .red-decor{left:-39%;top:29%;width:90%;}
.statya-4 .red-decor:before{padding-top:105%;}
.statya-4 .red-decor.red-decor-2{left:auto;right:-5%;top:15%;width:50%;}
.statya-4 .red-decor.red-decor-2:before{padding-top:105%;}
.statya-4 .footer-bg{padding-top:75%;}
/* ---------------------------------------------- MARGINS ---------------------------------------------- */
.white-stroke{-webkit-text-stroke-color:var(--white);}
.z-index{z-index:100;}
.rg-22{row-gap:var(--22);}
.cg-22{-webkit-column-gap:var(--16);column-gap:var(--16);}
.mt-36{margin-top:var(--36);}
.mt-12{margin-top:var(--12);}
.mb-120{margin-bottom:var(--120);}
.mb-100{margin-bottom:calc(var(--120) - var(--20));}
.mb-80{margin-bottom:var(--80);}
.mb-60{margin-bottom:var(--60);}
.mb-40{margin-bottom:var(--40);}
.mb-30{margin-bottom:var(--30);}
.mb-24{margin-bottom:var(--24);}
.mb-20{margin-bottom:var(--20);}
.mb-12{margin-bottom:var(--12);}
.mb-0{margin-bottom:0;}
/* ---------------------------------------------- MEDIA ---------------------------------------------- */
@media (min-width:1920.02px){
:root{
---40: -2.08333334vw;
---30: -1.5625vw;
---24: -1.25vw;
---20: -1.04166667vw;
---16: -.83333334vw;
---12: -.625vw;
---10: -.52083334vw;
---8: -.41666667vw;
---4: -.20833334vw;
---2: -.10416667vw;
---1: -.05208334vw;
--1: .05208333vw;
--2: .10416666vw;
--4: .20833333vw;
--6: .3125vw;
--7: .36458333vw;
--8: .41666666vw;
--9: .46875vw;
--10: .52083333vw;
--12: .625vw;
--14: .72916666vw;
--16: .83333333vw;
--20: 1.04166666vw;
--22: 1.14583333vw;
--24: 1.25vw;
--28: 1.45833333vw;
--30: 1.5625vw;
--32: 1.66666666vw;
--36: 1.875vw;
--40: 2.08333333vw;
--48: 2.5vw;
--52: 2.70833333vw;
--60: 3.125vw;
--64: 3.33333333vw;
--72: 3.75vw;
--80: 4.16666666vw;
--84: 4.375vw;
--96: 5vw;
--109: 5.67708333vw;
--112: 5.83333333vw;
--120: 6.25vw;
--128: 6.66666666vw;
--135: 7.03125vw;
--150: 7.8125vw;
--160: 8.33333333vw;
--168: 8.75vw;
--184: 9.58333333vw;
--200: 10.41666666vw;
--218: 11.35416666vw;
--260: 13.54166666vw;
--272: 14.16666666vw;
--325: 16.92708333vw;
--340: 17.70833333vw;
--509: 26.51041666vw;
--551: 28.69791666vw;
--736: 38.33333333vw;
--1280: 66.66666666vw;
}
}

@media (max-width:1279.98px){
:root{
---40: -3.125vw;
---30: -2.34375vw;
---24: -1.875vw;
---20: -1.5625vw;
---16: -1.25vw;
---12: -.9375vw;
---10: -.78125vw;
---8: -.625vw;
---4: -.3125vw;
---2: -.15625vw;
---1: -.078125vw;
--1: .078125vw;
--2: .15625vw;
--4: .3125vw;
--6: .46875vw;
--7: .546875vw;
--8: .625vw;
--9: .703125vw;
--10: .78125vw;
--12: .9375vw;
--14: 1.09375vw;
--16: 1.25vw;
--20: 1.5625vw;
--22: 1.71875vw;
--24: 1.875vw;
--28: 2.1875vw;
--30: 2.34375vw;
--32: 2.5vw;
--36: 2.8125vw;
--40: 3.125vw;
--48: 3.75vw;
--52: 4.0625vw;
--60: 4.6875vw;
--64: 5vw;
--72: 5.625vw;
--80: 6.25vw;
--84: 6.5625vw;
--96: 7.5vw;
--109: 8.515625vw;
--112: 8.75vw;
--120: 9.375vw;
--128: 10vw;
--135: 10.546875vw;
--150: 11.71875vw;
--160: 12.5vw;
--168: 13.125vw;
--184: 14.375vw;
--200: 15.625vw;
--218: 17.03125vw;
--260: 20.3125vw;
--272: 21.25vw;
--325: 25.390625vw;
--340: 26.5625vw;
--509: 39.765625vw;
--551: 43.046875vw;
--736: 57.5vw;
--1280: 100vw;
}
}

@media (max-width:599.98px){
:root{
---40: -10.66666667vw;
---30: -8vw;
---24: -6.4vw;
---20: -5.33333334vw;
---16: -4.26666667vw;
---12: -3.2vw;
---10: -2.66666667vw;
---8: -2.13333334vw;
---4: -1.06666667vw;
---2: -.53333334vw;
---1: -.26666667vw;
--1: .26666666vw;
--2: .53333333vw;
--4: 1.06666666vw;
--6: 1.6vw;
--7: 1.86666666vw;
--8: 2.13333333vw;
--9: 2.4vw;
--10: 2.66666666vw;
--12: 3.2vw;
--14: 3.73333333vw;
--16: 4.26666666vw;
--20: 5.33333333vw;
--22: 5.86666666vw;
--24: 6.4vw;
--28: 7.46666666vw;
--30: 8vw;
--32: 8.53333333vw;
--36: 9.6vw;
--40: 10.66666666vw;
--48: 12.8vw;
--52: 13.86666666vw;
--60: 16vw;
--64: 17.06666666vw;
--72: 19.2vw;
--80: 21.33333333vw;
--84: 22.4vw;
--96: 25.6vw;
--109: 29.06666666vw;
--112: 29.86666666vw;
--120: 32vw;
--128: 34.13333333vw;
--135: 36vw;
--150: 40vw;
--160: 42.66666666vw;
--168: 44.8vw;
--184: 49.06666666vw;
--200: 53.33333333vw;
--218: 58.13333333vw;
--260: 69.33333333vw;
--272: 72.53333333vw;
--325: 86.66666666vw;
--340: 90.66666666vw;
--509: 135.73333333vw;
--551: 146.93333333vw;
--736: 196.26666666vw;
--1280: 341.33333333vw;
}
body{font-size:var(--14);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.caps{-webkit-text-stroke:var(--1) var(--red);}
h1,.h1{font-size:2.14285714em;}
h2,.h2{font-size:1.85714285em;}
h3,.h3{font-size:1.42857142em;}
h4,.h4{font-size:1.21428571em;}
.big{font-size:1.07142857em;}
.statya-2 h1,.statya-2 .h1{font-size:2em;}
.statya-4 h1,.statya-4 .h1{font-size:2em;}
/* Header */
.header-item{padding:var(--14) 0;}
/* Menu */
.menu{gap:0 var(--12);padding:0 var(--22);height:calc(var(--36) + var(--2));}
.menu a{font-size:.85714285em;white-space:nowrap;}
.logo{width:var(--22);}
/* Content */
.content-container{padding-left:var(--20);padding-right:var(--20);}
.row{margin-left:calc(var(--14) / -2);margin-right:calc(var(--14) / -2);}
.row > *{padding-left:calc(var(--14) / 2);padding-right:calc(var(--14) / 2);}
/* Intro */
.intro-bg{height:90%;}
.intro-title{font-size:.85714285em;}
.intro-content p{font-size:1em;max-width:90%;}
.intro-car{width:63.775%;}
/* Product */
.cloud-1{top:10%;right:0%;width:200%;}
.cloud-2{top:-45%;left:30%;width:300%;}
.product-slider{margin-left:var(---10);margin-right:var(---10);}
.product-slider .swiper-slide{padding-left:var(--10);padding-right:var(--10);}
.product-card-wrap{padding-bottom: calc(var(--24) + var(--1));margin-bottom:var(--16);}
.product-card{padding:var(--40) calc(var(--48) - var(--2) - var(--1)) calc(var(--52) - var(--2));}
.product-card-name{font-size:.85714285em;left:0;right:0;width:100%;height:calc(var(--52) - var(--2));}
.product-but{width:100%;}
.swiper-slide-active .product-card-wrap .spark{-webkit-animation:product-spark .8s normal forwards ease-in-out;animation:product-spark .8s normal forwards ease-in-out;}
.swiper-slide-active .product-card-wrap .spark img{-webkit-animation:product-spark-2 .8s normal forwards ease-in-out;animation:product-spark-2 .8s normal forwards ease-in-out;}
.product-card-wrap img{-webkit-filter:grayscale(0%);filter:grayscale(0%);-webkit-transform:scale(1.02);transform:scale(1.02);}
.product-card-b .product-card{box-shadow:0 var(--4) var(--24) rgba(20,175,228,.45);}
.product-card-r .product-card{box-shadow:0 var(--4) var(--24) rgba(238,51,60,.45);}
.product-card-g .product-card{box-shadow:0 var(--4) var(--24) rgba(95,211,42,.45);}
.product-card-b .product-card:before{border-color:var(--blue);}
.product-card-r .product-card:before{border-color:var(--red);}
.product-card-g .product-card:before{border-color:var(--green);}
.product-card-b .product-card-name{background:var(--blue);}
.product-card-r .product-card-name{background:var(--red);}
.product-card-g .product-card-name{background:var(--green);}
.product-card-b .product-card:after{background:var(--blue);}
.product-card-r .product-card:after{background:var(--red);}
.product-card-g .product-card:after{background:var(--green);}
.product-but{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.product-slider-arrow{display:flex;}
.product-slider .swiper-slide{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-filter .8s,-webkit-transform .8s;transition:filter .8s,transform .8s;transition:filter .8s,transform .8s,-webkit-filter .8s,-webkit-transform .8s;}
.product-slider .swiper-slide.swiper-slide-active{-webkit-filter:grayscale(0%);filter:grayscale(0%);}
/* Article */
.article-item{padding:0 var(--10);}
.article-img{width:auto;margin-left:calc(var(---10) - var(--1));margin-right:calc(var(---10) - var(--1));margin-top:var(---1);margin-bottom:var(--10);}
.article-title{font-size:1.14285714em;}
.article-content p{font-size:1em;}
.article-date{font-size:.85714285em;}
.article-but{margin-left:calc(var(---10) - var(--1));margin-right:calc(var(---10) - var(--1));margin-bottom:var(---1);}
/* Title */
.title{padding-top:var(--112);padding-bottom:calc(var(--48) + var(--2));}
.title h1,.title h1:before,.title h1:after,.title .h1,.title .h1:before,.title .h1:after,.title-mirror,.title-mirror:before,.title-mirror:after{-webkit-text-stroke-width:var(--1);}
.title-mirror:before,.title-mirror:after{transform:scale(1);}
.title-mirror{top:95%;left:3%;filter:blur(calc(var(--1) * 1.5));}
.title p{font-size:1.21428571em;margin-top:var(--14);width:100%;}
.box{padding:var(--12);border-radius:var(--16);}
.box-img{width:auto;margin-left:calc(var(---12) - var(--1));margin-right:calc(var(---12) - var(--1));margin-top:calc(var(---12) - var(--1));margin-bottom:var(--10);border-radius:var(--16);}
.box-img:before{content:'';display:block;width:100%;padding-top:52.08333333%;}
.box-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.box .box-highlight{margin-left:var(---12);margin-right:var(---12);margin-top:var(---12);}
.box-padding{padding:0;}
.box-decor{margin-left:var(---12);width:calc(100% + var(--12));margin-bottom:var(--20);}
.order-md-last .box-decor{margin-right:var(---12);}
/* Box oil */
.box-oil{padding:var(--12);}
.box-oil-img{min-width:calc(var(--150) - var(--6));width:calc(var(--150) - var(--6));height:calc(var(--150) - var(--6));padding-top:0;}
.box-oil-img:before{padding-top:96%;}
.box-oil-title{font-size:1.21428571em;margin-right:0;margin-bottom:0;-webkit-text-stroke-width:var(--1);text-align:right;}
.box-oil-logo{top:-1%;left: -9%;width:78.2738%;}
.box-oil-grid{width:60%;height:50%;}
.box-oil-decor{top:-25%;left:80%;}
/* Footer */
.intro-footer .intro-item{padding-bottom:var(--20);}
.intro-footer .intro-bg{height:100%;top:0%;transition:top 0s 1s,height 0s 1s;}
.ready .intro-footer .intro-bg{height:150%;top:-50%;}
.footer-bg{height:200vh;}
.ready .footer p{font-size:1em;}
.footer p:last-child{margin-top:var(--6);}
/* Sections 1 bg */
.red-decor{filter:blur(var(--218));}
.statya-1 .title-bg img{transform-origin:center bottom;transform:scale(1.4);}
.statya-1 .section-bg-1{top:auto;bottom:-15%;}
.statya-1 .section-bg-2{height:100%;bottom:auto;top:20%;}
.statya-1 .section-bg-2 img{object-position: 60% 50%;}
.statya-1 .section-bg-3{height:50%;bottom:0;}
.statya-1 .section-bg-2 img,.statya-1 .section-bg-3 img{height:100%;object-fit:cover;}
.statya-1 .red-decor{left:-100%;top:10%;width:200%;}
.statya-1 .red-decor:before{padding-top:250%;}
.statya-1 .cloud-decor-1{width:128%;bottom:70%;top:auto;left:-75%;opacity:.6;transform:rotate(7deg);}
.statya-1 .cloud-decor-1 img{transform:scaleX(-1);}
.statya-1 .cloud-decor-2{display:none;}
.statya-1 .cloud-decor-3{width:495%;top:40%;transform:rotate(0deg) translateX(-50%);left:50%;}
.statya-1 .cloud-decor-4{display:none;}
.statya-1 .cloud-decor-5{display:none;}
.statya-1 .cloud-decor-6{display:none;}
.statya-1 .cloud-decor-7{width:495%;top:57%;opacity:.6;transform:rotate(0deg) translateX(-50%);left:50%;}
.statya-1 .cloud-decor-8{display:none;}
.statya-1 .cloud-decor-9{display:none;}
.statya-1 .footer-bg{padding-top:483%;}
.statya-1 .footer-bg img{object-position:95% center;}
/* Sections 2 bg */
.statya-2 .title-bg{left:-40%;width:140%;}
.statya-2 .section-bg-1{top:-20%;height:100%;}
.statya-2 .section-bg-1 img{height:100%;object-fit:cover;}
.statya-2 .section-bg-2{top:-10%;height:300vh;}
.statya-2 .section-bg-2 img{height:100%;object-fit:cover;}
.statya-2 .section-bg-3{top:-30%;bottom:auto;height:300vh;}
.statya-2 .section-bg-3 img{height:100%;object-fit:cover;}
.statya-2 .red-decor{left:-150%;top:55%;width:300%;}
.statya-2 .red-decor:before{padding-top:95%;}
.statya-2 .cloud-decor-1{top:-20%;left:-18%;width:60%;}
.statya-2 .cloud-decor-2{top:46%;right:-44%;width:110%;}
.statya-2 .cloud-decor-3{display:none;}
.statya-2 .cloud-decor-4{display:none;}
.statya-2 .cloud-decor-5{display:none;}
.statya-2 .cloud-decor-6{display:none;}
.statya-2 .cloud-decor-7{display:none;}
.statya-2 .cloud-decor-8{display:block;width:370%;left:50%;top:50%;transform:translateX(-50%) rotate(-30deg);}
/* Sections 3 bg */
.statya-3 .title-bg{height:112%;}
.statya-3 .section-bg-1{height:122%;}
.statya-3 .section-bg-1 img{height:100%;object-fit:cover;object-position:left center;}
.statya-3 .section-bg-2{top:-10%;height:76%;}
.statya-3 .section-bg-2 img{height:100%;object-fit:cover;object-position:90% center;}
.statya-3 .section-bg-3{top:-50%;height:162%;}
.statya-3 .section-bg-3 img{height:100%;object-fit:cover;object-position:25% center;}
.statya-3 .section-bg-4{top:20%;height:55%;}
.statya-3 .section-bg-4 img{height:100%;object-fit:cover;object-position:64% center;}
.statya-3 .section-bg-5{top:-53%;height:125%;}
.statya-3 .section-bg-5 img{height:100%;object-fit:cover;object-position:25% center;}
.statya-3 .red-decor{width:222%;left:-85%;top:-1%;}
.statya-3 .red-decor-2{display:none;}
.statya-3 .cloud-decor-1{top:-10%;left:-44%;width:120%;}
.statya-3 .cloud-decor-2{top:46%;right:-44%;width:110%;}
.statya-3 .cloud-decor-3{display:none;}
.statya-3 .cloud-decor-4{display:none;}
.statya-3 .footer-bg img{object-position:29% bottom;}
/* Sections 4 bg */
.statya-4 .title-bg{height:115%;}
.statya-4 .title-bg:after{height:50%;}
.statya-4 .section-bg-1{height:94%;}
.statya-4 .section-bg-1 img{height:100%;object-fit:cover;object-position:100% center;}
.statya-4 .section-bg-2{height:100%;}
.statya-4 .section-bg-2 img{height:100%;object-fit:cover;object-position:74% center;}
.statya-4 .section-bg-3{top:-30%;height:240%;}
.statya-4 .section-bg-3 img{height:100%;object-fit:cover;}
.statya-4 .section-bg-4{top:auto;bottom:29%;height:35%;}
.statya-4 .section-bg-4 img{height:100%;object-fit:cover;object-position:38% center;}
.statya-4 .red-decor{width:222%;left:-85%;top:21%;}
.statya-4 .red-decor-2{display:none;}
.statya-4 .cloud-decor-1{top:-13%;left:-49%;opacity:.7;width:112%;transform:rotate(-16deg) scaleY(-1);}
.statya-4 .cloud-decor-2{top:35%;left:auto;right:-50%;opacity:.5;width:105%;transform:rotate(-22deg);}
.statya-4 .cloud-decor-3{display:none;}
.statya-4 .cloud-decor-4{display:none;}
.statya-4 .footer-bg {height:255vw;-webkit-mask-image:linear-gradient(transparent,black 10%);mask-image:linear-gradient(transparent,black 10%);}
.statya-4 .footer-bg img{object-position:97.5% bottom;}
/* Splash */
.intro-splash h1,.intro-splash .h1{font-size:2.57142857em;margin-right:auto;margin-left:auto;width:90%;text-align:center;padding-bottom:40%;}
/* Margin */
.white-stroke{-webkit-text-stroke-color:var(--white);}
.mb-m-60{margin-bottom:var(--60);}
.mb-m-50{margin-bottom:calc(var(--48) + var(--2));}
.mb-m-40{margin-bottom:var(--40);}
.mb-m-30{margin-bottom:var(--30);}
.mb-m-20{margin-bottom:var(--20);}
.mb-m-14{margin-bottom:var(--14);}
.mb-m-10{margin-bottom:var(--10);}
}