@import"https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap";*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins}.hero{background-color:transparent;padding:0;display:flex;align-items:center;height:auto;position:relative}.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6{margin-top:10px;margin-bottom:10px;font-weight:500;line-height:1.1}.hero *,.hero :after,.hero :before{box-sizing:border-box}.hero .Typewriter{margin-bottom:35px;font-size:30px;margin-top:20px}.hero .Typewriter span{color:#fff;font-size:50px;font-family:Poppins;font-weight:700}.hero .Typewriter span.typed-cursor{color:#eb83f8}.hero .Typewriter .typed-cursor{-webkit-animation:Typewriter-cursor 1s infinite;animation:Typewriter-cursor 1s infinite;margin-left:1px}.hero .inner{z-index:10;padding:50px;position:relative;left:20%;margin-top:10%}.hero .background{z-index:2;background:linear-gradient(-45deg,#feadb6,#e73c7e,#7bd9ff,#23d5ab);background-size:400% 400%;animation:gradient 25s ease infinite;position:absolute;top:0;height:600px;left:0;right:0;overflow:visible;transform-origin:0;transform:skewY(-8deg);opacity:.9}.hero .video-background{z-index:1;position:absolute;top:0;height:600px;left:0;right:0;overflow:hidden;transform-origin:0;transform:skewY(-8deg)}.hero .video-background #bgndVideo{transform:skewY(8deg)}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}.hero .float-image{position:absolute;-o-object-fit:cover;object-fit:cover;width:50px}.hero .particles{position:absolute;bottom:0;top:0;left:0;right:0;z-index:5}.hero .float-image.move-up-alternative{animation:up 9s infinite alternate}.hero .float-image.move-up{animation:up 4s infinite alternate}.hero .float-image.move-down-alternative{animation:down 7s infinite alternate}.hero .float-image.move-down{animation:down 5s infinite alternate}@keyframes up{0%{transform:translateY(0)}to{transform:translateY(-70px)}}@keyframes down{0%{transform:translateY(0)}to{transform:translateY(50px)}}.hero .feature-1{position:absolute;width:574px;height:40px;right:0;bottom:-39px;background-color:#eb83f8;background-color:#0048e5}.hero .feature-2{position:absolute;width:160px;height:20px;right:200px;bottom:-40px;background-color:#fd67d5}.hero .feature-3{position:absolute;width:160px;height:20px;right:200px;bottom:-59px;background-color:#66f9fa}.hero .hover-button{cursor:pointer;overflow:visible;position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:50px;background:#000;text-decoration:none;text-transform:uppercase;text-align:center;line-height:50px;color:#fff;font-size:20px;font-family:verdana;letter-spacing:4px;border:none;margin:0;font:inherit}.hero .hover-button span{font-size:15px;color:#fff}.hero .hover-button span:after,.hero .hover-button span:before{content:"";position:absolute;width:10px;height:10px;transition:1s;mix-blend-mode:hue}.hero .hover-button span:before{bottom:-4px;left:-4px;background:#fff}.hero .hover-button span:after{bottom:-4px;right:-4px;background:#eb83f8}.hero .hover-button:after,.hero .hover-button:before{content:"";position:absolute;width:10px;height:10px;transition:1s;mix-blend-mode:hue}.hero .hover-button:before{top:-4px;left:-4px;background:#eb83f8}.hero .hover-button:after{top:-4px;right:-4px;background:#fff}.hero .hover-button:hover:after,.hero .hover-button:hover:before,.hero .hover-button:hover span:after,.hero .hover-button:hover span:before{width:90px;height:25px}.hero .hover-button:focus{outline:none}.hero .hover-button.error:after,.hero .hover-button.error:before,.hero .hover-button.error span:after,.hero .hover-button.error span:before{background-color:red}.hero .glitch{position:relative;color:#fff;font-size:100px;font-weight:900;font-family:Poppins;animation:glitch-skew 20s linear infinite alternate-reverse;line-height:100px;margin-bottom:10px}.hero .glitch:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 10s linear infinite alternate-reverse}.hero .glitch:after,.hero .glitch:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%}.hero .glitch:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 5s linear infinite alternate-reverse}.hero .line-text p{color:#fff;font-family:Poppins;font-size:22px;position:relative;left:110px;flex-basis:inherit}.hero .line-text p:after{content:"";height:3px;width:90px;display:block;background-color:#eb83f8;position:absolute;left:-108px;top:11px}.hero .line-text h4{color:#fff;font-family:Poppins;font-size:22px;position:relative;left:110px;flex-basis:inherit}.hero .line-text h4:after{content:"";height:3px;width:90px;display:block;background-color:#eb83f8;position:absolute;left:-108px;top:11px}@keyframes glitch-anim{0%{clip:rect(85px,9999px,45px,0);transform:skew(.54deg)}5%{clip:rect(68px,9999px,61px,0);transform:skew(.12deg)}10%{clip:rect(78px,9999px,54px,0);transform:skew(.64deg)}15%{clip:rect(13px,9999px,72px,0);transform:skew(.84deg)}20%{clip:rect(91px,9999px,24px,0);transform:skew(.54deg)}25%{clip:rect(42px,9999px,28px,0);transform:skew(.97deg)}30%{clip:rect(97px,9999px,13px,0);transform:skew(1deg)}35%{clip:rect(92px,9999px,64px,0);transform:skew(.26deg)}40%{clip:rect(88px,9999px,48px,0);transform:skew(.86deg)}45%{clip:rect(90px,9999px,24px,0);transform:skew(.82deg)}50%{clip:rect(81px,9999px,5px,0);transform:skew(.96deg)}55%{clip:rect(45px,9999px,78px,0);transform:skew(.05deg)}60%{clip:rect(90px,9999px,99px,0);transform:skew(.2deg)}65%{clip:rect(16px,9999px,66px,0);transform:skew(.39deg)}70%{clip:rect(72px,9999px,82px,0);transform:skew(.56deg)}75%{clip:rect(8px,9999px,8px,0);transform:skew(.81deg)}80%{clip:rect(37px,9999px,62px,0);transform:skew(.24deg)}85%{clip:rect(62px,9999px,59px,0);transform:skew(.47deg)}90%{clip:rect(77px,9999px,14px,0);transform:skew(.39deg)}95%{clip:rect(99px,9999px,91px,0);transform:skew(.9deg)}to{clip:rect(78px,9999px,30px,0);transform:skew(.51deg)}}@keyframes glitch-anim2{0%{clip:rect(55px,9999px,29px,0);transform:skew(.59deg)}5%{clip:rect(55px,9999px,30px,0);transform:skew(.49deg)}10%{clip:rect(69px,9999px,5px,0);transform:skew(.06deg)}15%{clip:rect(16px,9999px,58px,0);transform:skew(.41deg)}20%{clip:rect(42px,9999px,8px,0);transform:skew(.57deg)}25%{clip:rect(46px,9999px,36px,0);transform:skew(.71deg)}30%{clip:rect(39px,9999px,33px,0);transform:skew(.09deg)}35%{clip:rect(69px,9999px,81px,0);transform:skew(.3deg)}40%{clip:rect(73px,9999px,20px,0);transform:skew(.71deg)}45%{clip:rect(94px,9999px,90px,0);transform:skew(.32deg)}50%{clip:rect(54px,9999px,93px,0);transform:skew(.16deg)}55%{clip:rect(60px,9999px,12px,0);transform:skew(.05deg)}60%{clip:rect(69px,9999px,69px,0);transform:skew(.03deg)}65%{clip:rect(16px,9999px,43px,0);transform:skew(.69deg)}70%{clip:rect(69px,9999px,55px,0);transform:skew(.97deg)}75%{clip:rect(11px,9999px,39px,0);transform:skew(.05deg)}80%{clip:rect(2px,9999px,41px,0);transform:skew(.27deg)}85%{clip:rect(62px,9999px,72px,0);transform:skew(.46deg)}90%{clip:rect(39px,9999px,94px,0);transform:skew(.45deg)}95%{clip:rect(43px,9999px,65px,0);transform:skew(.63deg)}to{clip:rect(67px,9999px,57px,0);transform:skew(.33deg)}}@keyframes glitch-skew{0%{transform:skew(-3deg)}10%{transform:skew(-4deg)}20%{transform:skew(1deg)}30%{transform:skew(4deg)}40%{transform:skew(2deg)}50%{transform:skew(-3deg)}60%{transform:skew(1deg)}70%{transform:skew(5deg)}80%{transform:skew(0)}90%{transform:skew(4deg)}to{transform:skew(5deg)}}@media (min-width:0px) and (max-width:320px){.hero .Typewriter{margin-bottom:35px}.hero .Typewriter span{font-size:22px}.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6{margin-top:5px;margin-bottom:5px;line-height:1.1}.hero .inner{padding:50px 10px;left:0%;margin-top:25%}.hero .background{background-size:400% 400%;top:0;height:400px;left:0;right:0}.hero .video-background{top:0;height:400px;left:0;right:0}.hero .video-background .inline-YTPlayer{height:400px!important}.hero .video-background .inline-YTPlayer .mb_YTPlayer{padding-bottom:150%!important}.hero .video-background .inline-YTPlayer .mb_YTPlayer .mbYTP_wrapper .playerBox{width:736px!important;height:532px!important;top:0!important;left:-112px!important;margin-left:-100px!important;margin-top:-48px!important}.hero .float-image{width:50px}.hero .line-text{overflow:hidden}.hero .particles{bottom:0;top:0;left:0;right:0;overflow:hidden}.hero .particles .particle-2,.hero .particles .particle-4,.hero .particles .particle-5,.hero .particles .particle-6,.hero .particles .particle-9,.hero .particles .particle-10{display:none}.hero .feature-1{width:574px;height:40px;right:0;bottom:-39px}.hero .feature-2{width:160px;height:20px;right:200px;bottom:-40px}.hero .feature-3{width:160px;height:20px;right:200px;bottom:-59px}.hero .hover-button{margin-right:10px;width:180px;height:50px;line-height:50px;font-size:20px}.hero .hover-button span{font-size:15px}.hero .hover-button:hover:after,.hero .hover-button:hover:before,.hero .hover-button:hover span:after,.hero .hover-button:hover span:before{width:90px;height:25px}.hero .glitch{font-size:50px;line-height:50px;margin-bottom:10px}.hero .glitch:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0)}.hero .glitch:after,.hero .glitch:before{top:0}.hero .glitch:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1}.hero .line-text p{font-size:22px;left:110px}.hero .line-text p:after{height:3px;width:90px;left:-108px;top:11px}.hero .line-text h4{font-size:18px;left:98px}.hero .line-text h4:after{height:3px;width:90px;left:-98px;top:8px}}@media (min-width:321px) and (max-width:425px){.hero .Typewriter{margin-bottom:35px}.hero .Typewriter span{font-size:22px}.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6{margin-top:5px;margin-bottom:5px;line-height:1.1}.hero .inner{padding:50px 10px;left:10%;margin-top:15%}.hero .background{background-size:400% 400%;top:0;height:400px;left:0;right:0}.hero .video-background{top:0;height:400px;left:0;right:0}.hero .video-background .inline-YTPlayer{height:400px!important}.hero .video-background .inline-YTPlayer .mb_YTPlayer{padding-bottom:150%!important}.hero .video-background .inline-YTPlayer .mb_YTPlayer .mbYTP_wrapper .playerBox{width:736px!important;height:532px!important;top:0!important;left:-112px!important;margin-left:-100px!important;margin-top:-48px!important}.hero .line-text{overflow:hidden}.hero .particles{bottom:0;top:0;left:0;right:0;overflow:hidden}.hero .particles .particle-2,.hero .particles .particle-4,.hero .particles .particle-5,.hero .particles .particle-6,.hero .particles .particle-9,.hero .particles .particle-10{display:none}.hero .feature-1{width:574px;height:40px;right:0;bottom:-39px}.hero .feature-2{width:160px;height:20px;right:200px;bottom:-40px}.hero .feature-3{width:160px;height:20px;right:200px;bottom:-59px}.hero .hover-button{margin-right:10px;width:180px;height:50px;line-height:50px;font-size:20px}.hero .glitch{font-size:50px;line-height:50px;margin-bottom:10px}.hero .line-text p{font-size:22px;left:110px}.hero .line-text p:after{height:3px;width:90px;left:-108px;top:11px}.hero .line-text h4{font-size:18px;left:98px}.hero .line-text h4:after{height:3px;width:90px;left:-98px;top:8px}}@media (min-width:426px) and (max-width:768px){.hero .Typewriter{margin-bottom:35px}.hero .Typewriter span{font-size:22px}.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6{margin-top:5px;margin-bottom:5px;line-height:1.1}.hero .inner{padding:50px 10px;left:20%;margin-top:10%}.hero .background{background-size:400% 400%;top:0;height:400px;left:0;right:0}.hero .video-background{top:0;height:400px;left:0;right:0}.hero .video-background .inline-YTPlayer{height:400px!important}.hero .video-background .inline-YTPlayer .mb_YTPlayer{padding-bottom:100%!important}.hero .video-background .inline-YTPlayer .mb_YTPlayer .mbYTP_wrapper .playerBox{width:1000px!important;height:563px!important;top:0!important;left:-48px!important;margin-left:-100px!important;margin-top:-48px!important}.hero .line-text{overflow:hidden}.hero .particles{bottom:0;top:0;left:0;right:0;overflow:hidden}.hero .particles .particle-2,.hero .particles .particle-4,.hero .particles .particle-5,.hero .particles .particle-9,.hero .particles .particle-10{display:none}.hero .feature-1{width:574px;height:40px;right:0;bottom:-39px}.hero .feature-2{width:160px;height:20px;right:200px;bottom:-40px}.hero .feature-3{width:160px;height:20px;right:200px;bottom:-59px}.hero .hover-button{margin-right:10px;width:180px;height:50px;line-height:50px;font-size:20px}.hero .glitch{font-size:50px;line-height:50px;margin-bottom:10px}.hero .line-text p{font-size:22px;left:110px}.hero .line-text p:after{height:3px;width:90px;left:-108px;top:11px}.hero .line-text h4{font-size:18px;left:98px}.hero .line-text h4:after{height:3px;width:90px;left:-98px;top:8px}}@media (min-width:769px) and (max-width:1024px){.hero .inner{padding:50px;left:20%;margin-top:12%}.hero .Typewriter{margin-bottom:35px}.hero .Typewriter span{font-size:35px}.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6{margin-top:10x;margin-bottom:10px;line-height:1.1}.hero .glitch{font-size:75px;line-height:75px;margin-bottom:10px}.hero .line-text p{font-size:22px;left:110px}.hero .line-text p:after{height:3px;width:90px;left:-108px;top:11px}.hero .line-text h4{font-size:22px;left:110px}.hero .line-text h4:after{height:3px;width:90px;left:-108px;top:11px}.hero .background{background-size:400% 400%;top:0;height:500px;left:0;right:0}.hero .video-background{top:0;height:500px;left:0;right:0}.hero .video-background .inline-YTPlayer{height:500px!important}.hero .video-background .inline-YTPlayer .mb_YTPlayer{padding-bottom:93%!important}.hero .video-background .inline-YTPlayer .mb_YTPlayer .mbYTP_wrapper .playerBox{width:130%!important;height:130%!important;top:0!important;left:0!important;margin-left:-15%!important;margin-top:-24%!important}.hero .line-text{overflow:hidden}.hero .particles{bottom:0;top:0;left:0;right:0;overflow:hidden}.hero .particles .particle-2,.hero .particles .particle-4,.hero .particles .particle-5,.hero .particles .particle-9{display:none}.hero .feature-1{width:574px;height:40px;right:0;bottom:-39px}.hero .feature-2{width:160px;height:20px;right:200px;bottom:-40px}.hero .feature-3{width:160px;height:20px;right:200px;bottom:-59px}.hero .hover-button{margin-right:10px;width:180px;height:50px;line-height:50px;font-size:20px}}@media (min-width:1025px){.hero .Typewriter{margin-bottom:35px}.hero .Typewriter span{font-size:50px}.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6{margin-top:10x;margin-bottom:10px;line-height:1.1}.hero .inner{padding:50px;left:20%;margin-top:6%}.hero .background{background-size:400% 400%;top:-60px;height:600px;left:0;right:0}.hero .video-background{top:0;height:600px;left:0;right:0}.hero .video-background .inline-YTPlayer .mb_YTPlayer{padding-bottom:72%!important}.hero .line-text{overflow:hidden}.hero .particles{bottom:0;top:0;left:0;right:0;overflow:hidden}.hero .feature-1{width:574px;height:40px;right:0;bottom:-39px}.hero .feature-2{width:160px;height:20px;right:200px;bottom:-40px}.hero .feature-3{width:160px;height:20px;right:200px;bottom:-59px}.hero .hover-button{margin-right:10px;width:180px;height:50px;line-height:50px;font-size:20px}.hero .glitch{font-size:100px;line-height:100px;margin-bottom:10px}.hero .line-text p{font-size:22px;left:110px}.hero .line-text p:after{height:3px;width:90px;left:-108px;top:11px}.hero .line-text h4{font-size:22px;left:110px}.hero .line-text h4:after{height:3px;width:90px;left:-108px;top:11px}}@media (min-width:1921px){.hero .inner{padding:50px;left:30%;margin-top:5%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-header.css.map */
