.menu{position:absolute;width:200px;height:200px;display:flex;justify-content:center;align-items:center;top:-70px;z-index:500;opacity:0;transform:scale(.5);transition:all 1s ease 0s}
.menu.on{opacity:1;transform:translateY(125px) scale(1)}.menu li{position:absolute;left:0;list-style:none;transform-origin:100px;transition:.5s;transition-delay:calc(0.1s * var(--i));transform:rotate(0) translateX(80px)}
.menu.active li{transform:rotate(calc(360deg / 8 * var(--i)))}.menu li a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:50%;transform:rotate(calc(360deg / -8 * var(--i)));box-shadow:0 3px 4px rgba(0,0,0,0.15);color:red;transition:.5s}
.menu li a:hover{background:#0f0;color:#fff}.toggle{position:absolute;width:60px;height:60px;background:#fff;display:flex;justify-content:center;align-items:center;z-index:10000;border-radius:50%;cursor:pointer;font-size:2em;transition:1.25s}
.toggleShade{position:absolute;width:60px;height:60px;display:flex;z-index:9000;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,0.15)}
.menu.active .toggle{transform:rotate(315deg)}nav{display:flex;justify-content:space-around;position:fixed;z-index:1;pointer-events:all;opacity:1;height:60px;width:300px;margin:auto;right:50px;display:flex;align-items:center;top:20px;width:500px}
.navBacker{position:absolute;height:100%;width:100%;margin:auto;background-color:#fff;filter:blur(8px)}
.nav-items{display:flex;width:100%;list-style:none;justify-content:space-around}.slink{text-decoration:none;color:#0540b6;position:relative;cursor:pointer}
.slink::after{box-sizing:border-box;content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:currentColor;color:#112e6a;transform:scaleX(0);transform-origin:right;transition:transform 250ms ease-in}
.slink:hover::after{transform:scaleX(1);transform-origin:left;box-sizing:border-box}
.linc{position:absolute;height:30px;width:30px;visibility:transparent;transform:translate(-2px,-3px)}
#AcqBx{position:relative;background-color:rgba(255,0,0,0.68);padding:.2em 1em;transform:translateY(-.2em);border-radius:10px}
#AcqBx p{color:white}#scrollDots{position:absolute;top:50%;transform:translateY(-50%);right:10px;z-index:200;width:auto;height:auto}
.scroll-dots-mobile>div span{display:none}@media(max-width:1024px){}.scroll-dots{position:relative;height:8px;width:12px;border-radius:50%;background:linear-gradient(145deg,#e6e6e6,#fff);box-shadow:3px 3px 10px #d9d9d9,-3px -3px 10px #fff;margin:22px 0 22px;cursor:pointer;transition:all 500ms ease-out 100ms;text-decoration:none}
.scroll-dots:hover{border-radius:150px;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:-1px -1px 0 rgba(43,92,184,0.678),1px 1px 0 rgba(0,0,0,.10),3px 3px 3px rgba(0,0,0,.05),10px 10px 20px rgba(0,0,0,.1);text-decoration:none}
.scroll-dots.on{transform:scale(1.5);background:linear-gradient(145deg,#beceeb,rgba(70,136,223,0.5));box-shadow:2px 2px 4px #bdddfa,-2px -2px 4px #bce1f6;text-decoration:none}
.scroll-dots.is-dark{background:linear-gradient(145deg,#a0b0c6,#bed1eb);box-shadow:2px 2px 4px #97a6bb,-2px -2px 4px #cde0fd;transition:500ms ease-out 100ms}
.scroll-dots.is-dark:hover{background:linear-gradient(145deg,#bed1eb,#a0b0c6);box-shadow:2px 2px 4px #97a6bb,-2px -2px 4px #cde0fd}
#btnsWraper{z-index:9800;position:fixed;right:20px;top:50%;transform:translateY(-50%);height:300px;width:90px;opacity:1;perspective:(500px);perspective-origin:left;transform-style:preserve-3d}
#nexBtns{opacity:1;position:absolute;top:50%;transform:translate3d(0,-50%,50px) rotateY(-40deg);height:auto;width:auto;z-index:5001;font-size:2em;display:grid;align-content:center;justify-content:center}
#nexBtns.off{position:absolute}.shy{display:inline-block;width:auto;height:auto;margin:auto}
.last{position:relative;text-decoration:none;border-radius:.3em;padding-top:.2em;padding-right:.15em;padding-bottom:.2em;padding-left:.3em;z-index:5002;overflow:hidden;box-shadow:-1px -1px 0 rgba(255,255,255,.8),1px 1px 0 rgba(0,0,0,.10),3px 3px 3px rgba(0,0,0,.05),10px 10px 20px rgba(0,0,0,.1);transition:400ms ease-in 100ms;opacity:1}
.last::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent);transition:.5s;transition-delay:200ms}
.last:hover::after{left:100%}#last{display:inline-block;width:auto}#StartBtn{z-index:1000;opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-block;width:auto;border-width:0 2px 2px 0;font-size:2.5em}
#StartBtn.start{transition-delay:300ms;opacity:1}.glass{position:absolute;display:block;transition:.5s ease;background:rgb(134,182,226,.7)}
.last .glass:nth-child(1){top:0;left:0;width:0;height:1px}.last:hover .glass:nth-child(1){width:100%;transform:translateX(100%)}
.last .glass:nth-child(3){bottom:0;right:0;width:0;height:1px}.last:hover .glass:nth-child(3){width:100%;transform:translateX(-100%)}
.last .glass:nth-child(2){top:0;left:0;width:1px;height:0}.last:hover .glass:nth-child(2){height:100%;transform:translateY(100%)}
.last .glass:nth-child(4){bottom:0;right:0;width:1px;height:0}.last:hover .glass:nth-child(4){height:100%;transform:translateY(-100%)}
.next{position:relative;display:block;text-decoration:none;background:linear-gradient(145deg,#fff,rgba(134,182,226,.2));z-index:5002;border-radius:.3em;overflow:hidden;color:rgba(1,54,124,0.315);text-transform:uppercase;letter-spacing:4px;font-weight:bold;font-family:steiner,"Gotham Black","Gotham Ultra",Gabriola,"Digital-7",CHAWP;font-style:normal;font-variant:normal;text-shadow:3px 9px 20px rgba(3,233,244,0.56);transition:400ms ease-in 100ms;opacity:1}
.next:active{background:linear-gradient(145deg,#fff,rgba(134,182,226,.8));color:rgba(49,71,85,0.7);transition:50ms ease-in 0s}
.next:hover{text-shadow:1px 6px 25px #03f4f4;transition:50ms ease-in 0s}
.last_refl{box-reflect:below 450% linear-gradient(transparent,#0001)}.full_refl{box-reflect:below 260% linear-gradient(transparent,#0002)}
.next_refl{box-reflect:below 35% linear-gradient(transparent,#0003)}.panigo{top:0;left:0;position:absolute;opacity:0;width:100%;height:100%;transition:opacity 900ms ease-in 600ms}
.panigo:active{opacity:1;transition:opacity 0ms ease-in 0s}
.pan{position:absolute;display:block;opacity:1;filter:blur(1px);drop-shadow:8px 8px 10px #008cff,brightness(500%)}
.pan:nth-child(1){top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,transparent,#03e9f4);-webkit-animation:animate1 1s linear infinite;animation:animate1 1s linear infinite}
@-webkit-keyframes animate1{0%{left:-100%}50%,100%{left:100%}}
@keyframes animate1{0%{left:-100%}50%,100%{left:100%}}.pan:nth-child(2){top:-100%;right:0;width:3px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);-webkit-animation:animate2 1s linear infinite;animation:animate2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}
@-webkit-keyframes animate2{0%{top:-100%}50%,100%{top:100%}}
@keyframes animate2{0%{top:-100%}50%,100%{top:100%}}.pan:nth-child(3){bottom:0;right:-100%;width:100%;height:4px;background:linear-gradient(270deg,transparent,#03e9f4);-webkit-animation:animate3 1s linear infinite;animation:animate3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes animate3{0%{right:-100%}50%,100%{right:100%}}
@keyframes animate3{0%{right:-100%}50%,100%{right:100%}}.pan:nth-child(4){bottom:-100%;left:0;width:5px;height:100%;background:linear-gradient(360deg,transparent,#03e9f4);-webkit-animation:animate4 1s linear infinite;animation:animate4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}
@-webkit-keyframes animate4{0%{bottom:-100%}50%,100%{bottom:100%}}
@keyframes animate4{0%{bottom:-100%}50%,100%{bottom:100%}}