@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100);div,h1,h2,h3,h4,li,p,ul{margin:0;padding:0}.loading-page{background:#171717;left:0;top:0;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-page .counter{text-align:center}.loading-page .counter p{font-size:40px;font-weight:600;color:#fff}.loading-page .counter h1{color:#fff;font-weight:200;font-size:60px;margin-top:-10px}@media (max-width:540px){.loading-page .counter h1{font-size:40px}}.loading-page .counter hr{background:#0061a8;border:none;height:2px}.loading-page .counter{position:relative;width:auto}.loading-page .counter h1.abs{position:absolute;top:0;width:100%}.loading-page .counter .color{width:0;overflow:hidden;color:#f60d54}.animate-char{display:inline-block;opacity:0;animation:appear .8s forwards}@keyframes appear{to{opacity:1}}@import url("https://fonts.googleapis.com/css?family=Bungee+Inline");#demo{display:flex;justify-content:center;align-items:center;top:0;left:0;height:-moz-fit-content;height:fit-content;width:100%}.letter-c{font-size:8vw;font-weight:200}.color1{color:tomato}.color2{color:#aa0555}.color3{color:#ff1493}.color4{color:#09a}.color5{color:#0a8}.letter-container span{opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.color1{animation-delay:3s}.color2{animation-delay:3.5s}.color3{animation-delay:4s}.color4{animation-delay:4.5s}.color5{animation-delay:5s}.bigger{margin:0;font-size:60px;font-weight:800;padding:20px;text-transform:uppercase;color:#202020;display:inline-block;position:relative}@media (max-width:540px){.bigger{font-size:30px}}.text{max-width:600px;width:100%;line-height:24px;text-align:left;color:#404040;padding:20px}.text.txt-center{text-align:center}.text a{color:#0fe4d2}.has-animation{position:relative}.has-animation img,.has-animation p{opacity:0}.has-animation.animate-in img,.has-animation.animate-in p{animation:textHidden .1s 1.1s forwards}.has-animation.animate-in:after,.has-animation.animate-in:before{content:"";position:absolute;top:0;right:0;height:100%;z-index:10}.has-animation.animate-in:before{background-color:#0fe4d2}.has-animation.animate-in:after{background-color:#202020;animation-delay:.5s}.has-animation.animation-ltr.animate-in:before{animation:revealLTR 1.8s ease}.has-animation.animation-ltr.animate-in:after{animation:revealLTR 1s ease .6s}.has-animation.animation-rtl.animate-in:before{animation:revealRTL 1.8s ease}.has-animation.animation-rtl.animate-in:after{animation:revealRTL 1s ease .6s}@keyframes revealRTL{0%{width:0;right:0}65%{width:100%;right:0}to{width:0;right:100%}}@keyframes revealLTR{0%{width:0;left:0}65%{width:100%;left:0}to{width:0;left:100%}}@keyframes textHidden{0%{opacity:0}to{opacity:1}}.tlt{color:#202020}.logo{color:#0d0d0d;letter-spacing:2px}:root{--dttrshapeWidth:200px;--dttrshapeHeight:200px;--dttrPosX:30vw;--dttrPosY:40vh;--dttrBgColorStart:#95c3dc;--dttrBgColorEnd:#dc95d5;--dttrMoveX:calc(100vw - var(--dttrshapeWidth));--dttrMoveY:0px;--dttlshapeWidth:75px;--dttlshapeHeight:75px;--dttlPosX:60vw;--dttlPosY:40vh;--dttlBgColorStart:#e6770e;--dttlBgColorEnd:#fedabf;--dttlMoveX:0px;--dttlMoveY:0px;--dtbrshapeWidth:175px;--dtbrshapeHeight:175px;--dtbrPosX:60vw;--dtbrPosY:60vh;--dtbrBgColorStart:rgba(255,0,0,.2);--dtbrBgColorEnd:rgba(0,117,255,.2);--dtbrMoveX:calc(100vw - var(--dtbrshapeWidth));--dtbrMoveY:calc(100vh - var(--dtbrshapeWidth));--dtblshapeWidth:125px;--dtblshapeHeight:125px;--dtblPosX:50vw;--dtblPosY:50vh;--dtblBgColorStart:rgba(97,32,202,.5);--dtblBgColorEnd:rgba(202,32,63,.5);--dtblMoveX:0px;--dtblMoveY:calc(100vh - var(--dtblshapeWidth));--cttshapeWidth:175px;--cttshapeHeight:175px;--cttPosX:30vw;--cttPosY:50vh;--cttBgColorStart:rgba(247,155,68,.4);--cttBgColorEnd:rgba(125,68,247,.4);--cttMoveYTop:calc(60vh - var(--cttshapeWidth));--cttMoveXTop:calc(60vw - var(--cttshapeHeight))}body{margin:0;padding:0}.hero-section-wrap{margin:0;padding:0;height:auto;width:100vw;position:relative}.item{position:relative;width:100%;border:1px solid red}.box{width:var(--shapeWidth);height:var(--shapeHeight);border-radius:50%;position:absolute;filter:blur(50px)}.diagnoal-top-to-right{z-index:5;width:var(--dttrshapeWidth);height:var(--dttrshapeHeight);background-color:var(--dttrBgColorStart);transform:translate(var(--dttrPosX),var(--dttrPosY));animation:svgfade 2.5s ease-in-out 1,diagnoal-top-to-right-move 2.5s cubic-bezier(.04,.79,.49,.93) 2.5s 1,diagnoal-top-to-right-color 2.5s ease-in-out 5s infinite}@keyframes diagnoal-top-to-right-move{0%{transform:translate(var(--dttrPosX),var(--dttrPosY))}to{transform:translate(var(--dttrMoveX),var(--dttrMoveY))}}@keyframes diagnoal-top-to-right-color{0%,to{transform:translate(var(--dttrMoveX),var(--dttrMoveY));background-color:var(--dttrBgColorStart)}50%{transform:translate(var(--dttrMoveX),var(--dttrMoveY));background-color:var(--dttrBgColorEnd)}}.diagnoal-top-to-left{z-index:4;width:var(--dttlshapeWidth);height:var(--dttlshapeHeight);background-color:var(--dttlBgColorStart);transform:translate(var(--dttlPosX),var(--dttlPosY));animation:svgfade 2.5s ease-in-out 1,diagnoal-top-to-left-move 2.5s cubic-bezier(.04,.79,.49,.93) 2.5s 1,diagnoal-top-to-left-color 2.5s ease-in-out 5s infinite}@keyframes diagnoal-top-to-left-move{0%{transform:translate(var(--dttlPosX),var(--dttlPosY))}to{transform:translate(var(--dttlMoveX),var(--dttlMoveY))}}@keyframes diagnoal-top-to-left-color{0%,to{transform:translate(var(--dttlMoveX),var(--dttlMoveY));background-color:var(--dttlBgColorStart)}50%{transform:translate(var(--dttlMoveX),var(--dttlMoveY));background-color:var(--dttlBgColorEnd)}}.diagnoal-bottom-to-right{z-index:3;width:var(--dtbrshapeWidth);height:var(--dtbrshapeHeight);background-color:var(--dtbrBgColorStart);transform:translate(var(--dttlPosX),var(--dttlPosY));animation:svgfade 2.5s ease-in-out 1,diagnoal-bottom-to-right-move 2.5s cubic-bezier(.04,.79,.49,.93) 2.5s 1,diagnoal-bottom-to-right-color 2.5s ease-in-out 5s infinite}@keyframes diagnoal-bottom-to-right-move{0%{transform:translate(var(--dtbrPosX),var(--dtbrPosY))}to{transform:translate(var(--dtbrMoveX),var(--dtbrMoveY))}}@keyframes diagnoal-bottom-to-right-color{0%,to{transform:translate(var(--dtbrMoveX),var(--dtbrMoveY));background-color:var(--dtbrBgColorStart)}50%{transform:translate(var(--dtbrMoveX),var(--dtbrMoveY));background-color:var(--dtbrBgColorEnd)}}.diagnoal-bottom-to-left{z-index:2;width:var(--dtblshapeWidth);height:var(--dtblshapeHeight);background-color:var(--dtblBgColorStart);transform:translate(var(--dtblPosX),var(--dtblPosY));animation:svgfade 2.5s ease-in-out 1,diagnoal-bottom-to-left-move 2.5s cubic-bezier(.04,.79,.49,.93) 2.5s 1,diagnoal-bottom-to-left-color 2.5s ease-in-out 5s infinite}@keyframes diagnoal-bottom-to-left-move{0%{transform:translate(var(--dtblPosX),var(--dtblPosY))}to{transform:translate(var(--dtblMoveX),var(--dtblMoveY))}}@keyframes diagnoal-bottom-to-left-color{0%,to{transform:translate(var(--dtblMoveX),var(--dtblMoveY));background-color:var(--dtblBgColorStart)}50%{transform:translate(var(--dtblMoveX),var(--dtblMoveY));background-color:var(--dtblBgColorEnd)}}.center-to-top{z-index:1;width:var(--cttshapeWidth);height:var(--cttshapeHeight);background-color:var(--cttBgColorStart);transform:translate(var(--cttPosX),var(--cttPosY));animation:svgfade 2.5s ease-in-out 1,center-to-top-move 2.5s cubic-bezier(.04,.79,.49,.93) 2.5s 1,center-to-top-color 2.5s ease-in-out 5s infinite}@keyframes center-to-top-move{0%{transform:translate(var(--cttPosX),var(--cttPosY))}to{transform:translate(var(--cttMoveXTop),var(--cttMoveYTop))}}@keyframes center-to-top-color{0%,to{transform:translate(var(--cttMoveXTop),var(--cttMoveYTop));background-color:var(--cttBgColorStart)}50%{transform:translate(var(--cttMoveXTop),var(--cttMoveYTop));background-color:var(--cttBgColorEnd)}}@keyframes svgfade{0%{opacity:0}to{opacity:1}}.parti{position:absolute;height:100%;width:100%}